/*
 *  style.css by 453883682@qq.com
 */
.banner{ position: relative; height: calc(100vh - 90px); overflow: hidden;}
.ban-img{ position: relative; width: 100%; height: 100%; background-color: #000000; overflow: hidden;}
.ban-img img{ width: 100%; height: 100%; object-fit: cover; opacity: .75;}
.ban-text{ position: absolute; left: 0; top: 0; bottom: .6rem; width: 100%; z-index: 1; font-family: 'HarmonyOS_Sans_SC_Medium';}
/* banner-page */
.banner .swiper-pagination{ position: absolute; left: 0; right: 0; bottom: .25rem; text-align: center; margin: 0; z-index: 2; display: none;}
/* ban-btn */
.ban-btn{ position: absolute; top: 50%; transform: translateY(-100%); z-index: 1; cursor: pointer;}
.ban-btn.swiper-button-disabled{ opacity: .45; cursor: no-drop;}
.ban-prev{ left: 2%;}
.ban-next{ right: 2%;}
/* ban-bot */
.ban-bot{ position: absolute; left: 0; bottom: 0; width: 100%; padding: .3rem 0; background-color: rgba(0, 0, 0, 0.45); z-index: 1;}
/* .ban-bot .swiper-slide{ max-width: 1.4rem;} */
.ban-bot .swiper-slide-thumb-active .ban-min-mask{ background-color: rgba(25, 116, 187, .7);}
.ban-bot .swiper-slide:hover .ban-min-mask{ background-color: rgba(25, 116, 187, .7);}
.ban-min{ width: 75%; max-width: 1190px; margin: 0 auto;}
.ban-min-img{ display: block; position: relative; padding-bottom: 100%; border-radius: 50%; cursor: pointer;}
.ban-min-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); transition: all .3s;}
.ban-min-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
/* .ban-scroll */
.ban-scroll{ position: absolute; right: 8%; bottom: .4rem; z-index: 1;}
.ban-scroll span,
.ban-scroll i{ display: inline-block; vertical-align: bottom;}
.ban-scroll i{ position: relative; width: 2px; height: 60px; max-height: .6rem; margin-left: .1rem; background-color: rgba(255, 255, 255, 0.18); overflow: hidden;}
.ban-scroll i::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFFFFF; animation: inArrow 5s linear infinite;}

.box1-bg{ padding: 1.2rem 0; background-color: #F6F6F6; overflow: hidden;}
.box1-logo img{ width: auto; height: 110px; max-height: 1.2rem;}
.box1-text{ max-width: 1180px; margin: .2rem auto .4rem;}
.box1-title{ line-height: 1.4; margin: .2rem 0;}
.box1-con{ line-height: 1.4; margin: .2rem 0;}
.box1-more{ width: fit-content; margin: .4rem auto .7rem;}
.box1-img{ text-align: center;}
.box1-img img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}

