@charset "utf-8";
/* CSS Document */
* {margin: 0;outline: 0;padding: 0; line-height: initial;}
body {background:#fff;font-size:.26rem;margin: 0;padding: 0;-webkit-overflow-scrolling:initial; font-weight: 300;line-height: initial; max-width: 640px; margin: 0 auto;}
body, form, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, table, fieldset, hr, div {margin: 0;padding: 0; font-weight: 300;}
img {border: 0 none;max-width:100%;}
ul, ol, li {list-style-type: none;}
:focus { outline: none; }
a {outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
em,i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
.clearfix{*zoom:1;zoom: 1;}
.clearfix:after{display: block;content:"";clear:both;}
.clear{ clear:both}
table{border-collapse:collapse;}
*, :after, :before {box-sizing: border-box;}
*, :after, :before, img {-webkit-box-sizing: border-box;}
input,button,select,textarea{font-family: "Microsoft Yahei"; font-weight: 300;}
figure{ margin:0}
/*-----------------手机端去掉点击时默认边框--------------------*/
*:focus {outline: none;}
* { -webkit-tap-highlight-color: transparent; -webkit-appearance: none;  border:0}  
.fr{ float: right;}
.btn_wait{color:#000!important;    opacity: .4;}
@font-face{font-family:iconfont;src:url(../font/iconfont.eot);src:url(../font/iconfont.eot?#iefix) format('embedded-opentype'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype'),url(../font/iconfont.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*:before,*:after{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.hide{ display: none !important;}
.show{ display: block !important;}
.loginTitle{ width: 100%; display: inline-block; text-align: center; padding: 15% 0 0; font-size: .4rem; font-weight: bold;}
.loginTitle img { width: 30% !important;}
.loginList{ width: 90%; margin:5%;}
.loginList li{ border: 1px solid #e6e6e6; margin-bottom: 20px; width: 100%; display: inline-block; float: left; position: relative; height: .8rem; overflow: hidden; padding-left: 50px;}
.loginList li .left{ position: absolute; top: .05rem; bottom: .05rem; left: 0; font-size: .42rem; color: #888; padding: .13rem .22rem; border-right: 1px solid #e6e6e6;}
.loginList li .text{ margin-bottom: 0; border: none; height: auto; line-height: initial;font-size: .28rem !important; padding: .2rem; width: 100%;}
.seeIcon{ position: absolute; right: 0; top: 0; bottom: 0; padding:.18rem .2rem;}
.seeIcon:before{ content: '\e9cd'; color: #888; font-size: .44rem;}
.seeIcon.active:before{ content: '\e9cc';}
.loginHandle{ width: 100%; display: inline-block; padding:0 5% 3%;}
.loginHandle a{ color: #666; font-size: .26rem;}
.loginHandle a.loginReg{ margin-right: 5%; color: #f02a2a;}
.loginBtn{ width: 90%; margin: 5%; display: inline-block; background: #f02a2a; color: #fff; text-align: center; border-radius: 5px; overflow: hidden;padding: 3% 0; font-size: .32rem; font-weight: 400;}
.loginTip{ width: 90%; margin: 5% 5% 15%; position: relative; text-align:center; font-size: .28rem; color: #333;}
.loginTip em{ background: #fff; padding: 0 .3rem; position: relative;z-index: 5;}
.loginTip:before{ content: ''; position: absolute; top:50%; left: 20%; right: 20%; border-top: 1px solid #eee;}
.loginThree{ width:60%; margin: 0 20%; display: inline-block; text-align: center;}
.loginThree a{ width: 33.3%; font-size: .76rem;}
.loginThree .loginWx{ color: #31ad2d;}
.loginThree .loginWb{ color: #de0e20;}
.loginThree .loginQq{ color: #2c9de4;}
.loginList li.loginValidate{ padding-left: 0px; padding-right: 2rem;}
.loginList li.loginValidate .validateBtn{ position: absolute; right: 0; top: 0; bottom: 0; font-size: .28rem; color: #f02a2a; padding: .18rem 0; width: 2rem; text-align: center; display: inline-block;}
.loginList li.loginValidate .validateBtn:before{ content: ''; border-left: 1px solid #e6e6e6; position: absolute; top: 30%; bottom:30%; left: 0;}
.loginList li.loginValidate .validateBtn.active{ color: #fff; background: #ccc;}
.loginList li.loginValidate .validateBtn.active:before{ display: none;}
@media screen and (min-width:414px){  
.loginList li .left{top: .05rem; bottom: .05rem;font-size: .38rem;padding: .13rem .22rem;}
.loginList li .text{font-size: .3rem; padding: .2rem; line-height: .4rem;}
.seeIcon{ padding:.15rem .2rem;}
}

.Iinsurelayer em{display:inline-block;font-size: .22rem;}
.Iinsurelayer em i{margin: 5px;font-size: .3rem;color: #999;display: inline-block;}
.Iinsurelayer em.cur i{ color: #eb5d2a;}
.Iinsurelayer a{display:inline-block;}