body{ padding: 0; margin: 0; font-family:"Microsoft Yahei"; font-size:14px; color:#666; background-color: #fff;}
.bg-none{ background: none;}
ul, li, dl, dd, p, button{ padding:0; margin:0;}
li{ list-style:none;}
img{ max-width: 100%;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; outline: none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.price { color: #ff3333; font-family: "Helvetica"; font-style: normal;}
.line-clamp-1{ display: -webkit-box; word-break:break-all; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow : hidden;}
.line-clamp-2{ display: -webkit-box; word-break:break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow : hidden;}
.form-control::-webkit-input-placeholder { color: #999;}
span.red{ color: #ec5151;}
span.golden{ color: #feb92c;}
span.silvery{ color: #cbcbcb;}
span.bronze{ color: #e98d42;}
.container{ width: 100%;}
.mt50{margin-bottom: 50px;}
.tk-wrap{  padding-bottom: 20px; margin: 0 auto;}
/* .tk-wrap{ max-width: 750px; padding-bottom: 20px; margin: 0 auto;} */
.header{ position: relative; width: 100%; height: 44px; line-height: 44px; border-bottom: solid 1px #ddd; text-align: center; font-size: 16px; background: #fff;}
.header a span.iconfont{ font-size: 20px; color: #666;}
.button-left{ position: absolute; left: 10px;}
.button-right{ position: absolute; right: 10px;}
.button-cash{ position: absolute; top: 28px; right: 15px; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 15px; font-size: 14px; color: #fff; background: #ff3333;}
.button-product{ display: block; 
    /* width:80%;  */
    width: 180px;
    font-size: 18px;
    height: 40px; line-height: 40px; margin: 15px auto 20px; border-radius: 30px; text-align: center; color: #fff; background: #ff3333;}
.button-cash:hover, .button-product:hover{ color: #fff;}
.btn-danger{ background: #ff3333;}

.tab-title{ display: flex;}
.tab-title li{ flex: 1; text-align: center;}
.tab-title li a{ display: block; width: 50%; padding: 10px 0 7px; margin: 0 auto 1px; color: #666;}
.tab-title li.active a{ padding-bottom: 5px; border-bottom: solid 2px #ec5151; color: #ec5151;}

/*-- tk_index style --*/
.tk-page{ width: 100%; padding: 0 15px;margin-bottom: 80px;}
.index-top{ position: relative; width: 100%; /*height: 190px;*/ padding: 15px 0; margin-top: 10px; border-radius: 10px; background: #fff;}
.index-top .header{ margin-top: -10px; border-bottom: 0;}
.index-top .header a span.iconfont{ color: #fff;}
.index-top .user-pic{ float: left; width: 70px; height: 70px; margin: 0 20px; border-radius: 50%;}
.index-top .user-info{ float: left; width: calc(100% - 180px); margin: 10px 20px 0 0; color: #888; font-size: 12px;}
.index-top .user-info span{ color: #444; font-size: 15px;}
.index-top .user-info span img{ width: 20px; margin: -3px 0 0 5px;}
.index-top .user-bottom{ display: flex; width: 100%; margin-top: 20px;}
.index-top li{ flex: 1; border-right: solid 0px #eee; text-align: center; color: #888;}
.index-top li:last-child{ border-right: 0;}
.index-top li span{ color: #ff3333; font-weight: bold;}

.index-main-1{ padding: 10px; margin-top: 10px; border-radius: 10px; background: #fff;}
.index-main-1 .index-cash{ padding: 5px 0 15px; border-bottom: solid 1px #ddd; font-size: 12px;}
.index-main-1 p{ float: left; width: 80%; padding-top: 4px; font-size: 12px;}
.index-main-1 p b{ font-size: 14px; color: #444;}
.index-main-1 p span{ font-weight: bold;}
/*.index-main-1 .index-money{ padding: 15px 0;}*/
.index-main-1 li{ float: left; width: 33.33%; text-align: center;}

.index-main-2{ float: left; width: 100%; margin-top: 10px; border-radius: 10px; background: #fff;}
.index-main-2 ul{ padding: 15px 0;}
.index-main-2 li{ float: left; width: 25%; padding: 15px; text-align: center;}
.index-main-2 li a{ display: block; color: #666;}
.index-main-2 li span.iconfont{ font-size: 28px;}
.index-main-2 li span.icon-dingdan1, .index-main-2 li span.icon-dianpu{ color: #ee6363;}
.index-main-2 li span.icon-tuandui, .index-main-2 li span.icon-paihangbang-2{ color: #f19840;}
.index-main-2 li span.icon-mingpianw, .index-main-2 li span.icon-shangpin{ color: #3db8ff;}
.index-main-2 li span.icon-xinshouzhiyin{ color: #6c6c6c;}
.index-main-2 li .tk-icon{ width: 25px; margin-bottom: 5px;}
.index-main-2 .type-refer li{ position: relative; width: 50%;}
.index-main-2 .type-refer li .gray img{ position: absolute; bottom: 17px; right: 38px; width: 16px;}
.index-main-2 .type-refer li .gray i{ display: none;}
.index-main-2  >p{padding: 15px 0 0 15px;font-family: Source Han Sans CN;font-weight: bold;font-size: 18px; color: #000000;}
.index-main-2  >p >span{font-size: 13px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;}
.index-main-2  .type-wisdom{display: flex;flex-flow: row wrap; justify-content: space-evenly;}
.index-main-2  .type-wisdom {margin-top: 12px;}
.index-main-2  .type-wisdom >a img{max-width: 152.5px;height: auto;margin-bottom: 10px;}
/*-- tk_order style --*/
.order-top{ height: 150px;}

/*-- tk_team style --*/
.tab-title-team li{ background: #ec5151;}
.tab-title-team li a{ color: #fecece;}
.tab-title-team li.active a{ border-bottom: solid 2px #fff; color: #fff;}
.team-store{ border-bottom: solid 5px #eee;}
.team-store li{ padding: 10px; border-top: solid 5px #eee;}
.team-store .store-info{ padding: 10px 0; border-bottom: solid 1px #ddd;}
.team-store .info-left{ float: left; width: 40px; height: 40px; border-radius: 50%;}
.team-store .info-center{ float: left; width: 55%; margin-left: 10px; overflow: hidden;}
.team-store .info-center .time{ font-size: 12px; color: #999;}
.team-store .store-order{ padding-top: 10px;}

/*-- tk_rank style --*/
.rank-top{ position: relative;}
.rank-top p{ position: absolute; top: 50%; left: 3.5%; font-size: 12px; color: #fde9e9;}
.rank-info{ display: flex; padding: 10px; border-top: solid 5px #eee;}
.rank-info p{ flex: 1; text-align: center;}
.rank-list{ border-top: solid 5px #eee;}
.rank-list li{ display: flex; padding: 10px 0; border-bottom: solid 1px #ddd;}
.rank-list li span{ flex: 1; padding: 0 15px; text-align: center; overflow: hidden;}
.rank-list li span:nth-child(2){ flex: 4;}
.rank-list li span:nth-child(3){ flex: 2;}

/*-- tk_product&tk_my_product style --*/
.check{ position: absolute; left: 0; bottom: 8px; width: 15px; height: 15px; opacity:0.9;}
.product-top{ display: flex; border-bottom: solid 1px #ddd; background: #eee;}
.product-top li{ flex: 1; height: 44px; line-height: 44px; text-align: center;}
.product-top li a{ color: #666;}
.product-list{ float: left; width: 100%; padding-bottom: 60px;}
.product-list li{ float: left; width: 100%; padding: 15px 10px; border-bottom: solid 1px #ddd;}
.product-list .product-pic{ float: left; width: 100px; height: 100px; margin-right: 15px;}
.product-list .product-info{ float: right; width: calc(100% - 115px);}
.product-list input.refund{ width: 45px; border: solid 1px #ec5151; border-radius: 3px; text-indent: 5px; color: #ec5151;}
.product-list .product-set{ position: relative; float: left; width: 100%; padding-top: 10px;}
.product-list .product-set p{ float: left; width: 70%; padding: 5px 0 0 20px; font-size: 15px;}
.product-bottom{ position: fixed; bottom: 0; width: 100%; max-width: 750px; height: 50px; padding: 0 10px; background: #eee;}
.product-bottom .left{ position: relative; padding-top: 15px; font-size: 15px; text-indent: 20px;}
.product-bottom .left .check{ bottom: 2px;}
.product-bottom .right{ margin-top: 8px;}

.product_nav >ul{width: 375px;overflow-x: scroll; display: flex; line-height: 40px; flex-wrap: nowrap;padding-left: 10px;height: 40px;}
.product_nav >ul li{margin-right: 20px;position: relative;}
.product_nav >ul li a{ color: #333;white-space:nowrap; }

.product_nav >ul li >a.current{ border-bottom: solid 2px #f33; color: #f33;}

.product_nav  .product_nav_conten{
   display: none;

   overflow-x: scroll; 
   position: absolute;
   top: 35px;
   left: 0;
   z-index: 999;
}
.product_nav  .product_nav_conten a{
    line-height: 18px;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #ccc;
    margin-right: 10px;
}
.product_nav  .product_nav_conten a.active{
    background: #FFE4E4;   
    color: #FF3333;
}
::-webkit-scrollbar{display: none;}


.product_nav >div:nth-child(2){
    padding: 10px 0 0 10px;
    background: #eee;
}
.product_nav >div:nth-child(2) a{
    background: #FFE4E4;   
    color: #FF3333;
    border-radius: 13px;
    display: inline-block;
    padding: 5px 15px;
    margin: 0 10px 10px 0;
}



/* 筛选 */
.screen_out{position: absolute;top: 12px;right: 10px;}
/* 模态框 */
.screen_out_Manage_Modal .modal-dialog { margin: -1vh 0;}
.screen_out_Manage_Modal .modal-content {width: 85%;height: 101vh;margin-left: 16%;}
.screen_out_Manage_Modal .modal-content .modal-header{height: 50px;text-align: center;position: relative;font-size: 17px;color: #010101;}
.screen_out_Manage_Modal .modal-content .modal-header span{position: absolute;top: 5px;left: 10px;font-size: 30px;color: #999999;}
.screen_out_Manage_Modal .modal-content .modal-body{padding-right: 0;}
.screen_out_Manage_Modal .modal-content .modal-body .commission >p{font-size: 17px;color: #010101;font-family: Source Han Sans CN;}
.screen_out_Manage_Modal .modal-content .modal-body .label_conten .label_conten_item a,.screen_out_Manage_Modal .modal-content .modal-body .commission >div:nth-child(2) a{display: inline-block; padding: 0 15px;line-height: 30px;background: #E5E5E5;border-radius: 15px;margin-top: 10px;margin-right: 5px;color: #333333;}
.screen_out_Manage_Modal .modal-content .modal-body .label_conten .label_conten_item a.active,.screen_out_Manage_Modal .modal-content .modal-body .commission >div:nth-child(2) a.active,
.screen_out_Manage_Modal .modal-content .modal-body .commission >div:nth-child(3) input.active,
.screen_out_Manage_Modal .modal-content .modal-body .label_conten  input:nth-child(2).active{background: #FFE4E4;
    color: #FF3333;}

.screen_out_Manage_Modal .modal-content .modal-body .commission >div:nth-child(3){color: #333333;margin-top: 10px;}
.screen_out_Manage_Modal .modal-content .modal-body .modal-body_footer{display: flex;justify-content:space-evenly;margin-top: 45px;}
.screen_out_Manage_Modal .modal-content .modal-body .modal-body_footer span{width: 135px;line-height: 40px;text-align: center;border: 1px solid #FF3333;border-radius: 20px;
    color: #FF3333; font-size: 17px;font-family: Source Han Sans CN;}
.screen_out_Manage_Modal .modal-content .modal-body .modal-body_footer span:nth-child(2){
        color: #fff;background: #FF3333;
    }
.screen_out_Manage_Modal .modal-content .modal-body .commission >div:nth-child(3) input{
    width: 85px;height: 30px;background: #E5E5E5;border-radius: 15px;color: #333333;outline: none;border: 0;text-align: center;margin-left: 10px;
}
.screen_out_Manage_Modal .modal-content .modal-body .label_conten{margin-top: 50px;}
.screen_out_Manage_Modal .modal-content .modal-body .label_conten >p{font-size: 17px;color: #010101;font-family: Source Han Sans CN;}

.screen_out_Manage_Modal .modal-content .modal-body .label_conten  input:nth-child(2){width: 285px;height: 31px;background: #E5E5E5;border-radius: 15px;margin-top: 15px;outline: none;border: 0;padding-left: 10px;}


/*--store-product--*/
.main-title{ height: 16px; line-height: 15px; margin: 15px 0 0; border-left: solid 3px #ff3333; text-indent: 8px; font-size: 15px; font-weight: bold; color: #000;}
.main-content{ width: 100%; padding: 10px; margin-top: 10px; border-radius: 5px; background: #fff; overflow: hidden;}
.store-product{ float: left; width: 100%;}
.store-product li{ float: left; position: relative; width: 100%;padding: 10px 0 15px;margin-top: 10px;border-bottom: solid 1px #eee; border-radius: 0;background: #fff;}
.store-product li:last-child{ border: 0;}
.store-product li .price-box{ position: absolute; bottom: 15px;}
.store-product li .btn-buy{ position: absolute; right: 3px; bottom: 15px; display: block; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 15px; color: #fff; background: #ff3333;}
.store-product .tg-main-left {position: relative;float: left;display: flex;flex-direction: column;justify-content:center;width: 26.5%;height: 24.5vw;max-height: 190px;overflow: hidden;}
.store-product .tg-main-left img { width: 100%; border-radius: 5px;}
.store-product .tg-main-right { float: right;width: 70%; font-size: 14px; color: #333;}
.store-product .tg-main-right .yh-price i { font-style: normal; color: #ff3333;}
.store-product .tg-main-right .yh-price em { font-size: 20px;}
.store-product .tg-main-right .yj-money { padding: 0 3px; margin-top: 3px; border: 1px solid #ecac59; border-radius: 4px; color: #ecac59; font-size: 12px;}
.tg-main-right p { height: 38px;}
.tg-main-right p a{ color: #333;}



/*-- tk_category style --*/
.category{ padding: 15px;}
.category li{ width: 100%; padding-bottom: 10px;}
.category a{ color: #333;}
.sub-cate{ clear: both;}
.sub-cate li{ float: left; width: 33.33%; padding: 5px;}
.sub-cate li a{ height: 34px; line-height: 34px; padding: 0 5px; border: solid 1px #bbb; border-radius: 3px; text-align: center; color: #555; }

/*-- tk_apply&tk_info style --*/
.apply{ padding: 10px;}
.apply .form-group{ border-bottom: solid 1px #ddd;}
.apply label{ float: left; width: 75px; height: 34px; line-height: 34px; margin-right: 5px; text-align: right; font-weight: normal;}
.apply .text-left {text-align: left;}
.apply input,
.apply select{ float: left; width: calc(100% - 80px); border: 0; box-shadow:none;}
.apply .btn-apply{ display: block; width: 80%; height: 40px; margin: 30px auto; border-radius: 20px;}
.apply .store-pic{ width: 100%; height: auto;}
.apply small { color: #999;}
.apply .upload-box,
.apply .upload-box .title { margin-bottom: 10px; }
.apply .upload-pics { display: flex; flex-wrap: wrap; }
.apply .upload-pic,
.apply .upload-file,
.apply .img { width: 110px; height: 110px; margin: 0 5px 6px 0; border: 1px solid #ddd;  }
.apply .img { position: relative; }
.apply .img img { width: 100%; height: 100%; }
.apply .img .delete { position: absolute; z-index: 9; top: 0px; right: 6px; width: 20px; height: 20px; line-height: 20px;border-radius: 50%; text-align: center; color: #fff; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); user-select: none; }
.apply .upload-pic:nth-child(3n),
.apply .upload-file:nth-child(3n),
.apply .img:nth-child(3n) { margin-right: 0; }
.apply .upload-file { position: relative; text-align: center;}
.apply .plus { font-size: 20px; color: #999; line-height: 110px; }
.apply .upload-file .file-input { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.apply .shop-pic { overflow: hidden; position: relative; }
.apply .shop-pic img { width: 100%; height: auto; }
.apply .shop-pic input[type='file'] { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

/*-- tk_store style --*/
.store-top{ position: relative; margin-top: 10px; padding: 15px 15px 0; border-radius: 10px; background: #ffd9ab; color: #666;}
.store-top .user-pic{ float: left; width: 54px; height: 54px; border-radius: 50%; margin-right: 10px;}
.store-top .left{ position: relative; z-index: 2; width: calc(100% - 144px); padding-top: 6px;}
.store-top .left .line-clamp-1{ margin-bottom: 2px; font-size: 16px; color: #444;}
.store-top .right{ display: flex; width: 80px; justify-content: space-between;}
.store-top .right p{ width: 30px; text-align: center;}
.store-top .right p img{ width: 28px; margin: 3px 0;}
.store-top .right p a{ color: #666;}
.store-top .desc{ height: 34px; line-height: 34px; padding: 0 18px; margin: 15px -15px 0; border-radius: 0 0 10px 10px; background: #ffe4c4;}


.show-nav{ display: flex;}
.show-nav li{ flex: 1; padding: 10px 0;}
.show-nav li a{ display: block; width: 80%; padding-bottom: 3px; margin: 0 auto; text-align: center; color: #666;}
.show-nav li:first-child a{ border-bottom: solid 3px #ec5151; color: #ec5151;}
.show-nav li a .iconfont{ font-size: 18px;}
.show-list{ float: left; width: 100%; padding: 10px;}
.show-list li{ position: relative; float: left; width: 100%; margin-bottom: 15px;}
.show-list li .product-pic{ float: left; width: 150px; height: 150px; padding: 2px; margin-right: 10px; border: solid 1px #eee;}
.show-list li .product-info{ float: left; width: calc(100% - 160px); padding: 10px 0 90px;}
.show-list li .product-info .price{ position: absolute; bottom: 45px; font-size: 12px;}
.show-list li .product-info .price span{ font-size: 18px;}
.show-list li .product-info .btn{ position: absolute; bottom: 5px; }
.show-column li{ width: 49%; padding: 10px; border: solid 1px #eee;}
.show-column li .product-pic{ float: none; display: block; margin: 0 auto; border: 0;}
.show-column li .product-info{ width: 100%;}
.show-column li .product-info .line-clamp-2{ height: 40px;}
.show-column li:nth-child(2n){ margin-left: 1%;}
.show-column li:nth-child(2n-1){ margin-right: 1%;}

/*-- tk_level style --*/
.level-nav{ z-index: 1; position: fixed; bottom: 0; width: 100%; max-width: 750px; height: 50px; background: #fff;}
.level-nav li{ border-right: solid 1px #ddd; text-align: center;}
.level-nav li:last-child{ border: 0;}
.level-nav li a{ width: 100%; padding: 5px 5px 0;}
.level-nav img{ width: 20px; height: 20px;}
.tab-level{ padding: 15px 10px 50px; background: #f0f0f0;}
.tab-level .level-about{ padding: 10px 0 5px; color: #fff;}
.tab-level .level-about .btn-default{ display: block; width: 50%; border: 0; border-radius: 17px;box-shadow:0px 5px 5px #c33737; margin: 20px auto; color: #ec5151;}
.tab-level .level-about .btn-next{ color: #333;}
.tab-level .show-list{ border-radius: 10px; background: #fff;}
.tab-level .show-bottom{ width: 92%; height: 10px; margin: 0 auto; border-radius: 0 0 8px 8px; background: #f0f0f0;}
.scrollspy::-webkit-scrollbar {display:none}
.scrollspy h3{ padding-top: 15px; font-size: 16px; color: #fff; text-align: center;}
.scrollspy h3 img{ width: 20px; height: 20px; margin: -4px 5px 0 0;}
.level-top{ padding: 15px 10px; background: #fff;}
.level-top img{ float: left; width: 70px; height: 70px; margin-right: 10px; border-radius: 50%;}
.level-top .left{ width: calc(100% - 80px);}
.level-top p{ width: 100%; margin-top: 10px; font-weight: bold; font-size: 15px; color: #444;}
.level-top p.level-tips{ color: #666; font-size: 14px;}
.level-bottom-nav{ position: fixed; bottom: 0; left: 0; width: 100%;}
.level-bottom-nav ul{ display: flex; width: 100%;}
.level-bottom-nav li{ flex: 1;}
.level-bottom-nav li a{ display: block; width: 100%; height: 44px; line-height: 44px; font-size: 16px; text-align: center; color: #fff; background: #f9a24c;}
.level-bottom-nav li a.red{ background: #ff3333;}

/*-- tk_about style --*/
.about{ padding: 10px; margin-bottom: -20px; background: #ff3333;}
.about-title{ padding-bottom: 15px; text-align: center; color: #fff; font-size: 16px;}
.about-title img{ width: 20px;}
.about-content{ padding: 10px; border-radius: 10px; background: #fff;}
.about-content p{ padding: 10px;}
.about .about-bottom{ width: 92%; height: 6px; margin: 0 auto 20px; border-radius: 0 0 6px 6px; background: #d84f4f;}
.about ul{ display: flex;}
.about ul li{ flex: 1; padding: 10px 0; text-align: center;}
.about ul li b{ display: block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto 5px; border-radius: 50%; color: #fff; font-weight: normal; background: #ff3333;}
.about ul li b .iconfont{ font-size: 24px;}
.about .level-title{ padding: 10px 10px 0; font-size: 15px; color: #333; font-weight: bold;}
.about .level-title img{ width: 20px; margin-top: -5px;}
.about ul.level-content{ margin: 0 10px 15px; border-bottom: solid 1px #ddd;}
.about ul.level-content:last-child{ border: 0;}
.about ul.level-content li b{ width: 40px; height: 40px; line-height: 40px; background: #fef2f2;}
.about ul.level-content li b .iconfont{ color: #ea1919; font-size: 20px;}

/*-- tk_help style --*/
h3.help-title{ border-left: solid 5px #666; font-size: 16px; text-indent: 10px; color: #333;}

/*-- tk_download style --*/
.download{ width: 100%; margin: 15px 0 0; text-align: center;}
.download .title{ width: 100%; padding: 0 18px; color: #eee; text-align: left;}
.download .title img{ width: 60%;}
.download small{ display: block; margin-top: 5px; color: #fff; font-size: 13px;}
 .download ul{ width: 100%; padding: 25px 0 15px;}
.download ul li{ width: 60%; margin: 0 auto 15px;}
/* .download ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; border:solid 1px #fc9226; border-radius: 22px; color: #fff; text-align: center; background: #fc9226;} */
.download ul li a{ display: block; width: 100%; height: 50px; line-height: 40px; border-radius: 22px; color: #fff; text-align: center; }



.download ul li a.default{ border: 0; background: none;}
.download ul li a .iconfont{ padding-right: 10px;}
.download ul.flex, .download ul.white{ display: flex; justify-content: space-between; width: 100%; padding: 10px 15px 20px;}
.download ul.flex li{ width: 42.1%; margin: 0;}
.download ul.white li{ 
    width: 33.33%; 
    /* flex: 1; */
    margin: 0;}
/* .download ul.white li a{ border:solid 1px #fff; color: #ff3333; background: #fff;} */
.download a.btn-download{ display: inline-block; height: 26px; line-height: 26px; padding: 0 15px; border: solid 1px #ddd; border-radius: 13px; color: #fff;}
#weixin-tip{display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);filter: alpha(opacity=80);} 
#j_weixin{display:none; width: 100%; margin-top: 20px; color: #fff; text-align: center;}
.download ul.flex li:first-child a{
    background: url("../img/tb/apple.png");
    background-size:100% 100%; 

}
.download ul.flex li:nth-child(2) a{
    background: url("../img/tb/android.png");
    background-size:100% 100%; 

}
.download ul.white li:first-child a{
    background: url("../img/tb/apption.png");
    background-size:100% 100%; 

}
.download ul.white li:nth-child(2) a{
    background: url("../img/tb/hw.png");
    background-size:100% 100%; 

}
.download ul.white li:nth-child(3) a{
    background: url("../img/tb/xm.png");
    background-size:100% 100%; 

}
/*提示信息样式*/
.flash-message, .error-message{ z-index: 100; position: fixed; top: 240px; left: 10%; width: 80%; text-align: center; opacity: .9;}

.join-level, .join-level .show-bottom  {background-color: #4a1fa3;}
.join-level .level-about .btn-default { box-shadow: 0px 5px 5px #300093; color: #300093;}
.join-level .show-bottom  {background-color: #3a118f;}
.join-level .show-list li {margin-bottom: 0; padding: 15px 0;  border-bottom: 1px solid #ddd;}
.join-level .show-list li .product-info .btn {right: 0;}
.join-level .show-list li .product-info .btn,
.join-level .show-list li .product-info .price {bottom: 30px;}
.you-can {text-indent: 2em;}
.you-can > span { margin-right: 30px;}
.you-can > span:last-child { margin-right: 0;}

/* 拼团订单 2019-08-05 begin */
.pt-content {
    overflow: auto;
    background-color: #eee;
}
.pt-number {
    padding: 0 3px;
    color: #ff3333;
    font-style: normal;
    font-family: "Helvetica";
}
.pt-order-list li{
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
    color: #666;
    font-size: 13px;
}
.pt-order-list li .pt-order-head,
.pt-order-list li .pt-order-content {
    display: flex; 
    width: 100%;
    padding: 0 10px;
}
.pt-order-list li .pt-order-head {
    justify-content: space-between;
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
}
.pt-order-list li .pt-head-right {
    font-size: 12px;
}
.pt-order-list li .pt-order-content {
    padding: 15px 10px;
}
.pt-order-list li .pt-order-content .pt-product {
    display: block;
    width: 75px;
    height: 75px;
}
.pt-order-list li .pt-order-content .pt-order-right {
    width: calc(100% - 75px);
    padding-left: 10px;
}
.pt-order-list li .pt-order-content .pt-product-name {
    margin: 0;
    font-size: inherit;
    line-height: 18px;
}
.pt-order-list li .pt-order-content .pt-product-name a {
    color: inherit;
}
.pt-order-list li .pt-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    font-size: 12px;
    color: #999;
}
.pt-order-list li .pt-detail .pt-pre-money {
    padding-left: 10px;
}
.pt-price {
    font-size: 17px;
    color: #ff3333;
    font-family: "Helvetica";
    font-style: normal;
}
.pt-price::before {
    content: "￥";
    font-size: 12px;
    font-family: "Microsoft Yahei"
}
.pt-order-list li .pt-detail .pt-detail-link {
    color: #ff3333;
    border: 1px solid #ff3333;
    font-size: 13px;
    border-radius: 4px;
}
/* 拼团订单 2019-08-05 end */

/*--store-menu--*/
.store-menu { display: flex; padding-left: 10px;}
.store-menu .union-tab{ display: flex; width: 100%; height: 44px; line-height: 44px; white-space: nowrap; overflow: scroll hidden;}
.store-menu .union-tab::-webkit-scrollbar { width: 0; height: 0;}
.store-menu .union-tab li{ flex: 1; display: inline-block; padding: 0 20px 0 2px; text-align: left;}
.store-menu .union-tab li a{ display: inline-block; height: 38px; font-size: 15px; color: #444; font-weight: bold;}
.store-menu .union-tab li.active a{ border-bottom: 1px solid #ff3333; color: #ff3333;}
.store-menu .no-border li.active a{ border-bottom: 0;}