.box2-bg{ padding: 1.3rem 0; background-color: #FFFFFF; overflow: hidden;}
.box2-bot{ overflow: hidden;}
.box2-bot .news-list{ margin-left: -.4rem; margin-right: -.4rem;}



/* about */
.a1-box{}
.a1-map{ position: relative; width: 78.75%; max-width: 1260px;}
.a1-map > img{ width: 100%; height: auto;}
.a1-map .map-list{ list-style: none;}
.a1-map .map-list li{ position: absolute;}
.a1-map .map-item{ padding-bottom: 100%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.42); text-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); text-align: center;}
.a1-map .map-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: .1rem;}
.a1-map .map-number{ color: #FFD966; line-height: 1.25;; font-weight: bold;}
.a1-map .map-con{ color: #FFFFFF;}
.a1-map .map-con span{ display: inline-block; vertical-align: middle;}
.a1-map .map-con span + span::before{ content: "/"; margin: 0 1px;}
.a1-map .map-li1{ width: 170px; max-width: 2.2rem; top: 4.8%; left: 13.25%;}
.a1-map .map-li2{ width: 150px; max-width: 2rem; top: 36.12%; left: 7.3%;}
.a1-map .map-li3{ width: 124px; max-width: 1.74rem; top: 37.72%; left: 19.84%;}
.a1-map .map-li4{ width: 200px; max-width: 2.5rem; top: 42.7%; left: 29.37%;}
.a1-map .map-li5{ width: 150px; max-width: 2rem; top: 65.97%; left: 5.2%;}
.a1-map .map-li6{ width: 160px; max-width: 2.1rem; top: 43.34%; left: 75%;}
.a1-right{ position: relative; flex-shrink: 0; width: 400px; max-width: 25%; margin-left: -3.25%; padding: .2rem; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.1); z-index: 1;}
.a1-title{ color: #036EB8; line-height: 1.2; margin: .2rem 0; font-weight: bold;}
.a1-list{ list-style: none;}
.a1-list li{ margin-bottom: .14rem; background: #F8F8F8; border-radius: 8px;}
.a1-name{ position: relative; line-height: 30px; padding: .1rem .2rem; font-family: 'HarmonyOS_Sans_SC_Medium'; cursor: pointer;}
.a1-name::before{ display: block; content: "\e65e"; float: right; font-size: 14px; margin-left: 10px; font-weight: bold; font-family: "iconfont"; transition: all .3s;}
.a1-con{ opacity: .8; line-height: 1.5; padding: .2rem 0; margin: 0 .2rem; border-top: 1px solid rgba(17, 17, 17, .1); display: none;}
.a1-list li.active .a1-name::before{ transform: rotate(180deg);}

/* .a2-img{ margin-top: -.9rem;}
.a2-img img{ width: 100%; height: auto;} */
.a2-bg {background: #F8F8F8;padding-top: .25rem;margin-top: .55rem;}
/* .a2-img{margin-top: -.8rem;} */
.a2-img img{ width: 100%; height: auto;}
.a2-box {padding: 0 0 1.2rem;}
.a2-box .swiper-slide{width: 344px;}
.a2-box {width: 100%;}
.a2-box .swiper-slide .imgBg{padding-bottom: 139.22%;}

.a3-bg{ padding: .8rem 0; background: url(../images/about/a3-bg.png) center center fixed no-repeat; background-size: cover; overflow: hidden;}
.a3-box{ position: relative; width: 620px; height: 620px; max-width: 8rem; max-height: 8rem; line-height: 24px; border: 2px dotted #FFFFFF; border-radius: 50%; margin: 134px auto;}
.a3-box svg{ position: absolute; left: 50%; top: 50%; width: 108.4%; transform: translate(-50%,-50%);}
.path-loop { fill: none; stroke: #FFFFFF; stroke-miterlimit: 10; stroke-width: .2px; stroke-dashoffset: 157.135px; transition: all .3s;}
.a3-list li{ position: absolute; white-space: nowrap; z-index: 1;}
.a3-list li.active{ font-weight: bold;}
.a3-dot{ position: absolute; width: 10px; height: 10px; background: #FFFFFF; border-radius: 50%;}
.a3-icon{ width: 60px; height: 60px; max-width: .8rem; max-height: .8rem; margin: 0 auto .2rem;}
.a3-icon img{ width: 100%; height: 100%; object-fit: contain;}
.a3-li1 .a3-dot{ left: 50%; bottom: -4px; transform: translateX(-50%);}
.a3-li2 .a3-dot{ left: -4px; bottom: 7px;}
.a3-li3 .a3-dot{ left: 50%; top: -4px; transform: translateX(-50%);}
.a3-li4 .a3-dot{ right: -4px; bottom: 7px;}
.a3-li1,
.a3-li3{ left: 50%; transform: translateX(-50%);}
.a3-li2,
.a3-li4{ top: 50%; transform: translateY(-80%);}
.a3-li1{ bottom: 100%; padding-bottom: .3rem;}
.a3-li2{ left: 100%; padding-left: .3rem;}
.a3-li3{ top: 100%; padding-top: .3rem;}
.a3-li4{ right: 100%; padding-right: .3rem;}
.a3-text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 85%; margin: 0 auto; line-height: 1.6; border-radius: 50%;}
.a3-text .swiper-pagination{ display: none;}
.a3-info{ width: 100%; height: 100%;}
.a3-title{ line-height: 1.2; font-family: 'HarmonyOS_Sans_SC_Medium';}
.a3-con{ -webkit-line-clamp: 10;}

.a4-bg{ padding: .6rem 0; overflow: hidden;}
.a4-top-img{ padding-bottom: 40%;}
.a4-bot{ margin: .3rem 0; text-align: center;}
.a4-bot-title{ line-height: 1.6; padding: .1rem 0; border-bottom: 2px solid rgba(17, 17, 17, .1); cursor: pointer; transition: all .3s;}
.a4-bot .swiper-slide-thumb-active .a4-bot-title{ border-color: var(--main-color); color:var(--main-color); }
.a4-text{ max-width: 1200px; line-height: 1.56; margin: .5rem auto; text-align: center;}


/* faq */
.faq-list{ list-style: none;}
.faq-list li{ margin: .24rem 0; border-radius: 8px; border: 1px solid rgba(17, 17, 17, 0.1); transition: all .3s;}
.faq-title{ line-height: 1.2; padding: .24rem .35rem; font-weight: normal; font-family: 'HarmonyOS_Sans_SC_Medium'; cursor: pointer; transition: all .3s;}
.faq-title i{ flex-shrink: 0;}
.faq-icon{ display: block; width: 25px; height: 24px; background: url(../images/faq/faq-icon.png) center center no-repeat; background-size: contain; margin-right: .1rem;}
.faq-btn{ position: relative; width: 14px; height: 14px; margin-left: .1rem;}
.faq-btn::before,
.faq-btn::after{ display: block; content: ""; background-color: #191817; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.faq-btn::before{ width: 100%; height: 2px;}
.faq-btn::after{ width: 2px; height: 100%;}
.faq-title span{ flex: auto;}
.faq-text{ position: relative; line-height: 1.6; padding: .35rem; margin: 0 .35rem .35rem; background-color: #F8F8F8; border-radius: 5px; display: none;}
.faq-text::before{ display: block; content: ""; position: absolute; left: 17px; bottom: 100%; border-bottom: 9px solid #F8F8F8; border-left: 9px solid transparent; border-right: 9px solid transparent;}
.faq-list li.active{ box-shadow: 0 5px .35rem rgba(0, 0, 0, 0.1);}
.faq-list li.active .faq-title{ padding: .3rem .35rem;}
.faq-list li.active .faq-btn::before{ background-color: var(--main-color);}
.faq-list li.active .faq-btn::after{ height: 0;}

/* login */
.login{ max-width: 1200px; margin: 1.3rem auto;}
.login-top{ margin-bottom: .2rem; width: 100%;}
.login-form{ width: 48%;}
.login-form .item{width: 100%; margin-bottom: 16px;}
.login-password{ width: fit-content; margin: .4rem 0 .8rem; font-family: 'HarmonyOS_Sans_SC_Medium'; cursor: pointer; transition: all .3s;}
.login-password:hover{ color: var(--main-color);}
.login-btn{ width: 100%; height: calc(28px + .2rem); background: #036EB8; margin:.4rem auto 0; border: none; display: block; cursor: pointer;}
.login-right{ width: 48.44%;}
.login-tips{ line-height: 1;}
.login-explain{ margin: .2rem 0 .6rem;}
.login-explain li{ margin: .1rem 0;}
.login-explain li h3{ position: relative; font-size: 100%; line-height: 30px; color: var(--main-color); padding-left: 14px;}
.login-explain li h3::before{ display: block; content: ""; position: absolute; left: 0; top: 12px; width: 0; height: 0; border-left: 4px solid var(--main-color); border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.login-link{ display: block; width: 100%; line-height: calc(26px + 0.2rem); margin-top: .16rem; border: 1px solid rgba(17, 17, 17, .1); text-align: center; font-weight: bold; transition: all .3s;}
.login-link.blue{ border-color: var(--main-color);}
.login-link:hover{ background-color: var(--main-color); border-color: var(--main-color); color: #FFFFFF;}


/* password */
.password-box{ position: fixed !important; width: 90%; max-width: 775px; padding: .9rem .3rem;}
.password-title{ line-height: 1.2; margin-bottom: .5rem;}
.password-con{ max-width: 615px; margin: 0 auto;}
.password-tips{ line-height: 1.6; margin: .2rem 0;}
.password-form .item{ position: relative; margin-bottom: 16px;}
.password-form .send-code{ position: absolute; right: 1px; top: 1px; bottom: 1px; padding: 0 .3rem; background-color: #F8F8F8; border: none; border-left: 1px solid rgba(17, 17, 17, .1); cursor: pointer;}
.password-form .send-code + .form-input{ padding-right: calc(150px + .6rem);}

/* user-home */
.user-top{ padding: .5rem .4rem; margin: 0 auto .3rem; border-radius: 8px; background: url(../images/user/user-top.png) center center no-repeat; background-size: cover;}
.user-avatar{ flex-shrink: 0; width: 100px; height: 100px; max-width: 1rem; max-height: 1rem; margin-right: .2rem; border-radius: 50%; overflow: hidden; cursor: pointer;}
.user-avatar img{ width: 100%; height: 100%; object-fit: cover;}
.user-avatar-default,
.user-avatar-img{ width: 100%; height: 100%;}
.user-info{ flex: auto; max-width: 509px; margin-right: auto;}
.user-name{ line-height: 1.5;}
.user-des{ line-height: 1.6; margin: .2rem 0;}
.user-postings{ display: block; width: fit-content; transition: all .3s;}
.user-postings img{ max-width: 18px; margin-right: .1rem; margin-top: -2px;}
.user-postings span{ text-decoration: underline;}
.user-postings:hover{ padding: .1rem; margin: -.1rem 0; color: var(--main-color); background-color: #FFFFFF; border-radius: 4px;}
.user-btn{ flex-shrink: 0; margin-left: .2rem;}
.user-btn a{ display: block; width: fit-content; color: var(--text-color); line-height: calc(22px + .2rem); padding: 0 .3rem; margin-left: auto; border: 1px solid rgba(17, 17, 17, .1); transition: all .3s;}
.user-btn a + a{ margin-top: .24rem;}
.user-btn a.blue{ border-color: var(--main-color); background-color: var(--main-color); color: #FFFFFF;}
.user-btn a:hover{ border-color: var(--main-color); background-color: var(--main-color); color: #FFFFFF; border-radius: 6px; box-shadow: 0 2px 5px rgba(25, 116, 187, .7);}

.user-message{ margin: .3rem 0 0;}
.user-message li{ margin: .2rem 0;}
.user-message li span{ float: right; color: #999999; margin-left: 10px;}
.user-message li a{ position: relative; padding-left: 20px; transition: all .3s;}
.user-message li a::before{ display: block; content: '•'; position: absolute; left: 0; top: 0; color: var(--main-color);}
.user-message li a:hover{ color: var(--main-color); transform: translateX(-5px);}

.viewed-list{ list-style: none; margin: 0 -.12rem;}
.viewed-list li{ width: 33.33%; padding: .22rem .12rem;}
.viewed-link{ height: 100%; background: #F8F8F8; border-radius: 8px; overflow: hidden; transition: all .3s;}
.viewed-img{ padding-bottom: 59.73%;}
.viewed-text{ padding: .3rem .2rem; max-width: 325px; margin: 0 auto;}
.viewed-title{ line-height: 1.4; transition: all .3s;}
.viewed-line{ display: block; width: 18px; height: 2px; background-color: var(--main-color); margin: .15rem auto;}
.viewed-con{ -webkit-line-clamp: 2; line-height: 1.4;}

.viewed-link:hover{box-shadow: 0 8px 13px 0 rgba(17,17,17,.1);}
.viewed-link:hover .imgBg{transform: scale(1.05);}
.viewed-link:hover .viewed-title{color: var(--main-color);}





.message-list{ list-style: none;}
.message-list li{ position: relative; padding: .3rem 0; padding-left: 35px; border-bottom: 1px solid rgba(17,17,17,.1);}
.message-list li::before{ display: none; content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; background-color: var(--main-color); border-radius: 50%;}
.message-img{ flex-shrink: 0; width: 160px; max-width: 2rem; margin-right: .35rem;}
.message-img img{ width: 100%; height: auto;}
.message-text{ flex: auto; width: calc(100% - 358px); max-width: 684px; margin-right: auto;}
.message-top{ margin-bottom: .06rem;}
.message-title{ font-family: 'HarmonyOS_Sans_SC_Medium'; font-weight: normal;}
.message-title a{ color: var(--text-color); transition: all .3s;}
.message-title a:hover{ color: var(--main-color);}
.message-time{ flex-shrink: 0; margin-left: .16rem;}
.message-con{ line-height: 1.5; opacity: .8; -webkit-line-clamp: 2;}
.message-info{ flex-shrink: 0; margin-left: .2rem;}
.message-more{ display: block; width: 120px; line-height: calc(24px + .1rem); color: var(--text-color); border-radius: 18px; border: 1px solid var(--text-color); text-align: center; transition: all .3s;}
.message-more:hover{ border-color: var(--main-color) !important; background-color: var(--main-color); color: #FFFFFF !important;}
.message-del{ margin-left: .24rem; cursor: pointer; transition: all .3s;}
.message-del:hover{ color: var(--main-color);}
.message-online{ color: #999999; transition: all .3s;}
.message-online img{ width: 24px; max-width: .3rem; margin-right: .1rem; margin-top: -2px;}
.message-online:hover img{ animation: swing 1s linear infinite;}

.message-list li.read::before{ display: none;}
.message-list li.read .message-title{ color: #999999;}
.message-list li.read .message-con{ color: #999999;}
.message-list li.read .message-more{ border-color: #999999; color: #999999;}

.postings-list li{ padding-left: 0 !important;}
.postings-list li::before{ display: none;}
.postings-left{ flex: auto; overflow: hidden;}
.postings-img{ float: left; width: 110px; height: 110px; margin-right: .3rem;}
.postings-img img{ width: 100%; height: 100%; object-fit: cover;}
.postings-text{  overflow: hidden;}
.postings-top{ margin: .1rem 0;}
.postings-top .message-title{ font-weight: bold;}
.postings-con{ margin: 0 -.25rem;}
.postings-item{ position: relative; padding: 0 .25rem;}
.postings-item::before{ display: block; content: ""; position: absolute; left: 0; top: 10%; width: 1px; height: 80%; background-color: rgba(17, 17, 17, 0.1);}
.postings-status{ line-height: 22px; padding: 0 .13rem; margin-left: .16rem; border: 1px solid var(--main-color); border-radius: 3px;}
.postings-status.fail{ border-color: var(--text-color); color: var(--text-color);}

.password-container{ height: calc(100% - .3rem);}
.password-change{ max-width: 720px; margin: .3rem 0 .6rem;}
.password-item{ margin: .35rem 0;}
.password-label{ display: block; line-height: 1.2; margin: .15rem 0;}

.info-form{ margin: .3rem -.12rem;}
.info-item{ width: 50%; padding: 0 .12rem; margin: .1rem 0;}
.upload-licence{ width: 100%; margin-top: .26rem !important;}
.upload-licence .upload-btn{ width: 180px; text-align: center; line-height: calc(26px + .2rem); border: 1px solid rgba(17, 17, 17, .1); color: #191817; margin: 0 18px; cursor: pointer; transition: all .3s; display:inline-block; }
.upload-licence .upload-btn:hover{ border-color: var(--main-color); color: var(--main-color);}
.info-btn{ width: 100%; max-width: 742px; margin: .3rem 0 .6rem;}
.info-btn .login-btn{ width: 50%; margin-top: 0 !important; margin: 0 .08rem; transition: all .3s;}
.info-btn .reset-btn{ border: 1px solid rgba(17, 17, 17, 0.1); background-color: transparent;}
.info-btn .login-btn:hover{ box-shadow: 0 2px 5px rgba(25, 116, 187, .7);}
.info-btn .reset-btn:hover{ border-color: var(--main-color); color: var(--main-color); box-shadow: none;}


@media (max-width:1600px) {

    
}
@media (max-width:1400px) {
    
}
@media (max-width:1200px) {
    .banner{ height: auto;}
    .ban-text{ bottom: 0;}
    .ban-btn{ display: none;}
    .ban-bot{ position: static; background-color: transparent;}
    .ban-min{width: 100%;}
    .ban-scroll{ display: none;}
    .banner .swiper-pagination{ display: block;}

    .box1-bg{ padding: .6rem 0;}
    .box1-logo img{ height: 80px;}
    .box2-bg{ padding: .6rem 0;}
    .box2-bot .news-list{ margin-left: -.2rem; margin-right: -.2rem;}
    .box2-bot .news-list li{ flex: auto;}

    .a1-box{ display: block;}
    .a1-map{ width: 100%;}
    .a1-right{ width: 100%; max-width: 100%; margin: .2rem 0; animation-name: fadeInUp;}
    /* .a2-img{ margin-top: -.5rem;} */
	.a2-box{padding-bottom: .55rem;}
	.a2-bg{padding-top: .1rem;}
    .a3-bg{ padding: .6rem 0;}
    .a3-box{ width: 500px; height: 500px; margin: 110px auto;}
    .a3-icon{ width: 40px; height: 40px; margin: 0 auto .1rem;}
    .a3-con{ -webkit-line-clamp: 6;}

    .a4-text{ margin: .3rem auto;}

    .login{ margin: .6rem auto;}
    .password-box{ padding: .6rem .3rem;}
    .password-title{ margin-bottom: .3rem;}

    .user-top{ padding: .3rem;}
    .user-btn a + a{ margin-top: .1rem;}
    .user-avatar{ width: 80px; height: 80px;}
    .user-des{ margin: .1rem 0;}

    .viewed-list{ margin: .1rem -.1rem;}
    .viewed-list li{ padding: .1rem;}
    .viewed-text{ padding: .2rem;}
    .viewed-line{ margin: .1rem auto;}
    
    .info-item{ margin: 5px 0;}

}
@media (max-width:991px) {
    .ban-text{ font-size: .4rem;}

    .a1-map .show{ display: none;}
    .a1-map .hide{ display: block;}
    .a1-map .map-list{ display: none;}

    .a3-box{ width: 100%; height: auto; border-radius: 6px; margin: 0 auto;}
    .a3-box svg{ display: none;}
    .a3-list{ display: none;}
    .a3-text{ position: static; width: 100%; padding: .3rem; border-radius: 0; text-align: left;}
    .a3-text .swiper-pagination{ display: block;}
    .a3-info{ display: block;}
    .a3-title{ margin: .1rem 0;}
    .a3-name{ display: block;}
    .a3-name img{ max-width: .4rem; margin-right: 5px;}
    .a3-con{ display: block;}
    
    .login{ display: block;}
    .login-form,
    .login-right{ width: 100%; margin: .3rem 0;}
    .login-password{ margin: .2rem 0;}

    .user-top{ display: block;}
    .user-avatar{ margin: 0 auto .2rem;}
    .user-info{ max-width: 100%; margin: 0 auto; text-align: center;}
    .user-postings{ margin: .1rem auto;}
    .user-btn{ display: flex; justify-content: center; margin: .3rem auto 0;}
    .user-btn a{ margin: 0 .1rem;}
    .user-btn a + a{ margin: 0;}

    .message-list li{ display: block; padding: .2rem 0; padding-left: 20px;}
    .message-list li::before{ margin-top: 0; top: 30%;}
    .message-img{ float: left; width: 120px; margin-right: .1rem; margin-bottom: .2rem;}
    .message-text{ width: auto; max-width: none; overflow: hidden; margin-bottom: .1rem;}
    .message-top{ display: block;}
    .message-time{ margin-left: 0;}
    .message-con{ -webkit-line-clamp: 1;}
    .message-info{ width: 100%; margin: .1rem 0 0;}
    .message-more{ flex: auto;}
    .message-del{ flex-shrink: 0;}
    .message-online{ flex: auto; text-align: left;}

    .postings-img{ max-width: 1.2rem; max-height: 1.2rem; margin-right: .2rem;}
    .postings-con{ margin: 0 -.1rem;}
    .postings-item{ padding: 0 .1rem;}

    .info-item{ width: 100%;}
    
    
}
@media (max-width:767px) {
    .viewed-list li{ width: 50%;}

    .postings-top{ margin: 0;}
    .postings-con{ display: block;}
    .postings-item{ display: flex; margin: .1rem 0;}
    .postings-item span{ flex-shrink: 0; margin-right: .1rem;}
    .postings-item p{ flex: auto; font-size: 14px; overflow: hidden;}

    
	.upload-licence .upload-btn{ width: 120px;}

}
@media (max-width:640px) {
    .user-message li span{ float: none; display: block; margin: 0 0 5px;}

}
@media (max-width:460px) {
    .box2-bot .news-list{ margin-left: 0; margin-right: 0;}

    .password-form .item{ display: flex; flex-direction: column-reverse;}
    .password-form .send-code{ position: static; height: calc(28px + .1rem); margin-top: 5px; border-left: none;}
    .password-form .send-code + .form-input{ padding-right: 12px;}

    .message-title{ font-size: .28rem;}
    .postings-status{ line-height: 20px;}

}