* {
	font: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
ol, ul,li {
	list-style: none;padding:0;margin: 0;
}
div,p,a,img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
h1,h2,h3,h4,h5,h6,p{font-weight: normal;margin: 0;}
h1,h2,h3,h4{font-family: 'PingFangSC-Medium';}
i,em{font-style: normal;}
input, textarea {
	border: 0;
	outline: none;
/*	-webkit-appearance: none;
*/	font-family: PingFangSC-Regular;
}
textarea {
	resize: none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  }
input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder{
	color: #bbb;
}
body {
	background:none;
	font-size: 14px;color: #333;
  	margin: 0;padding: 0;overflow:hidden;
}
.page-bg{position: absolute;top:0;bottom: 0;left:0;right: 0;}
.page-bg img{width: 100%;height: 100%;}
.head-wrap{height: 120px;min-width: 1100px;color: #fff;position: relative;z-index: 1;text-align: center;}
.head-wrap .logo{width: 80px;vertical-align: middle;display: inline-block;margin-right: 20px;vertical-align: middle;}
.head-wrap .title{display: inline-block;vertical-align: middle;color: #fff;}
.head-wrap h1{font-size: 18px;vertical-align: middle;text-align: left;font-family: PingFangSC-Semibold;font-size: 48px;color: #FFFFFF;letter-spacing: 8px;line-height: 54px;font-weight: normal;font-weight: 600;}
.head-wrap h2{opacity: 0.9;font-family: ArialMT;font-size: 25px;color: #FFFFFF;letter-spacing: 9px;line-height: 24px;font-weight: 400;margin-top: 10px;}

.main-wrap{position: relative;font-family: PingFangSC-Regular;z-index: 1;}

.main-box{width: 1100px;overflow: hidden;height: 654px;background: #fff;border-radius: 15px;margin:0 auto;position: relative;}
.main-box .left-pic{display: block;width: 654px;height: 654px;position: absolute;top:0;left:0;}

.login-wrap{
  position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.login-wrap-box{    transform: scale(.85);-webkit-transform:scale(.75);}

.login-box{float: right;width:350px;background: #fff;border-radius: 10px;margin-top: 80px;margin-right: 80px;}
.login-box .tab{font-size: 0;text-align: center;}
.login-box .tab span{display: inline-block;margin:0 80px 0 0;font-size: 22px;color: #666;line-height: 40px;text-align: center;cursor: pointer;border-bottom: 3px solid #fff;}
.login-box .tab span.current{color: #333;font-size: 24px;border-color: #266EFF;}
.login-box .tab span:last-child{margin-right: 0;}
.login-main{padding: 20px 8px;}
.login-main li{margin:30px 0 0;position: relative;}
.login-main li .ipt{background: #fff;font-size:14px;border-radius: 5px;height: 56px;line-height: 56px;padding: 0 25px 0 48px;width: 100%;vertical-align: middle;border:1px solid #ddd;box-sizing: border-box;font-size: 20px;}
.login-main li .ipt:focus{border-color: #266EFF;}
.login-main li .errorTxt{color: #FF7768;font-size: 12px;position: absolute;bottom: -20px;left:0;display: none;}
.login-main li.error .ipt{border-color: #FF7768;}
.login-main li.error .errorTxt{display: block;}
.login-main li.vode .ipt{width: 212px;margin-right: 10px;}
.login-main li .spic img{    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 6px;}
.login-main li:before{content: '';display: block;width: 24px;height: 24px;position: absolute;top:16px;left:16px;background:  no-repeat;background-size: contain;}
.login-main li.name:before{background-image: url(../img/login/icon1.png);}
.login-main li.password:before{background-image: url(../img/login/icon2.png);}
.login-main li.vode:before{background-image: url(../img/login/icon3.png);}
.login-main li.mobile:before{background-image: url(../img/login/icon4.png);}
.btn-send{display: inline-block;border:1px solid #ddd;border-radius: 6px;text-align: center;width: 104px;height: 50px;line-height: 50px;vertical-align: middle;color: #266EFF;font-size: 18px;}
.password-line {color: #999;position: relative;margin:15px 10px 0;font-size: 16px;}
.password-line .r{display: block;position: absolute;top:0;right: 0;cursor: pointer;color: #266EFF;}
.btn-box{padding: 0 8px;}
.btn-box .btn{width: 100%;height:54px;line-height:54px;cursor: pointer;display: inline-block;color: #fff;background: #266EFF;box-shadow: 0px 10px 32px -8px rgba(38,110,255,0.5);border-radius: 6px;font-family: PingFangSC-Medium;font-size: 24px;color: #FFFFFF;font-weight: 500;}
.btn-box .btn:hover{opacity: .8;}
.btm-box{text-align: center;font-size: 16px;width: 100%;color: #fff;margin:20px 0 20px;opacity: 0.6;}
.btm-box a{display: inline-block;margin:0 20px;color: #fff;text-decoration: none;}
.copyright{font-size: 12px;color: #fff;opacity: .4;text-align: center;}

.popbg{width:100%;height:100%;min-width:1000px;min-height:600px;z-index:101;background-color:#000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; position:absolute; top:0px; left:0px;right: 0;bottom: 0;}
.popup-box{background: #fff;z-index: 102; box-shadow: 0 0 10px 0 rgba(0,0,0,0.10); border-radius: 5px;width: 380px;position: absolute;top:30%;left:50%;margin-left: -200px;}
.popup-box .close{display: block;position: absolute;top:20px;right: 20px;background: url(../img/login/close.png) no-repeat;background-size: contain; width: 12px;height: 12px;}
.popup-box h3{text-align: center;font-size: 18px;padding-top: 30px;padding-bottom: 20px;}
.pop-forms{padding:0 0 0 40px;}
.pop-forms li{margin:10px 0 0;position: relative;}
.pop-forms li label{color: #666;white-space: nowrap;width: 80px;display: inline-block;}
.pop-forms li .ipt{background: #F2F8FF;font-size:14px;border-radius: 5px;height: 40px;line-height: 40px;padding: 0 15px;width: 200px;vertical-align: middle;}
.pop-forms li.vode .ipt{width: 105px;margin-right: 10px;}
.pop-forms li .spic img{    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 6px;}
.popup-box .btn-send{height: 30px;line-height: 30px;width: 80px;font-size: 14px;}
.popup-box .btn-box{text-align: center;padding:20px 0;}
.popup-box .btn-box .btn{width: 150px;height: 40px;line-height: 40px;font-size: 14px;}
.gCheckLabel{display: inline-block;/*width: 100%;*/white-space: nowrap;}
.gCheckLabel .icon-check {
  display: inline-block;
  background: url(../img/login/radio1.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  vertical-align: middle;
}
.gCheckLabel .name{display: inline-block;vertical-align: middle;color: #999;font-size: 16px;/*text-align: justify;*/}
.gCheckLabel input[type="checkbox"]:checked + .icon-check,.gCheckLabel input[type="radio"]:checked + .icon-check{
  background-image: url(../img/login/radio2.png);
}
/*.gCheckLabel input[type="radio"]:checked ~ .name{color: #0CB7F5;}*/
.gCheckLabel input[type="checkbox"] + .icon-check{
  background-image: url(../img/login/check1.png);
}
.gCheckLabel input[type="checkbox"]:checked + .icon-check{
  background-image: url(../img/login/check2.png);
}