@charset "utf-8";


@media screen and (min-width:1200px) {
	.registerArea{width:100%; min-width:1200px;}
}
@media screen and (max-width:1200px) {
	.registerArea{width:100%; min-width:1000px;}
}

.btn{border-radius:2px; text-align:center; color:#fff; cursor:pointer; text-indent:0px; -webkit-transition:background-color ease .1s; transition:background-color .1s ease;}
.btn:active{text-indent:1px;}

.registerArea{height:auto; position:relative; text-align:center; color:#fff; overflow:hidden; border:1px solid #8ac; border-left:0; border-right:0; background:url(/images/login.bg.png) center 0 no-repeat #bad5ed;}

.registerBG{width:380px; height:440px; float:left; margin:40px; display:none;}

.registerBox{width:500px; float:right; padding:0 20px; background:#fff; margin:40px 20px;}

.registerBox .title{width:100%; height:60px; border-bottom:1px solid #e5e5e5; float:left; clear:both;}
.registerBox .title h1{height:60px; line-height:60px; color:#666; font-size:16px; float:left; text-align:left; margin:0;}
.registerBox .title h1 b{color:#f55;}
.registerBox .title .btn{width:80px; height:30px; line-height:30px; float:right; margin:15px 0 0 0; background:#8c4;}
.registerBox .title .btn:hover{background:#8b0;}
.registerBox .title .btn:active{line-height:32px;}

.registerBox .title .btn_changeRegisterType{color:#0088DD;font-size:12px;width: 100px;height: 40px;position: absolute;right: 55px;top: 19px; cursor:pointer; text-decoration:none;}
.registerBox .title .btn_changeRegisterType:hover{text-decoration:underline;}
.registerBox .btn_gotoLogin{color:#0088DD; float:right; cursor:pointer; margin:1px 4px 0 0; text-decoration:none;}
.registerBox .btn_gotoLogin:hover{text-decoration:underline;}
.registerBox .miniAppCode{width:240px; height:240px; border:none; margin-top:21px;}

.itemArea{width:503px; margin:0 auto; padding:20px 0; clear:both;}
.item{float:left; margin:0 -1px 10px 0; border:1px solid #ccc; border-radius:2px; font-size:14px; text-align:left; background:#fff; transition: .5s ease; position:relative;}
.item label{width:72px; height:38px; padding:0 0 0 10px; line-height:38px; float:left; color:#999; border-right:1px solid #fff; transition: .5s ease; }
.item input[type="text"],.item input[type="password"]{height:20px; line-height:20px; color:#09c; font-size:14px; padding:9px 10px; border:0; float:left; background:#fff;}
.item.error{border:1px solid #f55; margin-bottom:30px;}
.item.error label{color:#f55;}

.item.focus{border:1px solid #6cd; z-index:2;}
.item:hover label{background:#f6f6f6; border-right:1px solid #ccc;}
.item.focus label{background:#ebf6fd; border-right:1px solid #6cd; color:#8bd;}

.clearText{width:16px; height:16px; float:left; cursor:pointer; line-height:20px; text-indent:-2000px; overflow:hidden; background:#ccc; border-radius:20px;  -webkit-transition: background-color .2s ease; transition: background-color .2s ease; position:absolute; right:8px; top:11px; display:none;}
.clearText b{width:16px; height:16px; float:left; background:url(../images/registerICON.png) 4px 4px no-repeat;}
.clearText:hover{background-color:#6cd;}
.clearText:active b{background-color:#09c; background-position:5px 5px;}
.item:hover .clearText,.item.focus .clearText{display:inline;}

.item.userName{width:501px;}
.item.userName input[type="text"]{width:396px;}
.item.twoPart{width:250px;}
.item.twoPart input[type="text"],.item.twoPart input[type="password"]{width:147px;}
.twoPart.twoPart_1{border-radius:2px 0 0 2px; clear:left;}
.twoPart.twoPart_2{border-radius:0 2px 2px 0; clear:right;}

.item.address_1{width:100px; border-radius:2px 0 0 2px;}
.item.address_2{width:299px; border-radius:0 2px 2px 0;}
.item.address_2 input[type="text"]{width:279px;}

.item .PS{display:none;}
.item.error .PS{width:100%; height:12px; float:left; font-size:12px; color:#f55; text-align:left; position:absolute; left:0; bottom:-20px; display:inline;}

.btn.Submit{width:500px; height:40px; line-height:40px; margin:20px 0px 10px; float:left; background:#f55; clear:both; font-size:14px;}
.btn.Submit:hover{background:#e33;}
.btn.Submit:active{line-height:42px;}
.agreementTxt{width:100%; height:20px; line-height:20px; font-size:12px; color:#999; text-align:center; float:left; margin:0 0 30px;}
.agreementTxt a{color:#3bf;}
.agreementTxt a:hover{color:#4cd;}

.btn.posting{width:300px; hanging-punctuation:40px; line-height:40px; margin:20px 101px 30px; float:left; background:#eee; clear:both; font-size:14px; color:#999;}


#kefuIframeDiv{position:absolute; width:100%; height:100%; left:0px; top:0px; display:none;}
#kefuIframeDiv .kefuHeader{width:538px; height:48px; background:#F5FAFD;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#kefuIframeDiv .kefuHeader_successed{float:left; font-size:16px; font-weight:600;line-height:48px; color:#25B84C; margin-left:26px;}
#kefuIframeDiv a.btnCloseKefu{font-size:16px; color:#ccc; float:right; line-height:48px; margin-right:20px; cursor:pointer;text-decoration:none;}
#kefuIframeDiv a.btnCloseKefu:visited{text-decoration:none; color:#ccc;}
#kefuIframeDiv a.btnCloseKefu:hover{color:#999;}

#gotoLoginBg {position:absolute; width:100%; height:100%; background-color:#fff; opacity:0.9; top:0px; left:0px;}
#gotoLoginBg .huanying{height: 32px; font-family: 'PingFang SC'; font-style:normal; font-weight: 600; font-size: 24px; line-height: 32px; text-align: center; color: #0088DD; margin-top:172px;}


/* 下拉菜单 */
.singleSelector{height:38px; float:left; line-height:38px; font-size:14px; padding:0 20px 0 8px; background:#fff; color:#888; cursor:pointer; -webkit-transition:border ease .3s, background-color ease .3s, box-shadow ease .3s; transition:border ease .3s, background-color ease .3s, box-shadow ease .3s; position:relative;}
.singleSelector font{width:100%; overflow:hidden; height:38px; display:block; text-align:left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.singleSelector b.arrow{width:7px; height:4px; position:absolute; top:17px; right:10px; background:url(../images/registerICON.png) 0 -26px no-repeat;}
.singleSelector.on b.arrow{background-position:0 -21px;}
.singleSelector:focus{outline: 0 !important; -webkit-box-shadow:0 !important;}
.singleSelector.on{color:#09c; background:#fff;}

.selectBox{padding:6px 0; background:#fff; border:1px solid #5ac; box-shadow:0 2px 10px rgba(0,0,0,.1); position:absolute; top:46px; left:-1px; border-radius:2px; -webkit-transition: ease .3s; transition: ease .3s; opacity:0; display:none; z-index:99;}
.selectBox li{width:100%; background:none; text-indent:14px; overflow:hidden; font-size:12px; height:24px; float:left; clear:both; line-height:24px; color:#666; text-align:left; overflow:hidden; white-space:nowrap;}
.selectBox li:hover{background:#e0eff2;}
.selectBox li.selected,.singleSelector .selectBox li.on{background-color:#6cd; color:#fff;}

.singleSelector.on .selectBox{display:inline; opacity:1; top:38px;}
.singleSelector .selectBox.up{top:auto; bottom:36px;}
.singleSelector.on .selectBox.up{top:auto; bottom:28px;}


/*滚动条*/
/* mCustomScrollbar */
.mCSB_inside>.mCSB_container {margin-right: 0px;}
.mCSB_scrollTools_vertical{z-index:9;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color: #000; filter:alpha(opacity=10); background-color: rgba(0,0,0,0.2);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000; filter:alpha(opacity=25); background-color: rgba(0,0,0,0.35); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; filter:alpha(opacity=35); background-color: rgba(0,0,0,0.45); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; filter:alpha(opacity=40); background-color: rgba(0,0,0,0.5);}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCSB_container_wrapper { margin-right:0px; margin-bottom:0px;}
.mCSB_container_wrapper > .mCSB_container { padding-right:0px; padding-bottom:0px;}
.mCSB_scrollTools_vertical{margin-right:-4px;}
.popup .mCSB_scrollTools_horizontal{margin-bottom:-4px;}


.bottom{width:1000px; margin:0 auto; padding:15px 0; clear:both;}
.bottom a{text-decoration:none;}
.bottom .info{width:1000px; height:18px; float:left; padding:5px 0;}
.bottom .info .logo2{float:left; margin:0 20px 0 0;}
.bottom .info span{height:36px; margin:0; float:right; overflow:hidden; text-align:left; font-size:12px; color:#808a94; line-height:20px;}
.bottom .info a{color:#808a94;}
.bottom .info a:hover{color:#555;}
.bottom{opacity:0.6; transition:.5s ease;}
.bottom:hover{opacity:1;}

/* 弹窗 */
.popupBg{width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:#000; opacity:.2; filter:alpha(Opacity=20);}
.popup{position:fixed; z-index:999; top:50%; left:50%; background:#fff; border:1px solid #d1e0ea; border-radius:6px; box-shadow:0 0 10px rgba(000,085,136,.4); float:left; text-align:left;}

.popup .popupTitle{width:100%; height:40px; float:left; background:#f0f9fc; background:none; border-radius:6px 6px 0 0; border-bottom:1px solid #d1e0ea;}
.popup .popupTitle.bg{background:#f0f9fc;}
.popup .popupTitle h1{height:40px; line-height:40px; color:#09c; text-indent:14px; font-size:12px; letter-spacing:normal; font-weight:normal; overflow:hidden;}
.popup .popupTitle .popupClose{width:20px; height:20px; position:absolute; top:10px; right:10px; cursor:pointer; line-height:20px; text-indent:-2000px; overflow:hidden; background:url(../images/icon.png) -110px 0 no-repeat; border-radius:3px;}
.popup .popupTitle .popupClose:hover{background:url(../images/icon.png) -130px 0 no-repeat #6cd;}
.popup .popupTitle .popupClose:active{background:url(../images/icon.png) -129px 1px no-repeat #09c;}
.popup .popupArea{width:100%; float:left; text-align:center;}
.popup .popupArea .popupAreaCenter{padding:20px; font-size:12px; text-align:left; color:#666; line-height:18px;}
.popup .popupArea h1{font-size:14px; text-align:center; color:#09c; line-height:20px;}
.popup .popupArea P{text-align:center; line-height:24px;}
.popup .popupBottom{position:absolute; bottom:0px; left:0px; width:100%; height:30px; padding:10px 0; float:left; border-top:1px solid #d1e0ea;}
.popup .popupBottom .popupBtn{height:28px; line-height:28px; padding:0 10px; font-size:12px; text-align:center; float:right; margin:0 10px 0 0; cursor:pointer; border-radius:3px;}
.popup .popupBottom .popupBtn:hover{text-decoration:underline;}
.popup .popupBottom .popupBtn:active{line-height:30px;}
.popup .popupBottom .popupBtnSure{color:#09c; float:right; border:1px solid #9de; background:#eff;}
.popup .popupBottom .popupBtnSure:hover{border:1px solid #09c;}
.popup .popupBottom .popupBtnCancel{border:1px solid #e5e5e5; background:#eee; color:#999;}
.popup .popupBottom .popupBtnCancel:hover{border:1px solid #ccc;}

/*loading*/
.loadingBg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; background:#000; opacity:.2; filter:alpha(Opacity=20);}
.loading{width:130px; height:130px; float:left; border-radius:65px; background:#fff; background:rgba(255,255,255,.4); position:absolute; top:50%; left:50%; margin:-65px 0 0 -65px; z-index:9999; filter:alpha(Opacity=80);}
.loading .loadingGIF{width:110px; height:110px; float:left; margin:10px; border-radius:55px; background:url(/images/loading.gif) center center no-repeat #fff; opacity:.7;}

/*找回密码*/
.registerBox.forgetPassword{width:254px; margin-top:80px;}
.item.forgetPassword label{width:46px;}
.item.forgetPassword input[type="text"]{width:174px;}
.btn.Submit.forgetPassword,.btn.posting.forgetPassword{width:254px;margin:20px 0px 30px}

.channel{width:250px; height:20px; margin:-20px 10px 30px 10px; float:left; line-height:20px; font-size:14px; color:#999; text-align:right;}
.channel a{color:#999; text-decoration:none; font-size:12px; cursor:pointer;}
.channel a:hover{color:#09c; text-decoration:underline;}