/*
 * v3.0
*/
/*登录界面css*/
html,body{height: 100%;}
.warpper{
	background: url(/images/main/login/login_bg.jpg) no-repeat;width: 100%;height: 100%;
	min-height: 800px;
	overflow: hidden;
}
.warpper .btn-on{background: #1984ef !important;color: #FFFFFF !important;}
.warpper .container{margin: 0px auto;position: relative;background: #FFFFFF;margin-top:17%;width: 620px;}
.warpper .container p{font-size: 15px;color: #3e3e3e;font-weight: 600;text-align:center;margin-top: 35px;}
.warpper .right{float: right;  margin-right: 20px;}
.warpper .left{float: left;padding-right: 30px;border-right: 1px dotted #ccc;margin-top: 30px;}
.warpper .code .txt1{font-size: 14px;color: #4F4F4F;display: block;margin-left: 125px;}
.warpper .left a img{width: 120px;display: block;border: 1px solid #ccc;padding: 10px;margin-left: 125px;margin-top: 30px;}
.warpper .txt{font-size: 14px;color: #4F4F4F;margin-left: 50px;margin-top: 40px;display: block;}
.warpper .icon{font-size: 30px;color: #ccc;  width: 25px; display: inline-block;vertical-align: middle;}
.warpper .exp-demo{margin-left: 30px;padding-left: 5px;}
.warpper .exp-demo .box{position:relative}
.warpper .exp-demo .inp{width:240px;height: 40px;background: #FFFFFF;  border: 1px solid #ccc;border-radius: 3px;padding-left: 5px;}
.warpper .bottom{margin-top: 20px;}
.warpper .psd{  margin-top: 20px;margin-left: 42px;cursor: pointer;margin-bottom: 50px;}
.warpper .psd a{margin-left: 83px;cursor: pointer;}
.warpper .btnlogin{width: 240px;height: 46px;line-height: 46px;text-align: center;background: #e65252;color: #fff;  border-radius: 5px;
margin-left: 38px; cursor: pointer; display: block;}
.warpper .computer{position: absolute;right: 5px;bottom: -94px;z-index: 9;display: none;  width: 48px;}
.warpper .codeimg{position: absolute;right: 5px;bottom: -94px;z-index: 9; width: 48px;}
.warpper .logo{  margin-top: 50px;position: absolute;left: 30px;}
.warpper .logo img{width: 150px;}
/*checkbox更换背景*/
.input_check{visibility: visible;/*opacity: 0;*/width: 18px;background: transparent;border: 0px;height: 18px;background-image: url(/images/main/login/check_off.png);
background-size: 100% 100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;}
.input_check:checked{background-image: url(/images/main/login/check_on.png);background-size: 100% 100%;}
.input_check[checked]{background-image: url(/images/main/login/check_on.png);background-size: 100% 100%;}
.checkbox_span_box{display: inline-block;width: 15px;height: 16px;background: url(/images/main/login/check_off.png);background-repeat: no-repeat;}
input.ie_checkbox{/*display: none;*/filter: Alpha(opacity=0);opacity: 0;}

.warpper .register{margin-left: 25px;}
.warpper .register a{cursor: pointer;font-size: 14px;margin-top: 30px;display: inline-block;text-align: center;}
.warpper u{color: #20a9f0; cursor: pointer;}
.otherLoginTitle{height: 22px;text-align: center;color: #000;margin-top: 65px;display: block;}
.otherLogin{width: 192px;height: 36px;margin: 0 auto;margin-top: 30px;margin-bottom: 150px;}
.otherLogin ul li{float: left;width: 36px;height: 36px;margin: auto 14px auto 14px}
.otherLogin ul li a{width: 100%;height: 100%;display: block;background: no-repeat}
.otherLogin ul li a.wx{background: url(/images/main/common/sdklogo/weixin_big_color.png);}
.otherLogin ul li a.wx:hover{background: url(/images/main/common/sdklogo/weixin_big_color_hover.png)}
.otherLogin ul li a.qq{background: url(/images/main/common/sdklogo/qq_big_color.png)}
.otherLogin ul li a.qq:hover{background: url(/images/main/common/sdklogo/qq_big_color_hover.png)}
.otherLogin ul li a.wb{background: url(/images/main/common/sdklogo/weibo_big_color.png)}
.otherLogin ul li a.wb:hover{background: url(/images/main/common/sdklogo/weibo_big_color_hover.png)}
.reginBtn{height: 50px;line-height: 50px;text-align: center}
.reginBtn a:hover{color: #2082db;text-decoration: underline}
.warpper .triangle-bottomright{width: 0;height: 0;border-bottom: 100px solid #146dc7;border-left: 100px solid transparent;
position: absolute;bottom: 0;right: 0;}
.warpper .triangle-bottomright img{
	cursor:pointer;
}


