*{margin: 0; padding: 0; font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
ol,ul,li{list-style: none; margin: 0;}
img{border: 0;}
a{text-decoration: none;}
/* a:active{border: 0; outline: 0;} */
a:focus{text-decoration: none; outline: 0;}
a:hover{text-decoration: none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{-webkit-tap-highlight-color: transparent;line-height: 1.2;font-size: 0.24rem;color: #333;}

.container-wrap{width: 1200px;margin: 0 auto;}
.page-container{width: 1190px;margin:0 auto;}
.clearfix{clear: both;content: '';*zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}
.fl{float:left;}
.fr{float:right;}
.bg-block{background-color: #f5f5f5;}
.bg-login{background-color: #f2f6fa;}
.bg-deep{background-color: #eaedf4;}
.bg-grey{background-color: #fefefe;}
.bg-orange{background-color: #ff6b4e;}
.bg-green{background-color:#56b282;}
.bg-purple{background-color:#602e54;}
.bg-darkgreen{background-color:#449d50;}
.bg-blue{background-color:#5371ff;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.color-theme{color: #2f98ef!important;}
.c-fe7e13{color: #fe7e13!important;}
.c-3e7adc{color: #3e7adc!important;}
.c-a966f4{color: #a966f4!important;}
.c-fb6e43{color: #fb6e43!important;}
.c-blue{color: #3e51dc!important;}
.c-red{color: #e02e24!important;}
.page-container{position: relative;width: 100%;}
.reserved{padding-bottom: 1.3rem;}
img{max-width: 100%;}
.pos{position: relative;height: auto;}

.pp-header{background-image: linear-gradient(to bottom, #3e51dc, #4c94df);width: 100%;height: 1.2rem;}
.pp-logo{width: 2rem;height: 1.2rem;background: url(../img/index/logo.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 50%;top: 0;margin-left: -0.9rem;}
.pp-logo a{display: block;width: 100%;height: 100%;}
.pp-login-link{font-size: 0.26rem;color: #fff;position: absolute;right: 0.3rem;top: 0.4rem;}
.pp-footer{padding: 0.3rem 0;text-align: center;}
.pp-footer p{font-size: 0.24rem;color: #777777;line-height: 0.4rem;}

.pp-nav-fixed{width: 100%;height: 1.2rem;box-shadow: 1px -3px 5px #eee;position: fixed;bottom:0;left:0;background: #fff;z-index: 999;}
.pp-nav li{width: 20%;float: left;display: block;}
.pp-nav li a{display: block;line-height: 1;padding-top: 0.15rem;height: 1.2rem;}
.pp-nav .nav-icon{width: 0.58rem;height: 0.58rem;display: block;margin: 0 auto 0.1rem;background-size: 100% 100%;background-repeat: no-repeat;}
.icon-nav-1{background-image: url(../img/index/btn1.png);}
.icon-nav-1.active{background-image: url(../img/index/btn1-hover.png);}
.icon-nav-2{background-image: url(../img/index/btn2.png);}
.icon-nav-2.active{background-image: url(../img/index/btn2-hover.png);}
.icon-nav-3{background-image: url(../img/index/btn3.png);}
.icon-nav-3.active{background-image: url(../img/index/btn3-hover.png);}
.icon-nav-4{background-image: url(../img/index/btn4.png);}
.icon-nav-4.active{background-image: url(../img/index/btn4-hover.png);}
.icon-nav-5{background-image: url(../img/index/btn5.png);}
.icon-nav-5.active{background-image: url(../img/index/btn5-hover.png);}
.pp-nav .nav-text{font-size: 0.26rem;color: #555;display: block;text-align: center;pointer-events: none;}

.pp-menu-wrap{padding: 0.3rem;overflow: hidden;}
.pp-menu li{width: 20.5%;float: left;display: block;text-align: center;margin-right: 5%;}
.pp-menu li:last-child{margin-right: 0;}
.pp-menu .menu-text{font-size: 0.28rem;color: #333333;display: block;}
.pp-menu .menu-icon{width: 0.7rem;height: 0.7rem;display: block;margin: 0 auto 0.2rem;background-size: 100% 100%;}
.icon-menu-1{background-image: url(../img/index/icon1.png);}
.icon-menu-2{background-image: url(../img/index/icon2.png);}
.icon-menu-3{background-image: url(../img/index/icon3.png);}
.icon-menu-4{background-image: url(../img/index/icon4.png);}
.pp-banner-warp{padding: 0 0.3rem;}
.banner-swiper{width: 100%;height: 3.1rem;}
.banner-swiper .swiper-slide{width: 100%;height: 3.1rem;}
.banner-swiper .swiper-slide a{display: block;width: 100%;height: 100%;}

.pp-panel-wrap{padding: 0.3rem;}
.pp-panel-title{height: 0.38rem;margin-bottom: 0.25rem;}
.pp-panel-title h3{font-size: 0.3rem;font-weight: bold;float: left;padding-left: 0.2rem;position: relative;}
.pp-panel-title .c-fe7e13::before{background: #fe7e13;}
.pp-panel-title .c-3e7adc::before{background: #3e7adc;}
.pp-panel-title .c-a966f4::before{background: #a966f4;}
.pp-panel-title .c-fb6e43::before{background: #fb6e43;}
.pp-panel-title h3::before{width: 0.06rem;height: 0.38rem;content: "";position: absolute;left: 0;top: 0;display: block;}
.pp-panel-title .more-link{color: #999;font-size: 0.26rem;float: right;line-height: 0.38rem;display: block;}
.activity-wx-bg,.activity-qq-bg{width: 50%;height: 1rem;float: left;border-radius: 0.1rem;box-sizing: border-box;position: relative;}
.activity-wrap h5{color: #e04141;font-size: 0.28rem;margin-bottom: 0.06rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.activity-wrap p{color: #777;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;width: 85%;}
.activity-wx-bg{background: url(../img/index/wx-bg.png) no-repeat;background-size: cover;padding: 0.2rem 0.3rem;}
.activity-qq-bg{background:url(../img/index/qq-bg.png) no-repeat;background-size: cover;padding: 0.2rem 0.4rem;}
.activity-wx-bg .wx-icon{width: 0.5rem;height: 0.5rem;background: url(../img/index/icon-wx.png) no-repeat;background-size: 100% auto;position: absolute;top: 0.3rem;right: 0.3rem;}
.activity-qq-bg .qq-icon{width: 0.5rem;height: 0.5rem;background: url(../img/index/icon-qq.png) no-repeat;background-size: 100% auto;position: absolute;top: 0.3rem;right: 0.2rem;}
.grey-line{width: 100%;height: 0.1rem;background: #f5f7fa;}

.pp-panel-list{overflow: hidden;}
.pp-panel-list li{border-bottom: 0.02rem solid #f0f0f0;padding: 0.25rem 0;display: flex;position: relative;}
.pp-panel-list li:active::after{opacity: 0.1;}
.pp-panel-list li::after{content: " ";position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;border: inherit;border-color: #000;background-color: #000;border-radius: inherit;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pp-panel-list .list-info{flex:1;margin-right: 0.25rem;}
.pp-panel-list .list-info p{color: #a5a5a5;font-size: 0.24rem;}
.pp-panel-list .list-info h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;line-height: 0.4rem;margin-bottom: 0.1rem;height: 0.8rem;}
.pp-panel-list .list-info h3 a{font-size: 0.28rem;color: #333;font-weight: normal;}
.pp-panel-list .list-pic{width: 2rem;height: 1.2rem;flex: 0 0 2rem;border-radius: 0.1rem;overflow: hidden;}
.pp-panel-list .list-pic a{display: block;}
.pp-panel-list .list-pic img{width: 100%;height: auto;}

.inner-header{background-image: linear-gradient(to bottom, #3e51dc, #4c94df);width: 100%;height: 1rem;position: relative;}
.inner-header>h2{text-align: center;font-size: 0.34rem;color: #fff;line-height: 1rem;font-weight: normal;}
.icon-return{display: block;position: absolute;left: 0.3rem;top: 50%;margin-top: -0.15rem;width: 0.16rem;height: 0.3rem;background: url(../img/index/icon-return.png) no-repeat;background-size: 100% auto;}
.icon-share{display: block;position: absolute;right: 0.3rem;top: 50%;margin-top: -0.15rem;width: 0.31rem;height: 0.3rem;background: url(../img/index/icon-share.png) no-repeat;background-size: 100% auto;}

.detail-container{padding: 0.3rem;overflow: hidden;}
.detail-title{font-size: 0.32rem;color: #333;font-weight: bold;margin-bottom: 0.3rem;}
.detail-section{display: flex;margin-bottom: 0.3rem;}
.detail-section-info,.detail-section-date{flex: 1;line-height: 1;}
.detail-section-date{text-align: right;color: #999999;font-size: 0.26rem;line-height: 0.6rem;}
.detail-section-info .avatar{width: 0.6rem;height: 0.6rem;border-radius: 100%;overflow: hidden;float: left;}
.detail-section-info .avatar img{width: 100%;height: 100%;}
.detail-section-info .name{float: left;font-size: 0.28rem;line-height: 0.6rem;margin-left: 0.2rem;}
.detail-content p{font-size: 0.28rem;line-height: 0.44rem;color: #666;margin-bottom: 0.2rem;}

.user-info-wrap{width: 100%;height: 4rem;box-sizing: border-box;padding: 0.7rem 0.18rem 0;position: relative;background: url(../img/user/user-bg.jpg) no-repeat center top;background-size: 100% 3.2rem;}
.user-info-base{padding: 0 0.2rem;display: flex;}
.user-info-base .avatar{width: 1.2rem;height: 1.2rem;border-radius: 100%;flex: 0 0 1.2rem;margin-right: 0.3rem;}
.user-info-base .avatar img{width: 100%;height: 100%;}
.user-info-base .name{color: #fff;font-size: 0.32rem;line-height: 1.2rem;flex: 1;}
.user-info-base .account{flex: 1;text-align: center;line-height: 0.5rem;font-size: 0.28rem;padding-top: 0.1rem;color: #fff;}
.user-info-base .account label{opacity: 0.6;}
.user-info-panel{position: absolute;height: 1.7rem;background: #fff;border-radius: 0.15rem;box-sizing: border-box;bottom: 0;left: 0.18rem;right: 0.18rem;box-shadow: 0 0 0.2rem #e3f3ff;display: flex;}
.panel-item{flex: 1;padding-top: 0.4rem;text-align: center;}
.panel-item:first-child img{width: 0.52rem;display: block;margin: 0 auto;}
.panel-item:last-child img{width: 0.46rem;display: block;margin: 0 auto;}
.panel-item p{color: #333333;font-size: 0.26rem;margin-top: 0.15rem;}
.user-menu-wrap{padding: 0.4rem 0.4rem 0;}
.user-menu-item{display: flex;overflow: hidden;line-height: 0.5rem;margin-bottom: 0.15rem;background: url(../img/user/icon-next.png) no-repeat center right;background-size: 0.15rem auto;position: relative;}
.user-menu-item::after{position: absolute;box-sizing: border-box;content: ' ';pointer-events: none;right: 0;bottom: 0;left: 16px;border-bottom: 1px solid #ebedf0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.user-menu-item:last-child{margin-bottom: 0;}
.user-menu-item:last-child::after{display:none;}
.user-menu-item a{display: block;width: 100%;padding: 0.1rem 0;height: 0.5rem;position: relative;}
.user-menu-item a:active::after{opacity: 0.1;}
.user-menu-item a::after{content: " ";position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;border: inherit;border-color: #000;background-color: #000;border-radius: inherit;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.user-menu-item .menu-icon{display: block;margin-right: 0.2rem;height: 0.5rem;float: left;width: 0.31rem;}
.user-menu-item .text{color: #666666;font-size: 0.28rem;display: inline-block;flex: 1;}
.icon-database{background: url(../img/user/icon-database.png) no-repeat center;background-size: 100% auto;}
.icon-manage{background: url(../img/user/icon-manage.png) no-repeat center;background-size: 100% auto;}
.icon-dui{background: url(../img/user/icon-dui.png) no-repeat center;background-size: 100% auto;}
.icon-record{background: url(../img/user/icon-record.png) no-repeat center;background-size: 100% auto;}
.icon-actity{background: url(../img/user/icon-actity.png) no-repeat center;background-size: 100% auto;}
.icon-msg{background: url(../img/user/icon-msg.png) no-repeat center;background-size: 100% auto;}
.icon-msglist{background: url(../img/user/icon-msglist.png) no-repeat center;background-size: 100% auto;}
.icon-question{background: url(../img/user/icon-question.png) no-repeat center;background-size: 100% auto;}
.icon-about{background: url(../img/user/icon-about.png) no-repeat center;background-size: 100% auto;}

.white-panel{margin: 0.25rem;background: #fff;border-radius: 0.1rem;}
.question-wrap{padding: 0.25rem;overflow: hidden;}
.ques-body{margin-bottom: 0.2rem;}
.ques-body:last-child{margin-bottom: 0;}
.ques-body p{font-size: 0.26rem;color: #666666;line-height: 0.4rem;text-indent: 2em;text-align: justify;}
h4.ques-title{padding: 0.2rem 0;border-bottom: 0.01rem solid #ebebeb;font-size: 0.3rem;color: #333;font-weight: normal;padding-left: 0.2rem;position: relative;line-height: 1;margin-bottom: 0.15rem;}
h4.ques-title::before{content: '';position: absolute;display: block;width: 0.05rem;height: 0.28rem;background: #f4646e;left: 0;top: 0.21rem;}

.about-wrap{padding: 0.3rem;}
.about-logo{margin: 0.35rem auto 0.45rem;width: 2.8rem;}
.about-wrap h4{color: #4c4c4c;font-size: 0.32rem;font-weight:normal;text-align: center;margin-bottom: 0.24rem;}
.about-wrap p{color: #777777;font-size: 0.28rem;text-indent: 2em;line-height: 0.42rem;text-align: justify;}
.contact-list{display: block;margin-top: 0.6rem;}
.contact-list li{display: flex;font-size: 0.26rem;line-height: 0.6rem;padding-bottom: 0.1rem;margin-top: 0.15rem;border-bottom: 0.01rem solid #f1f1f1;}
.contact-list li label{flex: 0 0 2rem;color: #4c4c4c;}
.contact-list li span{flex: 1;color: #666;text-align: right;}
.fixed-footer{width:100%; height: 0.6rem;background: #e5e5e5;text-align: center;position: fixed;bottom:0;}
.fixed-footer p{font-size: 0.24rem;color: #777777;line-height: 0.6rem;}

.coupon-wrap{padding: 0.3rem;}
.coupon-item{height: 1.9rem;background: #fff;box-sizing: border-box;position: relative;overflow: hidden;border-radius: 0.1rem;display: flex;margin-bottom: 0.2rem;}
.coupon-item>a{display: block;width: 100%;}
.coupon-item::before{position: absolute;content:'';left:0;top:50%;width: 0.2rem;height: 0.2rem;border-radius: 100%;background: #eaedf4;transform: translate(-50%,-50%);}
.coupon-item::after{position: absolute;content:'';right:0;top:50%;width: 0.2rem;height: 0.2rem;border-radius: 100%;background: #eaedf4;transform: translate(50%,-50%);}
.coupon-item .words{float:left;background: #ffb883;height: 1.9rem;text-align: center;width: 1.45rem;box-sizing: border-box;padding-top: 0.5rem;color: #fff;font-size:0.24rem;}
.coupon-item .words label{display: block;font-size: 0.34rem;margin-bottom: 0.1rem;}
.coupon-item .content{float: left;padding: 0.5rem 0.25rem;}
.coupon-item .content h6{color: #444444;font-size: 0.28rem;font-weight: normal;margin-bottom: 0.15rem;}
.coupon-item .content .cont{color: #ff713f;font-size: 0.26rem;}
.coupon-item .btn-get{float: right;width: 0.8rem;text-align: center;line-height: 1.3;padding-top: 0.3rem;box-sizing: border-box;height: 1.9rem;border-left: 0.01rem solid #fbfbfb;}
.coupon-item .btn-get span{display: inline-block;width: 0.26rem;font-size: 0.26rem;color: #ff713f;}
.coupon-item.used .words{background: #bfbfbf;}
.coupon-item.used .btn-get{display: none;}
.coupon-item.used{background: url(../img/user/icon-joined.png) #fff no-repeat 95% center;background-size: 1.3rem auto;}

.share-wrap{padding: 0.3rem;}
.share-wrap p{font-size: 0.28rem;color: #333333;line-height: 1.6;margin-bottom: 0.2rem;}
.share-wrap .share-tip{font-size: 0.26rem;color: #777;}
.share-wrap .share-tip>b{color: #fc0000;}
.share-content{background: #eeeeee;padding: 0.3rem;margin-bottom: 0.3rem;}
.share-content p{font-size: 0.24rem;line-height: 1.3;}
.share-content p:last-child{margin-bottom: 0;}
.share-wrap .share-result{font-size: 0.26rem;margin-top: 0.1rem;margin-bottom: 0.2rem;}
.share-wrap .share-result a{text-decoration: underline;}
.share-pos{position: relative;min-height: 2rem;margin-bottom: 0.2rem;}
.share-pos.joined{background: url(../img/user/icon-joined.png) no-repeat 100% center;background-size: 2rem auto;}
.pp-footer.fixed{position: absolute;bottom:0;width: 100%;}
.share-result-item{display: block;float:left;width: 1.38rem;height: 1.38rem;position: relative;margin-bottom: 0.1rem;margin-right: 0.1rem;}
.share-result-item img{width: 100%;height: 100%;}
.share-input-wrap{margin-bottom: 0.2rem;font-size: 0;}
.share-input{height: 0.55rem;border:0.01rem solid #bfbfbf;padding: 0.1rem;outline: 0;box-sizing: border-box;font-size: 0.26rem;width: 70%;}
.share-btn{height: 0.55rem;padding: 0 0.1rem;border:0;outline: 0;background: #3e51dc;color: #fff;}
.share-btn:disabled{background: #dcdcdc;color: #fff;}
.share-result .share-file{position: absolute;width: 1.38rem;height: 1.38rem;top:0;left: 0;opacity: 0;}
.btn-upload-pic{display: block;width: 100%;height: 0.8rem;outline: 0;border: 0;background: #3e51dc;color: #fff;border-radius: 0.08rem;font-size: 0.3rem;}
.btn-upload-pic:disabled{background: #dcdcdc;color: #fff;}

.pp-form-item{margin: 0.2rem 0;background: #fff;padding: 0.2rem 0.3rem;}
.control-line{display: block!important;}
.control-line>p{margin-bottom: 0.15rem;}
.control-line input[type='checkbox']{margin-right: 0.1rem;}
.pp-form-title{font-size: 0.26rem;color: #444;line-height: 0.4rem;margin-bottom: 0.2rem;overflow: hidden;}
.pp-form-title .c-red{float: left;margin-right: 0.1rem;}
.pp-form-title label{float: left;}
.pp-form-control{display: flex;position: relative;}
.pp-form-control .form-input{flex: 1;border:0;border-bottom: 0.01rem solid #e5e5e5;padding: 0.2rem;outline: 0;}
.pp-yzm{width: 1.2rem;height: auto;position: absolute;top: 0.1rem;right: 0.1rem;}
.pp-btn-wrap{margin: 0.1rem 0.3rem 0;}
.btn-submit{height: 0.8rem;padding: 0 0.1rem;border:0;outline: 0;background: #2489f3;color: #fff;display: block;width: 100%;box-sizing: border-box;border-radius: 0.06rem;}
.btn-submit:disabled{background: #dcdcdc;color: #fff;}
.btn-submit span{font-size: 0.28rem;}
button{position: relative;}
button:active::before{opacity: 0.1;}
button::before{content: " "; position: absolute; top: 50%; left: 50%; opacity: 0; width: 100%; height: 100%; border: inherit; border-color: #000; background-color: #000; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.success-dialog .dialog-content-title{color: #2a8d2a!important;}
.error-dialog .dialog-content-bd{color: #fc0000;}
.success-dialog .success-dialog-list{padding-left: 0.1rem;text-align: left;}
.success-dialog .success-dialog-list p{font-size: 13px;}
.pp-select{padding: 5px 8px;border: 0.01rem solid #e5e5e5;margin-right: 0.2rem;}
.pp-file-btn{position: relative;display: block;float:left;width: 65px;text-align: center;height: 20px;font-size: 0.24rem;background: #9fe4f0;border-radius: 10px;margin-left: 0.2rem;}
.pp-file-btn b{font-weight: normal;color: #fff;}
.pp-file-btn .pp-file{position: absolute;width: 100%;height: 100%;top: 0;left:0;opacity: 0;}
.pp-textarea-wrap{height: 2.3rem;border: 0.01rem solid #eaedf4;margin-top: 0.1rem;margin-bottom: 0.1rem;}
.pp-textarea{padding: 5px;width: 99%;box-sizing: border-box;outline: 0;border: 0;}
.textarea-count{position: absolute;font-size: 0.24rem;color: #777777;bottom: -0.35rem;right: 0%;}

.pp-list-item{margin: 0.2rem 0;background: #fff;padding: 0.2rem 0.3rem;position: relative;}
/*.pp-list-item:active::after{opacity: 0.1;}
.pp-list-item::after{content: " ";position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;border: inherit;border-color: #000;background-color: #000;border-radius: inherit;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}*/
/*.pp-list-item.clicked{background: url(../img/user/icon-next.png) no-repeat #fff 95% 0.4rem;background-size: 0.15rem auto;}*/
.pp-list-item.clicked i.icon-next{display:block;width: 0.2rem;height: 0.3rem;position: absolute;top: 0.2rem;right: 0.3rem;background: url(../img/user/icon-next.png) no-repeat center;background-size: 0.15rem auto;}
.pp-list-title{color: #333333;font-size: 0.28rem;font-weight: normal;margin-bottom: 0.2rem;}
.pp-list-desc{color: #777777;font-size: 0.24rem;padding-bottom: 0.2rem;border-bottom: 0.01rem solid #e5e5e5;margin-bottom: 0.2rem;}
.pp-list-desc.top{border-top: 0.01rem solid #e5e5e5;padding-top: 0.2rem;border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.pp-list-desc span{display: inline-block;padding-right: 0.1rem;}
.pp-list-btn{display: inline-block;padding: 0.1rem 0.3rem;border: 0.01rem solid #2489f3;color: #2489f3;border-radius: 0.1rem;font-size: 0.26rem;margin-right: 0.1rem;}
.list-tip{display: inline-block;width: 2rem;}
.list-tip b{color: #fc0000;}
.font-red{color: #fc0000;}
.font-yellow{color: #f6b416;}
.font-grey{color: #aaaaaa;}
.font-green{color: #008000;}
.font-blue{color: #3e51dc!important;}
.font-success{color: #63bd2a!important;}
.font-error{color: #fc0000!important;}

.pp-detail-wrap{padding: 0.3rem;}
.pp-detail-info{border-bottom: 0.02rem solid #dcdcdc;padding-bottom: 0.1rem;margin-bottom: 0.3rem;position: relative;}
.detail-info{width: 250px;}
.detail-info h3{color: #333333;font-size: 0.32rem;margin-bottom: 0.3rem;padding-top: 0.1rem;}
.detail-info p{color: #555555;font-size: 0.26rem;margin-bottom: 0.2rem;}
.btn-downAll{display: block;width: 1.82rem;height: 0.58rem;color: #fff;background: #2c8cf0;border-radius: 0.1rem;position: absolute;top: 0;right:0;text-align: center;line-height: 0.58rem;}
.simi-wrap{width: 1.48rem;height: 1.48rem;background: url(../img/user/simi.png) no-repeat;position: absolute;top: 0.7rem;right: 0.4rem;background-size: 100% auto;box-sizing: border-box;}
.simi-wrap span{color: #fff;display: block;text-align: center;padding-top: 0.78rem;font-size: 0.26rem;transform: rotate(-15deg);}
.pp-detail-content h5{color: #2c2c2c;font-size: 0.32rem;margin-bottom: 0.2rem;}
.detail-tip{margin-bottom: 0.2rem;font-size: 0.26rem;line-height: 1.3;}
.detail-cont p{line-height: 1.5;text-indent: 2em;text-align: justify;}
h3.info-title{color: #666666;font-size: 0.3rem;padding: 0 0.3rem;line-height: 2;margin: 0.04rem 0;font-weight: normal;}
.baseInfo-cell{background: #fff;height: 0.8rem;line-height: 0.8rem;border-radius: 0.1rem;padding: 0 0.3rem;box-sizing: border-box;display: flex;margin-bottom: 0.02rem;}
.baseInfo-cell label{flex: 0 0 2rem;width: 2rem;color: #333333;font-size: 0.28rem;}
.baseInfo-cell>span{font-size: 0.26rem;color: #666666;}
.baseInfo-cell .base-input{border: 0;outline: 0;}
a.btn-resetpwd{display: inline-block;height: 0.4rem;line-height: 0.4rem;padding: 0 0.15rem 0 0.4rem;box-sizing: border-box;color: #fff;background: url(../img/user/icon-return.png) no-repeat #3d52dc 8% center;background-size: 0.2rem auto;border-radius: 0.06rem;font-size: 0.24rem;vertical-align: middle;margin-left: 0.2rem;margin-top: 0.15rem;}
.form-bg{padding: 0.7rem 0;text-align: center;background: #fff;font-size: 0.26rem;}
.pp-reset-item{background: #fff;height: 0.8rem;line-height: 0.8rem;padding: 0 0.3rem;box-sizing: border-box;display: flex;border-bottom: 0.01rem solid #e5e5e5;}
.pp-reset-item:last-child{border-bottom: 0;}
.pp-reset-item label{flex: 1;color: #333333;font-size: 0.26rem;}
.reset-cont{flex: 1;display: flex;}
.icon-eyes{display: inline-block;width: 0.3rem;height: 0.2rem;background: url(../img/user/icon-eyes.png) no-repeat;background-size: 0.3rem auto;margin-top: 0.32rem;margin-left: 0.2rem;}
.icon-eyes.close{background: url(../img/user/icon-eyes-close.png) no-repeat;background-size: 0.3rem auto;}
.reset-input{border:0;outline: 0;text-align: right;font-size: 0.26rem;line-height: 0.78rem;height: 0.78rem;width: 3rem;}

.pp-inner-wrap{padding: 0.3rem;background: #fff;margin-bottom: 0.2rem;}
.exc-icon{display: block;width: 0.53rem;height: 0.53rem;float: left;margin-right: 0.1rem;}
.exc-title{padding-bottom: 0.15rem;line-height: 0.6rem;border-bottom: 0.01rem solid #e5e5e5;}
.exc-title h3{font-weight: normal;}
.icon-taobao{background: url(../img/user/icon-taobao.png) no-repeat;background-size: 100% auto;}
.icon-chongzhi{background: url(../img/user/icon-chongzhi.png) no-repeat;background-size: 100% auto;}
.exc-content{padding: 0 0.5rem;}
.exc-content .pp-form-item{padding: 0;margin-bottom: 0.25rem;}
.exc-input{display: block;height: 0.6rem;padding: 0 0.2rem;background: #efefef;border-radius: 0.1rem;width: 100%;box-sizing: border-box;border: 0;outline: 0;}
.re-yzm{display: inline-block;width: 1.3rem;margin-left: 0.2rem;}
.exc-tip{margin-bottom: 0.2rem;}
.btn-excharge{height: 0.8rem;padding: 0 0.1rem;border:0;outline: 0;background: #f7532e;color: #fff;display: block;width: 100%;box-sizing: border-box;border-radius: 0.1rem;}
.item-status{font-size: 0.32rem;color: #fc0000;position: absolute;top: 0.4rem;right: 0.4rem;font-weight: bold;}

.pay-wrap{position: fixed;width: 100%;height: 0.92rem;bottom: 0;left: 0;display: flex;background: #fff;}
.pay-amount{flex: 1;text-align: center;line-height: 0.92rem;font-size: 0.3rem;}
.pay-btn{flex: 1;background: #ff8e01;}
.pay-btn a{display: block;color: #fff;text-align: center;line-height: 0.92rem;font-size: 0.3rem;}
.recharge-info{margin-bottom: 0.2rem;padding: 0.3rem;background: #fff;overflow: hidden;}
.recharge-info p{margin-bottom: 0.2rem;}
.recharge-title{margin-bottom: 0.2rem;}
.recharge-title .name{font-size: 0.28rem;color: #333;}
.recharge-title .count{color: #777;font-size: 0.24rem;}
.recharge-list{padding: 0.2rem 0;}
.recharge-list a{display: block;width: 30%;height: 0.78rem;float: left;font-size: 0.32rem;color: #777777;border: 0.01rem solid #ececec;margin-right: 0.25rem;margin-bottom: 0.25rem;border-radius: 0.1rem;text-align: center;line-height: 0.78rem;overflow: hidden;position: relative;}
.recharge-list a:nth-child(3n){margin-right: 0;}
.recharge-list a.active{border-color: #4b9df1;color: #4b9df1;}
.recharge-list a.active::after{position: absolute;display:block;content: '';border-width: 0.38rem;border-style: solid;border-color:#4b9df1 transparent transparent transparent;width: 0;height: 0;background: #4b9df1;bottom: -0.4rem;right: -0.4rem;transform: rotate(45deg);}
/* .recharge-list a.active .check{position: relative;display: inline-block;width: 25px;height: 25px;border-radius: 25px;} */
.recharge-list a.active::before{content: ""; position: absolute; right: 0.05rem; bottom: 0.1rem; width: 0.18rem; height: 0.1rem; border: 2px solid #fff; border-radius: 1px; border-top: none; border-right: none; background: transparent; transform: rotate(-55deg);z-index: 10;}

.recharge-way{background: #fff;}
.recharge-way li{padding: 0.45rem 0.3rem;border-bottom: 0.01rem solid #f1f1f1;position: relative;}
.recharge-way li:active::before{opacity: 0.1;}
.recharge-way li::before{content: " ";position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;border: inherit;border-color: #000;background-color: #000;border-radius: inherit;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.recharge-way li:last-child{border-bottom: 0;}
.recharge-way li .text{font-size: 0.28rem;color: #333333;line-height: 0.42rem;}
.recharge-way li.active::after{content: '';position: absolute;right: 0.3rem;top: 0.55rem;display: block;width: 0.3rem;height: 0.3rem;background: url(../img/user/icon-checked.png) no-repeat;background-size: 100% auto;}
.icon-alipay{display: block;width: 0.42rem;height: 0.42rem;background: url(../img/user/icon-alipay.png) no-repeat;background-size: 100% auto;float: left;margin-right: 0.2rem;}
.icon-weixin{display: block;width: 0.42rem;height: 0.42rem;background: url(../img/user/icon-weixin.png) no-repeat;background-size: 100% auto;float: left;margin-right: 0.2rem;}

.msg-title{font-size: 0.28rem;padding-bottom: 0.2rem;color: #333;border-bottom: 0.01rem dashed #ececec;}
.msg-textarea{height: 2.3rem;}
.msg-border-bottom{border-bottom: 0.01rem solid #e5e5e5;}
.list-top{margin-bottom: 0.2rem;line-height: 0.5rem;}
.msg-avatar{display: block;width: 0.5rem;height: 0.5rem;float: left;margin-right: 0.15rem;}
.msg-name{color: #717171;font-size: 0.28rem;}
.list-mid{margin-bottom: 0.2rem;}
.list-mid p{color: #202020;font-size: 0.28rem;line-height: 1.5;}
.list-bottom{display: flex;}
.list-bottom p{flex: 1;line-height: 0.4rem;}
.icon-del{display: inline-block;width: 0.32rem;height: 0.32rem;background: url(../img/user/icon-del.png) no-repeat;background-size: 100% auto;}
.icon-zan{display: inline-block;padding-left: 0.4rem;background: url(../img/user/icon-zan.png) no-repeat left 0;background-size: 0.3rem auto;color: #717171;vertical-align: top;}

.pp-login-wrap{padding: 0.7rem 0.3rem 0;}
.pp-login-item{display: flex;padding: 0.3rem 0 0.1rem;border-bottom: 0.01rem solid #dcdcdc;height: 0.7rem;}
.pp-login-label{flex: 0 0 0.75rem;display: block;text-align: center;}
i.login-user{display: inline-block;width: 0.36rem;height: 0.4rem;background: url(../img/user/login-user.png) no-repeat;background-size: 100% auto;margin-top: 0.15rem;}
i.login-pwd{display: inline-block;width: 0.36rem;height: 0.4rem;background: url(../img/user/login-pwd.png) no-repeat;background-size: 100% auto;margin-top: 0.15rem;}
i.login-mobile{display: inline-block;width: 0.27rem;height: 0.42rem;background: url(../img/user/login-mobile.png) no-repeat;background-size: 100% auto;margin-top: 0.15rem;}
i.login-yzm{display: inline-block;width: 0.36rem;height: 0.42rem;background: url(../img/user/login-yzm.png) no-repeat;background-size: 100% auto;margin-top: 0.15rem;}
.pp-login-input{flex: 1;font-size: 0.28rem;background: none;outline: 0;border: 0;width: 3rem;/*padding-left: 0.1rem;padding-right: 0.2rem;*/}
.pp-login-item .re-yzm{margin-right: 0.2rem;height: 100%;}
.get-yzm{color: #666666;line-height: 0.75rem;flex: 0 0 2.6rem;width:2.6rem;display: block;text-align: center;position: relative;}
.get-yzm::before{content: '';position:absolute;width: 0.02rem;height: 0.35rem;background: #dcdcdc;left: 0;top: 0.2rem;}
.login-submit{height: 0.8rem;padding: 0 0.1rem;border:0;outline: 0;background: #3e51dc;color: #fff;display: block;width: 100%;box-sizing: border-box;border-radius: 0.06rem;}
.login-submit:disabled{background: #dcdcdc;color: #fff;}
.login-submit span{font-size: 0.32rem;}
.pp-form-bottom{display: flex;padding: 0.3rem;}
.pp-form-bottom p{flex: 1;}
.third-login-wrap{width: 5rem;margin: 0 auto;}
.third-title{text-align: center;position: relative;margin-top: 0.5rem;}
.third-title::before{position: absolute;content: '';display: block;width: 5rem;height: 0.02rem;background: #3e51dc;top: 0.18rem;}
.third-title span{display: block;width: 2.0rem;height: 0.4rem;line-height: 0.4rem;background: #eaedf4;position: relative;z-index: 10;margin: 0 auto;color: #3e51dc;}
.third-btn-wrap{text-align: center;margin: 0.6rem 0 0;}
a.login-weixin{display: inline-block;width: 0.6rem;height: 0.6rem;background: url(../img/user/login-weixin.png) no-repeat;background-size: 100% auto;margin: 0 0.3rem;}
a.login-qq{display: inline-block;width: 0.6rem;height: 0.6rem;background: url(../img/user/login-qq.png) no-repeat;background-size: 100% auto;margin: 0 0.3rem;}

.ptb0{padding-top: 0!important;padding-bottom: 0!important;}
.pp-loading{width: 100%;text-align: center;padding: 0.3rem 0 0.1rem;margin:0;color:#666;font-size: 0.3rem;background: #fff;font-size: 0.26rem;}
.pp-loading img{vertical-align: middle;margin-right: 0.1rem;}
.pp-loading>p{text-align: center;color: #999;}

.pp-page{margin-top: 0.3rem;text-align: center;}
.pp-page-item{margin: 0 5px;color: #999;}
a.pp-page-item{color: #3e51dc;}

.txt-danger{color: #ff0000;}

.color-theme {color: #2ccac3 !important;}
.color-green {color: #56b281 !important;}
.color-red {color: #f00 !important;}
.color-blue {color: #569bdc !important;}

.zjk-tk { background: #FFF; position: fixed;height: 8rem;top: 50%; margin-top: -5rem; z-index: 1000; padding: 0 0.2rem; box-sizing: border-box; display: none;box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); border-radius: 0.5rem; overflow: hidden;width: 100%;word-break: break-all;}
.zjk-tk-top { border-bottom: 1px solid #4d98eb; text-align: center;box-sizing: border-box; padding-top: 0.1rem; margin-bottom: 0.1rem;}
.zjk-tk-top h3 { font-weight: bold; font-size: 16px; color: #000000; line-height: 32px; margin-bottom: 0.1rem;}
.zjk-tk-top p { font-size: 14px; line-height: 20px;}
.zjk-tk-bd { line-height: 24px; color: #666; font-size: 14px; height: 270px; overflow-y: auto;}
.zjk-tk-bd p { margin-bottom: 10px; text-indent: 2em;}
.zjk-tk-bt {position: absolute;width: 100%;height: 60px;background: #FFF;left: 0;bottom: 0;cursor: pointer;}
.zjk-tk-btm { width: 2rem; height: 0.8rem; text-align: center; color: #FFF; background: #4d98eb; line-height: 40px; display: block; margin: 0.1rem auto; font-size: 16px;}
.zjk-tk-btm:hover { color: #FFF; background: #4d98eb;}

.taobao-exchange{color: #ff6800;text-decoration: underline;margin-left: 0.2rem;}

.file-form{margin:0.3rem auto;position:relative;}
.file-form .input-file{position:absolute;top:0;left:5.3rem;width: 1.3rem;opacity: 0;z-index:100;}
.file-form .input-url{background:#fff;padding:0.1rem 0.1rem;border:0.01rem solid #dfdfdf;width: 5rem;}
.file-form .btn-submit{background:#f6635b;border:0;outline:0;color:#fff;padding:6px 10px;}
.file-form .btn-default{background:#f6635b;border:0;outline:0;color:#fff;padding:5px 15px;border-radius: 5px;margin-left: 10px;}

.pic-btn{height: 0.55rem;padding: 0 0.1rem;border:0;outline: 0;background: #3e51dc;color: #fff;}
.pic-btn:disabled{background: #dcdcdc;color: #fff;}