@charset "utf-8";
/*-----------------共用样式------------------B */
body{font-size:15px;margin:0px;padding:0px;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color:#373737;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ul,li,dl,dt,dd,ol,img,h1,h2,h3,h4,h5,h6,form,input,p,option{margin:0px;padding:0px;}
dl,dt,dd,li,ol,ul{list-style-type:none; display:block;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;border:none;}
img{vertical-align:middle;border:0px;}
.clear{width:0px;height:0px;line-height:0px;font-size:0px;content:".";display:block;height:0;clear:both;visibility:hidden}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.w{width:1200px;margin:0px auto;padding:0px;}
strong{font-weight: normal;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

.login-page{width: 100vw;height: 100vh;position: relative;top:0;left:0;background: url(../images/login/auth_bg.jpg) no-repeat 50% 50%;background-size: cover;overflow: hidden;}
.login-box{position: absolute;width: 510px;left: calc(50% - 255px);height: 444px;top: calc(50% - 222px);}
.login-logo{width: 100%;height: 66px;overflow: hidden;}
.login-logo .svgLogo{width: 100%;height: 66px;overflow:hidden;margin: 0 auto;}
.login-box .login-form{width: 278.4px;margin: 0 auto;height:347px;background: url(../images/login/login-bg.png) no-repeat 0 0;background-size: 100%;padding:0 34.8px;}
.login-form .login-type{line-height: 46px;}
.login-form .login-type>span{display: inline-block;cursor:pointer;font-size: 14px;width: 5rem;text-align: center;margin:0 calc(25% - 2.5rem);color:#fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.login-form .login-type .active{color: #E31263;border-bottom: 2px solid;}
.login-form .login-type>span:hover{color: #E31263;}
.login-form dl{margin-top: 40px;line-height: 40px;}
.login-form dl dd{border-radius: 6px;overflow: hidden;background-color: #575351;padding-left: 40px;margin-top:24px;}
.login-form dl dd .error{background: #78716D url(../images/login/error.png) no-repeat 96% 50%;background-size: 18px;}
.login-form dl dd label{display: none;}
.login-form .login-text{width:92%;height:44px;display:inherit;font-size:15px;background-color:#78716D;padding:0 4%;color:#E7E6E6;line-height: 40px;}
.login-form .login-text::-webkit-input-placeholder{color: #E7E6E6;font-size: 15px;}
.login-form .login-text:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #78716D inset;
    -webkit-text-fill-color: #E7E6E6;}
.login-account{background: url(../images/login/account.png) no-repeat 13px 50%;background-size:14px;}
.login-account #region{cursor:pointer;width:30%;padding:0 7% 0 4%;float:left;line-height:44px;color:#fff;border-right:2px solid #575351;box-sizing:border-box;background: #78716D url(../images/team/login_down.png) no-repeat 96% 50%;background-size: 16px;}
.login-account #username{width: 62%;float: right;}
.region-box{display:none;position:absolute;top:262px;width:258.4px;background-color:#E7E6E6;padding:4px 10px;line-height:28px;height:310px;overflow:auto;border:1px solid #b1b1b1;font-size:14px;}
.region-box li{cursor: pointer;}
.region-box li>span{float: right;}
.login-passwd{background: url(../images/login/passwd.png) no-repeat 13px 50%;background-size:14px;}
.login-submit{margin-top:40px;width:100%;display:block;line-height:40px;border-radius:6px;background-color:#E31263;color:#fff;}
hr.gradient{background: url(../images/login/hr.png) no-repeat center 0;height: 1px;padding: 0;border: none;max-width: 345px;margin: 0 auto;}
.login-other{margin-top: 16px;}
.login-other .register{display: inline-block;}
.login-other .forget-passwd{float: right}
.login-other>p>a{text-decoration: none;color:#E31263;font-size: 14px;line-height: 24px;}
.login-other>p>a:hover{font-weight: bold;}
.login-foot{position:absolute;bottom:0;right:0;line-height:32px;font-size:14px;color:#ccc;}

.overlay{position: fixed;background-color: rgba(0,0,0,0.4);top:0;left:0;opacity:0;display:none;transition: all 0.5s ease 0s;width: 100vw;height: 100vh;}
.register-type{position:fixed;width:347px;left:calc(50% - 173px);display:none;top:calc(50% - 130px);height:373px;background-color:#fff;border-radius:4px;}
.type-title{line-height:40px;font-weight:bolder;border-bottom:1px solid #c1c1c1;text-align: center;}
.type-title .close{position: absolute;right: 0;top: 0;cursor:pointer;background: url(../images/login/close.png) no-repeat 50% 50%;background-size: 80%;width: 40px;height: 40px;}
.type-title .return{position: absolute;left: 0;top: 0;cursor:pointer;display:none;background: url(../images/login/return.png) no-repeat 50% 50%;background-size: 46%;width: 40px;height: 40px;}
.type-content{padding: 0 4%;line-height: 24px;}
.type-content li{border: 1px solid #c1c1c1;padding: 12px 8px;border-radius: 4px;margin-top: 20px;cursor:pointer;}
.associations{background: url(../images/login/associations.png) no-repeat 0 50%;background-size:18px;padding-left: 24px;}
.school{background: url(../images/login/school.png) no-repeat 0 50%;background-size:18px;padding-left: 24px;}
.member{background: url(../images/login/member.png) no-repeat 0 50%;background-size:18px;padding-left: 24px;}

.other-box{padding: 22px 6%;}
.other-box li{line-height: 46px;background-color:#fff;border-bottom: 1px solid #F0F0F0;font-size:15px;color: #666;}
.other-box .info_title{background-color: #f6f6f6;}
.other-box li dt{float: left;width: 4rem;color: #9C9C9C;}
.other-box li dd{float: right;width: calc(100% - 4rem);}
.other-box li dd>input{width: 100%;height: 46px;vertical-align: top;}
.other-box li #mobile{width: calc(100% - 5rem);}
.other-box li #send_code{width: 5rem;font-size:12px;height:auto;padding:0.4rem 0;color:#666;border:1px solid #B7B7B7;background-color:#F7F7F7;border-radius:4px;}
.other-box li dl:after{clear: both;display:block;content: '';}
.other-box .submit{width:100%;margin: 54px auto 0;display: block;height: 46px;border-radius: 6px;background-color: #E31263;color: #fff;text-decoration:none;}
.other-box #region_code{cursor: pointer;background: url(../images/team/login_down_black.png) no-repeat 98% 50%;background-size: 14px;}
.forgot-region-box{display:none;position:absolute;top:108px;width:283px;background-color:#fff;padding:4px 10px;height:310px;overflow:auto;border:1px solid #b1b1b1;}
.forgot-region-box li{cursor: pointer;border-bottom: none;line-height: 28px;font-size: 14px;}
.forgot-region-box li>span{float: right;}




.svgLogo svg{display: block;height: 66px;width: 66px;}
.svgLogoL{float: left;}
.svgLogo svg .svgLogQ{stroke-dasharray: 0%, 160%;stroke-dashoffset: 10%;-moz-animation: first1 2s 0.8s  ease-in-out forwards;-webkit-animation: first1 2s 0.8s ease-in-out forwards;animation: first1 2s 0.8s ease-in-out forwards;}
.svgLogo svg .svgLogW{stroke-dasharray: 200%, 200%;stroke-dashoffset: -200%;-moz-animation: first2 2s 0s ease-in-out forwards;-webkit-animation: first2 2s 0s ease-in-out forwards;animation: first2 2s 0s ease-in-out forwards;}
.svgLogoR{float: left;overflow: hidden;width: calc(100% - 90px);margin-left: 10px;}
.maskBox{
    width: 100%;
    -webkit-mask-image: -webkit-gradient(linear, 0 0, 1000 0, from(rgba(0, 0, 0 , 1)),color-stop(0.4, rgba(0, 0, 0 , 1)), color-stop(0.6, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    -moz-mask-image: -moz-gradient(linear, 0 0, 1000 0, from(rgba(0, 0, 0 , 1)),color-stop(0.4, rgba(0, 0, 0 , 1)), color-stop(0.6, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    mask-image: gradient(linear, 0 0, 1000 0, from(rgba(0, 0, 0 , 1)),color-stop(0.4, rgba(0, 0, 0 , 1)), color-stop(0.6, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    -moz-animation: first4 2s 1.2s  ease-in-out forwards;
    -webkit-animation: first4 2s 1.2s ease-in-out forwards;
    animation: first4 2s 1.2s ease-in-out forwards;
}
.maskBox .maskIn{
    width: 100%;
    transform:translate(100%,0px);
    -moz-animation: first3 2s 1.2s  ease-in-out forwards;
    -webkit-animation: first3 2s 1.2s ease-in-out forwards;
    animation: first3 2s 1.2s ease-in-out forwards;
}
.svgLogoRin{width: 100%;height: 66px;background: url("../images/login/logo.png") no-repeat 0 84%;padding: 0;margin: 0;background-size:100%;}
.login-prompt{text-align: center;color: #fff;margin: 20px 0 10px;font-size: 13px;}

@-webkit-keyframes first1 {
    0% {
        stroke-dasharray: 0%, 160%;
        stroke-dashoffset: 10%;
        opacity: 0
    }
    40%{
        opacity: 1
    }
    70% {
        stroke-dasharray: 160%, 160%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
    100% {
        stroke-dasharray: 160%, 160%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
}
@-webkit-keyframes first2 {
    0% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: -200%;
        opacity: 0
    }
    40%{
        opacity: 1
    }
    70% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
    100% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
}


@-moz-keyframes first1 {
    0% {
        stroke-dasharray: 0%, 160%;
        stroke-dashoffset: 10%;
        opacity: 0
    }
    40%{
        opacity: 1
    }
    70% {
        stroke-dasharray: 160%, 160%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
    100% {
        stroke-dasharray: 160%, 160%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
}
@-moz-keyframes first2 {
    0% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: -200%;
        opacity: 0
    }
    40%{
        opacity: 1
    }
    70% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
    100% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
}
@keyframes first1 {
    0% {
        stroke-dasharray: 0%, 160%;
        stroke-dashoffset: 10%;
        opacity: 0
    }
    40%{
        opacity: 1
    }
    70% {
        stroke-dasharray: 160%, 160%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
    100% {
        stroke-dasharray: 160%, 160%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
}
@keyframes first2 {
    0% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: -200%;
        opacity: 0
    }
    40%{
        opacity: 1
    }
    70% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
    100% {
        stroke-dasharray: 200%, 200%;
        stroke-dashoffset: 0%;
        opacity: 1
    }
}

@-webkit-keyframes first3 {
    0% {
        -moz-transform:translate(100%,0px);
        -webkit-transform:translate(100%,0px);
        transform:translate(100%,0px);
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}

@-webkit-keyframes first4 {
    0% {
        -moz-transform:translate(-100%,0px);
        -webkit-transform:translate(-100%,0px);
        transform:translate(-100%,0px);
        opacity:0;
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
        opacity:1;
    }
}


@-moz-keyframes first3 {
    0% {
        -moz-transform:translate(100%,0px);
        -webkit-transform:translate(100%,0px);
        transform:translate(100%,0px);
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}

@-moz-keyframes first4 {
    0% {
        -moz-transform:translate(-100%,0px);
        -webkit-transform:translate(-100%,0px);
        transform:translate(-100%,0px);
        opacity:0;
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
        opacity:1;
    }
}

@keyframes first3 {
    0% {
        -moz-transform:translate(100%,0px);
        -webkit-transform:translate(100%,0px);
        transform:translate(100%,0px);
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}

@keyframes first4 {
    0% {
        -moz-transform:translate(-100%,0px);
        -webkit-transform:translate(-100%,0px);
        transform:translate(-100%,0px);
        opacity:0;
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
        opacity:1;
    }
}

@media only screen and (max-device-width: 700px){
    .login-logo{height: 56px;}
    .svgLogo{width: 100vw !important;}
    .svgLogo svg{height: 56px;width: 56px;}
    .svgLogoR{width: calc(100% - 70px);}
    .svgLogoRin{height: 56px;}
    .register-type{width: 94vw;left:calc(50% - 47vw);}
}

.help-top{width: 100%;height: 60px;box-shadow: 1px 1px 1px 1px #eee;position: fixed;top:0;left:0;background-color: #fff;}
.help-top-b{width: 100%;height: 60px;}
.help-top-body{width: 1200px;margin: 0 auto;line-height: 60px;}
.help-top-body:after,.help-top-body ul:after,.help-midden:after,.help-footer-body:after{display: block;clear: both;content: '';}
.help-top-body .top-logo{float: left;width: 200px;}
.help-top-body li{float: left;margin:0 20px;}
.help-top-body .top-logo>a,.help-top-body li a{text-decoration: none;color:#333;}
.help-top-body li.active a,.help-top-body li a:hover,.help-menu li.active a,.help-menu li a:hover{color:#E31263;}

.help-midden{width: 1200px;margin:26px auto;}
.help-midden .help-menu{position:fixed;top:86px;width: 166px;line-height: 40px;background-color: #fafafa;border: 1px solid #eee;padding: 6px 16px;}
.help-menu li{border-bottom: 1px solid #e5e5e5;}
.help-menu li:last-child{border-bottom: none;}
.help-menu li a{text-decoration: none;color:#333;}
.help-body{float: right;width: 980px;line-height: 32px;}
.help-body img{max-width: 100%;}

.help-footer{width: 100%;background-color: #f3f4fa;border-top: 1px solid #ECEEF6;}
.help-footer-body{width: 1200px;margin:0 auto;padding:40px 0;}
.help-footer-menu{font-size: 12px;line-height: 14px;float: left;width: 75%;}
.help-footer-menu>div{float: left;width: 33.33%}
.help-footer-menu .help-title-c,.help-qrcode dt{font-size: 16px;line-height: 16px;color:#2c2d48;font-weight: 400;padding-bottom: 20px;}
.help-footer-menu li{margin-bottom: 14px;}
.help-footer-menu li a{text-decoration: none;color:#2c2d48;}
.help-footer-menu li a:hover{color:#E31263;}
.help-qrcode{float: right;width: 130px;text-align: center;}
.help-qrcode img{width: 130px;}
.help-footer .copyright{height: 42px;line-height: 42px;text-align: center;border-top:1px solid #ECEEF6;font-size: 10px;}

.amplif-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display: none;background-color: rgba(0,0,0,0.6);}
.amplif-box>img{width:98%;margin:4% auto;display:block;object-fit:contain;height:90%;}