/*基础样式*/
* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,img{margin: 0;padding: 0; box-sizing:border-box;}
/*body{font: 13px Arial,"microsoft yahei", Helvetica, sans-serif; max-width: 640px; margin: 0 auto; color:#333;margin:0 auto; position:relative;-webkit-tap-highlight-color:rgba(255,255,255,0);height:100%; background: #F5F5F5;} */
ul,dl,li,dt,dd{list-style:none;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#444; -webkit-touch-callout: none;-webkit-user-select:none;}
.clearfix:after{display: block; content: "\20"; height: 0; clear: both; overflow: hidden; visibility: hidden;}/*ie8以上*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input, button,select, textarea { outline: none;  border-radius: 0;margin: 0;	padding: 0; border:none;  font-family: "微软雅黑";font-size: 14px; background: none;}
img{ max-width: 100%;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="checkbox"], input[type="radio"], input[type="text"]{-webkit-appearance: none;}
input{ line-height: normal;}
.u_hidden{ display: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
textarea{-webkit-appearance: none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
select{border:none;-webkit-appearance: none;border-radius: 0; background:none;}
i,em{font-style:normal;}
textarea{resize:none; overflow:hidden;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:12px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }
input::-webkit-input-placeholder {
        color: #9d9d9d;
      }
input::-moz-input-placeholder {
        color: #9d9d9d;
      }
input::-ms-input-placeholder {
        color: #9d9d9d;
      }
.fl{ float: left;}
.fr{ float: right;}
.z_flex{ display: flex; align-items: center; display: -webkit-flex; display: -ms-flexbox;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.font18{ font-size: 18px;}
.color-green{ color: #FEE301;}
/*swiper*/
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 

.z_p50b60{ padding:50px 0px 60px 0px; box-sizing: border-box; }
.z_pt50{ padding-top: 50px;}
.z_pb50{ padding-bottom: 50px;}
.z_p15{ padding: 15px; box-sizing: border-box;}
.z_white_bg{ background: #fff; min-height: 100vh;}
.z_white_box{background: #fff;}

/*底部*/
.z_footer{ width: 100%; background: #fff;z-index: 5; position: fixed; left: 0; bottom: 0; height: 50px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #EEEEEE;}
.z_footer a{ flex: 1; text-align: center; color: #CCCCCC;}
.z_footer .iconfont{ font-size: 20px;}
.z_footer a.active{background:linear-gradient(-38deg,rgba(20,125,255,1),rgba(63,194,255,1)); -webkit-background-clip: text;color: transparent;}


.z_search_box{}
.z_search_warp{ background: #f5f5f5; padding: 10px 15px; box-sizing: border-box;}
.z_search_warp .iconfont{ display: inline-block; margin-right: 5px; vertical-align: middle;}
.z_search_no,.z_serach_box{ width: 100%; height: 30px; line-height: 32px; overflow: hidden; color: #999999;border-radius: 15px; padding: 0 15px; box-sizing: border-box; background: #fff; line-height: 30px; }
.z_search_no{ justify-content: center; }
.z_search_yes{ display: none;}

.z_search_cancel{ flex-shrink: 0; display: inline-block; padding-left: 15px;}
.z_search_input{ width: 90%; height: 30px;}
.z_index_zc{background: #f5f5f5; padding: 10px 15px; box-sizing: border-box;}
.z_index_zc a{flex: 1; text-align: center;}
.z_index_zc a h3{ font-size: 16px; margin-bottom: 8px;}
.z_index_zc a span{ display: inline-block; height: 20px; border-radius: 10px; line-height: 20px; font-size: 12px; color: #999999; padding: 0 10px;}
.z_index_zc a.active{ color: #FEE301;}
.z_index_zc a.active span{ color: #fff; background: #FEE301; }
.z_banner_warp{ background: #fff; padding-bottom: 5px!important;}
.z_banner{ position: relative; border-radius: 10px; overflow: hidden;}
.z_banner li a{ display: block; width: 100%;}
.z_banner img{ display: block; width: 100%; border-radius: 10px;}
.z_swiper_dot{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 10px; z-index: 2;}
.z_swiper_dot span{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.5); margin: 0 2px;}
.z_swiper_dot span.swiper-pagination-bullet-active{ background: #fff; width: 12px; border-radius: 2px;}
.shopcontent { display: -webkit-box;background: #f7f7f7; -webkit-box-orient: vertical; position: fixed; left: 0; right: 0; top: 0; bottom: 50px; }
.shopcont { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: stretch; }
.shop-left { width: 90px; overflow-y: auto;  -webkit-overflow-scrolling: touch; font-size: 14px; }

.shop-left li.active { background-color: #fff; color: #333;border-bottom:1px solid #e5e5e5; }
.shop-left li { padding: 0px 5px; line-height: 50px; font-size: 14px;   color: #666666; position: relative; text-align: center; }
.shop-left li .jian{ display: inline-block; background: #ff4d4d; border-radius: 2px;color: #fff; font-size: 12px; height: 16px; line-height: 16px; width: 16px; text-align: center; margin-right: 5px;}
.shop-left li.active:before { content: ""; width: 2px; background-color: #00d060; position: absolute; left: 0; top: 10px; bottom: 10px; }
.shop-right { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-flex: 1; background: #fff; }
.shopcp { background-color: #fff; -webkit-box-flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.subtype{border-bottom:1px solid #e5e5e5;}
.subtype .swiper-slide { display: inline-block; width: auto; }
.subtype a.active { color: #00d060;  }
.subtype a { display: block; height: 50px; line-height: 50px; margin: 0 10px; }
.shop_tit{ position: relative; text-align: center;  padding: 10px 0; background-color: #F5F5F5; }
.shop_tit::before, .shop_tit::after{ display: block; content: ''; position: absolute; top: 50%; width: 50px; height: 1px; background-color: #E5E5E5; }
.shop_tit::before{ left: 28%; }
.shop_tit::after{ right: 28%; }
.shop_tit span{ display: inline-block; height: 24px;    font-size: 15px; line-height: 24px; border-radius: 12px; padding: 0 20px;}
.shop_tit span img{ width: 32px; vertical-align: middle; margin: 0 5px;}
.shop_list li{ padding: 0 10px; box-sizing: border-box;margin-top: 10px; position: relative;}
.shop_list li .warp{display:block; width: 100%; height: 100%;  display: flex;}
.shop_list li .imgbox{ position: relative; padding: 10px 0; width: 70px; margin-right: 10px; flex-shrink: 0; float: left; display: flex; align-items: center;justify-content: center;}
.shop_list li .imgbox img{ width: 100%;}
.shop_list li .slg{ position: absolute; left: 0; top: 0; background: url(../img/titbg.png) no-repeat center; background-size: 100% 100%; padding: 0 5px; color: #fff;}
.shop_list li .infobox{ border-bottom:1px solid #e5e5e5; padding-bottom: 10px; }
.shop_list li h3{ font-size: 14px;}
.shop_list li span{ display:inline-block}
.shop_list li h4{ color: #808080; margin: 5px 0;}
.shop_list .lgbar span{display: inline-block; border:1px solid #ff4d4d; border-radius: 3px; color: #ff4d4d; padding: 0 5px;}
.shop_list li .oldprice{ color: #999999;margin: 5px 0;}
.shop_list li .newprice{ color: #ff4444;}
.shop_list li .newprice .num{ font-size: 15px;}
.shop_list li .newprice i{ color: #999; font-size: 12px;}
.shop_list li .car{ display: block; width: 25px; height: 25px; background: url(../img/car.png) no-repeat  center; background-size: 100% 100%; position: absolute; right: 10px; bottom: 15px; z-index: 2;}
.shop_list li:last-child .infobox{ border-bottom: none;}
.z_tomorrow_list li .slg{ background: url(../img/titbg2.png) no-repeat center; background-size: 100% 100%;}
.z_pro_swiper{ position: relative; border-bottom:1px solid #eeeeee; overflow: hidden;}
.z_pro_swiper li img{ display: block; width: 100%;}
.z_pro_swiper .swiper-dot{ display: inline-block; width: 60px; position: absolute; right: 15px; bottom: 15px; background: #f3f3f3; padding: 0 15px; height: 22px; line-height: 22px; border-radius: 11px; z-index: 2;}
.z_pro_info{ padding: 10px 15px; padding-bottom: 0;box-sizing: border-box;}
.z_pro_info h3{ font-size: 18px;line-height: 24px; margin-bottom: 5px;}
.z_oldprice{ color: #999999; }
.z_newprice{color: #999999; }
.z_newprice span{ color: #ff2828;}
.z_newprice .num{ font-size: 24px;}
.z_pro_info .z_newprice{ margin: 10px 0;}
.z_pro_info .procs{ border-top: 1px solid #eeeeee; line-height: 40px; justify-content: space-between;; color: #1A1A1A; font-size: 13px; text-align: center; }
.z_pro_info .procs span.iconfont{ margin-right: 5px; }
.z_border10{ border-bottom: 5px solid #f5f5f5; }
.z_prochoose{ padding: 0 15px; box-sizing: border-box; height: 50px; line-height: 50px;}
.z_prochoose label{ display: block; color: #808080; width: 70px; flex-shrink: 0;font-size: 14px; }
.z_prochoose .con{ width: 100%; font-size: 14px; display: block; background-size: auto 12px; }
.z_prochoose .iconfont { font-size: 12px; color: #999; }
.z_tj_pro{ padding: 0 15px; box-sizing: border-box; overflow: hidden;}
.z_xq_tit{ font-size: 15px; height: 50px; padding: 0 15px; box-sizing: border-box; line-height: 50px;}
.z_guess{ padding: 0; }
.z_tj_swiper{ padding-bottom: 10px;}
.z_tj_swiper li{ width: 100px; margin-right: 10px;}
.z_tj_swiper li .warp{ display: block; width: 100%; height: 100%;}
.z_tj_swiper li .imgbox{ height: 100px; width: 100%; display: flex; align-items: center; justify-content: center;}
.z_tj_swiper li img{ width: 100%;}
.z_tj_swiper li .infobox{ padding: 10px 0;}
.z_tj_swiper li h3{ line-height: 18px; margin-bottom: 10px;}
.z_tj_swiper li .price span{ display: block; font-size: 15px; color: #F43530;}
.z_tj_swiper li .price del{ color: #999;}
.z_tj_swiper li .car{ display: block; width: 25px; height: 25px; position:absolute; right: 0; bottom: 15px;z-index: 2;}
.z_pro_review{ padding: 0 15px; padding-bottom: 15px; box-sizing: border-box;}
.z_xq_tit a{ float: right; color: #999;display: flex; align-items: center; font-size: 13px }
.z_xq_tit a .iconfont{ margin-left: 5px; font-size: 12px; }
.z_revew_nav{ display: flex;align-items: center; justify-content: space-between;}
.z_revew_nav a{ display: inline-block; height: 28px; line-height: 28px; border-radius: 14px; padding: 0 10px; background: #f4f4f4; color: #9a9a9a;  margin-bottom: 15px;}
.z_revew_nav a.active{ border:1px solid #FEE301; background: none; color: #FEE301;}
.z_review_list .li{ align-items: flex-start; padding: 10px 0}
.z_review_list .li .headimg{ width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0;margin-right: 10px;}
.z_review_list .li .headimg img{ width: 100%; height: 100%;}
.z_review_list .li .name{}
.z_review_list .li .time{ float: right; color: #999999;}
.z_star{ color: #999;}
.z_star_bar{ margin-left: 10px;}
.z_star_bar i{ display: inline-block; width: 12px; height: 12px;  margin-right: 5px;}
.z_review_list .li .z_star{ margin: 10px 0;}
.z_pro_content{ box-sizing: border-box;}
.z_pro_cs{ padding:5px 15px; }
.z_pro_cs .li{ padding: 10px 0; border-bottom:1px solid #eeeeee; font-size: 14px; display: flex; align-items: flex-start; line-height: 25px;}
.z_pro_cs .li label{ display: block; width: 90px; flex-shrink: 0;}
.z_pro_imgs{ padding: 20px 0; font-size: 14px; line-height: 24px;}
.z_pro_imgs img{ max-width: 100%;}
.z_pro_footer .icon{ position: relative; display: block; width: 18%; text-align: center;}
.z_pro_footer .icon::after{ position: absolute; display: block; content: ''; right: 0; top: 0; width: 1px; height: 30px; background-color: #eee; }
.z_pro_footer .icon .iconfont{ font-size: 20px; color: #1a1a1a; display: inline-block;}
.z_pro_footer .icon h3{ color: #808080;}
.z_pro_footer .btn{ display: block; height: 50px; line-height: 50px; font-size: 14px; width: 34%; text-align: center; text-align: center; background: #fff; color: #1A1A1A;}
.z_pro_footer .go{ background: #FEE301; color: #fff;}
.z_mask{ width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0; z-index: 9; background:rgba(0,0,0,.5);}
.z_pro_poster{ width: 79%; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.z_poster_warp{ background: #fff; border-radius: 10px; width: 100%; overflow: hidden;}
.z_poster_warp .imgbox{ width: 100%;}
.z_poster_warp .infobox{ padding: 10px; box-sizing: border-box;}
.z_poster_warp .infobox h3{ font-size: 18px; margin-bottom: 5px;}
.z_poster_warp .infobox .price{ font-size: 18px; color: #F43530;}
.z_poster_warp .userwarp{ padding: 10px; box-sizing: border-box;}
.z_poster_warp .userinfo img{ width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; flex-shrink: 0;}
.z_poster_warp .usercode{ width: 55px; height: 55px; flex-shrink: 0; margin-left: auto;}
.z_poster_warp .usercode img{ width: 100%; height: 100%; display: block;}
.z_pro_poster .z_poster_btn{ width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #FEE301; border-radius: 23px; font-size: 16px; margin-top: 20px;}

.z_page_nav{ height: 50px; background: #fff; border-bottom:1px solid #eeeeee; line-height: 50px; padding:  0 15px; box-sizing: border-box; text-align: center; display: flex;}
.z_page_nav a{flex: 1; font-size: 15px; position: relative;}
.z_page_nav a.active{ color: #FEE301;} 
.z_page_nav a.active:before{ content: ""; display: block; width: 20px; height: 4px; background: #FEE301; border-radius: 2px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.z_book_list{ padding: 0 15px; box-sizing: border-box;} 
.z_book_list li a{ display: flex;align-items: center; padding: 15px 0;}
.z_book_list li{ border-bottom:1px solid #eeeeee;}
.z_book_list li .imgbox{ width: 120px; margin-right: 10px; position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.z_book_list li .infobox{ width: 100%;}
.z_book_list li h3{ font-size: 15px; line-height: 24px;}
.z_book_list li h4{ color: #999;}
.z_book_list li .price{ color: #ff2828; margin: 8px 0;}
.z_book_list li .price .num{ font-size: 18px; font-family:arial;}
.z_book_list li .bar{ color: #999;}
.z_process_bar{ position: relative; display: flex; align-items: center; margin-top: 10px;  font-size: 12px; width: 100%; height: 22px; line-height: 22px; border-radius: 11px; overflow: hidden; background: #eeeeee; text-align:center; box-sizing: border-box; color: #666;}
.z_process_bar .index{ display: block;  flex-shrink: 0; height: 100%; padding: 0 15px;  background: #ff4848; color: #fff; text-align: center; padding: 0 10px;}
.z_process_bar .time{ width: 100%;}
.z_over_list li .over_icon{ width: 65px; height: 65px; border-radius: 50%; background: rgba(0,0,0,.43); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; line-height: 65px; color: #fff;}
.z_over_btn{ display: inline-block; background: #FEE301; height: 28px; width: 80px; text-align: center; border-radius: 3px; color: #fff; text-align: center; line-height: 28px; margin-top: 10px;}
.z_person_head{ box-sizing: border-box; }
.z_person_info{ padding: 20px 0; background-size: auto 12px;}
.z_person_info .headpic{ position: relative; border-radius: 50%; width: 70px; height: 70px; margin-right: 20px; flex-shrink: 0;}
.z_person_info .headpic img{ border-radius: 50%; width: 100%; height: 100%;}
.z_person_info .headpic .person_level{ width:24px; height: 24px; border-radius: 50%; border:2px solid #fff; position: absolute; right: 0; bottom: 0; background: #ffa54f; color: #fff; padding-right: 2px; box-sizing: border-box; text-align: right;line-height: 24px; font-size: 10px; overflow: hidden;}
.person_level span{ display: block; width: 100%; height: 100%; background: url(../img/dj.png) no-repeat left center; background-size: auto 11px;}
.z_person_info .name{ font-size: 18px; margin-bottom: 6px;}
.z_person_info .z_cosplay span{ display: inline-block; color: #fff; height: 20px; line-height: 20px; font-size: 12px;}
.z_jfbar{ width: 100%; background: url(../img/mybg.png) no-repeat center; background-size: cover; color: #ffe590; position: relative; padding: 10px 20px; box-sizing: border-box; border-radius: 5px;}
.z_jfbar .jfall{ font-size: 16px; color: #c4a051; margin-bottom: 10px;}
.z_jfbar .jfall .iconfont{ display: inline-block; margin-right: 5px; font-size: 20px;}
.z_jfbar .ts{ color: #c4a051;}
.z_jfbar .jfbtn1{ background: url(../img/titbg3.png) no-repeat center;color: #ffe590; width: 80px; font-size: 12px; height: 25px; background-size: 100% 100%; position: absolute; right: 20px; top: -13px; text-align: center; line-height: 25px; padding-left: 10px; box-sizing: border-box;}
.z_jfbar .jfbtn{ display: inline-block; background: url(../img/titbg5.png) no-repeat left center; background-size: cover;color: #ffe590; min-width: 70px; text-align: center; height: 25px; line-height: 25px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.my_order_go{ display: flex; align-items: center; margin-bottom: 25px; font-size: 17px; font-weight: bold; color: #1A1A1A;}
.my_order_go span{ float: right; margin-left: auto; font-size: 12px; background-size: auto 10px; color: #808080; font-weight: 400;}
.my_order_go span.iconfont { margin: 2px 0 0 2px; font-size: 12px; color: #808080; font-weight: 400; }
.z_person_nav a{flex: 1; text-align: center;}
.z_person_nav a .icon{ display: inline-block; height: 22px; margin: 0 auto; margin-bottom: 8px; position: relative;}
.z_person_nav a .icon img{ max-height: 100%; display: block;}
.z_person_nav a .num{ display: block; width: 20px; height: 20px; font-size: 12px; border-radius: 50%; background: #FEE301; text-align: center; line-height: 20px; color: #fff; position: absolute; right: -10px; top: -10px;}
.z_person_nav a h3{ color: #333333;}

.z_person_nav2 a{ display: block; height: 50px; font-size: 15px; padding: 0 15px; background: url(../img/arr.png) no-repeat right 15px center;  background-size: auto 10px; box-sizing: border-box; display:flex; align-items: center; position: relative;}
.z_person_nav2 a:before{ content: ""; display: block; width: 85%; height: 1px; background: #eeeeee; position: absolute; right: 0; bottom: 0;}
.z_person_nav2 a .icon{ width:24px; display: flex; align-items: center; justify-content: center; height: 24px; margin-right: 15px;}
.z_person_nav2 a img{ display: block;}
.z_person_nav2 a .csnum{ margin-left: auto; color: #999999; font-size: 13px; }
.z_person_nav2 a .csnum .weui-switch { transform: scale(.8); }
.z_person_nav2 a.is_siji{ background: none; }
.z_apply_btn{ display:  block; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; width: 54%; margin: 0 auto; background: #f5f5f5; color: #666666; font-size: 15px; margin: 20px auto;}
.weui-cells {

    font-size: 15px;
}

.product-select { display: -webkit-box; -webkit-box-orient: vertical; background-color: #FFF; -webkit-transition: all .4s; transition: all .4s; max-height: 80%; position: fixed; left: 0; right: 0; bottom: -100%; z-index: 1001; }
.product-select.show { bottom: 0; }
.product-select .closebtn { width: 22px; height: 22px; border: 1px solid #666; border-radius: 50%; box-sizing: border-box; position: absolute; right: 15px; top: 10px; z-index: 11; color: #666; text-align: center; line-height: 20px; font-size: 10px; font-weight: bold; }
.product-select .product-select-hd { padding: 15px; position: relative; }
.product-select .product-select-hd:after { content: " "; position: absolute; left: 15px; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #ddd; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.product-select .product-select-hd .img { width: 100px; height: 100px; margin-right: 15px; border: 3px solid #FFF; border-radius: 3px; margin-top: -25px; }
.product-select .product-select-hd .img img { width: 100%; height: 100%; }
.product-select .product-select-hd .name { margin-top: 20px; font-size: 16px; text-align: left; font-weight: bold; line-height: 20px; }
.product-select .product-select-hd .price { font-size: 14px; margin-top: 5px; color: #f00; }
.product-select .product-select-bd { -webkit-box-flex: 1; -webkit-overflow-scrolling: touch; overflow-y: auto; }
.product-select .prt-info { text-align: left; padding: 15px; line-height: 1.6; position: relative; }
.product-select .prt-info:after { content: " "; position: absolute; left: 15px; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #ddd; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.product-select .prt-info .tit { font-size: 14px; }
.product-select .prt-info .cont { overflow: hidden; font-size: 12px; }
.product-select .prt-info label { height: 30px; float: left; border-radius: 4px; background-color: #f8f8f8; line-height: 30px; font-size: 12px; padding: 0 15px; margin: 10px 10px 0 0; }
.product-select .prt-info input { display: none; }
.product-select .prt-info input:checked + label { background-color:#FEE301; color: #fff; }
.product-select .prt-numbers { padding: 15px; font-size: 14px }
.product-select .date_con{ text-align: right; }
.product-select .date_con .time { color: #0060AF; font-size: 14px; font-weight: bold; }
.product-select .date_con .edit { display: inline-block; margin-top: -2px; width: 30px; height: 15px; line-height: 15px; border: 1px solid #0276C6; border-radius: 8px; font-size: 9px; color: #0060AF; text-align: center;  vertical-align: middle; }
.product-select .product-select-ft { height: 50px; border-top: 1px solid #eee; box-sizing: border-box; }
.product-select .product-select-ft button { height: 50px; font-size: 16px; border-radius: 0; line-height: 50px; padding: 0 10px; color: #0060AF; }
.product-select .product-select-ft button::after { content: none; }
.weui-btn_ornament {
    background-color: #fff;
	color: #1a1a1a!important;
}

.numberbox { display: inline-block; vertical-align: middle; height: 28px; background-color: #fff; position: relative; line-height: 28px; font-size: 0; }
.numberbox:after { content: ""; width: 200%; height: 200%; border: 1px solid #ddd; border-radius: 6px; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; position: absolute; left: 0; top: 0; }
.numberbox .btn { height: 28px; width: 30px; background: none; border-radius: 0; -webkit-appearance: none; display: inline-block; vertical-align: middle; border: none; font-size: 14px; text-align: center; position: relative; z-index: 2; }
.numberbox .btn:active { background-color: #F8F8F8; }
.numberbox .btn:after { content: ""; width: 1px; background-color: #ddd; -webkit-transform: scaleX(0.5); position: absolute; top: 0; bottom: 0; }
.numberbox .btn:disabled { color: #ccc; }
.numberbox .jian:after { -webkit-transform-origin: 0 100%; right: 0; }
.numberbox .jia:after { -webkit-transform-origin: 0 0; left: 0; }
.numberbox input { width: 40px; height: 28px; border: none; vertical-align: middle; -webkit-appearance: none; background: none; border-radius: 0; font-size: 14px; text-align: center; position: relative; z-index: 2; }

.preview-image { display: none; position: fixed; background-color: black; left: 0; top: 0; right: 0; bottom: 0; z-index: 1001; }
.preview-image .swiper-container { width: 100%; height: 100%; }
.preview-image .swiper-slide { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; }
.preview-image .swiper-slide img { display: block; }
.preview-image .swiper-pagination-fraction { width: auto; position: absolute; left: auto; left: 15px; bottom: auto; top: 40px; z-index: 3; font-size: 14px; color: #ccc; }
.preview-image .closebtn { position: absolute; right: 15px; top: 40px; color: #fff; z-index: 9; }

.z_book_numwarp .tit{ padding: 0 10px; font-size: 14px; box-sizing: border-box; border-bottom:1px solid #eeeeee; height: 45px; line-height: 45px;}
.z_book_numwarp .icon{ background: url(../img/yh.png) no-repeat left center; padding-left: 20px; background-size: auto 14px;  position: relative; padding-right: 15px; margin-right: 15px; }
.z_book_numwarp .icon:before{ content: ""; display: block; width: 1px; height: 14px; background: #999999; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_book_numwarp span{ display: inline-block;}
.z_book_numwarp .num{ color: #999999;}
.z_book_numwarp .tit .fr{ color: #999; background-size: auto 10px; padding-right: 15px;}
.z_book_numlist{ padding: 0 15px; box-sizing: border-box;}
.z_book_numlist li{ height: 40px; line-height:40px; border-bottom:1px solid #eeeeee; font-size: 14px; color: #999999; background: url(../img/wg.png) no-repeat left center; background-size: 14px; padding-left: 20px;}
.z_book_numlist li span{ display: inline-block; margin-right: 20px;}
.z_book_numlist li.on{ background: url(../img/wg2.png) no-repeat left center; background-size: auto 12px;}
.z_book_numlist li.on{ color: #FEE301;}


.pinglun-item { font-size: 14px; -webkit-box-align: start!important; -webkit-align-items: start!important; align-items: start!important; }
.pinglun-item .touxiang { width: 45px; height: 45px; margin-right: 15px; }
.pinglun-item .touxiang img { width: 45px; height: 45px; border-radius: 50%; }
.pinglun-item .name { line-height: 25px; }
.pinglun-item .weui-btn { width: 55px; padding: 0; line-height: 24px; font-size: 12px; }
.pinglun-item .time { font-size: 12px; color: #999; }
.pinglun-item .starbox { font-size: 12px; color: #999; }
.pinglun-item .star { font-size: 10px; }
.pinglun-item .cont { margin-top: 5px; color: #666; line-height: 1.6; }
.pinglun-item .at { color: #438dd8; }
.pinglun-item .atdt { background-color: #f5f5f5; margin: 10px 0 0; padding-right: 10px; }
.pinglun-item .atdt .img { width: 70px; height: 70px; margin-right: 10px; }
.pinglun-item .atdt .img img { width: 70px; height: 70px; }
.pinglun-item .atdt .desc { font-size: 12px; color: #999; margin-top: 5px; }
.pinglun-item .plimgs { margin: 5px -4px 0; }
.pinglun-item .plimgs .item { width: 33.33%; float: left; padding: 4px; box-sizing: border-box; }
.pinglun-item hr { border: none; border-top: 1px solid #eee; margin: 10px 0; }
.pinglun-item .gnbox { margin-top: 10px; font-size: 12px; color: #666; }
.pinglun-item .gnbox .iconfont { font-size: 15px; }
.pinglun-item .pinglun { padding: 5px 10px; margin-top: 10px; position: relative; background-color: #f3f3f3; border-radius: 4px; font-size: 13px; color: #666; }
.pinglun-item .pinglun:before { content: ""; border-bottom: 5px solid #f3f3f3; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 15px; top: -5px; }
.pinglun-item .pinglun .xm { color: #190066; }
.pltypes { margin: 0 -3px 15px; }
.pltypes li { min-width: 25%; float: left; padding: 0 3px; }
.pltypes li a { display: block; height: 28px; padding: 0 8px; background-color: #f4f4f4; border-radius: 20px; font-size: 12px; color: #999; text-align: center; line-height: 28px; }
.pltypes li a.active { color: #fff;; border: 1px solid #FEE301; line-height: 26px; background-color: #FEE301; }

.z_jspage{ padding: 0 15px; box-sizing: border-box; position: relative; z-index: 1;}
.z_jspage:before{ content: ""; display: block; width: 100%; height: 120px; background: #FEE301; position: absolute; left: 0; top: 0; z-index: -1;}
.z_jstab_li{ display: inline-block; background: rgba(0,0,0,.05); margin: 15px 0;border-radius: 15px;overflow: hidden;}
.z_jstab_li li{ display: inline-block; height: 30px; line-height: 30px; padding: 0 15px;  font-size: 15px; color: #fff;}
.z_jstab_li li.active{ background: #fff; color: #FEE301; border-radius: 15px;}
.z_js_addre{ width: 100%; background: #fff; margin-bottom: 15px; position: relative; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,.06); padding-bottom: 8px; overflow: hidden; box-sizing:border-box}
.z_js_addre a{ width: 100%; height: 100%;}
.z_js_addre a .weui-cell__hd{ margin-right: 5px; }
.z_js_addre a .iconfont.icon-right { font-size: 12px; color: #666; }
.z_js_addre h3{ font-size:15px; background: url(../img/dz.png) no-repeat left center; margin-bottom: 10px; background-size: auto 14px; padding-left: 20px;}
.z_js_addre h3 span{ display: inline-block; margin-right: 20px;}
.z_js_addre .name{ font-size: 15px; color: #333; font-weight: bold; }
.z_js_addre .name .tel{ font-size: 13px; font-weight: 500; }
.z_js_addre .dizhi{ font-size: 13px; color: #666666;}
.z_js_addre:before{ content: ""; display: block; width: 100%; border-radius: 0 0 5px 5px; height: 6px; background: url(../img/line3.png) no-repeat left center; background-size: 100% 100%; position: absolute; left: 0; bottom: .5px;}
.z_jstab_con .child{ display: none;}
.z_jstab_con .child.on{ display: block;}
.z_zt h3{ font-size: 13px; color: #666;}
.z_zt .dz{ font-size: 15px; color: #333;}
.z_psongtime{box-shadow: 0 2px 5px rgba(0,0,0,.06); margin: 15px 0;}
.z_psongtime .radio{ font-size: 14px; }
.weui-cells_checkbox label{ display: flex; align-items: center;}

.order-cp { padding: 15px 0 ; display: -webkit-box; }
.order-cp:first-child { margin: 0; }

.order-cp .img { width: 80px; height: 80px; margin-right: 10px; }
.order-cp .img img { width: 80px; height: 80px; }
.order-cp .name { font-size: 14px; color: #333; line-height: 18px; margin-bottom: 18px;}
.order-cp .info { color: #999; margin-top: 8px; font-size: 12px; }
.order-cp .price { color: #ff2727; font-size: 16px; }
.order-cp .weui-flex { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.order-cp .weui-btn { margin-left: 5px; padding: 0 10px; font-size: 12px; line-height: 24px; }
.z_jspro_warp{box-shadow: 0 2px 5px rgba(0,0,0,.06); margin: 15px 0; border-radius: 5px; box-sizing: border-box;}
.z_yhbar a{ width: 100%; font-size: 15px; display: flex; padding: 15px 0;}
.color-red { color: #ff2727; }
.text-right{ text-align: right;}

.weui-bar { background-color: #FFF; height: 50px; line-height: 50px; position: fixed; left: 0; right: 0; z-index: 9; }
.weui-bar:before { content: ""; -webkit-transform: scaleY(0.5); height: 1px; background-color: #DDD; position: absolute; left: 0; right: 0; z-index: -1; }


.weui-bar-footer { bottom: 0; background-color: #FDFDFD; }
.weui-bar-footer:before { top: 0; -webkit-transform-origin: 0 0; }
.weui-bar-header { top: 0; height: 44px; line-height: 44px; }
.weui-bar-header .weui-bar-btnbox { position: absolute; bottom: 0; text-align: center; }
.weui-bar-header .weui-bar-btnbox.weui-bar-left { left: 0; }
.weui-bar-header .weui-bar-btnbox.weui-bar-right { right: 0; }
.weui-bar-header .weui-bar-btnbox .weui-bar-btn { float: left; }
.weui-bar-header .weui-bar-btnbox .weui-bar-link { float: left; }
.weui-bar-header .weui-bar-btn { height: 44px; padding: 0 13px; display: block; text-align: center; position: relative; font-size: 15px; }
.weui-bar-header .weui-bar-btn .weui-badge { position: absolute; margin-left: 3px; left: 50%; top: 5px; font-size: 10px; }
.weui-bar-header .weui-bar-btn .iconfont { font-size: 18px; }
.weui-bar-header .weui-bar-link { height: 44px; padding: 0 15px; min-width: 44px; display: block; font-size: 16px; text-align: center; }
.weui-bar-header .weui-bar-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; text-align: center; font-size: 17px; font-weight: bold; }
.weui-bar-header:before { bottom: 0; -webkit-transform-origin: 0 100%; }

.weui-bar-header.appheader ~ .weui-content { padding-top: 44px; }
.weui-bar-header.appheader ~ .weui-bar-header { top: 44px; }
.weui-bar-header.appheader ~ .weui-bar-header ~ .weui-content { padding-top: 108px; }
.weui-bar-header.primary-header { background-color: #190066; color: #fff; }
.weui-bar-header.primary-header:before { content: none; }


.weui-bar-footer ~ .weui-content { padding-bottom: 50px; }
.page-footer .linkitem { height: 50px; position: relative; border-right: 1px solid #eee; z-index: 2; width: 60px; text-align: center; font-size: 10px; color: #333; }
.page-footer .weui-flex__item { position: relative; }
.page-footer .linkitem .iconfont { font-size: 20px; }
.page-footer .linkitem .weui-badge { margin: 0 0 0 3px; position: absolute; left: 50%; top: 3px; font-size: 10px; }
.page-footer .linkitem.active { color: #190066; }
.page-footer .weui-btn { min-width: 100px; height: 50px; position: relative; z-index: 2; padding: 0; border-radius: 0; line-height: 50px; font-size: 16px; }
.page-footer .weui-btn:after { content: none; }
.page-footer .weui-btn_default { background-color: #e5e5e5; }
.address-item:first-child{ margin-top: 0;}
.weui-content-padded { margin: 15px; }
.z_jsbox{box-shadow: 0 2px 5px rgba(0,0,0,.06); margin: 15px 0; border-radius: 5px;line-height: 22px; font-size: 15px;}
.page-footer .z_pay_btn{ display: inline-block; height: 40px; line-height: 40px; border-radius: 20px; margin-top: 5px; margin-right: 15px; }

.cart-item { margin: 10px 0; }
.cart-item .weui-cell { display: -webkit-box; }
.cart-item .xz { margin-right: 10px; }
.cart-item .xz [class*=" weui-icon-"]:before, .cart-item .xz [class^=weui-icon-]:before { margin: 0; }
.cart-item .img { margin-right: 10px; }
.cart-item img { width: 80px; height: 80px; }
.cart-item .name { height: 38px; font-size: 14px; }
.cart-item .info { margin-top: 5px; font-size: 12px; color: #999; }
.cart-item .xiaoji { line-height: 30px; }
.cart-item .xiaoji .price { color: #ff2727; font-size: 16px; }
.cart-item .xiaoji .dw { font-size: 12px; color: #999; }
.cart-item .weui-btn { border-radius: 20px; padding-right: 10px; padding-left: 10px; font-size: 12px; }
.cart_item_tit{ font-size: 15px; padding: 10px;}
.noinfo { margin-top: 40px; text-align: center; }

.noinfo .iconfont { font-size: 60px; color: #CCC; }

.noinfo .desc { color: #999; font-size: 14px; }
.z_cart_page{ padding: 0 15px; box-sizing: border-box; padding-bottom: 100px!important;}
.cart-item{ margin-bottom: 15px; border-radius: 8px; overflow: hidden;}
.cart-item .tit{ font-size: 15px; display: inline-block; margin-left: 10px; background-size: auto 12px; padding-right: 20px;}
.z_footer2{ bottom: 50px;}

.weui-hidden { display: none !important; }

.weui-show { display: block !important; }
.weui-btn + .weui-btn{ margin-top: 0;}

.z_jiesuan_pop{ width: 72%; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 8px; z-index: 10; padding: 15px; box-sizing: border-box;}
.z_jiesuan_pop .tit{ text-align: center; font-size: 16px;}
.z_jiesuan_pop .tsdesc{ line-height: 24px; font-size: 16px; color: #666666; margin: 20px 0;}
.z_jiesuan_pop .btnwarp a{ display: inline-block; width: 45%; height:39px; line-height:38px;  background: #10c644; color: #fff; border-radius: 5px; text-align: center; font-size: 14px;}
.z_jiesuan_pop .btnwarp .cancel{ background: none; border:1px solid #999999; color: #999999;}
.z_close_pop{ width: 15px; height: 15px; background: url(../img/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px;}

.z_jspage2:before{ height: 60px;}
.z_jspage2{ padding-top: 15px; padding-bottom: 70px;}
.z_jieyue_bar{ position: fixed; left: 0; bottom: 50px; height: 25px; line-height: 25px; text-align: center; background: #fff8f2; color: #ff841e; z-index: 2; width: 100%;}

.z_header{ width: 100%; height: 50px; background: #f8f8f8; justify-content: center; padding: 0 15px; box-sizing: border-box; display: flex; align-items: center;}
.z_header .z_back{  height: 50px; display: block;  flex-shrink: 0; padding-right: 15px; line-height: 50px; text-align: center; font-size: 18px;}
.z_search_box2{ width: 100%; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; margin-left: auto; height: 35px; background:#fff; border-radius: 5px; border:1px solid #b7b7b7;}
 .z_search_box2 .text{ width: 100%;}
.z_search_box2 .iconfont{ flex-shrink: 0; margin-right: 10px;}

.z_ztdz_list a{ display: block; width: 100%; border-bottom:1px solid #dddddd; background: #fff; padding:12px 15px; box-sizing: border-box; }
.z_ztdz_list h3{ background: url(../img/dz.png) no-repeat left center; font-size: 15px; background-size: auto 14px; padding-left: 20px;}
.z_ztdz_list h4{ padding-left: 20px; box-sizing: border-box; color: #666;}

.z_order_nav{ height: 50px; line-height: 50px;z-index: 2; position: fixed; left: 0; top: 0; width: 100%; border-bottom:1px solid #eeeeee;}
.z_order_nav a{ flex: 1; position: relative; text-align: center; font-size: 15px; color: #666666; }
.z_order_nav a.active:before{ content: ""; display: block; width: 100%; height: 2px; background:#FEE301; position: absolute; left: 0; bottom: 0;}
.z_order_nav a.active{ color: #222; font-weight: bold;}
.z_order_list{ padding: 50px 15px; box-sizing: border-box;}
.z_order_list .order_item{ background: #fff; border-radius: 6px; margin-top: 15px; box-sizing: border-box;}
.z_order_list .order_tit{ padding:0 15px; line-height: 40px; font-size: 14px; color: #333;}
.z_order_list .order_tit .status{ font-size: 13px; color: #0060AF;}
.order_pro a{ padding: 10px 0;}
.order_pro .img{ width: 80px; height: 80px; display: flex; flex-shrink: 0; align-items: center; justify-content: center; margin-right: 15px;}
.order_pro h3{ font-size: 14px; line-height: 20px; margin-bottom: 15px;}
.order_pro .bar{ padding:0 15px; color: #333; font-size: 14px; font-weight: bold;}
.order_pro .bar span{ font-size: 16px;}
.order_tips{ margin: 15px auto; height: 25px; line-height: 25px; font-size: 12px; color: #AB2C01; background: #FFF4DE; text-align: center;}
.z_order_list .order_tj{ line-height: 40px; font-size: 14px;}
.z_order_list .order_tj,.z_order_list .order_btn{ text-align: right;}
.z_order_list .order_btn{ padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; padding-top: 0;}
.z_order_list .order_btn a{ display: inline-block; margin-left: 5px; height: 28px; padding: 0 10px; box-sizing:border-box; line-height: 28px; border:1px solid #bfbfbf; color: #666; min-width: 75px; text-align: center; border-radius: 14px;}
.z_order_list .order_btn .btn{ color: #0060AF; background-color: #FEE301; border-color: #FEE301; }
.z_order_list .order_btn .btn.cancle{ color: #666; background-color: #fff; border-color: #BFBFBF; }
.z_order_list .order_btn .tips{ font-size: 12px; color: #0276C6; }

.z_cwpage{ background: #fff; min-height: 100vh; text-align: center;}
.z_money_icon{ padding: 40px 0;}
.z_money_icon img{ display: block; height: 57px; margin: 0 auto;}
.z_money_box h3{ font-size: 16px;}
.z_money_box h4{ margin-top: 10px;}
.z_money_box h4 em{ font-size: 36px;}
.z_money_btn{ margin-top: 10vh;}
.z_money_btn a{ display: block; width: 150px; margin: 0 auto; margin-bottom: 20px; font-size: 15px; height: 40px; text-align: center; line-height: 40px; background: #eeeeee; border-radius: 3px;}
.z_money_btn .btn{ background: #FEE301; color: #fff;}

.z_cz_page{ padding:15px; box-sizing: border-box;}
.z_cz_box{ background: #fff; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.z_cz_box .tit{ font-size: 16px;}
.z_cz_box .cz_how{ border-bottom:1px solid #eee; font-size: 20px; margin: 10px 0;}
.z_cz_box .cz_how em{ flex-shrink: 0; display: block; margin-right: 20px;}
.z_cz_box .cz_how .text{ width: 100%; height: 50px; font-size: 18px;}
.z_cz_box .zc_jf{ font-size: 14px; color: #666;}
.z_cz_box .zc_jf em{ color: #CC2929;}
.z_cz_page .z_apply_btn{ background: #FEE301; color: #fff;}

.z_quan_page{ padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.quan_item{ margin-top: 15px; background: url(../img/quan.png) no-repeat left center; position: relative; box-shadow:0 5px 8px rgba(0,0,0,.08);background-size:100% 100%; height: 110px; display: flex; align-items: center;}
.quan_money{ width: 33%; flex-shrink: 0; float: left; text-align: center; color: #fff;}
.quan_money .num em{ font-size: 42px;}
.quan_info{ width: 67%;flex-shrink: 0; text-align: center; }
.quan_info .yf{ font-size: 18px;}
.quan_info .btn{ display: inline-block; height: 26px; line-height: 26px; min-width: 80px; text-align: center; border-radius: 13px; color: #fff; background: url(../img/titbg6.png) no-repeat center; background-size: cover; margin: 10px 0;}
.quan_info .time{ color: #b6b6b6;}
.quan_xyk{ position: absolute; right: 0px; top: 0px; height: 18px; line-height: 18px; font-size: 12px; min-width: 50px; text-align: center;background: #e8be8b; color: #fff;}
.quan_item_sx{ background: url(../img/quan2.png) no-repeat center;background-size:100% 100%;}
.quan_item_sx .btn{ background: #808080;}
.z_quan_tip{ position:fixed; width: 100%; left: 0; bottom: 10px; text-align: center; font-size: 14px; text-align: center; color: #666666;}
.z_quan_tip .iconfont{ display: inline-block; margin-right: 5px;}
.z_quan_tip a{ display: flex; align-items: center; justify-content: center; color: #666;}
.z_p15{padding: 15px; box-sizing: border-box;}
.z_jf_head{ width: 100%; background: url(../img/bg2.jpg) no-repeat center; background-size: cover; height: 215px; }
.z_jf_nav{display: flex; align-items: center; border:1px solid #fff; border-radius: 3px;  font-size: 14px;}
.z_jf_nav a{ flex: 1; line-height: 30px; text-align: center;color: #fff; }
.z_jf_nav a.active{ background: #fff; color: #FEE301;}
.z_jf_all{ color: #fff; margin: 20px 0; margin-bottom: 0;}
.z_jf_all em{ font-size: 40px;}
.z_jf_nav2{ background: rgba(255,255,255,.2); line-height: 45px; text-align: center;display: flex; align-items: center;}
.z_jf_nav2 a{ flex: 1; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px;}
.z_jf_nav2 a .iconfont{ display: inline-block; margin-right: 6px;}
.z_jfyh_warp{ border-radius: 3px; background: #fff; margin-bottom: 10px; position: relative; margin-top: -60px; box-shadow: 0 0 5px rgba(0,0,0,.06)}
.z_jftits{ font-size: 15px;}
.z_jftits .more{ margin-left: auto; color: #999999;}
.jfquan_list li{ flex: 1; text-align: center;}
.jfquan_list li .icon{ display: block; height: 65px; margin: 0 auto; margin-bottom: 10px;}
.jfquan_list li h3{ font-size: 14px; }

.z_jfpro{ background: #fff; border-radius: 3px; overflow: hidden;}
.jfpro_fisrt{ box-shadow: 0 0 5px rgba(0,0,0,.06)}
.jfpro_fisrt .img{ width: 30%; flex-shrink: 0 ; height: 80px; display: flex; align-items: center; justify-content: center; margin-left: auto;}
.jfpro_fisrt .img img{ max-width: 100%; max-height: 100%;}
.jfpro_fisrt h3{ font-size: 16px;}
.jfpro_fisrt .info{ line-height: 24px;}
.jfpro_fisrt h4{ color:#999999;}
.jfpro_list li{ width: 33.3%; float: left; text-align: center; }
.jfpro_list li .img{ height: 90px; padding: 5px ; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.jfpro_list li img{ max-width: 100%; max-height: 100%;}
.jfpro_list li h3{ font-size: 14px;}
.jfpro_list li .info{ padding: 10px 0; line-height: 20px;}

.my_team_head{ background: #FEE301; text-align: center; }
.my_team_head ul{height: 125px;}
.my_team_head li{ flex: 1; text-align: center; color: #fff; font-size: 14px;}
.my_team_head li .num,.z_yonngjin_head .num{ font-size: 34px; margin-top: 5px;}
.z_team_list{ padding: 15px; box-sizing: border-box; background: #fff; border-radius: 10px 10px 0 0; position: relative; margin-top: -10px;}
.team_item{ background: #fff; line-height: 20px;font-size: 15px; border-radius: 5px; box-shadow:0  6px 15px rgba(0,0,0,.08); margin-bottom: 10px;}
.team_item .head{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0;}
.team_item .name{ }
.team_item .tel{ color: #666;}

.z_yonngjin_head{ background: #FEE301; padding: 30px 0; text-align: center; color: #fff; position: relative;}
.z_gzbtn{ position: absolute; right: 0; top: 10px; background: rgba(255,255,255,.4); color: #fff; height: 30px; line-height:30px; padding: 0 10px; border-radius: 15px 0 0 15px;}
.yongjin_nav{ background: #10c644; padding: 15px 0;}
.yongjin_nav .item{ flex: 1; text-align: center; color: #fff; border-right:1px solid #FEE301;}
.yongjin_nav .item:last-child{ border-right: 0;}
.yongjin_nav h3{ font-size: 18px; margin-top: 5px;}

.z_yjnav{ padding: 0 15px; box-sizing: border-box;}
.z_yjnav a{ display:flex; align-items: center; font-size: 15px; border-bottom:1px solid #eeeeee; height: 60px; background-size: auto 14px;}
.z_yjnav a .icon{ max-height: 20px; max-width: 20px; margin-right: 10px;}

.z_newsxq_page{ padding-left: 15px; padding-right: 15px; box-sizing: border-box; min-height: 100vh;}
.z_news_tit{ padding: 10px 0;}
.z_news_tit h3{ font-size: 18px; line-height: 28px; margin-bottom: 10px;}
.z_news_tit .bar{ color: #a4a4a4; font-size: 12px;}
.z_news_content{ line-height: 24px;}
.z_news_content img{ max-width: 100%!important; height: auto!important;}

.mingxi .weui-cell { padding: 15px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.mingxi .touxiang { margin-right: 10px; }
.mingxi .touxiang img { width: 45px; height: 45px; border-radius: 50%; }
.mingxi .date { margin-top: 3px; font-size: 13px; color: #999; }
.mingxi .num { font-weight: bold; margin-left: 15px; color: #ff2727;font-size: 18px }

.txtop{ background: #FEE301; padding: 20px 15px; padding-bottom: 1px; position: relative; box-sizing: border-box; color: #fff;}
.txtop .number{ font-size: 60px; margin: 30px 0;}
.txtop .mxbtn{ float: right; background: #fff;border-radius: 3px; padding: 2px 10px; color: #FEE301; margin-left: auto;}
.txtop .tit{ display: flex; align-items: center; font-size: 14px;}
.z_txsm{ font-size: 14px; color: #FEE301;; text-decoration: underline;}
.z_poster{ width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position:left center;}
.z_poster_con{ padding: 20px; box-sizing: border-box; position:absolute; left: 0; bottom: 10px; width: 100%; }
.z_poster_user,.z_poster_company{ border-radius:8px; background: rgba(255,255,255,.8); width: 100%; padding:10px 15px; box-sizing: border-box;margin-bottom: 12px;}
.z_poster_user .head{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0;}
.z_poster_user .head img{ display: block; width: 100%;}
.z_poster_user h3{ font-size: 17px;}
.z_poster_user h4{ color: #808080;}
.z_poster_company .code{ width: 80px; margin-right: 15px; flex-shrink: 0;}
.z_poster_company h3{ font-size: 15px; margin-bottom: 10px;}
.z_poster_company .btn{ display: inline-block; background: #FEE301; padding: 4px 10px; border-radius: 15px; color: #fff;}
.z_poster_company .btn .iconfont{ display: inline-block; font-size: 12px; width: 18px; height: 18px; background: #fff; border-radius: 50%; color: #FEE301; vertical-align:1px; margin-right: 5px; text-align: center; line-height: 18px;}

.z_person_info{ background:linear-gradient(180deg,rgba(250,38,5,1) 0%,rgba(250,147,30,1) 100%); }
.z_person_info .z_cosplay .tuanzhang{ background: #ffb82a; border-radius: 3px;}
.z_person_info .z_cosplay .fangdong{ background: url(../img/titbg.png) no-repeat; background-size: cover;}
.z_person_info .z_cosplay .laoban{ background: url(../img/titbg2.png) no-repeat; background-size: cover;}
.mingxi_head{ background: #f5f5f5; padding:10px 15px; box-sizing: border-box;}
.mingxi_head .info{ margin-left: auto; line-height: 24px; color: #999999; font-size: 14px;}
.month_sel{  border: 1px solid #eeeeee; border-radius: 14px; background: #fff;}
.month_sel .sel_box{ padding: 0 10px; height: 28px; background: url(../img/arr3.png) no-repeat right 10px center; padding-right: 25px; background-size: 10px auto;}

.z_cz_page{ padding: 15px; box-sizing: border-box;}
.z_cz_box{ background: #fff; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.z_cz_box .texta{ font-size: 14px; width: 100%; height: 120px; }
.z_yj_page .z_from_btn{ margin-top: 20px;}
		

.z_person_nav2 .tit{ line-height: 50px; font-size: 16px; padding: 0 15px; box-sizing: border-box;}

.z_ztd_head{ padding: 15px; box-sizing: border-box; }
.z_ztd_head .sell_nums{ margin: 30px 0; margin-bottom: 15px;}
.z_sell_list{ padding: 15px; box-sizing: border-box;}
.sell_item{box-shadow:0  6px 15px rgba(0,0,0,.08); border-radius: 5px; padding: 0 15px; box-sizing: border-box; margin-bottom: 10px;}
.sell_item .tit{ line-height: 40px; border-bottom: 1px solid #eee; font-size: 14px; color: #999999; }
.sell_item .weui-cell{ padding: 15px 0}
.sell_item .name{ font-size: 16px; margin-bottom: 10px;}
.sell_item .tel{ color: #999999;}
.sell_item .price{ font-size: 15px; color: #ff2828;}

.z_year_warp{ height: 50px; display: flex; align-items: center; padding: 0 15px; box-sizing: border-box; background: #f5f5f5;}
.z_year_warp .z_year_sel{ display: inline-block; font-size: 16px; height: 40px; background: url(../img/arr3.png) no-repeat right center; background-size: auto 6px; padding-right: 20px;}
.z_cwtale .table_item{ padding:20px 15px; box-sizing: border-box; border-bottom: 1px solid #eee;}
.z_cwtale .table_item .month{ font-size: 16px; margin-bottom: 20px;}
.z_cwtale .table_item .info{ flex: 1; text-align: center; color: #666666;}
.z_cwtale .table_item h3{ font-size: 16px; color: #ff2727; margin-top: 10px;}

.z_logoin_page{ padding: 40px 20px; box-sizing: border-box;}
.z_logoin_page .tit{ font-size: 24px; margin-bottom: 40px;}
.z_login_form li{ border-bottom: 1px solid #eee; margin-bottom: 10px;}
.z_login_form li .input_text{ width: 100%; display: block; height: 50px; font-size: 14px;}
.z_form_btn{ width: 100%; margin-top: 40px; height: 45px; line-height: 45px; background: #FEE301; border-radius: 23px; color: #fff; font-size:16px;}
.z_fixed{ width: 100%; position:fixed; left: 0; top: 0;}
.z_persong_box{ background: #fff; margin-bottom: 10px;}
.z_persong_order{line-height: 40px; border-bottom:1px solid  #eee; font-size: 14px; padding: 0 15px; box-sizing: border-box;}
.z_persong_pro{ padding: 15px; box-sizing: border-box;border-bottom:1px solid  #eee;}
.z_persong_pro .warp{ display: block; position: relative; width: 100%; height: 100%; position: relative; padding-left: 40px; padding-right: 20px; box-sizing: border-box; background-size: auto 12px;}
.z_persong_pro .warp:before{ content: ""; display: block; width: 1px; height: 76px; background: #eeeeee; position: absolute; left: 7px; top: 10px;}
.z_persong_pro .dizi{ position: relative;}
.z_persong_pro .dizi h3{ font-size: 18px; position: relative;}
.z_persong_pro .dizi h3:before{ display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #80ca61; position: absolute; left: -35px; top: 50%; transform: translateY(-50%);}
.z_persong_pro .dizi h4{ color: #666666; margin-top: 5px; min-height: 20px; line-height: 20px;}
.z_persong_pro .home{ margin-bottom: 20px;}
.z_persong_pro .home h3:before{ background: #ffa570;}
.z_persong_pro .distance{ position: absolute; left: -6px; top: 40px; color: #808080; font-size: 12px; background: #fff;}
.z_persong_time{ border:1px solid #ffa570; display: inline-block; line-height: 25px; border-radius: 4px;}
.z_persong_time em{ background:#ffa570; padding: 0 10px; display: block; float: left; color:#fff;}
.z_persong_time .time{ padding: 0 10px; color:#ffa570;}
.z_persong_btn{ display: block; width: 100%; margin-top: 10px; border-radius: 6px; background: #FEE301; color: #fff; text-align: center; font-size: 16px; height: 40px; line-height: 40px;}
.z_daohang{ position: absolute; right: 0; top: 2px;color: #FEE301; z-index: 2;}
.z_daohang .icon{ display: block; height: 25px; }
.z_persong_li li{ line-height: 25px; font-size: 15px;}
.z_persong_li label{ color: #999999; display: inline-block; margin-right: 20px;}
.z_persong_li li .tel{ display: block;font-size: 15px; width: 100%; height: 100%; background: url(../img/tel.png)no-repeat right center; background-size: auto 20px; }
.z_shangpin_list{ background: #fff; padding: 10px 15px; box-sizing: border-box;}
.z_shangpin_list .tit{ font-size: 15px; line-height: 40px; color: #222222;}
.z_shangpin_list li{ display: flex; align-items: center; justify-content: space-between;}
.z_shangpin_list li span{ width: 25%; text-align: center;}
.z_shangpin_list li .tit{ width:50%; flex-shrink: 0; text-align: left;font-size: 13px;}
.z_shangpin_list li .num{ text-align: right;}
.z_persong_footer .z_persong_btn{margin: 0; }
.z_persong_footer{ padding: 0 15px; box-sizing: border-box; display: flex; align-items: center;}


.pjstar { height: 20px; font-size: 12px!important; color: #ddd; display: inline-block; line-height: 1; }
.pjstar .iconfont { margin: 0 8px; display: inline-block;font-size: 20px!important; }
.pjstar .iconfont:first-child { margin-left: 0; }
.pjstar .iconfont:last-child { margin-right: 0; }
.pjstar.star01 .iconfont:nth-child(1) { color: #FEE301; }
.pjstar.star02 .iconfont:nth-child(1), .pjstar.star02 .iconfont:nth-child(2) { color: #FEE301; }
.pjstar.star03 .iconfont:nth-child(1), .pjstar.star03 .iconfont:nth-child(2), .pjstar.star03 .iconfont:nth-child(3) { color: #FEE301; }
.pjstar.star04 .iconfont:nth-child(1), .pjstar.star04 .iconfont:nth-child(2), .pjstar.star04 .iconfont:nth-child(3), .pjstar.star04 .iconfont:nth-child(4) { color: #FEE301; }
.pjstar.star05 .iconfont { color: #FEE301; }

.uploads { overflow: hidden; padding-top: 10px; }
.uploads .item { width: 90px; height: 90px; float: left; position: relative; margin: 0 10px 10px 0; background: #f8f8f8 no-repeat center; background-size: cover; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; font-size: 13px; color: #bbb; }
.uploads .item .iconfont { font-size: 24px; }
.uploads .item .icon-cha{ font-size: 12px;}
.uploads .item .del { width: 16px; height: 16px; background-color: rgba(255, 39, 39, 0.8); text-align: center; line-height: 16px; font-size: 10px; color: #fff; position: absolute; right: 0; top: 0; }

.jfmtop { background:#FEE301; color: #fff; padding: 20px 15px; font-size: 13px; align-items:center; }
.screen { text-align: center; font-size: 14px; color: #333; }
.screen a { height: 100%; display: inline-block; }
.screen .active { color: #FEE301; position: relative; z-index: 2; border-bottom: 2px solid #FEE301; }

.product-list { padding: 10px; overflow: hidden; background-color: #fff; }
.product-list .item { width: 50%; float: left; padding: 5px; }
.product-list .item .name { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: bold; }
.product-list .item .desc { color: #999; font-size: 12px; margin-top: 8px; line-height: 1; }
.product-list .item .ft { margin-top: 5px; }
.product-list .item .price { font-size: 14px; color: #ff2727; }
.product-list .item .sales { font-size: 12px; color: #999; }
.product-list .item .img{ display: flex; align-items: center; justify-content: center;}


.wxuserinfo { padding: 20px; }
.wxuserinfo .touxiang { border: 1px solid #eee; width: 70px; height: 70px; border-radius: 50%; margin: 0 auto; box-sizing: content-box; padding: 3px; }
.wxuserinfo .touxiang img { width: 70px; height: 70px; border-radius: 50%; }
.wxuserinfo .name { text-align: center; font-size: 16px; font-weight: bold; margin-top: 8px; }
.wxuserinfo .desc { font-size: 14px; color: #999; text-align: center; }
.regtit { padding: 0 20px; margin-top: 30px; font-weight: bold; font-size: 20px; }
.regform { padding: 30px 25px 20px; }
.regform .icon { font-size: 18px; margin-right: 15px; }
.regform .weui-cells { margin: 0; }
.regform .weui-cells:before, .regform .weui-cells:after { content: ""; }
.regform .weui-cells .weui-cell { padding: 15px 0; }
.regform .weui-cells .weui-cell:before { left: 0; }
.regform .yzbtn { -webkit-appearance: none; background: none; border: none; font-size: 14px; color: #FEE301; }
.regform .yzbtn:disabled { color: #999; }
.regform .yzimg { height: 40px; margin: -10px 0; }
.regform .weui-btn_default { background-color: #fff; }

.forgetpwd { margin-top: 20px; color: #190066; font-size: 15px; }
.z_xy_bar{ margin: 20px 0; display: flex; align-items: center}
.z_xy_bar .xybtn{ color: #FEE301;}

.product-select, .product-address { display: -webkit-box; -webkit-box-orient: vertical; background-color: #FFF; -webkit-transition: all .4s; transition: all .4s; max-height: 80%; position: fixed; left: 0; right: 0; bottom: -100%; z-index: 1001; }
.product-select.show, .product-address.show { bottom: 0; }
.product-select .closebtn, .product-address .closebtn { width: 22px; height: 22px; border: 1px solid #666; border-radius: 50%; box-sizing: border-box; position: absolute; right: 15px; top: 10px; z-index: 11; color: #666; text-align: center; line-height: 20px; font-size: 10px; font-weight: bold; }
.product-select .product-select-hd { padding: 15px; position: relative; }
.product-select .product-select-hd:after { content: " "; position: absolute; left: 15px; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #ddd; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.product-select .product-select-hd .img { width: 100px; height: 100px; margin-right: 15px; border: 3px solid #FFF; border-radius: 3px; margin-top: -25px; }
.product-select .product-select-hd .img img { width: 100%; height: 100%; }
.product-select .product-select-hd .name { margin-top: 20px; font-size: 16px; text-align: left; font-weight: bold; line-height: 20px; }
.product-select .product-select-hd .price { font-size: 14px; margin-top: 5px; color: #f00; }
.product-select .product-select-bd { -webkit-box-flex: 1; -webkit-overflow-scrolling: touch; overflow-y: auto; }
.product-select .prt-info { text-align: left; padding: 15px; line-height: 1.6; position: relative; }
.product-select .prt-info:after { content: " "; position: absolute; left: 15px; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #ddd; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.product-select .prt-info .tit { font-size: 14px; }
.product-select .prt-info .cont { overflow: hidden; font-size: 12px; }
.product-select .prt-info label { height: 30px; float: left; border-radius: 4px; background-color: #f8f8f8; line-height: 30px; font-size: 12px; padding: 0 15px; margin: 10px 10px 0 0; }
.product-select .prt-info input { display: none; }
.product-select .prt-info input:checked + label { background-color:#FEE301; color: #fff; }
.product-select .prt-numbers { padding: 15px; font-size: 14px }
.product-select .date_con{ text-align: right; }
.product-select .date_con .time { color: #0060AF; font-size: 14px; font-weight: bold; }
.product-select .date_con .edit { display: inline-block; margin-top: -2px; width: 30px; height: 15px; line-height: 15px; border: 1px solid #0276C6; border-radius: 8px; font-size: 9px; color: #0060AF; text-align: center;  vertical-align: middle; }
.product-select .product-select-ft,.product-address .product-select-ft { height: 50px; border-top: 1px solid #eee; box-sizing: border-box; }
.product-select .product-select-ft button,.product-address .product-select-ft button { height: 50px; font-size: 16px; border-radius: 0; line-height: 50px; padding: 0 10px; color: #0060AF; }
.product-select .product-select-ft button::after,.product-address .product-select-ft button::after { content: none; }