@charset "utf-8"; 
/* 
 * 1sc.com.cn common.min style $
 */

*{ font-family:  "Microsoft YaHei", "PingFang SC", sans-serif; }
ol,ul,li{ list-style: none; margin: 0; }
a{ text-decoration: none; color: #666; font-size: 14px; cursor: pointer; }
a:hover{ text-decoration: none; }
button,input,select,textarea{ outline: 0; }
ul{ padding-inline-start: 0; }
::-webkit-input-placeholder { color: #c0c0c0; }	  /* WebKit browsers */
:-moz-placeholder { color: #c0c0c0; }	/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #c0c0c0; }	/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #c0c0c0; }	/* Internet Explorer 10+ */

@media (min-width: 1400px){
	.container{
	    min-width: 1450px;
	}
}

/* 用户登录 */
.modal{ z-index: 9999; }
.user_close{ width: 50px; height: 50px; position: absolute; right: 0; }
.modal-dialog { max-width: 380px; }
.modal-content{ border-radius: 8px; }
.login-title{ text-align: center; font-weight: bold; width: 100%; font-family: PingFang SC; font-size: 28px; margin: 30px 0 5px 0; }
.login-short{ text-align: center; width: 100%; font-size: 12px; margin-bottom: 25px; color: #999; font-family: PingFang SC; }
#login_container{ text-align: center; background: #6a70e9; color: #fff; padding-top: 20px; }
.login-bottom{ font-size: 12px; color: #999; width: 100%; padding: 20px 0 10px 0; line-height: 23px; text-align: center; font-family: PingFang SC; }
.login-bottom a{ font-size: 12px; color: #999; }
.login-bottom a:hover{ color: #6a70e9; }
.blur{ display: none; width: 250px; height: 245px; padding: 110px 40px; position: absolute; left: 65px; top: 205px; background: hsla(0,0%,0%,.6); backdrop-filter: blur(10px); text-align: center; font-size: 16px; color: #fff; font-family: PingFang SC; }

/* Footer */
.footer{ background: #f6f8f9; padding: 40px 0 20px 0; margin-top: 50px; border-top: 1px solid #f1f1f1; }
	.footer .mylink{ margin-bottom: 30px; }
	.footer .mylink, .footer .mycopy{ text-align: center; }
	.footer .mylink a{ padding: 0 20px; border-right: 1px solid #ced3e0; color: #4d4d4d; }
	.footer .mylink a:last-child{ border: none; }
	.footer .mycopy{ margin-bottom: 5px; border-top: 1px solid #ececec; padding-top: 30px; }
	.footer .mycopy,.footer .mycopy a{ font-size: 14px; color: #999; }
	.footer .mybeian{ text-align: center; }
	.footer .mybeian a{ font-size: 12px; color: #999; }

/* 分页 */
.pager { text-align: center; margin-top: 20px; }
	.pager a, .pager span{ width: 45px; height: 35px; color: #8a8a8a; display: inline-block; line-height: 35px; font-size: 14px; margin: 0 5px; border-radius: 6px; background: #fff; }
	.pager a:hover{ background: #6a70e9; color: #fff; }
	.pager .current { background-color: #6a70e9; color: #fff; position: relative; z-index: 1; }
	.pager span.els { border-color: transparent; }


/* ****************** Menu ****************** */
.header{ position:fixed; top:0; left:0; z-index:999; height: 80px; background: none; }
.header .left{ width: 12%; }
.header .left img{ height: 40px; margin-top: 20px; }
.header .left .img2{ display: none; }

.header .nav{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 80px; display: block; }
.header .navbar_nav li{ float:left; position: relative; display: block; margin-left: 5px; }
.header .navbar_nav li a{ height: 100%; padding: 0 15px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #fff; font-size: 16px; opacity: 0.7; }
.header .navbar_nav li.active a{ opacity: 1; font-weight: bold; }
.header .navbar_nav li a:hover{ opacity: 1; }

.header .logreg{ text-align: right; line-height: 80px; }
.header .logreg .vip{ margin-right: 30px; background: url(../image/vip-white.png) no-repeat 10px 10px; background-size: auto 23px; font-size: 16px; color: rgba(255,255,255,.75); padding: 10px 12px 10px 42px; border-radius: 5px; }
.header .logreg .vip:hover{ background-color: rgba(255,255,255,.3); }
.header .logreg .logreg-btn{ border-radius: 20px; font-size: 14px; color: #fff; border: 2px solid #fff; padding: 8px 12px; }
.header .logreg .logreg-btn:hover{ background: #fff; color: #4c2fff; }

.header .logreg .user-model img{ width: 42px; height: 42px; border-radius: 50%; margin-bottom: 5px; }
.header .logreg .user-info{ display: none; line-height: normal; text-align: left; line-height: 30px; width: 280px; position: absolute; top: 74px; right: 17px; }
.header .logreg .user-info .bi-caret-up-fill{ color: #fff; font-size: 20px; position: absolute; top: -18px; right: 8px; }
.header .logreg .user-info-main{ padding: 20px 25px;  background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px 0 rgb(136 136 136 / 15%); z-index: 999; }
.header .logreg .user-info-main .info-head{ width: 100%; height: 55px; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; margin-bottom: 10px; }
.header .logreg .info-head-img{ float: left; }
.header .logreg .info-head-img img{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.header .logreg .info-head-font{ line-height: 20px; width: 180px; height: 40px; margin-left: 10px; float: left; }
.header .logreg .info-head-font span{ font-size: 12px; color: #999; }
.header .logreg .info-vip{ width: 230px; height: 40px; float: left; line-height: 40px; background: #fafafa; padding: 0 10px; border-radius: 5px; }
.header .logreg .info-vip .info-vip-left{ width: 90px; height: 40px; float: left; background: url('../image/vip-hui.png') no-repeat left center; background-size: 18px auto; padding-left: 25px; font-size: 15px; color: #999; }
.header .logreg .info-vip .icon-green{ background: url('../image/vip-green.png') no-repeat left center; background-size: 18px auto; }
.header .logreg .info-vip .info-vip-right{ width: 120px; height: 40px; float: left; text-align: right; font-size: 13px; color: #999; }
.header .logreg .info-vip .info-vip-right a{ background: #37da90; color: #fff; padding: 3px 9px; border-radius: 15px; font-size: 13px; }
.header .logreg .users-other{ float: left; width: 230px; padding-top: 25px; line-height: 23px; }
.header .logreg .users-other a{ display: inline-block; width: 65px; text-align: center; margin-left: 5px; color: #555; }
.header .logreg .users-other a:hover{ color: #6a70e9; }
.header .logreg .users-other i{ font-size: 14px; }

.header.on{
    padding-top: 0;
    height: 80px;
    background: hsla(0, 0%, 100%, .9);
    backdrop-filter: blur(10px);
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    box-shadow: 0 2px 10px 0 rgba(54, 62, 87, .2);
}
.header.on 
.header.on .navbar_nav li.active{
    background: none;
}
.header.on .navbar_nav li.active a{
    color: #6a70e9;
    font-weight: bold;
}
.header.on .left .img1{
    display: none;
}
.header.on .left .img2{
    display: block;
}
.header.on .navbar_nav li a{
    color: #3a3a3a;
}
.header.on .navbar_nav li:hover a{
    color: #6a70e9;
}

.header.on .logreg .vip{ background: url(../image/vip-green.png) no-repeat 12px 10px; background-size: auto 23px; color: #3a3a3a; }
.header.on .logreg .vip:hover{ background-color: rgba(255,255,255,.6); }
.header.on .logreg .logreg-btn{ background: #6a70e9; border-color: #6a70e9; color: #fff; }
.header.on .logreg .logreg-btn:hover{ background: #8086fd; border-color: #8086fd; color: #fff; }

#navToggle{
    display: none;
}

.m_nav{
    position: fixed;
    top: 0px;
    box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
    height: 60px;
    padding: 20px;
    box-sizing: border-box;
}
.m_nav .top .closed{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    float:right;
    cursor: pointer;
}
.m_nav .logo{
    width: 100%;
    margin:0 auto;
}
.m_nav .logo img{
    height: 42px;
    display: block;
    margin:30px auto;
}
.m_nav .ul{
    margin-top: 30px;
}
.m_nav .ul li{
    padding: 0 20px;
    border-bottom: 1px solid #f5f5f5;
    transform: translateY(0);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 100%;
}

@media screen and (max-width: 992px){
    .header{
        padding: 0 10px;
    }
    .header .logreg{ display:none; }
    .header #navToggle {
        height: 100%;
        padding: 20px 15px;
        margin-right: -15px;
        display: inline-block;
        float: right;
    }
    .header #navToggle span {
        position: relative;
        width: 25px;
        height: 1px;
        margin-top: 19px;
    }
    .header #navToggle span:before,
    .header #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 1px;
        left: 0;
    }
    .header #navToggle span,
    .header #navToggle span:before,
    .header #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #fff;
    }
    .header.on #navToggle span,
    .header.on #navToggle span:before,
    .header.on #navToggle span:after{
        background: #000;
    }
    .header #navToggle span:before {
        top: 8px;
    }
    .header #navToggle span:after {
        bottom: 10px;
    }
    .header #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
    .header #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
    .header #navToggle.open span {
        background: none;
    }
    .header #navToggle.open span:before,
    .header #navToggle.open span:after {
        background: #4f4f4f;
    }
    
    .header .nav{
        display: none;
    }
}