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

/*公共样式*/
/*公共css*/
*{padding:0px; margin:0px;}
*:fouce{ outline:none;}
em{ font-style:normal;}
body{background:#f5f5f5;word-break:break-all;word-wrap:break-word; font-family:"微软雅黑";margin:0px;padding:0px;color:#666; font-size:12px; min-width:1200px;}
input ,button{font-family:Arial; border:medium none;overflow:visible;font-family:"微软雅黑";}
input:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px white inset; }
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0;padding:0;border:none;list-style-type:none;}
img{ border:none;}
a{color:#555;text-decoration:none;}
a:hover{text-decoration:none; color:#ff7800;}
ul{ list-style:none;}
input,select{ outline:none;}

html {
	font-size:20px
}

.content{ bottom:2.2rem;}

table { border-collapse: collapse; border-spacing: 0;}

/*内外边距*/
.mg{ margin:0px;}
.mt5{ margin-top:5px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.ml-1{ margin-left:-1px;}
.ml10{ margin-left:10px;}
.ml5{ margin-left:5px;}
.ml20{ margin-left:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}

.pd0{ padding:0px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.ptb10{ padding:10px 0px;}
.pd15{ padding:15px;}

.f-l{ float:left;}
.f-r{ float:right;}

.clear{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{clear:both;content:'.';display: block; width:0px; height:0px; overflow:hidden;visibility: hidden;}

em,i{ font-style:normal;}

/*字体颜色*/
.fc-666{ color:#666;}
.fc-999{ color:#999;}
.color_ff2547 { color: #ff2547;}
.color_ff3957 {color: #ff3957 !important;}

/*字体大小*/
.fs_12{ font-size:12px;}
.fs_14{ font-size:14px;}
.fs_16{ font-size:16px;}
.fs_18{ font-size:18px;}
.fs_20{ font-size:20px;}
.fs_22{ font-size:22px;}

/*元素定位*/
.pr{ position:relative}
.pa{ position:absolute;}

.wrap{ width:1200px; margin:0 auto;}

.input,.select,.textarea{ height:20px;display: inline-block; padding: 4px 10px; margin-right: 5px; width: 160px; border: 1px solid #ccc; line-height: normal; font-size: 12px; vertical-align: middle; color: #000;}
.ui-state-highlight{color:#363636; height:2.5rem; font-size:2.5rem; background:#eeeeee url(../images/objective.png) no-repeat center center;}


/*自定义字体*/
@font-face {
  font-family: 'hc-iconfont';
  src: url('../o2o_iconfont/iconfont.eot');
  src: url('../o2o_iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../o2o_iconfont/iconfont.woff') format('woff'),
  url('../o2o_iconfont/iconfont.ttf') format('truetype'),
  url('../o2o_iconfont/iconfont.svg#iconfont') format('svg');
}
.hc-iconfont{
  font-family:"hc-iconfont" !important;
  font-size:0.6rem;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*头部*/
.page-header{ height:60px; line-height:60px;background-color: #F3F3F3;color:#0091EA; position:fixed; top:0px; width:1200px; z-index:99999}
.page-header h3{ font-size:20px; font-weight:normal; margin-left:15px;}

/*公共*/
.diy-phone-bottom,.diy-phone-receiver01,.diy-phone-receiver02{display: block;margin: 0 auto;background: url(../images/modules.png) no-repeat;}

/*主体*/
.diy-center{ padding-left:160px; margin-top:80px;}

/*左边*/
.diy-left{position: fixed; width: 145px; top: 80px; bottom: 0; padding: 0 0px 10px 0px; border: 0px solid #ccc; border-radius: 7px; overflow: hidden; background-color: #f3f3f3; z-index: 111; margin-left:-160px;}
.diy-left-title{height: 35px; width: 100%; background: #666;color: #fff;padding-left: 12px;font-size: 14px;line-height: 35px;}
.diy-left-main{ margin-top:15px;}
.diy-left-main li{float: left;margin-left: 10px;padding-bottom: 15px;position: relative;}
.diy-left-main li a{display: table-cell; width: 55px; height: 40px; border: 1px solid #e0e0e0; text-align: center; color: #666; text-decoration: none;vertical-align: middle;overflow: hidden; line-height: 14px; border-radius: 3px; background-color: #fff;}
.diy-left-main li a b{ font-weight:normal;}
.diy-left-main li a img{position: absolute; right: 0; bottom: 15px; display:none;}
.diy-left-main li a:hover{background: #fff;color: #666; border: 1px solid #ff9900;}
.diy-left-main li a:hover img{ display:block;}

/*中间*/
.diy-mid{width: 345px; float:left;border: 1px solid #ccc;border-radius: 15px;background: #fff;margin-bottom: 10px;}
.diy-phone-receiver01{margin: 13px auto; width: 98px; height: 34px; background-position: 0 -74px;}
.diy-phone-receiver02{width: 320px; height:20px; background-position: 0 0; overflow: hidden; border: 1px solid #22292C; border-bottom:0; cursor: pointer;}
.diy-conitem {position: relative; z-index: 1;}
.members_con{ background:#fff;}

/*头部*/
.diy-phone-header{margin: 0 auto; width: 302px;background-color: #c9181b;    display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;color: #fff;font-size: 0.7rem;height: 2.2rem; padding:0 10px; position:relative;}
.diy-phone-header .pro{ position:absolute; width:100%; height:2.2rem; z-index:2; left:0px; cursor:pointer;}
.diy-phone-header h3{ font-size:0.8rem; color:#fff; line-height:2.2rem; width:100%; text-align:center;}
.diy-phone-header a i{ color:#fff; font-size:1rem; line-height:2.2rem;}

.diy-phone-bottom{margin: 10px auto;width: 62px; height: 61px;background-position: -253px -70px;}
.ui-sortable{margin: 0 auto; width: 320px; min-height: 470px; background-color: #F9F9F9; border: 1px solid #ccc; border-top:none; overflow: hidden;}

/*上移，下移，编辑，删除按钮*/
.diy-conitem-action{position: absolute;top: 0; left: 0; width: 320px; height: 100%; z-index: 111; cursor: pointer; box-sizing: border-box;}
.drag .diy-conitem-action {cursor: move;}
.diy-conitem-action-btns { display: none; position: absolute;left: 0; bottom: 0; height: 16px;width: 100%;text-align: right;}
.diy-conitem-btn {display: inline-block; width: 30px; line-height: 16px; background: rgba(0,0,0,.4); text-align: center; color: #fff;z-index: 111;}
.diy-conitem-btn:hover{ background:#fa0; color:#fff;}
.diy-conitem-action.selected, .diy-conitem-action:hover,.ui-state-highlight{border: 2px dashed #fa0;}
.diy-conitem-action.selected .diy-conitem-action-btns, .diy-conitem-action:hover .diy-conitem-action-btns{ display: block;}

/*轮播图banner*/
#banner{ width:100%;}
.owl-controls{text-align:center; margin-top:-17.5px;}
/*dot*/
.owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-controls .owl-page span{display: block;width:10px;height:10px;margin:2px;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#333;}
.owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity:0.9;background:#c9181b;}
.owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{position: relative;width: 100%;-ms-touch-action: pan-y; margin-bottom:10px;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
#owl-demo .item img{display: block;width: 100%;height: auto;}
.owl-buttons{ display:none;}

/*十个图标*/
.index-nav ul{display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.index-nav ul li{-webkit-box-flex: 1; width: auto !important; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0;max-width: 100%; text-align: center;}
.index-nav{ background:#fff; padding:10px 0px 0px;}
.index-nav ul li{ width:20%; font-size:0.6rem; float:left; text-align:center; padding-bottom:10px}
.index-nav ul li img{ width:60%}
.index-nav ul li p{ margin:5px 0px 3px}
/*富文本*/
.fulltext{ padding:10px; background:#fff;}
.fulltext p{font-size: 16px;margin: 5px 0;}
/*标题*/
.members_titles{margin-top: 10px; overflow: hidden;}
.members_titles h2{font-size:0.7rem;font-weight:normal; }

/*四种标题样式样式*/
.titlestyle0{background: #ff6769;padding:0.4rem 0px;color: #fff;}
.titlestyle0 h2{ color:#fff;display: inline-block; float: none !important;}
.titlestyle1{border-bottom: solid 1px #f0f0f0;color: #f94358;}
.titlestyle1 h2{padding: 8px 6px; border-bottom: solid 1px #f94358; color: #707070;}
.titlestyle2{/*border-bottom: solid 2px #d3d3d3;height: 16px;*/ padding: 4px 0;text-align: center; overflow: inherit; margin-bottom: 10px;}
.titlestyle2 h2 {/*padding: 8px 8px; background: #f9f9f9;*/padding: 4px 8px; display: inline-block; float: none !important;color: #8f8f8f;}
.titlestyle3{padding: 4px 0;}
.titlestyle3 h2{padding: 4px 8px; border-left: solid 3px #fd5b6b; color: #707070;}
.titlestyle0 h2,.titlestyle1 h2,.titlestyle2 h2,.titlestyle3 h2{float: left;padding-left: 10px; font-size: 14px; font-weight: bold;}
.left { text-align: left;}
.center { text-align: center;}
.right {text-align: right;}
/*商品*/
.members_goodslist{}
/*小图*/
.members_goodslist .goods_smallPic{}
.members_goodslist ul li.goods_smallPic:nth-child(odd){ float: left;}
.members_goodslist ul li.goods_smallPic { display: inline-block; float: left; width:50%; position: relative; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-right: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5;}
.members_goodslist ul li.goods_smallPic .title_new{margin:0 0 5px 0;font-size: 0.7rem;height: 1.8rem;line-height: 0.9rem;overflow: hidden;display: -webkit-box;display: -moz-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;word-break: break-all;}
.goods_smallPic_main{ padding: 0.1rem;}
.goods_smallPic_main img{display: block;margin-bottom: 0;}
// .goods_smallPic_main a{display: block;height: 9.15rem;overflow: hidden;margin-bottom: 0.714em;}
.members_goodslist ul li.goods_smallPic:nth-child(odd) a img, .members_goodslist ul li.goods_smallPic:nth-child(even) a img { /*height: 132px !important;*/ width:100%;}/*首页图片尺寸*/
.members_goodslist .goods_smallPic .price_new{display: block;position: relative;width: 100%;padding: 0;background: none !important;color: #ff6769;border-radius: 0;right: 0;bottom: 0;font-size: 0.8rem;}
.members_goodslist .goods_smallPic .price_new i{display: block;width: 20px; height: 20px;background-image: url(../images/icon_addcart.png);background-repeat: no-repeat; background-position: 0 0; background-size: 20px; position: absolute;right: 3px; top: 1px;}
.members_goodslist .goods_smallPic del{display: inline;background: none !important; position: static; width: 100%; padding: 0; border-radius: 0; color: #929292; font-size: 12px;margin-left: 0.2rem;}
.members_goodslist ul li img {display: block;padding: 0; margin-bottom: 0.714em; border: 0;}
/*大图*/
.members_goodslist ul li.goods_bigPic { display: block; width: 100%; padding: 0.714em; overflow: hidden; position: relative; border-bottom: 1px solid #f5f5f5; background-color: #fff; box-sizing: border-box;}
.members_goodslist ul li.goods_bigPic .goods_bigPic_main {display: block;min-height: 295px;background: #fff;}
.members_goodslist ul li.goods_bigPic .title_new{ font-size:0.7rem; margin:0.3rem 0 0.1rem 0;}
.members_goodslist ul li.goods_bigPic .price_new{ color:#e6282c; font-size:0.8rem;/*height:1.2rem;*/line-height:1.2rem;}
.members_goodslist ul li.goods_bigPic .price_new del{ text-decoration:none; font-size:0.6rem; padding-left:0.5rem; color:#999;}
/*列表*/
.goods_rowList{ padding:0.714em; border-bottom:1px solid #f5f5f5;position: relative;}
.goods_rowList a.f-l{ margin-right:0.4rem;}
.goods_rowList a img{ width:6rem; height:6rem; margin-bottom:0 !important;}
.goods_rowList .goods_rowList-text a{ height:1.8rem; display:inline-block; line-height:0.9rem; font-size:0.7rem; margin-bottom:0.2rem;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; word-break: break-all;}
.goods_rowList .sold{height:1rem;line-height:1rem;font-size:0.6rem;}
.goods_rowList .price_new{color: #e6282c;font-size: 0.9rem;height:1.4rem;line-height:1.4rem;}
.goods_rowList .price_new i{font-size:1rem;}
/*双列标题*/
.goods_twoTitle .title_new{height:1.8rem;line-height:0.9rem;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; word-break: break-all;}

/*显示促销倒计时*/
.countDown{ padding:0.5rem;}
.chophand_price,.countTime{ width:50%; float:left;}
.chophand_price h3{ font-weight:bold; margin-bottom:0.3rem; font-size:0.7rem;}
.countTime{ text-align:right;}
.countTime h3{ font-size:0.7rem; font-weight:normal; margin-bottom:0.3rem;}
.timeBox_time ins{ background:#666; border-radius:3px;}
.timeBox_time ins i{width: 18px;box-shadow: 0 9px 0 0 #5c5c5c inset; color:#fff; padding:0 0.1rem; border-radius:3px;}

/*2018-01-04添加横向滚动的商品*/
.members_goodslist_scroll{}
.members_goodslist_scroll ul{width: 100%;overflow-y: auto;white-space: nowrap;}
.members_goodslist_scroll ul li{ float:none !important; width:38% !important;}
.members_goodslist_scroll ul li:last-child{ margin-right:2%;}
.members_goodslist_scroll ul li .title_new{white-space:normal;}


/*搜索*/
.members_search {width: 99%; height: 36px; border: #dbdada solid 1px;border-radius: 3px; margin: 10px auto;overflow: hidden;}
.members_search input {width: 80%;height: 36px;line-height: normal;/* color: #c6c5c5; */border: 0px; padding-left: 5%; background: none;font-size: 14px; }
.members_search button { float: right; width: 20px; height: 18px; background: url(../images/hui3.png) no-repeat; background-size: 20px 18px; border: 0px;  margin: 10px 5px 0 0;}

/*广告位*/
.poster{ margin:0.5rem 0;}
.poster ul li img{ width:100%;}

.members_flash { width: 100%;margin-bottom: 10px;overflow: hidden;position: relative;}
/*.members_imgad {margin-bottom: 10px;margin-top: 10px;}*/
.members_imgad ul li{display:block;}
.members_imgad ul li img{display:block;}
.members_flash ul {position: relative;}
.members_flash ul li {float: left;position: relative;width: 100%;}
.members_flash_time { position: absolute; bottom: 1px; left: 0px; width: 100%; overflow: hidden; text-align: center;}
.members_flash_time span {display: inline-block;margin: 0 2px;width: 6px;height: 6px;background: #898989;border-radius: 10px;overflow: hidden; }
.members_flash_time span.cur {background: #be0000;}


/*分割线*/
.custom-line-main{height: 30px; position: relative;}
.custom-line-main .custom-line{border: 0 none;border-top: 1px dashed #ddd;margin: auto; padding: 0; height: 1px; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}






/*橱窗1*/
.poster-item img{ width:100%; display:block; /*height:100% !important;*/}
.poster-item ul li{ float:left; font-size:0px;}
.poster_nav1{}
.poster_nav1 ul li span{ width:100%; display:inline-block;border:1px solid #ddd;/* height:100%;*/box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.poster_nav1 ul li.posterNav0{width: 50%;padding-right: 5px;/*height: 305px !important;*/box-sizing:border-box;}
.poster_nav1 ul li.posterNav1,.poster_nav1 ul li.posterNav2{width:50%;/* height: 148px;*/ padding-left: 5px;box-sizing:border-box; margin-bottom: 10px;}
.poster_nav1 ul li.posterNav2{ margin-bottom:0px}
/*橱窗2*/
.poster_nav2{}
.poster_nav2 ul li.posterNav0{width: 40% !important;/*height: 153px;*/box-sizing:border-box;border-right: 1px solid #e7e5ea;border-top: 1px solid #e7e5ea;}
.poster_nav2 ul li.posterNav1{width:60% !important;/*height: 76px;*/border-top: 1px solid #e7e5ea;box-sizing:border-box;}
.poster_nav2 ul li.posterNav2,.poster_nav2 ul li.posterNav3{width: 30% !important;height: 76px;border-right: 1px solid #e7e5ea;border-top: 1px solid #e7e5ea;box-sizing:border-box;}
.poster_nav2 ul li.posterNav3{ border-right:none;}
/*橱窗3*/
.poster_nav3{}
.poster_nav3 ul li.posterNav0,.poster_nav3 ul li.posterNav3{/*width: 40% !important;height: 75px;border-top: 1px solid #e7e5ea;*/width: 33.3333% !important;border-right: 1px solid #e7e5ea;box-sizing:border-box;}
.poster_nav3 ul li.posterNav1,.poster_nav3 ul li.posterNav2,.poster_nav3 ul li.posterNav4,.poster_nav3 ul li.posterNav5{/*width: 30% !important; height: 75px;*/width: 33.3333% !important; border-right: 1px solid #e7e5ea; border-top: 1px solid #e7e5ea;box-sizing:border-box;}
/*橱窗4*/
.poster_nav4{}
.poster_nav4 li{width:50% !important;/*height: 75px; */border-right: 1px solid #e7e5ea;border-top: 1px solid #e7e5ea;box-sizing:border-box;}
/*橱窗5*/
.poster_nav5{}
.poster_nav5 ul li.posterNav0,.poster_nav5 ul li.posterNav1,.poster_nav5 ul li.posterNav2,.poster_nav5 ul li.posterNav3{width: 50% !important;/*height: 75px;*/ border-right: 1px solid #e7e5ea;border-top: 1px solid #e7e5ea;box-sizing:border-box;}
.poster_nav5 ul li.posterNav4,.poster_nav5 ul li.posterNav5,.poster_nav5 ul li.posterNav6,.poster_nav5 ul li.posterNav7{width: 25% !important;/*height: 75px;*/ border-right: 1px solid #e7e5ea;border-top: 1px solid #e7e5ea;box-sizing:border-box;}
/*顶部菜单*/
.homeCpay {width: 116px;height:40px;line-height:40px;text-align: center;background: #d20303;border-radius: 5px;font-size: 14px;position: absolute;top: 130px;left: 50%;margin-left: -58px;}
.homeCpay a {display: inline-block;color: #fff;width: 100%;line-height: 40px;}
.homeCcon {width: 100%;text-align: center;color: #d20303;padding-top: 60px}
.homeCcon p {font-size: 18px;line-height: 40px;}
.homeCcon span {display: block;font-size: 13px;}
.homeCnav {width: 100%;height: 50px;/*position: absolute;left: 0px;bottom: 0px*/}
.homeCnavbox {width: 100%;overflow: hidden;height: 50px}
.homeCnavbox ul {width: 100%;position: relative;}
.homeCnavbox ul li {float: left;text-align: center;overflow: hidden;}
/*.homeCnavbox ul li.liwid1 {width: 100%;}
.homeCnavbox ul li.liwid2 {width: 50%;}
.homeCnavbox ul li.liwid3 {width: 33.33333%;}
.homeCnavbox ul li.liwid4 {width: 25%;}*/
.homeCnavbox ul li a {height: 50px;display: block;margin-right: 1px;overflow: hidden;}
.homeCnavbox ul li a.colblue {background: #07a0e7;}
.homeCnavbox ul li a.colgreen {background: #72c201;}
.homeCnavbox ul li a.colyellow {background: #ffa800;}
.homeCnavbox ul li a.colred {background: #d50303;}
.homeCnavbox ul h2 {line-height: 30px;color: #fff;padding-top: 12px;}
.homeCnavbox ul img {display: inline-block;height: 50px;}
.topnav li a img { margin-top: 0px; padding-top: 6px;}
.topnav li a h3 { font-size: 12px; line-height: 24px; color: #fff;}
.topnav{-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.topnav li{webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}



/*右边*/
.diy-right{float: left; margin-left: 22px; padding-bottom: 300px; width: 460px;}
.diy-edit-item{ position: relative; width: 550px; padding: 10px; background-color: #F8F8F8; border: 1px solid #ccc; border-radius: 5px;}
.diy-edit-item::after, .diy-edit-item::before { position: absolute; font-family: simsun; content: "◆"; top: 8px; left: -12px; display: block; width: 9px; height: 18px; font-size: 24px; color: #F8F8F8; z-index: 111;}
.diy-edit-item::after { left: -13px; color: #ccc; z-index: 11;}
.formitems .fi-name { float: left; width: 110px; text-align: right; color: #333; font-weight:700; line-height:28px;}
.formitems input[type=checkbox], .formitems input[type=radio], .tables-form input[type=checkbox], .tables-form input[type=radio], .tables-searchbox input[type=checkbox], .tables-searchbox input[type=radio], .wxtables input[type=checkbox], .wxtables input[type=radio],.checkbox-group input { width: auto; border: 0; box-shadow: none; background: 0 0; margin: 0 2px 0 0; cursor: pointer; vertical-align:-2px;}
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px;}
.badge.badge-success { color: #fff; background-color: #5cb85c;}
.badge-link { display: inline-block; max-width: 150px; font-style: normal; border-left: 1px solid #fff; padding-left: 5px; text-align: left; vertical-align: middle;}
.badge span { vertical-align: middle;}

/*头部名称修改*/
.form-controls{ margin-left: 120px;}
.formitems .input, .formitems .select,.formitems .textarea{margin-bottom: 6px;}
/*标题*/
.checkbox-group, .radio-group { display: inline-block; margin-right: 5px; padding-top: 5px;}
.checkbox-group label, .radio-group label { line-height: 20px; margin-right: 20px; cursor: pointer;}
/*商品*/
.form-controls {margin-left: 120px;}
.img-list li {position: relative; float: left; padding: 1px; border: 1px solid #ccc; margin: 0 10px 10px 0; width: 60px;height: 60px; text-align: center; background-color: #fff; overflow: hidden; cursor: pointer;}
.img-list li:hover .img-list-btndel{display: block;}
.img-list li a { display: block; width: 60px;}
.img-list li img { width: 60px; height: auto; vertical-align: middle;}
.img-list-btndel { display: none; position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; line-height: 26px; margin: -7px 0 0 -11px; text-align: center; cursor: pointer; z-index: 11;}
.img-list-overlay { display: none; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 66;}
.img-list li img { width: 60px; height: auto; vertical-align: middle;}
.gicon-trash{display: inline-block; width: 14px; height: 14px; margin-right: .3em; line-height: 14px; vertical-align: -2px;background-image: url(../images/gicon_white.png);background-position: -456px 0; background-repeat: no-repeat;}

.img-list li.img-list-add {background: #fff;border: 1px dashed #999;color: #999; font: 700 46px/60px arial;cursor: pointer;}
.fore-controls-selected{ margin-bottom:6px; width:182px;display: inline-block;padding: 4px 10px;  margin-right: 5px; border: 1px solid #ccc; line-height: normal; font-size: 12px;vertical-align: middle;color: #000;}
/*图片导航*/
.ctrl-item-list-li{ position: relative; border: 1px solid #ddd; padding: 25px 10px 10px; margin-bottom: 10px; background: #fefefe;}
.diy .imgnav {position: relative; width: 90px; height: 90px; padding: 1px; border: 1px solid #ddd; overflow: hidden; text-align: center; cursor: pointer;}
.diy .imgnav img { width: 100%; height: auto; vertical-align: middle;}
.imgnav-reselect { display: none; position: absolute; left: 0; bottom: 0; width: 100%;height: 30px;line-height: 30px;background-color: rgba(0,0,0,.3);text-align: center; color: #fff;}
.diy .imgnav:hover .imgnav-reselect { display: block;}
.imgnav-info {margin-left: -40px;}
.droplist {display: inline-block;position: relative; height: 26px; line-height: 26px;}
.droplist-menu { display: none; position: absolute;top: 23px; margin-right: 50px;width:300px;padding: 5px 0;border: 1px solid #ddd;border-radius: 3px;background: #fff;overflow: hidden; box-shadow: 2px 2px 6px rgba(0,0,0,.2); z-index: 1111;}
.droplist-menu li { display: inline-block; width: 50%; float: left; margin: 0; text-align: center;}
.droplist-menu li a { display: block; padding: 0 5px;line-height: 30px;}
.droplist-menu li .droplist-title + .droplist-menu{ display:block !important;}
.droplist-menu li a:hover { color: #fff; background-color: #1C89D5; text-decoration: none;}
.droplist-title,.droplist-title:hover { color: #1C89D5;}
.gicon-chevron-down {display: inline-block;width: 14px; height: 14px;margin-right: .3em;line-height: 14px; vertical-align: -2px; background-image: url(../images/gicon_black.png); background-repeat: no-repeat; background-position: -313px -119px;}
.ctrl-item-list-actions { position: absolute; top: 5px; left: 0; width: 100%; height: 16px;text-align: right;}
.ctrl-item-list-actions i{display: inline-block;width: 14px;height: 14px;margin-right: .3em;line-height: 14px; vertical-align: -2px;background-image: url(../images/gicon_black.png);background-position: 14px 14px;background-repeat: no-repeat;}
.ctrl-item-list-actions i.gicon-arrow-up{ background-position: -289px -96px;}
.ctrl-item-list-actions i.gicon-arrow-down { background-position: -312px -96px;}
.ctrl-item-list-actions i.gicon-arrow-del{ background-position: -312px 1px;}
/*图片广告*/
li.ctrl-item-list-add{border: 1px dashed #999; font: 700 40px/1 arial; color: #999; padding: 10px; text-align: center; margin-bottom: 0; cursor: pointer; background-color: #fff;}
/*扶助空白*/
#slider{width: 300px; float:left; margin-top:10px; border-radius:4px;}
.ui-slider{position: relative;text-align: left;height: .8em;border: 1px solid #aaa; background:#fff;}
.showheight-text{ padding-left:20px; margin-top:7px; display:inline-block;}
.ui-slider-handle{border-radius: 4px;position: absolute;z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none;border: 1px solid #ccc; background: #f6f6f6; font-weight: 700; color: #1c94c4;top: -0.3em; margin-left: -0.6em; outline:none;}
.ui-slider-handle:hover{border: 1px solid #fbcb09;background: #fdf5ce; font-weight: 700; color: #c77405;}
/*顶部菜单*/
.cst_h3 {font-size: 14px; line-height: 16px; border-left: 3px solid #1C89D5; padding-left: 5px; font-weight: 700; color: #333;}
.checkbox-group label, .radio-group label { line-height: 20px; margin-right: 20px; cursor: pointer; *zoom: 1;}
.colorPicker{width: 70px;height: 28px;line-height: 28px;text-align: center;background-color: #f00;color: #333;cursor: pointer;}
.header_style2_dataset_pic {width: 26px;padding: 5px;background-color: #999; display:inline-block;}
.header_style2_dataset_pic img {width: 100%;height: auto;}
.btn.btn-primary {background-color: #428bca;border-color: #357ebd;display: inline-block;padding: 0 12px; color:#fff; position:relative; top:-2px; height:28px; line-height:28px;}
a.btn.btn-small {height: 22px;line-height: 22px;}
.fi-help-text {font-size: 12px; color: #666; display:block;}
/*底部*/
.diy-actions-submit { position: fixed; z-index: 999; bottom: 0; width: 100%; text-align: center; padding: 5px 0; left: 0; background-color: rgba(43,54,67,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88435467, endColorstr=#88435467);}
.diy-actions-submit a{height: 28px;line-height: 28px; color:#fff; display:inline-block; padding:0 12px; border-radius:3px; margin:0 5px;vertical-align: baseline;}
.diy-actions-submit a.save-btn{background-color: #428bca;border-color: #357ebd;}
.diy-actions-submit a.save-y-btn{background-color: #5cb85c;border-color: #4cae4c;}
.diy-actions-submit a.resetToInit-btn{background-color: #d9534f;border-color: #d43f3a;}
.hidden{display:none !important;}
/*添加商品弹窗样式*/
.jbox {position:absolute;top:0;left:0;background-color:#fff;overflow:hidden;z-index:99999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;box-shadow:0 5px 15px rgba(0, 0, 0, .5)}
.jbox-title {position:relative;color:#000;/*height:40px;*/line-height:40px;background-color:#fff;border-bottom:1px solid #e5e5e5}
.jbox-title-txt {font-size:14px;padding-left:10px}
.goodsearch input{display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; width:250px; height:28px; line-height: 28px; vertical-align: 0px; padding: 0 5px; margin:6px 10px 0px;}
.goodsearch select{display: inline-block; font-family:"微软雅黑"; padding: 4px 10px; margin-right: 5px; width:200px; border: 1px solid #ccc; line-height: normal; font-size: 12px; vertical-align: middle; color: #000;}
.goodsearch a{height: 28px;position: absolute !important;top: 6px !important; line-height: 28px;}
.jbox-close {position:absolute;right:10px;top:9px;display:block;width:14px;height:14px;background:url(../images/remove-black.png) no-repeat;z-index:999999}
.jbox-container {padding:15px;overflow-y:auto;overflow-x:auto}
@keyframes rotateLoading {0% {-webkit-transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotateLoading {0% {-webkit-transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotateLoading {0% {-moz-transform:rotate(0deg)}
100% {-moz-transform:rotate(360deg)}
}

.choice-a{position: relative;display: inline-block; padding: 0 12px; height: 30px; line-height: 28px;font-size: 12px; text-align: center; cursor: pointer; color: #333;bckground-color: #fff;order-radiu0s: 0px;  border: 1px solid #ccc; vertical-align: baseline; margin-bottom: 2px;}
.choice-a.on{ color:#fff;background-color: #5cb85c; border-color: #4cae4c;}
.gagp-goodslist li {padding: 3px 0; border-bottom: 1px solid #ddd;}
.gagp-goodslist .table-item-info {width: 510px;}
.gagp-grouplist li, .mgz-list li {padding: 5px 0;line-height: 30px;border-bottom: 1px solid #ddd;}
.table-item-img {position: relative;width: 60px;height: 60px;background-color: #fff;padding: 1px;overflow: hidden;border: #CCC 1px solid;}
.table-item-img .icon-platform {position: absolute;right: -2px;bottom: 0;}
.table-item-img img {width: 60px;height: auto;}
.table-item-info {width: 170px;margin-left: 5px;}
.table-item-info p { width: 100%;height: 36px;color: #1C89D5;overflow: hidden;}
.table-item-info .price {color: #666;font-weight: 700;}
.table-item-info .number {margin-left: 5px;color: #666;}

/*分页样式*/
.paginate { color: #666;}
.paginate a {display: inline-block;*display: inline;*zoom: 1;margin-left: -1px;padding: 0 12px;height: 32px;line-height: 32px;color: #428bca;border: 1px solid #ddd;background: #fff;}
.paginate .prev::before {display: inline-block;content: " ";width: 10px;height: 10px;margin-right: 5px;background: url(../images/doubleArrow.png) no-repeat; margin-top:10px;}
.paginate .next::after {display: inline-block;content: " ";width: 10px;height: 10px;margin-left: 5px;background: url(../images/doubleArrow.png) no-repeat;background-position: 0 0; margin-top:10px;}
.paginate .next.disabled::after {background-position: 0 -10px;}
.paginate .prev::before {background-position: 0 -20px;}
.paginate .prev.disabled::before {background-position: 0 -30px;}
.paginate a:not(.goto):hover {background-color: #eee;color: #2a6496;}
.paginate a.cur, .paginate a.cur:hover {background-color: #428bca;color: #fff;border-color: #428bca;margin-right: 1px;}
.paginate a.disabled {background-color: #e6e6e6 !important;color: #bbb !important;cursor: no-drop;}
.paginate a, .paginate button, .paginate span {vertical-align: middle;}
.paginate .dotted {display: inline-block;width: 14px;text-align: center;}
.paginate .total {margin: 0 10px 0 8px;}
.paginate input {padding: 6px 0;line-height: 16px;width: 40px;background: #fff;border: 1px solid #ddd;text-align: center;vertical-align: middle;}
.paginate input.focus {border: 1px solid #428bca;}
.paginate .goto {width: 0;height: 31px;margin-right: 5px;background-color: #428bca;padding: 0;border: 0;color: #fff;text-align: center;vertical-align: middle;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;-ms-transition: all .1s linear;-o-transition: all .1s linear;transition: all .1s linear;visibility: hidden;}
.paginate .goto.focus {width: 60px;visibility: visible;}
.paginate .prev {border-radius: 5px 0 0 5px;}
.paginate .next {border-radius: 0 5px 5px 0;}



/*模板设置页面*/
/*选择配色方案*/
.control-label {width: 120px;font-size: 16px;line-height:22px; float:left; margin-bottom:20px;}
.control-group ul { width: 370px; display:inline-block; margin-top:8px;}
.control-group ul li {float: left; padding: 2px; margin: 0 20px 5px 0; font-size:0px;border: 1px solid #fff;}
.control-group ul li.on{border: 1px solid #0080F9;}

#mainhtml {background: #fff; width:100%;}
.databody {border: 0 #d7e9fc solid;height: 100%; padding:20px;}
.titles {border-bottom: 1px solid #ff551f;height: 35px;line-height: 35px;color: #31708f;overflow: hidden;margin-bottom: 20px;}
.title-nav li {float: left;text-decoration: none;font-size: 14px;font-weight: normal; background:#f5f5f5;}
.title-nav li a {float: left;color: #333;width: 100%;padding: 0 20px;text-decoration: none;-moz-transition: .5s background;-webkit-transition: .5s background;-o-transition: .5s background;transition: .5s background;}
.title-nav .hover {background: #ff551f;border-radius: 3px 3px 0 0;color: #fff;}
.hover a {color: #fff !important;}
.catetem {clear: both;}
.catetem .ctname {font-size: 16px;padding-bottom: 10px;padding-top: 10px;}
.cttext {clear: both;font-size: 14px;}
.cttext ul li {float: left;width: 262px;position: relative;}
.cttext ul li .usertemplate img{width: 200px;}
.cttext ul li .usertemplate {background: #fff; width: 222px;overflow: hidden;border: 1px solid #797979;}
.usertemplate-img{margin: 10px;height: 294px;overflow: hidden;}
.cttext ul li:hover .usertemplate {opacity: 1;}
.cttext ul li span {font-weight: bold;text-align: center;display: block;padding: 10px;}
.cttext ul li p {text-align: center;padding: 10px 0px;}
.cttext ul li .bn {text-align: center;}
.cttext ul li .btn-default {cursor: auto;}
.cttextul{overflow: hidden;margin-bottom: 30px;float: left;width: 40%;
    margin-right: 10%;border-right: 1px dashed #ddd;}
.cttext ul:nth-child(2n){border-right:0;}
.cttexttit{text-align: center;line-height: 20px;width: 222px;margin-top: 20px;font-size: 16px;color: #333;float: left;}
.cttextultwo{width: 20%!important;display: flex;/*justify-content: center;*/align-items: center;height: 316px;}
.mline {float: left; border-bottom: 1px solid #000;width: 100%;}
.btn-default{font-size: 14px;padding: 5px 20px;vertical-align: top; border:1px solid #ddd; background:#FBFBFB}

.templateList ul li{padding: 20px; background-color: #FAFAFA; float: left; margin-right: 42px; border: 1px solid #eee;position:relative;}
.templateList ul li .templateList-img{width: 200px;height: 306px; overflow: hidden;}
.temp_img{height:293px;overflow:hidden;}
.templateList ul li .templateList-img img{width: 200px; overflow: hidden;}
// .lightBtn{display: block; width: 100%; height: 100%; padding: 3px 0; position: relative; text-align: center; background-color: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000);border-radius: 5px;margin: 10px 0;}
.lightBtn{display: none; width: 200px; height: 293px; position: absolute; text-align: center; background-color: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000);top:20px;left:20px;}
.lightBtn input{ top:0px !important;border-radius: 5px;min-width: 70px;font-size: 13px;margin: 15px auto 0;display: block !important;}
.lightBtn .lightBtn_edit{position:absolute;bottom:15px;width:100%;}
.templateUser{height: 36px;  line-height: 36px; font-size: 14px; background-color: #CCCCCC; text-align: center;border-radius: 5px; display:block;}
.templateList ul li:hover .lightBtn{display:block;}
.templateList ul li:hover .templateUser {background-color: #FF3300;color: #fff;}
.btn-enableTemplate{ height:28px; padding:0 12px;}


/*门店*/
.shop_branch_all{ padding:0 0.5rem;}
.shop_branch img{ width:100%;}
.shop_branch dl{ padding: 0.5rem 0 !important;}
.shop_branch dd{ line-height:1.2rem;}
.shop_branch dd i{ margin-left:0.3rem; position:relative; top:-0.1rem; font-size:1rem;}
.shop_branch dd p{}
.shop_branch dd .nameadd{ width:85%; height: 2.2rem;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#999;}
.shop_branch dd h3{ font-size:0.8rem;  color: #3d4145;}
.shop_branch dd .w13{ width:13%; height: 2.2rem; line-height:2.2rem; text-align: center; border-left: 1px solid #e9e9e9;}
.shop_branch dl + p{ height:2rem; line-height:2rem; border-top:1px solid #eee; color:#666;}
/*左图右文字*/
.shop_branck_small{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom:0.5rem;}
.shop_branck_small img{ width:4rem; height:4rem; margin-right:0.5rem;}
.shop_branck_small dl{webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.shop_branck_small dd{ line-height:1.2rem;}
.shop_branck_small dd i{ margin-left:0.3rem; position:relative; top:-0.1rem; font-size:1rem;}
.shop_branck_small dd .nameadd{color:#999;}
.shop_branck_small dd .nameadd span{ height:1.2rem; display:block; width:100%;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 1;  -webkit-box-orient: vertical; -moz-line-clamp: 1; -moz-box-orient: vertical; word-break: break-all; }
.shop_branck_small dd h3{ height:1.2rem; overflow:hidden; font-size:0.8rem;  color: #3d4145;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 1;  -webkit-box-orient: vertical; -moz-line-clamp: 1; -moz-box-orient: vertical; word-break: break-all;}

.shop_branck_activity li{ color:#999;}
.shop_branck_activity li em{ font-size:0.6rem; width:0.8rem; height:0.8rem; line-height:0.8rem; text-align:center; color:#fff; margin-right:0.2rem; display:inline-block; border-radius:5px;}
.shop_branck_xin em{ background:#ff9e36;}
.shop_branck_jian em{ background:#ff455f;}

/*横向*/
.shop_branch_list{}
.shop_brank_item{ border-top:1px solid #f5f5f5; padding:0.2rem 0}
.shop_brank_item .shop_brank_price{ color:#999; font-size:0.6rem;}
.shop_brank_item .shop_brank_price strong{ font-size:0.8rem; font-weight:bold; color:#ff6769; padding-right:0.2rem;}
.shop_brank_item .shop_w20{ width:25%; margin-right:5%;}
.shop_brank_item .shop_brank_text{ width:70%; color:#666; display:inline-block; font-size:0.6rem;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.shop_brank_item p{ padding:0.25rem 0rem;}
.shop_brank_item p em{ display:inline-block; border:1px solid #fa952f; color:#fa952f; padding:0.1rem 0.2rem; border-radius:3px;}
/*类似商品列表*/
.shop_branch_goods{}
.shop_branch_goods ul li{ width:31%; margin-right:3.5%; float:left;}
.shop_branch_goods ul li:nth-child(3n){ margin-right:0px;}
.shop_branch_goods ul li img{ width:100%; border:1px solid #f5f5f5;}
.shop_branch_goods ul li h3{ font-size:0.7rem; color:#666;text-overflow:ellipsis; padding:0.3rem 0px; overflow:hidden; white-space:nowrap;}
.shop_branch_goods ul li p{ color:#999; font-size:0.6rem; padding-bottom:0.4rem;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.shop_branch_goods ul li p strong{ color:#ff6769; font-size:0.7rem; padding-right:0.2rem; font-weight:bold;}
.shop_branch_goods ul li p del{ font-size:0.6rem;}


/*显限时促销*/
.brand-all{}
.brand-all .brand-item{ background:#fff; padding-bottom:0.3rem; border-bottom:1px solid #e3e3e3;}
.brand-all .brand-item img{ width:100%; display:block;}
.brand-all .brand-item p{ margin-top:0.3rem;}
.brand-all .brand-item .zhekou{font-size:0.7rem; margin-left:10px; line-height:1.2rem;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 1;  -webkit-box-orient: vertical; -moz-line-clamp: 1; -moz-box-orient: vertical; word-break: break-all;}
.brand-all .brand-item .brand-time-sell{ float:right;margin-right:10px; padding-left:20px; font-size:0.6rem; color:#666; line-height:1.2rem}
.brand-all .brand-item .brand-time-sell em{ color:#999; font-size:0.8rem; position:relative; top:0.1rem;}
.brand-all .brand-item .brand-time-sell b{ font-weight:normal; color:#f2861b; font-size:0.6rem;}
/*卡券中心*/
.voucher_new{ padding:0.5rem 0.3rem 0;}
.voucher_new dl{ border:1px solid #e5e5e5; position:relative; background:#fff;border-radius: 8px; overflow:hidden; margin-bottom:0.5rem;}
.voucher_new dl dt{  font-size:0.6rem; text-align:center; width:4.2rem; padding-top:0.8rem; background:url(../images/quan.png) no-repeat; background-position:-0.7rem -0.7rem;}
.voucher_new .wm_yhq{ float:none; position:static; margin-left:0.1rem;}
.voucher_new .wm_yhq span{line-height: 1.4rem;height: 1.4rem;width: 3.4rem;text-align: center;padding: 0px;background: #fff;border-radius: 5px;display: inline-block;position: absolute;left: 50%;margin-left: -1.7rem; top: 50%; margin-top: -0.7rem;}
.voucher_p{ font-size:0.7rem;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:0.5rem;}
.voucher_p + p{overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; word-break: break-all; line-height:0.7rem; color:#666; margin:0.2rem 0px;}
.voucher_riqi{ color:#666;}
.voucher_new dl dt p span{ font-size:1.4rem; display:inline-block;}
.voucher_hong dt{ color:#c9181b;}
.voucher_huang dt{ color:#F39B00;}
.voucher_new .wm_yhq_pr{ position:relative;}

.wm_yhq{ float:right; font-size:0.6rem;font-weight:normal; color:#b2b2b2;background: radial-gradient(transparent 0, transparent 5px, #ff6769 5px);background-size: 14px 12px;background-position: 7px 0;width: 4.5rem;right: 0;position: absolute;height: 4.8rem;top: 0;}
.wm_yhq.yel{background: radial-gradient(transparent 0, transparent 5px, #F39B00 5px);background-size: 14px 12px;background-position: 7px 0;height: 4.8rem;}
.wm_yhq_red{background-color: #ff6769;height:4.8rem;margin-left:5%;text-align:center;}
.wm_yhq_red span{line-height: 4.8rem;background: #fff;color: #ff6769;border-radius: 5px;padding: 5px 10px;}
.wm_yhq_yel{background-color: #F39B00;height:4.8rem;margin-left:5%;text-align:center;}
.wm_yhq_yel p{color:#fff;font-size:0.7rem;padding-top:1rem;}
.wm_yhq_yel span{line-height: 2rem;background: #fff;color: #F39B00;border-radius: 5px;padding: 5px 10px;}
.mercant_introduce{ width:100%; height:1.4rem; font-size:0.7rem;color:#333;overflow:hidden; line-height:1rem; display:inline-block;}
.q_price{ display: inline-block; width: 50%;}
.riqi{ width:100%; display:block;  position: relative; top: -0.4rem;}

/*平均分布*/
.flexbox{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex1{webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}


/*券*/
.flexbox{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex1{webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.voucher_new{ padding:0.5rem 0.3rem 0;}
.voucher_new dl{ position:relative; background:#fff;border-radius: 8px; overflow:hidden; margin-bottom:0.5rem;}
.voucher_new dl dt{  font-size:0.6rem; text-align:center; width:4.2rem; padding-top:0.7rem; background:url(../images/quan.png) no-repeat; background-position:-0.7rem -0.7rem;}
.voucher_new dl dt p{ margin-top:0.3rem;}
.voucher_new .wm_yhq{ float:none; position:static; margin-left:0.1rem;}
.voucher_new .wm_yhq span{line-height: 1.4rem;height: 1.4rem;width: 3.4rem;text-align: center;padding: 0px;background: #fff;border-radius: 5px;display: inline-block;position: absolute;left: 50%;margin-left: -1.7rem; top: 50%; margin-top: -0.7rem;}
.voucher_p{ font-size:0.7rem;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:0.7rem;}
.voucher_p + p{overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; word-break: break-all; line-height:0.7rem; color:#666; margin:0.3rem 0px;}
.voucher_riqi{ color:#666;}
.voucher_new dl dt p span{ font-size:1.4rem;}
.voucher_hong dt{ color:#c9181b;}
.voucher_huang dt{ color:#F39B00;}
.voucher_new .wm_yhq_pr{ position:relative;}