@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,form,input,textarea,blockquote,th,td,p,a{margin:0;padding:0;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-webkit-margin-before: 0;-webkit-margin-after: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,
img{border: 0;margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
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;}
.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,.wapicon,
.ibefore:before,
.ibefore1:before,
.iafter:after,.iafter1:after{background-image: url(//www.360doc.cn/images/member/icons2022.png?t=202404);background-repeat: no-repeat;background-size: 12rem 12rem;}
.ibefore:before,
.iafter:after,.ibefore1:before,
.iafter1:after{content: '';display: inline-block;}
body{background: url(//www.360doc.cn/images/member/memberbg.png) no-repeat center 0.88rem; background-size: 7.5rem auto;}
body.ac{background: url(//www.360doc.cn/images/member/memberbg_red.png?2021) no-repeat center 0.88rem; background-size: 7.5rem auto;}
.header{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);}
.header a.back{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;}
.header a.back: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;}
.header p{text-align: center;line-height: 0.88rem;font-size: 0.36rem;color: #212732;font-weight: 500}
.serv,.header a.hist{width: 0.88rem;height: 0.88rem;background: #fff;position: absolute;right: 0.88rem;top: 0;}
.serv:before{width: 0.44rem;height: 0.38rem;display: block;margin: 0.25rem auto 0;background-position: -8.3rem -1.06rem;}
.header a.hist{right: 0;}
.header a.hist:before{width: 0.36rem;height: 0.42rem;display: block;margin: 0.23rem auto 0;background-position: -8.8rem -1.06rem;}
.vipcard{width: 6.5rem;height: 3.2rem;overflow: hidden;position: absolute;left: 0;top: 0;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition:all .5s;-webkit-transition:all .5s;}
.vipcard>div{width: 6.5rem;height: 3.2rem;margin: 0rem auto;position: relative;overflow: hidden;}
.vipcardwrap{width: 6.5rem;height: 3.2rem;margin: 0.5rem auto 0;perspective: 10rem;-webkit-perspective: 10rem;-moz-perspective: 10rem;
-ms-perspective: 10rem;-o-perspective: 10rem;perspective: 10rem;position: relative;}
.vipcardwrap .vipcard:nth-of-type(1){transform: rotateY(0deg);-webkit-transform: rotateY(0deg);z-index: 2;}
.vipcardwrap .vipcard:nth-of-type(2){transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);z-index: 1;}
.cardimg{width: 6.37rem;height: 3.1rem;background-position: 0 -8.56rem;display: block;margin:0 auto;}

.vipcardwrap.cur .vipcard:nth-of-type(1){transform: rotateY(180deg);-webkit-transform: rotateY(180deg);z-index: 1;}
.vipcardwrap.cur .vipcard:nth-of-type(2){transform: rotateY(0deg);-webkit-transform: rotateY(0deg);z-index: 2;}
.vipstate{width: 1.13rem;height: 0.5rem;position: absolute;right: 0;top: 0;}
.vipstate.s1{background-position: 0 -5.92rem;}
.vipstate.s2{background-position: 0 -6.5rem;}
.cardbottom{width: 5rem;height: 0.5rem;position: absolute;left: 0;bottom: 0.2rem;}
.cardbottom a{height: 100%;line-height: 0.5rem;font-size: 0.26rem;color: #BB812F;text-indent: 0.3rem;float: left;}
.cardbottom a:after{width: 0.16rem;height: 0.26rem;vertical-align: top;background-position: -9.34rem -1.1rem;margin: 0.1rem 0 0 0.14rem;}
.userhead{height: 0.9rem;overflow: hidden;margin: 0.38rem 0 0 0.3rem;}
.userhead img{width: 0.86rem;height: 0.86rem;border-radius: 50%;float: left;border:solid 0.02rem #CE994F;}
.userhead>div{float: right;width: 5.08rem;position: relative;}
.userhead>div .p1{height: 0.45rem;line-height: 0.45rem;color: #995900;font-size: 0.32rem;font-weight: 500;}
.userhead>div .p1 i{width: 0.65rem;height: 0.32rem;display: inline-block;vertical-align: top;margin: 0.06rem 0 0 0.1rem;}
.userhead>div .p1 i.lv1{background-position: 0 -7.62rem;}
.userhead>div .p1 i.lv2{background-position: -0.78rem -7.62rem;}
.userhead>div .p1 i.lv3{background-position: -1.58rem -7.62rem;}
.userhead>div .p1 i.lv4{background-position: -2.34rem -7.62rem;}
.userhead>div .p1 i.lv5{background-position: -3.14rem -7.62rem;}
.userhead>div .p1 i.lv6{background-position: -3.92rem -7.62rem;}
.userhead>div .p1 i.lv7{background-position: -4.74rem -7.62rem;}
.userhead>div .p1 i.lv8{background-position: -5.52rem -7.62rem;}
.userhead>div .p1 i.lv9{background-position: -6.34rem -7.62rem;}
.userhead>div .p1 i.lv10{background-position: -7.1rem -7.62rem;}
.userhead>div .p1 i.guoqi{background-position-y: -8.1rem;}
.userhead>div .p2{height: 0.37rem;line-height: 0.37rem;font-size: 0.26rem;color: #BB812F;margin-top: 0.06rem;white-space: nowrap;text-overflow: ellipsis;}
.userhead>div a{position: absolute;height: 0.48rem;background: #351D11;border-radius: 0.14rem;text-align: center;color: #ECBA6D;line-height: 0.48rem;font-size: 0.19rem;right: 0.2rem;top: 0.2rem;padding: 0 0.12rem;}
.str{height: 0.53rem;overflow: hidden;padding: 0 0.3rem;margin-top: 0.6rem;}
.str p{float: left;line-height: 0.53rem;font-size: 0.38rem;color:#212732;font-weight: 500;}
.str>span{float: left;font-size: 0;width: 1.6rem;height: 0.39rem;margin-top: 0.06rem;}
.str>span.t1{background-position: -10.3rem 0;}
.str>span.t2{background-position: -10.3rem -0.5rem;}
.str>span.t3{background-position: -10.3rem -1rem;}
.vipcardwrap+.str{margin-top: 0.4rem;}
.str a{float: right;font-size: 0.28rem;color: #8B919B;line-height: 0.53rem;}
.tab1{overflow: auto;-webkit-overflow-scrolling: touch;}
.tab1 section>div{float: left;width: 2rem;height: 2.89rem;border: solid 0.04rem #EBEBEB;border-radius: 0.2rem;margin: 0.5rem 0.35rem 0 0;position: relative;}
.tab1 section>div:last-of-type{margin-right: 0;}
.tab1 section>div:first-of-type{margin-left: 0.4rem;}
.tab1 section>div.cur{border-color: #CE994F;background: #FDFBF7;}
.tab1 section>div .p4{width: 1.2rem;height: 0.38rem;text-align: center;line-height: 0.38rem;font-size: 0.24rem;color: #744F1B;position: absolute;right: -0.04rem;top: -0.24rem;background: linear-gradient(to right,#F9E6CC,#F1BA6C);border-radius: 0 0.16rem 0 0.16rem;font-weight: 500;white-space: nowrap;}
.tab1 section>div .p1{height: 0.42rem;text-align: center;font-size: 0.3rem;line-height: 0.42rem;font-weight: 500;color: #212732;margin-top: 0.38rem;}
.tab1 section>div.cur .p1{color: #B26800;}
.tab1 section>div .p2{color: #212732;font-weight: 500;height: 0.58rem;line-height: 0.58rem;font-size: 0.24rem;text-align: center;margin-top: 0.15rem;font-family: DINAlternate-Bold,DINAlternate;;}
.tab1 section>div .p2 span{font-size: 0.6rem;}
.tab1 section>div.cur .p2,.tab1 section>div.cur .p3{color: #B26800;}
.tab1 section>div .p3{height: 0.3rem;line-height: 0.3rem;font-size: 0.27rem;color: #8B919B;text-align: center;margin-top: 0.2rem;text-decoration: line-through;}
.tab1 section>div .p5{width: 1.52rem;height: 0.4rem;line-height: 0.4rem;text-align: center;
border-radius: 0.1rem;position: absolute;bottom: 0.22rem;left: 50%;margin-left: -0.76rem;font-size: 0.22rem;color: #9A9A9A;}
.tab1 section>div.cur .p5{background: rgba(243, 187, 108, 0.3);color: #BE6400;}
.tab1.card4 section>div{margin-right: 0.12rem;}
.rightslist{margin-bottom: -0.4rem;}
.rightslist>a{float: left;height: 1.85rem;width: 1.86rem;overflow: hidden;text-align: center;font-size: 0;margin-top: 0.4rem;}
.rightslist>a:nth-of-type(n+5){margin-top: 0;}
.rightslist>a i{width: 0.8rem;height: 0.8rem;display: flex;display:-webkit-flex;margin: 0 auto;    align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.rightslist>.r1 i:before{width: 0.7rem;height: 0.5rem;background-position: -3.4rem -3.3rem;}
.rightslist>.r2 i:before{width: 0.6rem;height: 0.48rem;background-position: 0 -3.3rem;}
.rightslist>.r3 i:before{width: 0.48rem;height: 0.62rem;background-position: -1.3rem -3.3rem;}
.rightslist>.r4 i:before{width: 0.56rem;height: 0.46rem;background-position: -1.5rem -4.1rem;}
.rightslist>.r5 i:before{width: 0.36rem;height: 0.5rem;background-position: -4.8rem -3.3rem;}
/* .rightslist>.r6 i:before{}
.rightslist>.r7 i:before{} */
.rightslist>.r8 i:before{width: 0.6rem;height: 0.46rem;background-position: 0 -4.1rem;}
.rightslist>.r9 i:before{width: 0.5rem;height: 0.5rem;background-position: -4.2rem -3.3rem;}
/* .rightslist>.r10 i:before{}
.rightslist>.r11 i:before{} */
.rightslist>.r12 i:before{width: 0.56rem;height: 0.48rem;background-position: -1.9rem -3.3rem;}
.rightslist>.r13 i:before{width: 0.56rem;height: 0.5rem;background-position: -0.7rem -3.3rem;}
.rightslist>.r14 i:before{width: 0.48rem;height: 0.6rem;background-position: -5.9rem -3.3rem;}
.rightslist>.r15 i:before{width: 0.64rem;height: 0.58rem;background-position: -2.6rem -3.3rem;}
.rightslist>.r16 i:before{width: 0.5rem;height: 0.52rem;background-position: -5.3rem -3.3rem;}
.rightslist>.r17 i:before{width: 0.44rem;height: 0.56rem;background-position: -2.3rem -4.1rem;}
.rightslist>.r18 i:before{width: 0.42rem;height: 0.5rem;background-position: -0.8rem -4.1rem;}
.rightslist>.r19 i:before{width: 0.48rem;height: 0.56rem;background-position: -5.7rem -4.1rem;}
.rightslist>.r20 i:before{width: 0.6rem;height: 0.68rem;background-position: -1rem -4.7rem;}
.rightslist>.r21 i:before{width: 0.48rem;height: 0.48rem;background-position: -1.8rem -4.7rem;}
.rightslist>.r22 i:before{width: 0.7rem;height: 0.62rem;background-position: -5.7rem -5rem;}
.rightslist>a p{color: #8B919B;font-size: 0.24rem;line-height: 0.33rem;height: 0.66rem;margin-top: 0.16rem;}
.rightslist>a p span{font-size: 0.2rem;color: #D9840B;}
.booklist{padding-left: 0.3rem;}
.booklist:after{width: 100%;height: 0;clear: both;content:'';display: block;}
.booklist li{height: 4.37rem;width: 2.14rem;margin: 0.4rem 0.24rem 0 0;float: left;}
.booklist li:nth-of-type(3n){margin-right: 0;}
.booklist li .face{position: relative;width: 2.14rem;height: 3rem;box-shadow:0 0 0.1rem 0.02rem rgba(190,190,190,0.1);
border:1px solid rgba(0,0,0,0.1);display: block;}
.booklist li .face img{width: 100%;height: 100%;}
.booklist li .face i{position: absolute;color: #fff;text-align: center;font-size: 0.2rem;padding: 0.06rem 0.1rem;white-space: nowrap;background:rgba(0,0,0,0.8);border-radius:0.04rem;border:1px solid rgba(255,255,255,0.5);font-style: normal;bottom: 0.1rem;left: 0.1rem;}
.booklist li p:nth-of-type(1){max-height:0.74rem;font-size:0.26rem;color:rgba(73,79,90,1);margin-top: 0.18rem;line-height:0.37rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.booklist li p:nth-of-type(2){height:0.37rem;font-size:0.26rem;color:rgba(139,145,155,1);line-height:0.37rem;margin-top: 0.04rem;}
.bottomtext{padding: 0 0.3rem 1.8rem;}
.bottomtext p{font-size: 0.26rem;color: #8B919B;line-height: 0.37rem;margin-top: 0.1rem;}
.bottomtext p:nth-of-type(1){margin-top: 0.2rem;}
.floatpay{position: fixed;left: 0;bottom: 0;width: 7.5rem;height: 1.2rem;border-top: solid 0.01rem #D5D6D8;z-index: 10;background: #fff;}
.floatpay>a{width: 1.8rem;
height: 0.94rem;text-align: center;line-height: 0.94rem;color: #744E1A;font-size: 0.34rem;font-weight:500;
background: linear-gradient(135deg, #F9E6CC 0%, #F1BA6C 100%);
border-radius: 0.1rem;float: right;margin: 0.12rem 0.2rem 0 0;}
.floatpay .d1{float: left;width: 5.1rem;margin-left: 0.2rem;}
.floatpay .d1 .p1{}
.floatpay .d1 .p1>span{display: block;}
.floatpay .d1 .s1{font-size: 0.3rem;color: #212732;font-weight: 500;height: 0.42rem;line-height: 0.42rem;margin-top: 0.16rem;}
.floatpay .d1 .s1 i{display: inline-block;font-size: 0.2rem;color: #fff;background: #E94332;font-style: normal;vertical-align: top;margin: 0.01rem 0 0 0.1rem;padding: 0 0.12rem;border-radius: 0 0.16rem;height:0.32rem;line-height: 0.32rem;}
.floatpay .d1 .s2{height: 0.37rem;line-height: 0.37rem;margin-top: 0.09rem;font-size: 0.2rem;color: #8B919B;}
.floatpay .d1 .s2 i{color: #B26800;font-size: 0.3rem;font-weight: 500;font-style: normal;}
.floatpay .d1 .p1 span:only-of-type{margin: 0.4rem 0 0 0.2rem;}
body.vipbody{background: url(//www.360doc.cn/images/member/bg.png) repeat center;background-size: 7.5rem auto;}
.vipbody .header{background: none;border: none;}
.vipbody .header p{color:#995900 ;}
.vipbody .header a:before{border-color: #995900 ;}
.scrollnav{height: 1.1rem;width: 7.5rem;position: relative;overflow: auto;-webkit-overflow-scrolling: touch;}
.scrollnav ul{height: 1.1rem;}
.scrollnav ul li{height: 1.1rem;text-align: center;line-height: 1.1rem;color:#D6C7B3;font-size: 0.32rem;float: left;white-space: nowrap;padding: 0 0.25rem;}
.scrollnav ul li.cur{color: #995900;font-weight: 500;}
.rightscontent{width:6.5rem;height:auto;background:#fff;box-shadow:0 0.02rem 0.2rem 0.14rem rgba(249,241,229,1);border-radius:0.1rem;overflow: hidden;padding: 0 0.4rem 0.4rem;margin: 0 auto;}
.gopay{position: fixed;bottom: 0;left: 0;width: 7.5rem;height: 0.98rem;background:linear-gradient(270deg,rgba(232,185,103,1) 0%,rgba(245,222,183,1) 100%); z-index: 10;}
.gopay .a1{display: block;width: 100%;height: 100%;line-height: 0.98rem;color:#371B07;font-size: 0.34rem;font-weight: 500;text-align: center;}
.rightsname{height: 1.4rem;margin-top: 0.2rem;border-bottom: solid 0.01rem #D8D8D8;overflow: hidden;}
.rightsname>span{width: 0.8rem;height: 0.8rem;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;float: left;margin: 0.2rem 0.4rem 0 0;}
.rightsname.r1>span:before{width: 0.7rem;height: 0.5rem;background-position: -3.4rem -3.3rem;}
.rightsname.r2>span:before{width: 0.6rem;height: 0.48rem;background-position: 0 -3.3rem;}
.rightsname.r3>span:before{width: 0.48rem;height: 0.62rem;background-position: -1.3rem -3.3rem;}
.rightsname.r4>span:before{width: 0.56rem;height: 0.46rem;background-position: -1.5rem -4.1rem;}
.rightsname.r5>span:before{width: 0.36rem;height: 0.5rem;background-position: -4.8rem -3.3rem;}
/* .rightsname.r6>span:before{}
.rightsname.r7>span:before{} */
.rightsname.r8>span:before{width: 0.6rem;height: 0.46rem;background-position: 0 -4.1rem;}
.rightsname.r9>span:before{width: 0.5rem;height: 0.5rem;background-position: -4.2rem -3.3rem;}
/* .rightsname.r10>span:before{}
.rightsname.r11>span:before{} */
.rightsname.r12>span:before{width: 0.56rem;height: 0.48rem;background-position: -1.9rem -3.3rem;}
.rightsname.r13>span:before{width: 0.56rem;height: 0.5rem;background-position: -0.7rem -3.3rem;}
.rightsname.r14>span:before{width: 0.48rem;height: 0.6rem;background-position: -5.9rem -3.3rem;}
.rightsname.r15>span:before{width: 0.64rem;height: 0.58rem;background-position: -2.6rem -3.3rem;}
.rightsname.r16>span:before{width: 0.5rem;height: 0.52rem;background-position: -5.3rem -3.3rem;}
.rightsname.r17>span:before{width: 0.44rem;height: 0.56rem;background-position: -2.3rem -4.1rem;}
.rightsname.r18>span:before{width: 0.42rem;height: 0.5rem;background-position: -0.8rem -4.1rem;}
.rightsname.r19>span:before{width: 0.48rem;height: 0.56rem;background-position: -5.7rem -4.1rem;}
.rightsname.r20>span:before{width: 0.6rem;height: 0.68rem;background-position: -1rem -4.7rem;}
.rightsname.r21>span:before{width: 0.48rem;height: 0.48rem;background-position: -1.8rem -4.7rem;}
.rightsname.r22>span:before{width: 0.7rem;height: 0.62rem;background-position: -5.7rem -5rem;}
.rightsname p{float: left;font-size: 0.34rem;font-weight: 500;line-height: 0.48rem;color: #995900;margin-top: 0.4rem;}
.rightsstr{height: 0.45rem;line-height: 0.45rem;font-size: 0.32rem;color: #995900;font-weight: 500;margin-top: 0.4rem;}
.rtext1{font-size: 0.28rem;color: #494F5A;line-height: 0.4rem;margin-top: 0.2rem;}
.typeicon{height: auto;overflow: hidden;}
.typeicon .ibefore{float: left;margin-top: 0.2rem;margin-right: 0.15rem;}
.typeicon .ibefore:last-of-type{margin-right: 0;}
.typeicon .ibefore:before{display: block;width: 1.8rem;height: 0.48rem;}
.rt1:before{background-position: -10.2rem -2.7rem;}
.rt2:before{background-position: -10.2rem -1.7rem;}
.rt3:before{background-position: -10.2rem -3.2rem;width: 1.58rem;}
.rt4:before{background-position: -10.2rem -2.2rem;}
.rpage1{display: none;}
.maskbg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 11;display: none;}
.paytab{overflow: hidden;border-radius: 0.06rem;background: #fff;margin: 0.2rem auto 0;padding: 0 0.3rem;}
.paytab label{display: block;height: 0.9rem;color: #000;font-size: 0.3rem;line-height: 0.9rem;text-indent: 0.86rem;position: relative;}
.paytab label input{display: none;}
.paytab label span{width: 0.46rem;height: 0.46rem;border-radius: 50%;top: 0.22rem;position: absolute;right: 0;background-position: 1000rem 1000rem;border: solid 0.01rem #C9C9C9;}
.paytab .pwx:before{width: 0.56rem;height: 0.5rem;background-position: -6.98rem -1.02rem;left: 0;top: 0.2rem;position: absolute;}
.paytab .pzfb:before{width: 0.56rem;height: 0.56rem;background-position: -7.56rem -1.02rem;position: absolute;left: 0;top: 0.16rem;}
.paytab label input:checked+span{background-position:-6.98rem -1.53rem;border: none;}
.payconfirm{width:5.6rem;height:auto;background:#fff;border-radius:0.08rem;overflow: hidden;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);;z-index: 12;text-align: center;}
.payconfirm p:nth-of-type(1){margin-top: 0.4rem;height:0.5rem;font-size:0.36rem;color:#000;line-height:0.5rem;}
.payconfirm p:nth-of-type(2){font-size:0.3rem;color:#888;line-height:0.42rem;margin: 0.2rem auto 0;width: 4.3rem;}
.payconfirm a{display: block;height: 1rem;line-height: 1rem;color: #0DAD51;font-size: 0.36rem;font-weight: 500;margin-top: 0.3rem;border-top: solid 1px #E5E5E5;}
.payconfirm a.a2{float: left;width:50%;color: #000;border-right:solid 1px #E5E5E5;}
.payconfirm a.a3{float: right;width: 50%;}
.pay__{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background:rgba(0,0,0,0.5);z-index: 999;justify-content:center;align-items:center;display:-webkit-flex;display: flex;}
.pay__ .d1{width: 280px;height: auto;background: #fff;overflow: hidden;border-radius: 4px;-webkit-border-radius: 4px;position: relative;}
.pay__step3 .d1{padding: 20px 10px;box-sizing: border-box;}
.pay__step3 .p1{height:46px;font-size:15px;color:#000;line-height:23px;}
.pay__step3 .p1 span{color: #FF0E18;}
.pay__title{color: #161A24;height: 49px;line-height: 49px;font-size: 18px;text-align: center;border-bottom: solid 1px #C7C7CC;}

.pay__prompt{width: 100px;height: 100px;position: absolute;z-index: 1;background:rgba(0,0,0,0.8);
border-radius:5px;-webkit-border-radius: 5px;color: #fff;font-size: 14px;text-align: center; display: none;}
.pay__prompt:before{display: block;width: 40px;height: 40px;background-image: url(//www.360doc.cn/images/Document/pay_icons.png);background-repeat: no-repeat;background-size:40px 200px ;content: '';margin: 16px auto 8px;}
.pay__prompt.pay__p1:before{background-position: 0 -40px;-webkit-animation: loading 1s infinite linear;animation: loading 1s infinite linear;}
.pay__prompt.pay__p1:after{content: '支付确认中';}
.pay__prompt.pay__p2:before{background-position: 0 -80px;}
.pay__prompt.pay__p2:after{content: '支付成功';}
.pay__prompt.pay__p3:after{content: '支付失败';}
@-webkit-keyframes loading{from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}}
@keyframes loading{from{transform: rotate(0deg);}
to{transform: rotate(360deg);}}
.pay__btn1,.pay__btn2{display: block;width: 258px;height: 45px;margin: 0 auto;background: #FF4E44;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;text-align: center;font-size: 18px;line-height: 45px;border:1px solid #FF4E44;}
.pay__btn2{background:#F8F8F8;color: #000;border:1px solid rgba(5,5,5,0.1);}
.pay__btn1.unable{color: rgba(255,255,255,0.4);}
.clause{color:#8B919B;font-size: 0.22rem;height: 0.3rem;line-height: 0.3rem;margin-top: 0.3rem;padding-left: 0.3rem;}
.clause a{color: #B26800;}
.clause+.clause{margin-top: 0.16rem;}
.clause[style*=none]+.clause{margin-top: 0.3rem !important;}
.alerttext{position:fixed;top:100%;z-index:9999999;left:50%;font-size:0.3rem;color:#fff;background:#121212;text-align:center;white-space:nowrap;padding:0.08rem 0.24rem;border-radius:0.04rem;transform:translateX(-50%);transition:0.4s}
.logandpay{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top: 0;z-index: 10000;}
.logandpay *{box-sizing: border-box;}
.lpwrap{width: 7.5rem;height: 10rem;background: #FAFAFA;position: absolute;left: 0;bottom: 0;border-radius: 0.06rem 0.06rem 0 0;color: #212732;transform-origin: left bottom;-webkit-transform-origin: left bottom;}
.lpwrap .closer{width: 1.1rem;height: 1.1rem;text-align: center;line-height: 1rem;position: absolute;right: 0;top: 0;font-size: 0.6rem;}
.lp_contacts{width: 7.5rem;height: 6rem;background: #fff;position: absolute;left: 0;bottom: 0;text-align: center;
font-family: 'PingFangSC-Medium', 'PingFang SC','microsoft yahei';}
.lp_contacts .lp_str p:nth-of-type(1){height:1.05rem;font-size: 0.32rem;font-weight: bold;color: #212732;line-height:1.05rem;}
.lp_contacts .lp_str{height: 2.25rem;}
.lp_contacts .lp_str p:nth-of-type(2){height: 0.8rem;font-size: 0.28rem;text-align: center;color: #ABAFB6;line-height: 0.4rem;}
.lp_contacts>a{display: block;height: 1.2rem;line-height: 1.2rem;color: #4281CB;font-weight: bold;font-size: 0.32rem;border-top: solid 0.01rem #EDEFEE;}
.lp_contacts i{display: block;height: 0.2rem;background: #EFEFF4;}
.lp_contacts a.a1{color:#494F5A;margin: 0;}
.timer{position: fixed;width: 100%;height: 0.8rem;text-indent: 0.3rem;color: #fff;font-size: 0.28rem;font-weight: 500;line-height: 0.8rem;left: 0;bottom: 1.2rem;
background: #FF625A;z-index: 10;}
.timer span{float: right;text-indent: 0;margin-right: 0.2rem;}
/**/
.viphelper{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.6);z-index: 10000;display: none;}
.viphelper .d2{width: 6.5rem;height: auto;background: #fff;border-radius: 0.1rem;position: absolute;left: 50%;top: 3.76rem;margin: -1.03rem 0 0 -3.25rem;line-height: 0.6rem;font-size: 0.34rem;color: #212732;padding:0.4rem 0.36rem ;text-align: center;box-sizing: border-box;}
.viphelper .d2 i{width: 0.73rem;height: 1.36rem;position: absolute;right: 0.8rem;top: -1.64rem;background-position: -6.6rem -2.2rem;}
.viphelper .d2 p{text-align: left;line-height: 0.56rem;color: inherit;}
.viphelper .d2 p:nth-of-type(2){margin-top: 0.4rem;}
.viphelper .d2 p span{color: #E6352B;}
.viphelper .d2 a{display: block;width: 3.68rem;height: 0.8rem;line-height: 0.8rem;color: #fff;background:#07C160;border-radius: 0.08rem;margin: 0.56rem auto 0;}
/*支付成功弹层*/
.paysuc{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.51);z-index: 99;}
.paysuc .d1{width: 7.5rem;background: #FFF;border-radius: 0.2rem 0.2rem 0 0;position: absolute;bottom: 0;left: 0;overflow: hidden;height: 9rem;}
.paysuc .d1 a.closer{width: 0.44rem;height: 0.44rem;box-shadow: 0 0 0.1rem #999;background: #fff;position: absolute;top: 0.3rem;right: 0.24rem;text-align: center;line-height: 0.44rem;font-size: 0.4rem;border-radius: 50%;z-index: 3;}
.paysuc .d1 .str_{height: 1.1rem;border-bottom: solid 0.02rem #EFEFF4;margin: 0 0.3rem;text-align: center;color: #212732;font-size: 0.36rem;line-height: 1.1rem;font-weight: 500;}
.paysuc .d1 .str_:before{width: 0.4rem;height: 0.4rem;background-position: 0 -4.7rem;vertical-align: top;margin: 0.32rem 0.16rem 0 0;}
.paysuc .d1 .d1_1{width: 2.62rem;height: 2.34rem;background-position: -2.9rem -4rem;margin: 1rem auto 0;}
.paysuc .d1 .p1{margin-top: 0.6rem;text-align: center;font-size: 0.3rem;color: #212732;line-height: 0.54rem; letter-spacing: 0.02rem;}
.paysuc .d1 .p1 span {color: #F6C37E;font-weight: bold;}
.paysuc .d1 a.down {display: block;width: 6.5rem;height: 0.94rem;line-height: 0.9rem;background: linear-gradient(270deg, #F1BA6C 0%, #F9E6CC 100%);border-radius: 0.1rem;border: 0.02rem solid rgba(5, 5, 5, 0.08);text-align: center; color: #744E1A;font-size: 0.36rem;font-weight: 500; margin: 0.62rem auto 0;}