body{background: #f7f7f7}
.page, .page-group{background: #f7f7f7}
ul{list-style:none;margin: 0;padding: 0}
.left{float: left}
.right{float: right}
.buttons-tab .button.active{color: #004ea2;border-color:#004ea2}
.clear{clear: both}
/*头部*/
.headmargin{margin-top: .2rem}
.zsxheader .button-link{color: #5d5d5d}
.zsxheader .title{color: #004ea2; font-weight: bold}
.zsxheader span.icon img{width: 1.3rem }
.zsxheader .button-nav.pull-right{margin-right: 0}
.menu{width: 5.6rem;background: #004ea2;border-radius: .1rem; position: relative;right: 0;top: .5rem;z-index: 9999}
.menu .icon{width: 1.3rem; margin-right: .3rem}
.menu .icon img{width: 100%}
.menu ul li{padding: 0 .5rem; height: 2.2rem;line-height: 2.2rem; clear: both}
.menu ul li img{vertical-align: middle}
.menu a{font-size: .7rem;color: #ffffff}
.menu .xsj{   border-left: .2rem solid transparent;border-bottom: .2rem solid #004ea2;border-right: .2rem solid transparent;width: 0;height: 0;position: absolute;right: .8rem;top: -.2rem}
.menubox{position: absolute;right: .5rem;top:1.4rem; z-index:99999; display: none}
.zsxheader .searchbar{background: none;padding: .4rem 0 .4rem 1rem; float: left; width: 73%}
.indexheader .searchbar{ width: 80%}
.zsxheader .searchbar .search-input input{background: #f7f7f7}
.zsxheader{background-color: #ffffff}
/*新闻列表*/
.news{padding:  .7rem .6rem}
.news .news_title a{font-size: .7rem;color: #5d5d5d;margin-right: .5rem }
.news .news_title a.active{font-size: .8rem;color: #004ea2; padding-bottom: .1rem;border-bottom:solid .1rem #004ea2}
.news .news_list{margin-top: .7rem}
.news .news_list ul li{width: 100%; background: #ffffff; margin-bottom:.5rem ; border:solid 1px #d7d7d7; display: inline-block; padding: .2rem .3rem}
.news .news_list .ndate{ width: 21%;margin-top: .2rem }
.news .news_list .newsbox{ width: 78%;  }
.news .news_list .ndate span{display: block; text-align: center; }
.news .news_list .ndate span.day{ font-size: 1rem; color: #004ea2; }
.news .news_list .ndate span.mouth{ font-size: .8rem; color: #333333;}
.news .news_list .ntitle{color: #004ea2; font-size: .7rem; margin:.2rem 0 .2rem .6rem; }
.news .news_list .ndesc{ font-size: .5rem;color: #333333; line-height: 18px;margin-left: .6rem;}
/*新闻详情*/
.newsdetail{}
.newsdetail .news_title{font-size: .8rem; color: #004ea2; text-align: center; font-weight: bold; margin-top: .9rem}
.newsdetail .date{font-size: .7rem; color: #5d5d5d;text-align: center;margin: .4rem 0 .5rem 0}
.newsdetail .xian{width: 100%; height: 1px; border-bottom: 1px solid #d7d7d7}
.newsdetail .con{font-size: .7rem; color: #5d5d5d;padding: .8rem .5rem; line-height: 1.2rem}
/*关于我们*/
.about{font-size: .7rem; color: #5d5d5d;padding: .8rem .5rem; line-height: 1.2rem}
/*关于我们*/
.contactus{padding-top: .5rem}
.contactus .mapimg{max-width: 100%}
.contactus .box{padding: 1rem .9rem 1rem .7rem;height: 8rem }
.contactus .wxcode{width:20% }
.contactus .wxcode img{max-width: 80%; margin-top: 1.8rem}
.contactus .info{width: 80%; font-size: .7rem;font-weight: bold; line-height: 1.2rem}
.contactus .name{color: #004ba0; margin-bottom: .2rem}
/*加入我们*/
.recruit{padding: .8rem .5rem}
.recruit .recruit_title{ font-size: .8rem;color: #004ea2;font-weight: bold; margin-bottom: .5rem;margin-top: .5rem}
.recruit .recruit_info{font-size: .7rem;color: #666666; margin-bottom: .8rem; line-height: 1.2rem}
.recruit .recruit_info .pad{ white-space: pre-line;font-size: .6rem; margin-top: 0}
.recruit .recruit_info p{margin: 0; padding: 0}
/*我的消息*/
.messages{}
.messages ul li{background: #ffffff; padding: .7rem .6rem .5rem .6rem; margin-top: .5rem}
.messages .msg_title{font-size: .7rem;color: #004ea2;font-weight: 600;margin-bottom: .3rem }
.messages .msg_con{font-size: .6rem;color: #999999;line-height: 1rem}
/*修改密码*/
.editpasswd{padding: 3rem 1.5rem 1rem 1.5rem}
.editpasswd input{width: 100%; background: #f7f7f7;outline:none;border-width: 0; border-bottom: solid 1px #5d5d5d; color: #5d5d5d;margin-bottom: 1.5rem; font-size: .7rem; height: 1.3rem}
.editpasswd .editsub{width: 100%; height: 1.8rem;line-height: 1.8rem;  background: #004ea2; color: #ffffff;border-radius: .2rem; font-size: .7rem; text-align: center}
/*修改*/
.editaccount{padding: 1rem 1.5rem 1rem 1.5rem}
.editaccount input{width: 100%; background: #f7f7f7;outline:none;border-width: 0; border-bottom: solid 1px #5d5d5d; color: #5d5d5d;margin-bottom: 1.5rem; font-size: .7rem; height: 1.3rem}
.editaccount .editsub{width: 100%; height: 1.8rem;line-height: 1.8rem;  background: #004ea2; color: #ffffff;border-radius: .2rem; font-size: .7rem; text-align: center}
.editaccount .msg{color: #5d5d5d; font-size: .7rem;margin-bottom: .5rem }
.editaccount .groupbox{position: relative}
.editaccount .groupbox span{position: absolute; right: 0; top: 0;color: #004ea2; font-size: .6rem;}
.editaccount .groupbox .ckpass{position: absolute; right: 0; top: 0;width: 1.2rem}
.editaccount .groupbox .ckpass img{width: 100%}
.editaccount .h1{height: 1.9rem}
.editaccount .h2{height: .5rem}
.editaccount .forget_txt{margin-top: .5rem; text-align: right}
.editaccount .forget_txt a{color: #5d5d5d; font-size: .6rem;}
.editaccount .other_login{color: #5d5d5d; height: 20px; line-height: 20px; position: relative;clear: both; font-size: .5rem; text-align: center; margin:  1.5rem 0 1.5rem 0;}
.editaccount .other_login .xian{width: 100%;height: 1px; background: #d8d8d8;position: absolute; top:.4rem; left:0;z-index: -1}
.editaccount .other_login span{background: #f7f7f7;padding-left: .4rem; padding-right: .4rem}
.editaccount .other_img{text-align: center; margin-bottom: .6rem; }
.editaccount .other_img img{width: 2rem}
.editaccount .other_img img.first{margin-right: 1.5rem}
/*检测价格*/
.checkbutton {width:9.5rem; margin: 0 auto }
.checkbutton .button{border-color: #004ea2; color: #004ea2}
.checkbutton .button.active{background-color: #004ea2; color: #ffffff}
.procheck{ }
.procheck ul li{width: 100%;background: #ffffff;padding: .7rem .6rem .5rem .6rem; clear: both; margin-top: .4rem}
.procheck .check_name{color: #004ea2; font-size: .7rem; font-weight: 600}
.procheck .checkprice{color: #004ea2; font-size: .6rem;font-weight: 600}
.procheck .check_cate{color: #999999; font-size: .6rem; margin-top: .5rem}

/*我的课程*/
.course{}
.course{  padding: .5rem .6rem .5rem .6rem }
.course .col-50 img{width: 100%;height: 7rem}
.course .ctitle{color: #5d5d5d; font-size: .7rem;  margin: .2rem 0 .4rem 0;}
.course .cprice{position: relative;  text-indent: 1.2rem; font-size: .5rem;height: .8rem; color: #5d5d5d}
.course .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: .1rem .1rem; margin-top: -2px;color: #666666; font-size: .5rem}
.course .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}
.course .row .col-50{margin-bottom: .7rem;background: #ffffff; padding: .3rem .3rem}
.course .categroy{margin: 0 0 1rem 0}
.course .categroy a{font-size: .7rem;color: #5d5d5d;margin-right: .5rem;float: left; height: 1.3rem; margin-bottom: .3rem }
.course .categroy a.active{font-size: .8rem;color: #004ea2; padding-bottom: .1rem;border-bottom:solid .1rem #004ea2}
/*我的课程详情*/
.course_detail .lesson{background: #ffffff;padding: .5rem .5rem; margin-top: .5rem}
.course_detail .lesson .lesson_title{font-size: .7rem;color: #004ea2;font-weight: 600; margin-bottom: .3rem}
.course_detail .lesson .lesson_num{font-size: .6rem;color: #666666;line-height: .9rem; margin-bottom: .2rem}
.course_detail .lesson .lesson_time{font-size: .5rem;color: #666666;}
.course_detail .lesson .lesson_time span.left{color:#004ea2}

.course_detail .row .col-33{border:solid 1px #666666; border-radius: .2rem; padding: .2rem .2rem; margin-bottom: .3rem}
.course_detail .row .col-33.active{border:solid 1px #004ea2;}
.course_detail .row .col-33 span.left{display: none}
.course_detail .row .col-33.active span.left{display: block}
.course_detail .lesson_info{background: #ffffff; margin-top: .5rem; padding: .5rem .5rem}
.course_detail .lesson_info .lesson_info_title{font-size: .7rem;color: #004ea2;font-weight: 600}
.course_detail .lesson_info .lesson_info_con{font-size: .6rem;color: #666666;margin-top: .4rem; line-height: 1rem}
/*防伪查询*/
.antifake{}

.antifake .zssearch{ width: 100%; height: 6.3rem ; background: #004ea2; padding: 2rem .5rem .5rem .5rem}
.antifake .seainput{ width: 78%; height: 2rem; background: #f7f7f7}
.antifake .seainput img{ float: left; margin: .6rem 0 0  .4rem}
.antifake .seainput input{ float: left; margin: 0px 0px 0px .3rem; width: 87%; height: 2rem; border: 0; background: #f7f7f7;font-size: .7rem}

.antifake .seasub{width:20%; height:2rem; line-height: 2rem;font-size: .7rem; background: #ffffff;color: #004ea2; text-align: center;}
.antifake .errormsg{ margin-top: .9rem; font-size: .6rem; text-align: center; color: #ffffff}

.antifake .certificate_title{ padding: 15px 0px 15px 0px; font-size: 16px; color: #004ea2; font-weight: bold}
.antifake .certificate_bg{ width:100%; min-height: 14rem; background: url("../images/wap_check.png") no-repeat left top; background-size:100% 100%; padding: 3.6rem .5rem .5rem .9rem; margin-top: .5rem}
.antifake .certificate_info{ width: 70%;  font-size: .7rem; color: #000000; font-weight: bold; margin-left: 22%}
.antifake .certificate_info p{margin: 0; margin-bottom: .2rem; padding: 0}

.antifake .certificate_pic{}
.antifake .certificate_pictitle{ padding: .5rem 0 .5rem .5rem; font-size: .5rem; color: #004ea2; font-weight: bold}
.antifake .certificate_img{}
.antifake .certificate_img img{width: 100%; border: solid 1px #bbbbbb }
/*首页*/
.zsxheader .logo.pull-left{margin-left:0;padding-top: .2rem}
.zsxheader .button-nav.pull-right{padding-top: .1rem}

.index .headbg{width: 100%; height: 10rem;background: url("../images/wap_bg.png") no-repeat left top;background-size: cover; position: relative}
.index .headbg .dh{width: 100%;position: absolute;bottom: -4.2rem; left:0}
.index .headbg .flexul{width: 90%; margin: 0 auto;padding: .9rem .9rem .9rem .9rem;background: #ffffff; border-radius: .2rem;display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between;}
.index .flexul .col{width: 17%; }
.index .flexul .col img{max-width: 100%; margin: 0 auto}
.index .flexul .col p{padding: 0; margin: 0}
.index .flexul .col a{color: #666666; font-size: .6rem}

.jccourse{margin-top: 5rem}
.jccourse{  padding: .5rem .6rem .5rem .6rem }
.jccourse .col-50 img{width: 100%;height: 6rem}
.jccourse .active img{width: 100%;height: 8rem}
.jccourse .ctitle{color: #ffffff; font-size: .7rem;  margin: .2rem 0 .4rem 0;}
.jccourse .cprice{position: relative;  text-indent: 1.2rem; font-size: .5rem;height: .8rem; color: #ffffff}
.jccourse .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: .1rem .1rem; margin-top: -2px;color: #666666; font-size: .5rem}
.jccourse .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}
.jccourse .col-50{margin-bottom: .7rem; padding: .3rem .3rem}
/*首页推荐新闻*/
.tjnews{padding:  .7rem .6rem}
.tjnews .tjtitle{height: 1.9rem; line-height: 1.9rem}
.tjnews .tjtitle img{vertical-align: text-top}
.tjnews .tjtitle span.left{font-size: .7rem;color: #666666;}
.tjnews .tjtitle span.left img{width: 1rem; margin-right: .3rem}
.tjnews .tjtitle span.right img{width: .5rem}

.tjnews .tjnewlist{margin-top: .2rem}
.tjnews .tjnewlist ul li{width: 100%; background: #ffffff; margin-bottom:.2rem ; border:solid 1px #d7d7d7; display: inline-block; padding: .3rem .3rem}
.tjnews .tjnewlist .ndate{ width: 20%;margin-top: .2rem }
.tjnews .tjnewlist .newsbox{ width: 78%;  }
.tjnews .tjnewlist .ndate span{display: block; text-align: center; }
.tjnews .tjnewlist .ndate span.day{ font-size: 1rem; color: #004ea2; }
.tjnews .tjnewlist .ndate span.mouth{ font-size: .8rem; color: #333333;}
.tjnews .tjnewlist .ntitle{color: #004ea2; font-size: .7rem; margin:.2rem 0 .2rem .6rem; }
.tjnews .tjnewlist .ndesc{ font-size: .5rem;color: #333333; line-height: 18px;margin-left: .6rem;}
/*个人中心*/
.member{}
.member .member_img{width: 100%; height: 3.5rem;line-height: 3.5rem; font-size: .9rem; color: #666666;background: #ffffff; margin-top: .3rem; padding: 0 .9rem}
.member .member_img .mimg{width: 2.5rem; height: 2.5rem; border-radius: 1.4rem;margin-right: .5rem;vertical-align: middle}
.member .member_img .editimg{width: .9em;vertical-align: middle}
/*.member .member_img img{vertical-align: middle}*/

.member .item{width: 100%; height: 3.8rem;background: #ffffff; margin-top: .3rem; padding: .7rem .9rem}
.member .item{display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between;}
.member .item .low{width: 20%;text-align: center}
.member .item .low img{width: auto; height: 1.3rem}
.member .item .low a{ font-size: .5rem; color: #004ea2;}
.member .item .low p{margin:0}

.member .memberbox{background: #ffffff;margin-top: .3rem;}
.member .memberbox .memberul ul li{width: 100%; height: 2.2rem;line-height: 2.2rem; border-bottom: solid 1px #eeeeee; padding: 0 .8rem;font-size: .8rem;color: #666666}
.member .memberbox .memberul ul li:last-child{border-bottom-width: 0}
.member .memberbox .memberul img{width: .9rem; float: right;margin-top: .5rem}

.member .logoutbox{padding: 0 .9rem; padding-bottom: 1.2rem}
.member .logoutbox .logout{width: 100%; height: 2rem;line-height:2rem;background: #004ea2; text-align: center; border-radius: .2rem; margin: 1rem 0 0 0}
.member .logoutbox .logout a{color: #ffffff;font-size: .8rem; display: block}

.member .usermsg{position: relative;height: .6rem;margin: 1.1rem 0 0 0 }
.member .usermsg img{width: 1.5rem;position: absolute;right: 0;top: 0}
.member .usermsg .num{line-height: .7rem;text-align: center; position: absolute;right: -.2rem;top: -.4rem; color: #ffffff; background: #d92323;font-size: .3rem;border-radius: 100%;width: .7rem;height: .7rem}

/*消费记录*/
.consume ul li{}
/*底部菜单*/
.wapnav{height: 2.8rem;-moz-box-shadow:0px -6px 11px #333333; -webkit-box-shadow:0px -5px 4px rgba(232,232,232,.5); box-shadow:0px -6px 8px rgba(232,232,232,.5);}
.wapnav img{width: auto; height:1.1rem}
.wapnav  .tab-item .icon~.tab-label{top: .25rem}
.wapnav .tab-item .icon{top: .12rem}

/*招商加盟*/
.joinimg img{width: 100%;float: left}
.subjoin{width: 100%;height: 9.3125rem;background: url("../images/wapjoin6.jpg") no-repeat left top;background-size: 100% 100%;    padding-left: 20%;}
.subjoin .name{font-size: .7rem;margin-top: 2.5rem; font-weight: bold;
    background-image: -webkit-linear-gradient(left, #d8aa57, #d8aa57 10%, #f5e8a7 20%, #d8aa57 30%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.subjoin .info{
    margin-top: .5rem;
    font-size: .5rem;
    font-weight: bold;
    background-image: -webkit-linear-gradient(left, #d8aa57, #d8aa57 10%, #f5e8a7 20%, #d8aa57 30%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.wxpyq{width: 100%; height: 100%; position: absolute;top: 0;left: 0;right: 0;z-index: 102022}
.wxpyq img{width: 70%; position: absolute;top: 0;right: 1rem}
.popup{background: rgba(0,0,0,0.9) }
.subscribe{ text-align: center; padding-top: 3rem}
.subscribe .info{padding: 1rem 0 1rem 0}

.subscribe img{ text-align: center;width: 80%}