@charset "utf-8";
#page{ width: 100%; -webkit-box-sizing: border-box; position: relative; overflow: hidden;}
    
/* 搜索顶栏 */
.search-bar{height:40px;padding: 4vw 4vw 3vw 4vw;background: linear-gradient(to right , #f2f2f2, #f2f2f2),#f2f2f2;position:relative;z-index: 4;}
.search-bar .s-btn1{ display:inline-block; width:80px; height:38px; background-color:#fff; line-height:38px; text-align:center; color:#666; font-size:14px; border:1px solid #008cc5; border-top-left-radius: 4px; border-bottom-left-radius: 4px; overflow:hidden; position:absolute; left:50px; top:5px;}
.search-bar .s-btn1 i{ font-size:18px; color:#00dafe;}
.search-bar .s-btn2{display:inline-block;width:90%;height:38px;padding: 0 5%;background-color:#fff;line-height:38px;text-align:left;color:#a7a7a7;font-size:14px;border-radius: 4px;overflow:hidden;}
.search-bar .s-btn2 i{ margin-left:5px; float:right;}
.search-bar .s-btn3{ display:block; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; position:absolute; left:0; top:0;font-size: 22px;}

/* 产品列表 */
.protit{ height: 20px; line-height: 20px; background-color: #fff; margin-top: 10px; padding: 10px; color: #00dafe; font-size: 16px; border-bottom: 1px solid #ddd;}
.protit i{ font-size: 20px; margin-right: 5px;} 

.ProBox_mod0 .pro{border-bottom:0px solid #ccc;width: 95vw;margin: 1vw 0 2vw 2.5vw;}
.ProBox_mod0 .pro-item{padding: 2vw;background-color: #fff;border-radius: 5px;position: relative;}
.ProBox_mod0 .pro-item .t{width:100%;width: 100%;height: 20px;margin-bottom: 10px;display: none;position: relative;}
.ProBox_mod0 .pro-item .t .p1{ float:left; line-height:20px; /*font-size:14px;*/ color:#666;}
.ProBox_mod0 .pro-item .t .p2{ height:18px; line-height:18px; border:1px solid #ff9500; color:#ff9500; padding-right:5px; border-radius:2px; float:right; margin-left:5px;}
.ProBox_mod0 .pro-item .t .p2 span{ display:inline-block; width:50px; height:18px; line-height:18px; text-align:center; background-color:#ff9500; color:#fff; margin-right:3px;}
.ProBox_mod0 .pro-item .t .p2.red{ border:1px solid #F00; color:#F00;}
.ProBox_mod0 .pro-item .t .p2.red span{ background-color:#F00;}
.ProBox_mod0 .pro-item .t .p3{ width:20px; height:20px; background:url(../images/sd.png) no-repeat; background-size:20px 20px; padding-right:5px; float:right; margin-left:5px;}

.ProBox_mod0 .pro-item .m{/* min-height: 28vw; *//* overflow: hidden; */position: relative;margin-bottom: 5px;}
.ProBox_mod0 .pro-item .m .mbt {display: table;/* position: absolute; */left: 0;top: 0;margin-bottom: 5px;}
.ProBox_mod0 .pro-item .m .info {height: 76px;padding: 0 120px 0 0;position: relative;display: flex;}
.ProBox_mod0 .pro-item .m .info .l_box{display: inline-block;width: calc(91vw - 110px);height: 80px;line-height: 26px;position: absolute;}
.ProBox_mod0 .pro-item .m .info .l_box .l_tit{color: #323232; font-size: 15px; font-weight: bold; line-height: 40px; height: 26px; overflow: hidden; text-align: revert; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ProBox_mod0 .pro-item .m .info .l_box .l_point{line-height: 30px;height: 28px;overflow: hidden;color: #666;font-size: 13px;}
.ProBox_mod0 .pro-item .m .info .r_box{display: inline-block;width: 110px;height: 80px;line-height: 26px;position: absolute;right: 0;text-align: right;font-size: 15px;}
.ProBox_mod0 .pro-item .m .info .r_box .r_crossed{text-decoration: line-through;color: #666;}
.ProBox_mod0 .pro-item .m .info .r_box .r_money{color: #d39100;line-height: 16px;height: 23px;font-weight: bold;}
.ProBox_mod0 .pro-item .m .info .r_box .r_btn{line-height: 16px;color: #fff;background-color: #d39100;border-radius: 5px;position: absolute;right: 0;padding: 5px 10px;height: 16px;}
.ProBox_mod0 .pro-item .m .mbc{vertical-align: middle;text-align: -webkit-center;display: table-cell;}
.ProBox_mod0 .pro-item .m img{display: block;width: 91vw;max-height: 91vw;position: static;left: 0;top: 0;filter: saturate(130%);}
.ProBox_mod0 .pro-item .m a{ color:#323232; font-size:14px;font-weight: bold; line-height:22px; display:block; max-height:22px; overflow: hidden;}
.ProBox_mod0 .pro-item .m .sell-point{line-height:23px; height:25px; overflow: hidden;color:#666;}
.ProBox_mod0 .pro-item .m .tag-list{line-height: 26px;max-height: 26px;overflow: hidden;width: 100vw;}
.ProBox_mod0 .pro-item .m .tagTit{position:absolute;left:0;top:60px;width:80px;text-align:center;background-color:bisque;/*border-radius:4px;*/border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.ProBox_mod0 .pro-item .m .mtag{margin-right: 5px;font-size: 13px;display: inline-block;line-height: 16px;height: 16px;color: #d39100;background: #fff;padding: 1px 3px 0;position: relative;border-radius: 2px;border: 1px solid #d39100;}
.ProBox_mod0 .pro-item .m .redb{background: #ff9800;color:#fff;border: 1px solid #ff9800;/*filter: opacity(0.5);*//*filter: saturate(130%);*/}
.ProBox_mod0 .pro-item .a{ max-height:50px; line-height:20px; font-size:14px; color:#666; position:relative;}
.ProBox_mod0 .pro-item .a .s1{ text-decoration:line-through; margin:0 10px 0 5px;font-size: 14px;}
.ProBox_mod0 .pro-item .a .s2{ color:#a40000; margin: 0 10px 0 5px;font-size: 14px;}
.ProBox_mod0 .pro-item .a .s3{ font-size:16px; color:#f00;float:left;}
.ProBox_mod0 .pro-item .b{ padding-left:40px; height:25px; line-height:30px; /*font-size:14px;*/ color:#666; position:relative;margin-top: -25px;padding-left: 140px;}
.ProBox_mod0 .pro-item .b .s1{text-decoration:line-through; margin:0 10px 0 5px;}
.ProBox_mod0 .pro-item .b .s2{ color:#f00; margin:0 10px 0 5px;}
.ProBox_mod0 .pro-item .b .s3{ font-size:22px; color:#f00; float:right;}
.ProBox_mod0 .pro-item .b .s4{ /*min-width: 60px;*/margin-top: -10px;line-height: 16px;color: #fff;background-color: #a40000;border-radius: 5px;position: absolute;top: 30%;right:0;font-size: 12px;padding: 5px 10px;}
.ProBox_mod0 .pro-item .b .info-btn{ width:30px; text-align: center; font-size: 20px; color: #323232; color:#323232; position:absolute; left:0; top:0;left: 140px;display: none;}

.ProBox_mod0 .pro-info { background-color:#eee; height:60px; padding:10px 50px 10px 10px; color:#323232; position:relative; display:none;}
.ProBox_mod0 .pro-info p{ padding-left:80px; line-height:20px; max-height:40px; font-size:14px; position:relative; overflow: hidden;}
.ProBox_mod0 .pro-info p label{ display:block; width:80px; height:20px; line-height:20px; position:absolute; top:0; left:0;}
.ProBox_mod0 .pro-info .collection{ width:40px; height:80px; line-height:20px; font-size:14px; text-align:center; color:#fff; background-color:#007aff; position:absolute; right:0; top:0;}



.ProBox_mod1 .pro {border-bottom: 0px solid #ccc; width: 95vw; margin: 4vw 0 4vw 2vw; }
.ProBox_mod1 .pro-item {padding: 2vw; background-color: #fff; border-radius: 5px; position: relative; }
.ProBox_mod1 .pro-item .t {width: 100%; width: 100%; height: 20px; margin-bottom: 10px; display: none; position: relative; }
.ProBox_mod1 .pro-item .t .p1 {float: left; line-height: 20px; /*font-size:14px;*/ color: #666; }
.ProBox_mod1 .pro-item .t .p2 {height: 18px; line-height: 18px; border: 1px solid #ff9500; color: #ff9500; padding-right: 5px; border-radius: 2px; float: right; margin-left: 5px; }
.ProBox_mod1 .pro-item .t .p2 span {display: inline-block; width: 50px; height: 18px; line-height: 18px; text-align: center; background-color: #ff9500; color: #fff; margin-right: 3px; }
.ProBox_mod1 .pro-item .t .p2.red {border: 1px solid #F00; color: #F00; }
.ProBox_mod1 .pro-item .t .p2.red span {background-color: #F00; }
.ProBox_mod1 .pro-item .t .p3 {width: 20px; height: 20px; background: url(../images/sd.png) no-repeat; background-size: 20px 20px; padding-right: 5px; float: right; margin-left: 5px; }

.ProBox_mod1 .pro-item .m {height: 28vw; overflow: hidden; position: relative; margin-bottom: 5px; }
.ProBox_mod1 .pro-item .m .mbt {/* display: table; */ position: absolute; left: 0; top: 0; /* margin-bottom: 5px; */ width: 28vw; overflow: hidden; border-radius: 5px; }
.ProBox_mod1 .pro-item .m .info {/* height: 76px; */ padding: 0 120px 0 29.5vw; /* position: absolute; */ /* display: flex; */ }
.ProBox_mod1 .pro-item .m .info .l_box {display: inline-block; width: calc(91vw - 120px); /* position: absolute; */ height: 23vw; }
.ProBox_mod1 .pro-item .m .info .l_box .l_tit {color: #323232; font-size: 15px; font-weight: bold; /* line-height: 40px; */ max-height: 56px; overflow: hidden; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ProBox_mod1 .pro-item .m .info .l_box .l_point {line-height: 30px; height: 30px; overflow: hidden; color: #666; font-size: 13px; }
.ProBox_mod1 .pro-item .m .info .r_box {display: inline-block; width: 110px; /* height: 80px; */ /* line-height: 26px; */ /* position: absolute; */ right: 0; text-align: right; font-size: 15px; }
.ProBox_mod1 .pro-item .m .info .r_box .r_crossed {text-decoration: line-through; color: #666; float: left; }
.ProBox_mod1 .pro-item .m .info .r_box .r_money {color: #d39100; line-height: 22px; font-weight: bold; position: absolute; right: 0; font-size: 20px; }
.ProBox_mod1 .pro-item .m .info .r_box .r_btn {line-height: 16px; color: #fff; background-color: #d39100; border-radius: 5px; position: absolute; right: 0; padding: 5px 10px; height: 16px; float: left; display: none; }
.ProBox_mod1 .pro-item .m .mbc {vertical-align: middle; text-align: -webkit-center; display: table-cell; }
.ProBox_mod1 .pro-item .m img {display: block; width: 28vw; height: 28vw; position: static; left: 0; top: 0; filter: saturate(130%); }
.ProBox_mod1 .pro-item .m a {color: #323232; font-size: 14px; font-weight: bold; line-height: 22px; display: block; max-height: 22px; overflow: hidden; }
.ProBox_mod1 .pro-item .m .sell-point {line-height: 23px; height: 25px; overflow: hidden; color: #666; }
.ProBox_mod1 .pro-item .m .tag-list {line-height: 26px; max-height: 26px; overflow: hidden; width: 100vw; }
.ProBox_mod1 .pro-item .m .tagTit {position: absolute; left: 0; top: 60px; width: 80px; text-align: center; background-color: bisque; /*border-radius:4px;*/ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.ProBox_mod1 .pro-item .m .mtag {margin-right: 5px; font-size: 13px; display: inline-block; line-height: 16px; height: 16px; color: #d39100; background: #fff; padding: 1px 3px 0; position: relative; border-radius: 2px; border: 1px solid #d39100; }
.ProBox_mod1 .pro-item .m .redb {background: #ff9800; color: #fff; border: 1px solid #ff9800; /*filter: opacity(0.5);*/ /*filter: saturate(130%);*/ }
.ProBox_mod1 .pro-item .a {max-height: 50px; line-height: 20px; font-size: 14px; color: #666; position: relative; }
.ProBox_mod1 .pro-item .a .s1 {text-decoration: line-through; margin: 0 10px 0 5px; font-size: 14px; }
.ProBox_mod1 .pro-item .a .s2 {color: #a40000; margin: 0 10px 0 5px; font-size: 14px; }
.ProBox_mod1 .pro-item .a .s3 {font-size: 16px; color: #f00; float: left; }
.ProBox_mod1 .pro-item .b {padding-left: 40px; height: 25px; line-height: 30px; /*font-size:14px;*/ color: #666; position: relative; margin-top: -25px; padding-left: 140px; }
.ProBox_mod1 .pro-item .b .s1 {text-decoration: line-through; margin: 0 10px 0 5px; }
.ProBox_mod1 .pro-item .b .s2 {color: #f00; margin: 0 10px 0 5px; }
.ProBox_mod1 .pro-item .b .s3 {font-size: 22px; color: #f00; float: right; }
.ProBox_mod1 .pro-item .b .s4 {/*min-width: 60px;*/ margin-top: -10px; line-height: 16px; color: #fff; background-color: #a40000; border-radius: 5px; position: absolute; top: 30%; right: 0; font-size: 12px; padding: 5px 10px; }
.ProBox_mod1 .pro-item .b .info-btn {width: 30px; text-align: center; font-size: 20px; color: #323232; color: #323232; position: absolute; left: 0; top: 0; left: 140px; display: none; }

.ProBox_mod1 .pro-info {background-color: #eee; height: 60px; padding: 10px 50px 10px 10px; color: #323232; position: relative; display: none; }
.ProBox_mod1 .pro-info p {padding-left: 80px; line-height: 20px; max-height: 40px; font-size: 14px; position: relative; overflow: hidden; }
.ProBox_mod1 .pro-info p label {display: block; width: 80px; height: 20px; line-height: 20px; position: absolute; top: 0; left: 0; }
.ProBox_mod1 .pro-info .collection {width: 40px; height: 80px; line-height: 20px; font-size: 14px; text-align: center; color: #fff; background-color: #007aff; position: absolute; right: 0; top: 0; }


/* 筛选 */
.details-nav{ width: 100%; height: 52px;}
.details-nav .floatbox{ width: 100%; height: 52px; position: fixed; bottom: 0; left: 0; z-index: 50;}
.details-nav .list-item{ width: 100%; height: 50px; border-top: 2px solid #00dafe; background-color: #fff;}
.details-nav .list-item li{ width:49.5%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#666; float:left;}
.details-nav .list-item li i{ font-size:24px; margin-right:5px; }
.details-nav .list-item li span{ font-size:24px; margin-right:5px; display:none;}
.details-nav .list-item li.curr i{ display:none;}
.details-nav .list-item li.curr span{ display:initial; color:#00dafe;}

/* 排序 */
.details-nav .sort{ width:100%; position:absolute; left:0; bottom:52px;}
.details-nav .sort h4{ height:40px; line-height:40px; padding:0 20px; background-color:#eee; font-size:16px; text-shadow: 0 1px 1px #ccc;}
.details-nav .sort a{ display:block; height:40px; line-height:40px; padding:0 20px; background-color:#fff; font-size:16px; border-top:1px solid #ccc; color:#323232; text-shadow:0 1px 1px #ccc; position:relative;}
.details-nav .sort a i{ text-shadow:none; color:#ccc;}
.details-nav .sort a.curr:before { font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; content: "\1050"; line-height: 40px; color: #ed4217; position: absolute; top: 0; right: 5%;}

/* 底栏筛选、排序 */
.details-nav .screen{ width:100%; position:absolute; left:0; bottom:51px; z-index:-1;}
.details-nav .screen .t{ height:44px; line-height:44px; padding-left:20px; background-color:#eee;}
.details-nav .screen .t span{ font-size: 16px; text-shadow: 0 1px 1px #ccc;}
.details-nav .screen .t a{ display:block; height:44px; line-height:44px; font-size:16px; padding:0 24px; float:right;}
.details-nav .screen .t a.btn1{ background-color: #00dafe;background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7; color:#fff;}
.details-nav .screen .t a.btn2{ color:#00dafe;}
.details-nav .screen .m a{ display:block; height:45px; padding:0 20px; background-color:#fff;}
.details-nav .screen .m a p{ width:100%; height:44px; line-height:44px; border-bottom:1px solid #ccc;}
.details-nav .screen .m a p .list-1{ width:30%; text-align:left; color:#323232; font-size:16px; float:left; text-shadow: 0 1px 1px #ccc;}
.details-nav .screen .m a p .list-2{ width:60%; height:44px; text-align:right; color:#666; font-size:14px; float:left; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.details-nav .screen .m a p i{ width:10%; text-align:center; color:#666; float:left;}
.details-mask{ width:100%; height:100%; background-color:#323232; opacity:.7; position:fixed; top:0; left:0;}

/* 一屏滑动骨架 */
.ui-panel{ width: 100%; position: absolute; top: 0; display: block; background-color: #fff;}
.ui-panel-contentWrap{ position: relative; z-index: 1;}
.ui-panel.ui-panel-right{ right: 0;}
.ui-panel.ui-panel-left{ left: 0;}
.ui-panel.ui-panel-push{ z-index: 999; }
.ui-panel.ui-panel-overlay{ z-index: 1001;}
.ui-panel.ui-panel-reveal{ z-index: 0;}
.ui-panel-animate{ -webkit-transition: -webkit-transform 350ms ease;}
.ui-panel-dismiss{ position: absolute; z-index: 1000; height: 100%; top: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* 选项卡结构 */
.Options { padding-top:50px;}
.Options .t{ width:100%; height:50px; line-height:50px; background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7; text-align: center; font-size: 18px; font-weight: bold; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position:fixed; top:0; left:0; z-index:2;}
.Options .t a{ width:40px; height: 50px; line-height: 50px; text-align:center; position: absolute; top:0; left:0; color: #fff; z-index: 10; display: block; font-size:20px; }
.Options .list a{ display:block; width:95%; padding-left:5%; height:50px; line-height:50px; font-size:16px; color:#323232; background-color:#fff; border-bottom:1px solid #ccc; position:relative; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.Options .list a.curr:before { font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; content: "\1050"; line-height: 50px; color: #ed4217; position: absolute; top: 0; right: 5%;}
.Options.calbox { padding-top:70px;}
.Options.calbox .t{ height:70px;}
.Options.calbox .t ul{ width:100%; height:20px; display:table;}
.Options.calbox .t ul li{ height:20px; line-height:20px; text-align:center; display:table-cell; font-size:12px; font-weight:normal;}
.Options.calbox .b{ width: 100%; height:70px;}
.Options.calbox .b .box{ width: 100%; height:70px; box-shadow:0 -2px 3px #ccc; background-color:#fff; position:fixed; left:0; bottom:0; z-index: 2;}
.Options.calbox .b p{ height:20px; line-height:20px; text-align:center; font-weight:bold; font-size:14px; padding-top:5px; color:#ffa21f;}
.Options.calbox .b p span{ margin:0 10px;}
.Options.calbox .b .calendar-btn{ text-align:center; height:35px; padding:5px 0;}
.Options.calbox .b .calendar-btn a{ display:inline-block; width:36%; height:35px; line-height:35px; margin:0 2%; text-align:center; color:#fff; font-size:14px;}
.Options.calbox .b .calendar-btn a.C-Reset{ background-color: #00dafe;background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7;}
.Options.calbox .b .calendar-btn a.C-Conf{ background-color:#ffa21f;}

/* 日历样式 */
.calendar{ width:100%;}
.calendar th { font-weight: normal; text-align:center; font-size: 14px; height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
.calendar td{ text-align: center; height: 40px; vertical-align: middle; font-size: 14px; }
.calendar td a{ color:#323232; display: inline-block; border-radius: 50%; height: 25px; width: 25px; line-height: 25px;}
.calendar td a p{ font-size:12px;}
.calendar td.prevDay a{ color:#ccc;}
.calendar td a.start{background-color: #00dafe;background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7; color:#fff;}
.calendar td a.end{background-color: #ffa21f; color:#fff;}

/* 推荐提示框 */
.rec-tips{ background-color:#ff9; padding:10px 90px 10px 10px; position:relative; display:block;}
.rec-tips p{ font-size:12px; color:#666; line-height:20px;}
.rec-tips p em{ color:#f60; margin:0 5px;}
.rec-tips span{ color:#f60; font-size:14px; line-height:20px; margin-top:-10px; position:absolute; right:10px; top:50%;}

/* 客服发现版块中跳转收客宝 */
.skb-open2{ height:30px; line-height:30px; color:#ed4217; font-size:16px; padding:10px 90px 10px 15px; background-color: #fff; box-shadow: 0 1px 3px #ccc; margin-bottom: 10px; display:block; position:relative;}
.skb-open2 i{ font-size:24px; border-left:1px solid #ccc; padding-left:14px; position:absolute; top:10px; right:15px;}

/*切换标签*/
ul.regtab{display: table;width: 100%;}
.regtab li{display: table-cell;font-size: 20px;width: 50%;background: #fff;color: #9E9E9E;height: 45px;line-height: 45px;text-align: center;}
.regtab .curr{color: #fff;font-weight: bold;background: none;}

/*查询筛选*/
.filter-tabs-screening{width:100%;overflow:hidden;background: #f2f2f2;position:fixed;z-index:4;}
.filter-tabs-screening > ul{margin:0;padding:0;list-style-type:none;border-top: solid 1px #d3d3d3;overflow:hidden;display:flex;}
.filter-tabs-screening > ul > li{float:left;width:23%;text-align:center;line-height:35px;border-right:solid 1px #d3d3d3;font-size: 14px;color: #323232;}
.filter-tabs-screening > ul > li i{color: #a7a7a7;font-size: 12px;margin-left: 5px}
.filter-tabs-screening > ul > li:last-child{border-right:solid 0px #d3d3d3}
.filter-tabs-screening > ul > li.active{color: #0086f6;}
.filter-tabs-screening > ul > li.active i{color: #0086f6;}
.filter-tabs-grade,.filter-tabs-sigle,.filter-tabs-multiple,.filter-tabs-tags{position:fixed;top:-65%;width:100%;height: 55vh;z-index:1;-webkit-transition-duration:0.4s;}
.filter-tabs-grade > ul,.filter-tabs-sigle > ul,.filter-tabs-multiple > ul,.filter-tabs-tags > ul{margin:0;padding:0;overflow:auto;height:100%;width:100%;-webkit-transition-duration:0.4s}
.filter-tabs-grade > ul > li,.filter-tabs-sigle > ul > li,.filter-tabs-multiple > ul > li,.filter-tabs-tags > ul > li{line-height: 40px;font-size: 14px;padding-left: 20px;}
.filter-tabs-grade > ul.grade-first{background: #f6f8fa;position:absolute;z-index:1;}
.filter-tabs-sigle > ul .active{color: #0086f6;background: linear-gradient(to right , #e6f3fe, #e6f3fe),#e6f3fe;}
.filter-tabs-sigle > ul .active:before{background-image: url(/images/list07.png);background-repeat: no-repeat;background-size: 9px auto;content: "";width: 9px;height: 9px;position: absolute;display: block;left: 8px;margin-top: 15px;}
.filter-tabs-grade > ul.grade-first .active{color: #0086f6;background: linear-gradient(to right , #e6f3fe, #e6f3fe),#e6f3fe;}
.filter-tabs-grade > ul.grade-first .active:before{background-image: url(/images/list07.png);background-repeat: no-repeat;background-size: 9px auto;content: "";width: 9px;height: 9px;position: absolute;display: block;left: 8px;margin-top: 15px;}
.filter-tabs-grade > ul.grade-second{background:#fff;position:absolute;z-index:2;left:100%}
.filter-tabs-grade > ul.grade-second .active{color: #0086f6;background: linear-gradient(to right , #e6f3fe, #e6f3fe),#e6f3fe;}
.filter-tabs-grade > ul.grade-second .active:before{background-image: url(/images/list07.png);background-repeat: no-repeat;background-size: 9px auto;content: "";width: 9px;height: 9px;position: absolute;display: block;left: 8px;margin-top: 15px;}
.filter-tabs-grade > ul.grade-second > li{border-bottom:solid 1px #fff}
.filter-tabs-grade > ul.grade-third{background:#fff;position:absolute;z-index:3;left:100%;list-style-type:none}
.filter-tabs-grade > ul.grade-third > li{border-bottom:solid 1px #eee;margin-left:10px;padding:0}
.grade-w-roll{top: calc(73px + 8vw);}
.grade-w-roll .grade-w-background{position:fixed;width:100%;height:100%;display:block;background:rgba(0,0,0,0.2);top:0;z-index:0}
.filter-tabs-sigle .filter-sigle-content{background:#fff;position:absolute;z-index:3;left:0;list-style-type:none;/* padding-left: 20px; */height:auto;}
.filter-tabs-sigle .filter-sigle-content > li{padding-left: 20px;}
.filter-tabs-sigle .filter-sigle-setting{position:absolute;z-index:4;bottom:0px;height: 50px;line-height: 50px;background-color:#fff;width:100%;border-top:1px #ccc solid;padding-left: 20px;font-size: 12px;}
.filter-tabs-sigle .filter-sigle-setting .intervalTip{margin-right:10px}
.filter-tabs-sigle .filter-sigle-setting .intervalInput{-webkit-appearance:none;background-color:#eee;padding:5px 10px;border:none;width:40px;text-align:center}
.filter-tabs-sigle .filter-sigle-setting .intervalHr{display:inline-block;height:1px;width:10px;background-color: #0086f6;border:none;margin:5px;}
.filter-tabs-sigle .filter-sigle-setting .intervalSure{display: inline-block;width: 20%;height: 30px;text-align: center;color: #fff;border-radius: 5px;background: linear-gradient(to right , #0086f6, #0086f6),#0086f6;border: 1px solid #0086f6;margin-left: 10px;font-size: 15px;}
.filter-tabs-sigle .filter-sigle-setting .intervalSure:disabled{color:#f5cca9}
.filter-tabs-multiple .filter-multiple-content{max-height:343px;background:#fff;position:absolute;z-index:3;left:0;list-style-type:none}
.filter-tabs-multiple .filter-multiple-content > li{padding:0 10px}
.filter-tabs-multiple .filter-multiple-content > li.active{color:#FF7C08}
.filter-tabs-multiple .filter-multiple-content > li .multiple-checkbox{width:20px;height:20px;float:right;background-image:url("../images/noChoice@2x.png");background-repeat:no-repeat;background-size:contain}
.filter-tabs-multiple .filter-multiple-content > li.active .multiple-checkbox{background-image:url("../images/choice@2x.png");background-repeat:no-repeat;background-size:contain}
.filter-tabs-multiple .filter-multiple-setting{position:absolute;z-index:5;bottom:0px;height:35px;line-height:35px;background-color:#fff;width:100%;border-top:1px #ccc solid;padding-left:10px}
.filter-tabs-multiple .filter-multiple-setting .multipleSure{-webkit-appearance:none;text-align:center;width:90%;background-color:#FF7C08;color:#fff;border:none;height:65%;border-radius:3px}
.filter-tabs-tags .filter-tags-content{max-height:343px;background:#fff;position:absolute;z-index:3;left:0;list-style-type:none}
.filter-tabs-tags .filter-tags-content li{}
.filter-tabs-tags .filter-tags-content ul.tags{padding:0}
.filter-tabs-tags .filter-tags-content ul.tags .tagsDesc{font-size:14px}
.filter-tabs-tags .filter-tags-content ul.tags h2{line-height:15px;}
.filter-tabs-tags .filter-tags-content ul.tags li{margin: 0px 10px 10px 0;line-height: 35px;width: 20%;display:inline-block;text-align:center;color: #333;background: #f6f8fa;border-radius: 5px;font-size: 13px;}
.filter-tabs-tags .filter-tags-content ul.tags li.active{color: #0086f6;background: linear-gradient(to right , #e6f3fe, #e6f3fe),#e6f3fe;}
.filter-tabs-tags .filter-tags-content ul.tags li.active:before {background-image: url(/images/list07.png);background-repeat: no-repeat;background-size: 9px auto;position: absolute;display: block;content: "";width: 9px;height: 9px;}
.filter-tabs-tags .filter-tags-setting{position:absolute;z-index:5;bottom:0px;height: 50px;line-height: 50px;background-color:#fff;width:100%;text-align:center;border-top:1px #ccc solid;}
.filter-tabs-tags .filter-tags-setting .tagsSure{margin-left: 10px;-webkit-appearance:none;text-align:center;width:50%;color:#fff;border:none;height: 35px;border-radius:3px;font-size: 15px;background: linear-gradient(to right , #0086f6, #0086f6),#0086f6;border: 1px solid #0086f6;}
.filter-tabs-tags .filter-tags-setting .tagsReset{margin-left: 10px;-webkit-appearance: none;text-align: center;width: 30%;height: 35px;border-radius: 3px;font-size: 15px;color: #333;border: 1px solid #ccc;background: #fff;}