@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0; }
table {border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
ul,ol,li {list-style: none;}
em,i,b{font-style: normal;}
img {border: 0}
input,select,textarea{outline:none;border:none; background:none;}
a{text-decoration:none; color: #000; outline:none;}
nav{display: block;}

body {color: #999;font-size: 14px;font-family: arial;}
html,body {width: 100%; font-family:Helvetica,sans-serif; -webkit-text-size-adjust: none;}
html,a {-webkit-tap-highlight-color: transparent;}
.indexBody{background: #f0f0f0;}
.bodyWi{max-width: 750px; min-width: 320px; margin: 0 auto; width: 100%;}
@media screen and (min-width:750px){
    .bodyWi{width:750px; margin: 0 auto;}
}
/*产品页悬符*/
.fix_img{
    width:1rem;
    height:1rem;
    background: url(../img/fix_img1_web.png) center no-repeat;
    background-size:contain;
    position:fixed;
    right:.3rem;
    bottom:3rem;
    z-index:100;
}
.fix_img .hengfu_link{
    display:block;
    width:100%;
    height:100%;
}
/*top*/
.ui-top{max-width: 750px; min-width: 320px; margin: 0 auto; width: 100%;}
.zgg-ui-top{height:.88rem; width:100%; position: relative; background: #00cd63;}
.zgg-ui-top .logo{height:.52rem; display: inline-block; margin-top: .18rem; padding-left:.2rem; float:left;}
.zgg-ui-top .slid-logo{font-size:.24rem; color:#ffffff; float:left; margin-left:.2rem; background:#fd7600; width:3.7rem; height:.52rem; line-height:.52rem; border-radius:.06rem; text-align:center; margin-top:.18rem;}
.index-icon{background: url(../img/icon/index-icon.png) no-repeat;}
.zgg-ui-top .zgg-top-center{display: none; width:.42rem; height:.42rem; background-position: 0px 0px; background-size:6rem 4rem; right: .3rem; top:.24rem; position: absolute;}
.zgg-ui-top .loginbtn{display:inline-block; font-size:.3rem; line-height:.3rem; color:#fff; right: .3rem; top:.28rem; position: absolute;}
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both; height: 0; visibility: hidden;}
.clearfix{clear: both; zoom: 1; display: block; height: 0; line-height: 0; font-size: 0;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}

/*无*/
.task-box-02,.order-box-02,.coupon-box-01{margin-top: 2.38rem; text-align: center;}
.task-box-02 img,.order-box-02 img{width: 1.51rem; height: 1.51rem;}
.task-box-02 p,.coupon-box-01 p{font-size: .32rem; color: #b3b3b3; margin-top: .8rem;}
.order-box-02 p{font-size: .32rem; color: #b3b3b3; margin-top: .66rem;}
.order-box-02 p.no-cart{margin-top: .49rem;}
.order-box-02 .no-cart a{color: #00cd63; margin-left: .4rem;}
.order-box-02 p.no-address{margin-top: .79rem;}
.coupon-box-01 img{width:1.51rem; height: .9rem;}


/*404*/
.error-box{margin-top:2rem; text-align: center;}
.error-box img{width:1.41rem; height: 1.81rem;}
.error-box .blodP{font-size: .34rem; font-weight: bold; color: #4c4c4c; line-height: .34rem; margin: .5rem 0 .32rem;}
.error-box .greenP{font-size: .3rem; line-height: .3rem; color: #00cd63;}
.error-box-btn{margin-top: .8rem; text-align: center;}
.error-box-btn a{display: inline-block; width:1.96rem; height: .84rem; line-height: .84rem; text-align: center; border: 2px solid #cccccc; font-size: .3rem; color: #666666; border-radius: .1rem; -moz-border-radius:.1rem; -webkit-border-radius:.1rem;}
.error-box-btn a.index{margin-left: .5rem;}
.order-add-icon{background: url(../img/icon/no-address.png) top center no-repeat; height:1.51rem; display: block; background-size:1.51rem 1.51rem;}
.order-invo-icon{background: url(../img/icon/no-coupon.png) top center no-repeat; height:.9rem; display: block; background-size:1.51rem .9rem;}

.dialog-msg{max-width:5.4rem; z-index:1000; font-size: .28rem; display: none; color: #FFFFFF; position: fixed; left:50%; top:50%; background: #707070; padding:.3rem; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.theme-name-eidt{position: fixed; left: 0; top: 0; background:url(../img/bg/tm.png) repeat; width:100%; height: 100%; display: none; z-index: 1000;}
.theme-edit-dialog{width:6rem; height:3.4rem; display:none; background: #FFFFFF; z-index: 1001; position: absolute; position:fixed !important; left: 50%; top: 50%; margin: -1.3rem 0 0 -3rem; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.theme-edit-dialog p{color: #353535; height:1.6rem; font-size: .32rem; line-height: .48rem; padding: .5rem .7rem .3rem; text-align: center; border-bottom: 1px solid #d5d5d5;}
.theme-edit-a a{width:2.94rem; height: .99rem; line-height: .99rem; display: inline-block; font-size: .34rem; color: #333333; text-align: center;}
.theme-edit-a a.qx{border-right: 1px solid #D5D5D5;}
.theme-edit-a a.qd{color: #33d58e;}

/*首页导航资质*/
.index-zizhi-box{
    position:relative;
    width:.7rem;
    float:left;
    margin:.2rem 0 0 .24rem;
}
.index-zizhi-box .index-zizhi-img{
    position:absolute;
    width:.7rem;
    height:.48rem;
    cursor:pointer;
}
.qualifications-bg{
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:9999;
    display:none;
}
.qualifications-box{
    width:7rem;
    height:4.9rem;
    position:fixed;
    left:50%;
    top:50%;
    margin:-2.45rem 0 0 -3.5rem;
    z-index:10000;
    display:none;
}
.qualificat-comm{
    width:100%;
    height:100%;
    position:relative;
}
.qualificat-comm .bigs{
    width:7rem;
    height:4.9rem;
}


@charset "utf-8";
/* CSS Document */
body,html{background: #FFFFFF;}
.aboutBody{background: #f6f6f6;}

.ntalk-mobile-inpage-window{height: 80% !important;}
/*公共*/
.commendBox{width:100%; height: 100%; min-width: 320px; max-width: 750px; margin: 0 auto;}
.commendTit{height: .88rem; line-height: .88rem; padding: 0 .2rem; text-align: center; font-family: simhei; background: #FFFFFF; color: #4c4c4c; font-size: .36rem; position: relative;}
.commendTit .go-back{ height: .42rem; overflow: hidden;background-position:-2.66rem 0 ;background-size:6rem 4rem; display: inline-block;}
.commendTit.mui-flex .cell.go-back{width: .24rem;}
.commendTit.mui-flex .cell.index-manager{font-size: .32rem; color: #676767;}
.blank{height: .34rem; background: #f0f0f0;}
.mui-flex{box-sizing: border-box;}
.mui-flex{display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mui-flex>.cell{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;position: relative}
.mui-flex.align-center{-webkit-box-align:center ; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.mui-flex>.cell.fixed{-webkit-box-flex:0!important; -webkit-flex:none!important; -ms-flex:none!important; flex: none!important; width: auto;}

.comm-width-gray{height: .24rem; width: 100%; background: #f0f0f0;}
/*转账汇款*/
.remittance-list{background: #FFFFFF; padding: 0 .3rem;}
.remittance-top{padding-top: .22rem; border-bottom: 1px solid #d5d5d5;}
.remittance-top p{font-size: .3rem; color: #4c4c4c; line-height: .44rem; padding-bottom: .14rem;}
.remittance-top p .green{color: #00cb72;}
.remittance-list .no-border{border-bottom: none;}
.remittance-top p.careful{font-size: .3rem; color: #db1f1e;}
.remittance-btn{padding: .58rem 0 .8rem 0;}
.remittance-btn .sure-btn{display: block; width: 100%; background: #00cb72; color: #FFFFFF; text-align: center; font-size: .34rem; height: 1rem; line-height: 1rem; border-radius: .1rem; -moz-border-radius:.1rem; -webkit-border-radius:.1rem;}
.remittance-btn .goback-btn,.remittance-btn .order-btn{display:inline-block; color: #676767; font-size: .34rem; line-height: .86rem; text-align: center; width:2.16rem; height: .86rem; border: 2px solid #676767; border-radius: .1rem; -moz-border-radius:.1rem; -webkit-border-radius:.1rem;}
.remittance-btn{text-align: center;}
.remittance-btn .goback-btn{margin-right: 1rem;}
.commendTit .go-goback{ height: .42rem; overflow: hidden;background-position:-2.66rem 0 ;background-size:6rem 4rem; display: inline-block;}
.commendTit.mui-flex .cell.go-goback{width: .24rem;}
/*支付完成*/
.payment-finish-box{background: #FFFFFF; text-align: center; padding: 1.3rem 0;}
.payment-finish-box .finish-icon{width: .9rem; height: .9rem; margin-bottom: .4rem;}
.payment-finish-box .finish{font-size: .36rem; line-height: .36rem; color: #00cb72; margin-bottom: .3rem;}
.payment-finish-box .money{font-size: .3rem; line-height: .3rem; color: #4d4d4d; margin-bottom: .6rem;}
.payment-finish-box .money label{font-family: arial;}
.payment-finish-box .jump{font-size: .3rem; line-height: .3rem; color: #4d4d4d; margin-bottom: .8rem;}
.payment-finish-box .jump label{color: #00cb72;}
.payment-finish-box .remittance-btn{padding: 0;}

.priority-right{padding: .2rem .2rem .8rem;}
.priority-right p{font-size: .28rem; color: #4c4c4c; line-height: .48rem;}
.priority-right p.top{margin-bottom: .4rem; text-indent:2em;}
.priority-right p.title{line-height: .5rem; font-weight:bold; font-size: .3rem; color: #4d4d4d; margin-bottom: .1rem;}
.priority-right p.mar-10{margin-bottom: .1rem;}
.priority-right p.mar-40{margin-bottom: .4rem;}
.priority-right p.green{color: #00cb72;}
.priority-right p span{color: #00cb72;}
.priority-right p span.green{color: #00cb72;}
.priority-right p span.red{color:#FF3232;}
.priority-right .priority-info{margin-bottom: .1rem;}
.priority-right .priority-info .spot{height: .3rem; line-height: .3rem; border:1px solid #808080; text-align: center; margin: .08rem .24rem 0 .1rem; width: .3rem; background: #ffffff; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.priority-right .priority-info .spot1{height: .3rem; line-height: .3rem;text-align: center; margin: .08rem .24rem 0 .1rem; width: .3rem; background: #ffffff; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.priority-right .priority-info-zj .spot{height: .12rem; margin: .2rem .26rem 0 .64rem; width: .12rem; background: #00cb72; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.priority-right .priority-info-zj p{color: #00CB72; margin-bottom: .1rem;}

.about-us{padding: .3rem .2rem .8rem;}
.about-us-tit .aboutImg img{width:1.8rem; height: 1.8rem; background-size: cover; margin-right: .2rem;}
.about-us-tit .about-tit-p p{font-size: .3rem; color: #4e4e4e; line-height: .6rem;}
.about-us-bottom{margin-top: .5rem;}
.about-us-bottom p{font-size: .28rem; color: #4c4c4c; line-height: .48rem;}
.about-us-bottom p.top{margin-bottom: .4rem;}
.about-us-bottom p.title{line-height: .5rem; font-weight:bold; font-size: .3rem; color: #4d4d4d; margin-bottom: .1rem;}
.about-us-bottom p.mar-10{margin-bottom: .1rem;}
.about-us-bottom p.mar-40{margin-top: .4rem;}
.about-us-bottom p.green{color: #00cb72;}
.about-us-bottom .priority-info .spot{font-size: .3rem; color: #4e4e4e; line-height: .44rem;}
.about-us-bottom .priority-info{margin-bottom: .1rem;}

.vision-comm {
    background: #FFFFFF;
    margin: 0 .3rem;
    padding: .4rem .3rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
}

.vision-title{font-size: .3rem;color: #333333;}
.vision-title-source{font-size: .2rem;color: #999999;margin-top: .20rem;}
.survey-box p{font-size: .28rem; color: #666666; line-height: .4rem; margin-top: .38rem;}
.survey-box .topic{width: 6.3rem; height: 2rem; margin: .34rem 0;}
.survey-box .topic img{width: 100%; height: 100%; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem;}
.survey-box p b{font-weight: bold;}

.logoBottom {
    background: #f5f7f9;
    padding-top: .60rem ;
    padding-bottom: .10rem ;
}
.logoBottom .s-icon {
    width: 2.2rem;
    background-size: auto;
    background-size: contain;
    margin: 0 auto;
}
.logoBottom .s-btn {
    width: 1.84rem;
    line-height: .66rem;
    text-align: center;
    background: #ee1a1a;
    border-radius: .36rem;
    font-size: .3rem;
    color: #fff;
    margin: .52rem auto;
}