.loginimg{width:100%;height:auto;margin:0 auto}
.loginimg1{width:280px;height:auto;margin:0 auto}
.update{width:100%;height:18px;padding-top:5px;background-color:#333;color:#fff;font-family:Arial,simsong;font-size:12px;text-align:center;position:absolute;margin:auto 0;top:0px}
.clear{clear:both;display:inline\9}
html {overflow:hidden}
body{font-size:12px;MARGIN:0px;WIDTH:100%;HEIGHT:100%;font-family:"Microsoft YaHei",Verdana;font-style:normal;overflow:hidden;position:fixed;min-width:1000px}
form{height:100%}
#backGroundImg table{width:100%;height:100%}
#backGroundImg table tr td{text-align:center;vertical-align:top;padding-top:25px;color:#333}
a:link{text-decoration:none;color:#1f3a87}
a:visited{text-decoration:none;color:#1f3a87}
a:hover{text-decoration:none;color:#ff0000}
#countdown a:hover{color:#593dab}
/*.skin_blue_bg{BACKGROUND-IMAGE:url(../images/login_bg.jpg);height:100%}*/
.whcoselect{width:100%;height:40px;margin:0 auto;font-family:"Microsoft Yahei";font-size:14px;position:relative}
.whcoselect:after{contentselect:'';display:block;width:10px;height:10px;border-left:1px #ccc solid;border-bottom:1px #ccc solid;position:absolute;top:11px;right:12px;transform:rotate(-45deg);transition:transform .1 ease-out,top .1s ease-out}
.whcoselect p{padding:0 15px;line-height:36px;cursor:pointer;text-align:left;padding-left:50px}
.whcoselect ul{list-style-type:none;overflow:hidden;position:absolute;top:40px;max-height:0;width:calc(100% - 40px);padding:0;margin-left:40px;margin-top:0;z-index:1001;background:#fff;border:1px solid #ecebeb;border-radius:4px;opacity:0}
.whcoselect ul li{padding:0 15px;line-height:40px;cursor:pointer;border-bottom:1px solid #ecebeb;text-align:left;padding-left:15px}
.whcoselect ul li:hover{background-color:#e0e0e0}
.whcoselect ul li.selected{background-color:#e0e0e0;color:#565656;font-weight:bold}
.whcoselect.open ul{max-height:250px;-webkit-animation:slide-down .2s ease-in;transform-origin:50% 0;width:calc(100% - 40px);padding:0;margin-left:40px;margin-top:0;opacity:1}
.whcoselect.open:after{transform:rotate(-225deg);top:18px;transition:transform .2s ease-in-out}
@-webkit-keyframes slide-down{0%{transform:scale(1,0)}
50%{transform:scale(1,0.6)}
100%{transform:scale(1,1)}
}
/*.subpic{background:url(../images/loginbg_01.gif) repeat}*/
.pagebody1{width:78%;height:485px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
input{outline:none}
.textbox_1,.textbox_2,.textbox_whco,.phone-number{border:none;margin:auto;width:280px;height:35px;position:relative;border-radius:3px;margin-top:20px;border: 1px solid #eaeaea;}
.phone-number .iconfont{width: 52px;height: 52px;line-height: 52px;background: rgba(255,255,255,0.3);text-align: center;font-size: 26px;font-weight:bold;color: #3d3d3d;border-radius: 5px;
}
.phone-number .icon-MFA{font-size: 12px;}
.verification-code{display: flex;align-items: center;}
.verification-code .phone-number{flex: 3;}
.verification-code .get-code{flex: 1; margin-left: 10px;}
.textbox_1:before{content:'';position:absolute;left:10px;top:8px;background-position:-0px -30px;width:30px;height:30px;background-image:url(../images/login/image_4500.png);transform:scale(.7)}
.textbox_2:before{content:'';position:absolute;left:10px;top:8px;background-position:0px 0px;width:30px;height:30px;background-image:url(../images/login/image_4500.png);transform:scale(.7)}
.textbox_whco:before{content:'';position:absolute;left:10px;top:2px;background-position:0px -60px;width:30px;height:30px;background-image:url(../images/login/image_4500.png);transform:scale(.7)}
.textbox_3{margin:auto;overflow:visible;height:35px;position:relative;padding:0;margin-top:20px;width:280px;border-radius:3px;border: 1px solid #eaeaea;}
.textbox_3:before{content:'';position:absolute;left:10px;top:1px;background-position:0px -60px;width:30px;height:30px;background-image:url(../images/login/image_4500.png);transform:scale(.7)}
.textbox_3.other:before{content:'';position:absolute;left:10px;top:8px;background-position:0px -90px;width:30px;height:30px;background-image:url(../images/login/image_4500.png);transform:scale(.7)}
.textbox_1 input,.textbox_2 input,.phone-number input{height:100%;border:none;right:0;background-color:transparent;text-align:left;position:absolute;transition:background-color 50000s ease-in-out 0s;-webkit-text-fill-color:#333 !important;padding-left:50px;padding-right: 30px;}
.textbox_3 input{width:40%;height:100%;border:none;background-color:transparent;text-align:left;position:absolute;padding-left: 50px;left: 0;}
.loginimg.textbox_1 input{left:-1px;bottom:5px}
.loginimg.textbox_2 input{left:-1px;bottom:5px}
.loginimg.phone-number input{left:-1px;bottom:5px}
.loginimg.textbox_3 input{left:0px}
.loginimg1 .textbox_1 input{left:0px}
.loginimg1 .textbox_2 input{left:0px}
.loginimg1 .phone-number input{left:0px;font-size: 14px;font-weight: normal;}
.countdown2{position: absolute;right: 0px;color: #593dab;height: 26px;width: 108px;padding-top: 2px;background: url(../images/login/bg-password.png);cursor: pointer;font-weight: 600;line-height: 25px;font-size: 16px;margin: 2px 0;margin-right: 4px;}
.label_3{float:left;font:12px 闁哄倹婢橀悾顐ｆ媴閿燂拷;height:30px;width:240px;margin-left:305px;line-height:30px;text-align:right}
.label_3 input{background-color:transparent;border:none;color:#fff;display:block;height:30px;float:right;padding:0;margin:0}
.label_4:hover{background-color:#0984e0}
.label_4{font:12px simsong;height:35px;width:100% !important;line-height:35px;color:#ffffff;text-align:center;line-height:40px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer !important;text-decoration:none;outline:none;border:0px;color:white;font:1rem Microsoft Yahei;background:#1e9fff;margin:20px auto}
.copyright{POSITION:absolute;bottom:16px;color:#141515;width:100%;text-align:center;font-family:Microsoft Yahei;right:22%}
.mainCss{height:100%;width:100%;position:relative}
.contentpart{position:absolute;width:100%;height:100%}
.bx-viewport,.slidepart,.slide{width:100%!important;height:100%!important}
#mainbottommsg{color:#fff;margin-left:60px}
.formpart{position:absolute;top:20%;width:25%;right:10%;min-width:384px;min-height:357px;background-color: #fff;border-radius: 10px;box-shadow: rgb(195, 195, 195) 0px 0px 13px 0px;}
.logintitle{font-size:25px;height:60px;font-family:Microsoft Yahei;color:#fff;padding-top:15px}
.slidepartnew .slide{display:none}
#sileddi{width:100%}
.sileddidiv{width:120px;position:absolute;margin:auto;bottom:80px;left:50%;margin-left:-50px}
#sileddi li{list-style:none;float:left;margin-left:15px}
#sileddi li div{width:13px;height:13px;background-color:#000;border-radius:50%;opacity:.5;cursor:pointer}
.choseit{opacity:.8 !important}
.fade-in{display:block;animation:fade-in;animation-duration:1.5s;-webkit-animation:fade-in .5s}
@keyframes fade-in{0%{opacity:.6}
20%{opacity:0.6}
40%{opacity:0.7}
60%{opacity:0.8}
80%{opacity:0.9}
100%{opacity:1}
}@-webkit-keyframes fade-in{0%{opacity:.6}
20%{opacity:0.6}
40%{opacity:0.7}
60%{opacity:0.8}
80%{opacity:0.9}
100%{opacity:1}
}#backGroundImg{position:relative}
.loginimg1 .sle{margin:20px 0 0 25px;margin-left:0}
.loginimg .sle{margin:20px auto;width:280px !important;text-align:left}
.input_title_style{color:#333;display:table-cell;padding-left:5px;padding-top:2.5px;padding-right:40px;text-align:right;font:14px Arial,simhei,Microsoft Yahei;float:left;}

.countdown{position:absolute;right:0px;height:26px;width:108px;padding-top:5px;cursor:pointer;font-weight:600;line-height:25px;font-size:16px;margin: 2px 0;margin-right:4px;background: #1e9fff;color: #fff;}
.selectDb{position:relative;display:block;margin:0 auto;width:100%;color:#cccccc;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none}
.selectDb .placeholder{position:relative;display:block;z-index:1;border-radius:3px;cursor:pointer;height:35px;line-height:35px;padding-left:50px;color:#444;font-size:14px}
.selectDb .placeholder:after{content:"";position:absolute;right:1em;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #aeaeae;z-index:10}
.selectDb.is-open .placeholder:after{border-top:none;border-bottom:7px solid #aeaeae}
.selectDb.is-open ul{display:block;background:#f2f2f2}
.selectDb.selectDb--white .placeholder{background:#fff;color:#999}
.selectDb.selectDb--white .placeholder:hover{background:#fafafa}
.selectDb ul{display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:2px;top:100%;left:0;list-style:none;margin:5px 0 0 0;padding:0;z-index:100}
.selectDb ul li{display:block;padding:0.8em 1em 0.8em 1em;cursor:pointer;font-size:15px;color:#555;text-align:left;padding-left:50px}
.selectDb ul li:hover{background:#eaeaea;color:#555}
input,textarea{outline:none}
.auth-panel{width:100%}
.auth-panel .layui-row{width:100%;display:flex;margin-top:10px}
.auth-panel .layui-row span{font-size:14px;color:#666}
.auth-panel .layui-row .layui-col-md3{width:20%;font-size:16px;color:#444;line-height:30px}
.auth-panel .layui-row .layui-col-md9{width:80%}
.auth-panel input{width:100%;height:30px;border:1px solid #d7d7d7;border-radius:3px;padding-left:10px;outline:none}
.auth-panel .layui-row #urltextarea{width:100%;height:120px;border:1px solid #eee;border-radius:3px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;color:#3b3b3b;font-size:14px;font-family:auto;resize:none;padding-top:25px;padding-left:10px}
#sqmytextarea{width:100%;height:120px;border:1px solid #eee;border-radius:3px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;color:#777;font-size:14px;font-family:auto;resize:none;padding-top:25px;padding-left:10px}
::-webkit-input-placeholder{font-size:14px;color:#999}
::-moz-placeholder{font-size:14px;color:#999}
:-ms-input-placeholder{font-size:14px;color:#999}
.selectauto{position:relative;display:block;margin:0 auto;width:100%;color:#cccccc;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none}
.selectauto .placeholder{position:relative;display:block;z-index:1;border-radius:3px;cursor:pointer;height:35px;line-height:35px;padding-left:10px;color:#444;font-size:14px;border:1px solid #d7d7d7;box-sizing:border-box}
.selectauto .placeholder:after{content:"";position:absolute;right:1em;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #aeaeae;z-index:10}
.selectauto.is-open .placeholder:after{border-top:none;border-bottom:7px solid #aeaeae}
.selectauto.is-open ul{display:block;border:1px solid #d7d7d7}
.selectauto.selectDb--white .placeholder{background:#fff;color:#999}
.selectauto.selectDb--white .placeholder:hover{background:#fafafa}
.selectauto ul{display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:2px;top:100%;left:0;list-style:none;margin:5px 0 0 0;padding:0;z-index:100}
.selectauto ul li{display:block;padding:0.8em 1em 0.8em 1em;cursor:pointer;font-size:15px;color:#555;text-align:left;padding-left:10px}
.selectauto ul li:hover{background:#f8f8f8;color:#555}
.footerBox p{margin: 0;font-size: 1.1em;}
@media screen and (min-width:1920px){
    /* > 1920*/
    .loginimg1 {width: 371px}
    .textbox_1, .textbox_2, .textbox_whco,.textbox_3,.phone-number{width: 370px;height:50px;}
    .formpart {top:10%;min-width: 495px;min-height: 570px;}
    .logintitle{height:90px;line-height: 90px;}
    .logintitle img{width:210px}
    .textbox_3 input{width:60%}
    .label_4{height:48px;}
    .input_title_style{font-size: 16px;}
    .input_frame{width: 18px; height: 18px;}
}
@media screen and (min-width: 1366px) and (max-width:1920px) {
    /* 1366 < && <= 1920 */
    .loginimg1 {width: 371px}
    .textbox_1, .textbox_2, .textbox_whco,.textbox_3,.phone-number{width: 370px;height:50px;}
    .formpart {top:8%;min-width: 495px;min-height: 570px;}
    .logintitle{height:90px;line-height: 90px;}
    .logintitle img{width:210px}
    .textbox_3 input{width:60%}
    .label_4{height:48px;}
    .input_title_style{font-size: 16px;}
    .input_frame{width: 18px; height: 18px;}
}
@media screen and (max-width: 1366px){
    /*  <= 1366*/
    .textbox_2:before{
        top: 3px;
    }
    .textbox_1:before{
        top: 3px;
    }
    .textbox_3:before{
        top: 3px;
    }
}