body{padding:0;min-width:1300px;background-color:#ffffff;-webkit-perspective: 1000px;-moz-perspective: 1000px;overflow-x:hidden;}
.top_part{width:100%;height:420px;background:url(../../Images/login_topbg.png) no-repeat 0px 0px #00a8ff;position:relative;}
.bottom_part{width:100%;height:43%;background-color:#ffffff;padding-top:2%;}
.login_header{width:100%;height:60px;background-color:#fff;position:relative;}   
.login_footer{width:100%;height:74px;background-color:#f1f1f1;}
.login_header_handle{position:absolute;top:20px;right:20%;}
.top_part_content{width: 480px;height: 100%;position: relative;top: 0;left: 50%;}
.login_header_handle>div{display:inline-block;margin-right:30px;}
.logo_login{position:absolute;top:12px;left:20%;}
.login_introduce{position: absolute;top: 100px;text-align: right;left: 23%;color: #fff;}
.login_introduce_title{font-size:24px;}
.login_introduce_content{font-size: 18px;margin-top: 18px;}
.login_yutangqrcode{position: absolute;top: 14%;right: 0;background-color: #fff;padding: 10px;border-radius: 5px;text-align: center;}
.qrcode_concern{margin-top:10px;}
.qrcode_concern>p{font-size:12px;font-weight:600;}
.root{position: absolute;top: 0;right: 140px;width: 340px;height: 100%;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.loginFrame,.registerFrame,.changePage{width:340px;position:absolute;top:14%;left:50%;margin-left:-170px !important;background-color:#ffffff;border:1px solid #e1e1e1;border-radius:5px;text-align:center;padding:5px 20px;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; }
.changePage{font-size: 20px;line-height: 300px;height:314px;display:none;}
.loginFrame hr{margin-top: 5px;margin-bottom: 5px;border: 0;border-top: 1px solid #e2e2e2;}
.loginFrame label{color:#40beff;font-size:14px;font-weight:normal;}
.loginFrame span{color:#999999;font-size:12px;}
.loginFrame a{color:#2f83ef;font-size:12px;cursor:pointer;}
.loginFrame .refreshQR{pointer-events:none;color:#999999;}
.login-default{height:240px;line-height:210px;}
.login-default .content{position: relative;display:inline-block;pointer-events:none;cursor:default;max-height:220px;width:220px;}
.login-default .content .mask{background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);position: absolute;top: 0;left: 0;	width:100%;height:100%;border: 1px solid #ddd;border-radius: 5px;opacity: 0.95;box-shadow: inset 0 0 1px 1px #fff,	0 0 5px -1px #eee;font-size:14px;z-index:3}
.login-default .qrcode{width:220px;height:220px;}
.login-default .qrcode:after {  
  content: " " attr(alt);
  font-size: 12px;
  font-family: FontAwesome;
  color: rgb(100, 100, 100);

  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}      
.login-result{height:32px;width:210px;margin:-15px auto 5px;text-align:left;display:none;}
.login-result img{vertical-align:text-bottom;}
.login-result div{display:inline-block;vertical-align:text-top;width:180px;}
.login-result span{font-size:18px;color:#2f83ef;line-height:18px;vertical-align:middle;}
.login-result p{font-size:14px;color:#333;vertical-align:text-top;text-align:left;}
.login-result .button_one{width:100px;height:35px;line-height:35px;border-radius:5px;}
.conAdmin{width:340px;height:314px;padding:0;position:absolute;top:14%;left:50%;margin-left:-170px;background-color:#ffffff;border:1px solid #e1e1e1;border-radius:5px;background-color: #f4f6f7;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.transResult{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg);}
.conAdmin .title{    width: 100%;height: 30px;line-height: 30px;vertical-align: middle;font-size: 14px;color: #666666;border-bottom: 1px solid #e2e2e2;padding: 0 20px;}
.conAdmin .title .close{line-height:25px;}
.conAdmin .content{text-align:center;background-color:#ffffff;padding:5px 0;}
.conAdmin .content p{font-size:14px;color:#666666;}
.conAdmin .footer{padding: 3px 25px 3px;text-align: right;border-top: 1px solid #e2e2e2;}
.conAdmin .footer .button_default{width: 80px;height: 25px;line-height: 25px;}
.loadingPart{position: absolute !important;top: 53% !important;left: 37% !important;-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1) !important;-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1) !important;box-shadow: 0 0 0 rgba(0, 0, 0, .1) !important;}
.register_username,.register_tel{display: block;margin: 0 auto;background-color: #f1f1f2;border: none;width: 80%;height: 36px;padding-left: 25px;margin-bottom:20px;border-radius:2px;}
.register_code{display: block;margin: 0 auto;width: 80%;height: 36px;margin-bottom:20px;overflow:hidden;}
.register_writerCode{border: none;background-color:#f1f1f2;padding-left: 25px;height: 36px;float:left;width:57%;border-radius:2px;}
.register_getCode{float:right;height: 36px;color:#fff;background-color:#00a8ff;font-size:12px;line-height:36px;width:40%;border-radius:2px;cursor:pointer;}
.register_getCode:hover{color:#fff !important;}
.register_agreeInfo{width:80%;margin: 0 auto;text-align:left;}
.register_agree{width: 14px;height: 14px;vertical-align:sub;}
.register_info{display:inline-block;vertical-align:middle;font-size: 12px;color: #999;}
.register_info>span{color:#00a8ff;cursor:pointer;margin-left:5px;}
.registerBtn{display: block;margin: 0 auto;background-color: #00a8ff;border: none;width: 80%;height: 36px;text-align:center;margin-top:20px;border-radius:2px;line-height:36px;color:#fff;cursor:pointer;}
.cansendbutton{background-color:#4a88ee;}
.cannotsendbutton{background-color:#ccc !important;}
.bottom_part_introduce{text-align: center;margin: 1% auto;}
.bottom_part_title{font-weight: 600;font-size: 16px;}
.bottom_part_content{font-size: 13px;color: #999;margin-top:4px;}
.bottom_part_function{width: 60%;height: 64%;margin: 0 auto;}
.bottom_part_function>div{display: inline-block;height: 100%;position:relative;}
.bottom_part_function>div:nth-child(1){width:48%;}
.bottom_part_function>div:nth-child(2){width:25%;margin-left:-4px;}
.bottom_part_function>div:nth-child(3){width:25%;margin-left:-4px;}
.function_introduce{position:absolute;top:0;left:0;right:0;width:100%;height:100%;text-align:center;display:none;background-color:#f7f7f7;line-height:22px;}
.function_introduce_weitearticle{padding:15% 10%;}
.function_introduce_extend{padding:21% 10%;}
.function_introduce_chat{padding:21% 10%;}
.login_footer_content{width: 60%;margin: 0 auto;padding-top:12px;}
.login_footer_company,.login_footer_about{width: 49%;display: inline-block;font-size: 11px;color: #999;margin-top: 12px;}
.login_footer_about{vertical-align:top;overflow:hidden;}
.login_footer_about>a{color:#999 !important;}
.login_footer_about div{display:inline-block;text-align:right;float:right;}
.login_footer_about>div:nth-child(2n){height:10px;margin:0 10px;}
.bottom_part_functionbg:nth-child(1){background:url(../../Images/extend_change.png) no-repeat center center;background-size:cover;}
.bottom_part_functionbg:nth-child(2){background:url(../../Images/extend_advertisment.png) no-repeat center center;background-size:cover;}
.bottom_part_functionbg:nth-child(3){background:url(../../Images/extend_info.png) no-repeat center center;background-size:cover;}
@media screen and (max-width: 1400px) {
.function_introduce_weitearticle{padding:11% 10%;}
.function_introduce_extend{padding:5% 10%;}
.function_introduce_chat{padding:5% 10%;}
}