*{-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
ol,
ul,
li{list-style: none}
input,
textarea{outline: none;-webkit-tap-highlight-color: transparent;}
input:focus,
textarea:focus{outline: none;}
textarea{resize: none;}
a{text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;}
html{width: 100%;height: 100%;-webkit-text-size-adjust: none;}
body{font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", '微软雅黑', 'STHeiti', '华文细黑', sans-serif;width: 100%;height: 100%;margin: 0 auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-size: 14px;overflow-x: hidden;background: #FAFAFA;color: #212732;}
.zcomdiv{width: 100%;height: auto;overflow: hidden;}
.f_left{float: left;}
.f_right{float: right;}
.clearb{clear: both;height: 0;width: 100%;font-size: 0;overflow: hidden;}
.nbr_{overflow: hidden;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;}
.icons,.ibefore:before{background: url(//www.360doc.cn/images/index/login.png) no-repeat;background-size: 4rem;}
.ibefore:before{content: '';}
nav{height: 0.88rem;background: #fff;border-bottom: solid 1px #D5D6D8;overflow: hidden;position: relative;box-shadow: 0 0 0.05rem 0.02rem rgba(213, 214, 216, 0.21);z-index: 10;}
nav a{width: 1.24rem;height: 0.88rem;position: absolute;left: 0;top: 0;text-align: right;color: #212732;font-size: 0.32rem;line-height: 0.88rem;}
nav a:before{display: block;width: 0.22rem;height: 0.22rem;border: solid 0.04rem #212732;content: '';position: absolute;border-left: none;border-bottom: none;;transform: rotate(-135deg);left: 0.28rem;top: 0.3rem;}
nav p{text-align: center;line-height: 0.88rem;font-size: 0.36rem;color: #212732;font-weight: 500}
.logo{width: 1.4rem;height: 1.4rem;margin: 0.72rem auto 0;background: url(//www.360doc.cn/images/logo/152.png) no-repeat;background-size: 100%;border-radius: 0.2rem;}
.log_form{width: 5.9rem;height: auto;overflow: hidden;margin: 1rem auto 0;}
.log_form .d1{position: relative;height:0.9rem;background:#fff;border-radius:0.06rem;border:1px solid #D5D6D8;overflow: hidden;}
.selectedCountryTxt{float:left;width:1.34rem;height: 100%;line-height: 0.9rem;text-align: center;font-size: 0.3rem;color: #212732;position: relative;font-weight: 500;}
.selectedCountryTxt:before{width:1px;content: '';position: absolute;right: 0;top: 0.2rem;height:0.5rem;background:#A0A0A0;}
.logphone{float: left;width: 3.36rem;height: 0.9rem;border: none;font-size: 0.3rem;color: #212732;margin-left: 0.3rem;}
.inputcleaner{float:right;display: none;width: 0.8rem;height: 100%;}
.inputcleaner:before{background-position: -1.86rem 0;width: 0.3rem;height: 0.3rem;margin: 0.3rem auto 0;display:block;}
.logcode,.logpw,.logaccount{width: 3.2rem;height: 0.9rem;border: none;font-size: 0.3rem;color: #212732;margin-left: 0.36rem;}
.sendcode,.retrieve{float: right;width: 2.26rem;height: 0.9rem;line-height: 0.9rem;text-align: center;font-size: 0.26rem;color: #212732;position: relative;}
.sendcode.unable{color: #8B919B;}
.sendcode:before,.retrieve:before{width:1px;content: '';position: absolute;left: 0;top: 0.2rem;height:0.5rem;background:#A0A0A0;}
.sendcode img{width: 100%;height: 100%;}
.logsub{background: #0DAD51;font-size:0.34rem;color: #fff;line-height: 0.92rem;text-align: center;font-weight: 500;height:0.9rem;border-radius:0.06rem;margin-top:0.5rem;display: block;}
.logsub.unable{opacity: 0.6;}
.typechange{height: 0.42rem;line-height: 0.42rem;margin-top: 0.4rem;font-size: 0.3rem;}
.typechange a:nth-of-type(1){color: #576B95;float: left;}
.typechange a:nth-of-type(2){color: #576B95;float: right;}
.logsns{height: auto;overflow: hidden;}
.logsns .btns{font-size: 0;margin-top: 0.32rem;text-align: center;}
.logsns .btns a{width: 1.22rem;height: 1.22rem;display: inline-block;margin: 0 0.34rem;}
.logsns .btns .a1{background-position: -2.76rem -2.52rem;}
.logsns .btns .a2{background-position:-2.76rem -1.26rem ;}
.logsns .btns .a3{background-position: -2.76rem 0;}
.logsns>p{text-align: center;font-size: 0.24rem;line-height: 0.33rem;color: #8B919B;margin-top: 0.47rem;}
.logsns>p a{color:#576B95;}
.countrylist{position: fixed;top: 0;left: 100%;transition:0.2s;padding-top: 0.88rem;width: 100%;height: 100%;z-index: 2;background: #fff;}
.countrylist ul{width: 100%;height: 100%;overflow: auto;padding-left: 0.2rem;}
.countrylist ul li{border-bottom: solid 1px #D5D6D8;height: 1rem;line-height: 1rem;font-size: 0.34rem;position: relative;}
.countrylist ul li:before{display: block;width: 0.18rem;height: 0.18rem;border: solid 0.04rem #C7C7CC;content: '';border-left: none;border-bottom: none;;transform: rotate(45deg);position: absolute;right: 0.3rem;top: 0.38rem;}
.countrylist ul li:last-of-type{border: none;}
.countrylist ul li.cur{background: #f1f1f1;}
.countrylist.show{left: 0;}
.logaccount{width: 4.6rem;}
.retrieve{width: 1.82rem;}
.logpw{width:2.7rem;}
.eye{width: 0.96rem;height: 0.9rem;float: right;}
.eye:before{width: 0.36rem;height: 0.3rem;background-position:-1.36rem 0 ;margin:0.3rem auto 0;display: block;}
.eye.close:before{background-position: -0.94rem 0 ;}
.layer_s{width: 2rem;height: 2rem;position: fixed;left: 50%;top: 50%;margin: -1rem 0 0 -1rem;background:rgba(0,0,0,0.8);border-radius:0.1rem;z-index: 3;text-align: center;color: #fff;font-size: 0.28rem;}
.layer_s:before{height: 0.8rem;display: block;margin: 0.34rem auto 0.28rem;width: 0.8rem;}
.layer_s.ok:before{background-position: 0 0;}
.layer_s.loading:before{background-position: 0 -0.94rem;-webkit-animation: loading 1s infinite linear;animation: loading 1s infinite linear;}
@-webkit-keyframes loading{from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}}
@keyframes loading{from{transform: rotate(0deg);}
to{transform: rotate(360deg);}}
.layer_b{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 11;}
.layer_b .d1{width: 5.6rem;height: auto;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 0.08rem;}
.layer_b .d1 .p1{text-align: center;margin-top: 0.43rem;height:0.5rem;font-size:0.36rem;color:#000;line-height:0.5rem;}
.layer_b .d1 .p2{font-size:0.3rem;color:#888;line-height:0.46rem;text-align: center;padding: 0.23rem 0.65rem;}
.layer_b .d1 div{height: 1.04rem;border-top: solid 1px #E5E5E5;font-size: 0;text-align: center;}
.layer_b .d1 div a{display:inline-block;width: 50%;text-align: center;font-size: 0.36rem;height: 1.04rem;line-height: 1.04rem;}
.layer_b .d1 div a:nth-of-type(1){color:#000}
.layer_b .d1 div a:only-child{color:#0DAD51}
.layer_b .d1 div a+a{color:#0DAD51;border-left:solid 1px #E5E5E5;}
.alerttext{position: fixed;top: 100%;z-index: 100;left: 50%;font-size: 0.3rem;color: #fff;background: rgba(0,0,0,0.7);text-align: center;white-space: nowrap;padding: 0.08rem 0.24rem;border-radius: 0.3rem;transform: translateX(-50%);transition:0.4s}
.newpw{width: 100%;height: 100%;background: #FAFAFA;left: 100%;top: 0;transition: 0.2s;}
.newpw ul{background: #fff;margin-top: 0.3rem;padding-left: 0.3rem;}
.newpw ul li{height: 0.88rem;border-bottom: solid 1px #D8D8D8;overflow: hidden;}
.newpw ul li:last-of-type{border: none;}
.newpw ul li p{float: left;width: 1.8rem;font-size: 0.34rem;line-height: 0.88rem;}
.newpw ul li input{float: right;width:5.4rem;height: 0.88rem;font-size: 0.34rem;border: none;}
.newpw .logsub{width: 6.7rem;margin: 0.5rem auto 0;}
.newpw.show{left: 0;}
.sendmailtext{font-size: 0.3rem;line-height: 0.5rem;}
/*免费领取7天VIP*/
.layer_b .d1 .code2{width: 4.5rem;height: 1rem;margin: 0.3rem auto 0;}
.layer_b .d1 .code2 img{width: 3.5rem;height: 1rem;border: solid 0.01rem #ddd;float: left;}
.layer_b .d1 .code2 a{float: right;width: 1rem;height: 1rem;border: solid 0.01rem #ddd;background: url(//www.360doc.cn/images/apply/shuaxin.png) no-repeat center;background-size: 0.26rem;border-left: none;}
.layer_b .d1 input{width:4.6rem;height:0.72rem;border-radius:0.08rem;border:0.01rem solid #ddd;padding:0 0.2rem;color: #666;display: block;margin: 0.4rem auto;font-size: 0.28rem;}
.layer_b .d1 input::-webkit-input-placeholder{color: #bbb;}
.topstr{height:0.56rem;font-size:0.4rem;font-weight:600;color:#212732;line-height:0.56rem;letter-spacing:0.06rem;text-align: center;margin-top: 0.36rem;}
.topstr+.log_form{margin-top: 0.58rem;}
.bottomlogo{width: 3.14rem;height: 0.74rem;margin: 3.2rem auto 0;}
.bottomlogo span{float: left;width: 0.7rem;height: 0.7rem;background: url(//www.360doc.cn/images/logo/152.png) no-repeat;background-size: 100%;margin-top: 0.02rem;border-radius: 0.1rem;}
.bottomlogo div{float: right;width: 2.28rem;color: #8B919B;font-family: Semibold;}
.bottomlogo div p:nth-of-type(1){height:0.42rem;font-size:0.3rem;font-weight:600;line-height:0.42rem;letter-spacing:0.15rem;}
.bottomlogo div p:nth-of-type(2){font-size:0.2rem;font-weight:600;line-height:0.28rem;letter-spacing:0.03rem;margin-top: 0.04rem;}
.newuservip{width:6.9rem;height:3.9rem;background:#fff;border-radius:0.1rem;margin: 0.6rem auto 0;overflow: hidden;}
.newuservip .upic{width: 1.4rem;height: 1.4rem;margin: 0.4rem auto 0;overflow:hidden;border-radius: 50%;}
.newuservip .upic img{width: 100%;height: 100%;}
.newuservip .p1{color: #8B919B;font-size: 0.28rem;text-align: center;font-weight: 500;line-height: 0.52rem;margin-top: 0.2rem;}
.newuservip .p1 span:nth-of-type(1){font-size:0.34rem ;color: #494F5A;}
.centerstr{text-align: center;color: #212732;font-size: 0.36rem;font-weight: 600;line-height: 0.7rem;margin-top: 0.9rem;}
.appdown{width: 5.9rem;margin: 0.6rem auto 0;text-align: center;}
.appdown+.bottomlogo{margin-top: 1.2rem;}
.appdown a:nth-of-type(2){display: inline-block;height: 0.48rem;line-height: 0.48rem;font-size: 0.34rem;color: #576B95;margin-top: 0.4rem;}
/**/
.logostr{text-align: center;height:0.59rem;font-size:0.42rem;font-weight:500;color:#212732;line-height:0.59rem;margin-top: 1.53rem;}
/*  */
.wx_logging_in{position: fixed;z-index: 99999;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.5);}
.wx_logging_in>div{position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100vh - 0.88rem);background: #fff;overflow: hidden;border-radius:0.24rem 0.24rem 0 0;}
.wx_logging_in>div img{display: block;width: 0.7rem;height: 0.7rem;margin: 1.88rem auto 0;}
.wx_logging_in>div>p{font-size: 0.4rem;text-align: center;color: #6D6D6D;line-height: 0.56rem;margin-top: 0.4rem;}
/*  */