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



/*- -  轮播  - -*/

.slideBox{ position:relative; overflow:hidden; margin:0 auto; /*max-width:560px; 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; bottom:0; right:0; width:100%; height:28px; line-height:28px; text-align: center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:15px; height:4px; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#4d4d4d;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
/*.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }*/


.box {
	width: 100%;
	padding-top: 47px;
	padding-bottom: 51px;
}

.box1 {
	width: 100%;
	padding-top: 47px;
	display: inline-block;
}

.box2 {
	width: 100%;
	padding-top: 47px;
	padding-bottom: 93px;
}

.box3 {
	width: 100%;
	padding-bottom: 51px;
}

.box4 {
	width: 100%;
	padding-top: 87px;
}

.bg_ff { background-color: #ffffff;}
.bg_f6 { background-color: #f6f6f6;}
.bg_f3 { background-color: #f3f3f3;}
.bg_f0 { background-color: #f0f0f0;}

/*- -  头部  - -*/

.bg_tf {
	border-bottom: 1px solid #ef4043 !important;
	background-color: #ef4043 !important;
}

.top {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #f0f0f0;
	background-color: #fff;
	z-index: 9;
}

.top h2 {
	position: relative;
	line-height: 46px;
	color: #333333;
	font-size: 19px;
	font-weight: normal;
	text-align: center;
}

.top .ti_l, .top .ti_r {
	position: absolute;
	top: 0;
	line-height: 47px;
	padding: 0 15px;
	color: #333;
	font-size: 16px;
	border: 0px solid #fff;
	background-color: transparent;
	z-index: 1;
}

.ti_l { left: 0;}
.ti_r { right: 0;}
.top .ti_l:active, .top .ti_r:active { background-color: #f4f4f4;}

.ti_l img, .ti_r img {
	width: auto;
	height: 20px;
}

.top_inf {
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	width: calc(100% - 110px);
	margin: -2px auto;
	padding: 8px;
	font-size: 12px;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	background-color: #f8f8f8;
}

/*- -  头部2  - -*/

.top2 {
	position: relative;
	width: 100%;
	padding-top: 28px;
	color: #fff;
	text-align: center;
	background-color: #ef4043;
	/*background: url(../images/top_bg.jpg) no-repeat;*/
	background-size: cover;
}

.site {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 24px;
	display: inline-block;
}

.tx {
	padding-bottom: 15px;
	font-size: 15px;
}

.tx p img {
	width: 70px;
	height: 70px;
	margin-bottom: 8px;
	border-radius: 100px;
}

.top_info {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: rgba(0,0,0,.1);
}

.top_info a {
	width: 33%;
	float: left;
	color: #fff;
}

.top_info a:nth-child(2) {
	width: 34%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

/*- -  个人中心  - -*/

.btn {
	margin-top: 12px;
	background-color: #fff;
}

.btn  li.btn_t {
	width: 100%;
	padding: 8px 12px;
	text-align: left;
	border-bottom: 1px solid #e9e9e9;
}

.btn  li.btn_t .order_a {
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 15px;
	display: inline-block;
	color: #888;
	background: url(../images/go.png) center right no-repeat;
	background-size: 8px;
}

.btn li {
	width: 25%;
	float: left;
	line-height: 20px;
	text-align: center;
}

.btn li a {
	width: 100%;
	padding: 6px 3px;
	color: #444;
	font-size: 13px;
	display: block;
}
.btn li a:active { background-color: #f2f2f2;}
.btn li a p img { width: 33px; margin-bottom: 2px;}

/*- -  菜单  - -*/

ul.manu {
    position: relative;
    width: 100% !important;
	margin-bottom: 10px;
    padding: 8px 0 4px;
	font-size: 0;
	border-bottom: 1px solid #e8e8e8;
    background-color: #ffffff;
}

ul.manu::-webkit-scrollbar-button { display: none;}
ul.manu::-webkit-scrollbar { width: 0px; height: 0; border-radius: 0; background-color: rgba(0,0,0,0);}
ul.manu::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent;}

ul.manu li {
	position: relative;
	width: 25%;
	text-align: center;
	display: inline-block;
}

/*一行滚动*/
/*ul.manu li {
	position: relative;
	width: 20%;
	text-align: center;
	display: inline-block;
}ul.manu {
    position: relative;
    width: 100% !important;
	margin-bottom: 10px;
    padding: 8px 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow-x: auto;
	font-size: 0;
	border-bottom: 1px solid #e8e8e8;
    background-color: #ffffff;
}

ul.manu::-webkit-scrollbar-button { display: none;}
ul.manu::-webkit-scrollbar { width: 0px; height: 0; border-radius: 0; background-color: rgba(0,0,0,0);}
ul.manu::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent;}

ul.manu li {
	position: relative;
	width: 20%;
	text-align: center;
	display: inline-block;
}*/

ul.manu li.manu_tit {
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 14px 10px;
	font-size: 16px;
	color: #333;
    border-top: 10px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;}

ul.manu li a {
	padding: 4px;
	color:#777777;
	font-size: 13px;
	text-align: center;
	display: block;
}

ul.manu li a p { position: relative; padding: 2px 0;}
ul.manu li a p img { width: 62%; margin: 0 auto;}
.shu {
	position: absolute;
	top: 9%;
	right: 9%;
	width: 16px;
	height: 16px;
	line-height: 17px;
	color: #ffffff;
	font-size: 10px;
	border-radius: 10px;
	background-color: #e80000;
	z-index: 2;
}

.hone_pic {	margin-top: 4px;}

.hone_pic a { width: 50%;}

.hone_pic a.fl { padding-right: 2px;}
.hone_pic a.fr { padding-left: 2px;}
.hone_pic a.fr + a.fr { padding-top: 4px;}

/*- -  底部导航栏  - -*/

.end {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #ddd;
	background-color: #ffffff;
	box-shadow: 1px 0px 8px rgba(153,153,153,.4);
	z-index: 6;
}

a.nav {
	position: relative;
	width: 25%;
	padding: 4px 0;
	float: left;
	color: #888888;
	font-size: 14px;
	text-align: center;
}

a.nav1 {
	position: relative;
	width: 33.333333%;
	padding: 4px 0;
	float: left;
	color: #888888;
	font-size: 14px;
	text-align: center;
}

a.nav:active, a.nav1:active { background: #e0e0e0;}
.end a.on { color: #ef4043;}
a.nav img, a.nav1 img { width: 26px;}

/*- -  二级菜单  - -*/

.two_manu {
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #f2f2f2;
}

.two_manu li {
	width: 50%;
	float: left;
	border-bottom: 1px solid #f2f2f2;
}

.two_manu li:nth-child(odd) { border-right: 1px solid #f2f2f2;}/*** 单数的p标签 ***/

.two_manu li a {
	display: block;
	color: #555;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 14px;
	background-color: #fff;
}
.two_manu li a:active { background-color: #f6f6f6;}
.two_manu li a span {
	line-height: 24px;
	display: inline-block;
	margin-right: 6px;
}

.two_manu li a span img {
	width: 24px;
	height: 24px;
	margin-top: -6px;
}



.zoom:after{ clear:both;content:'.'; display:block;clear:both;/*清除全部样式*/ height:0; visibility:hidden; overflow:hidden;}


/*- -  详情页  - -*/

.price {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 6px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	background-color: #ffffff;
}

.price h3, .price h4, .und_tit h4, .und_tit h3 {
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
}

.price h4, .und_tit h4 {
	color: #ef4043;
	font-size: 18px;
}

.detail {
	width: 100%;
	margin-top: 8px;
	background-color: #fff;
}

.det_sp {
	width: 100%;
	display: block;
	border-bottom: 1px solid #ddd;
}

.det_sp b {
    line-height: 38px;
    margin-bottom: -1px;
    padding-left: 12px;
    padding-right: 12px;
    color: #ef4043;
	font-weight: normal;
	font-size: 16px;
    display: inline-block;
    border-bottom: 1px solid #ef4043;
}

.pick {
	width: 100%;
	line-height: 38px;
	margin-top: 8px;
	padding-left: 12px;
	background: #fff url(../images/go.png) right 8px center no-repeat;
	background-size: 8px;
}

.pick:active { background: #fafafa url(../images/go.png) right 8px center no-repeat; background-size: 8px;}

/*- -  立即购买  - -*/

.buy_total {
	width: auto;
	max-width: calc(100% - 140px);
	height: 40px;
	line-height: 40px;
	margin-top: -1px;
	padding-left: 8px;
	color: #000;
	word-break: keep-all;
    white-space: nowrap;
}

.buy_total span { color: #ef4043;}

.buy {
	width: 130px;
	height: 40px;
	line-height: 40px;
	margin-top: -1px;
	color: #fff;
	border: 0px solid #fff;
	background-color: #ef4043;
}

/*- -  产品列表  - -*/

.piece {}

.piece_a {
	float: left;
	width: 50%;
	margin-top: 6px;
	color: #333;
	text-align: center;
	display: inline-block;
}

.piece_a:nth-child(odd) { padding-right: 3px; /*单数a标签*/}
.piece_a:nth-child(even) { padding-left: 3px; /*双数a标签*/}

.piece_a h4 {
	padding: 4px 0;
    font-size: 15px;
    font-weight: normal;
	background-color: #fff;
}

.piece_a p {
	color: #666;
    font-size: 13px;
	background-color: #fff;
}

.piece_a p span {
	display: block;
    color: #ef4043;
    font-size: 16px;
	padding-bottom: 12px;
}

.search {
	position: relative;
	width: 94%;
	margin: 8px auto 2px;
	border: 1px solid #d2d2d2;
    border-radius: 4px;
	overflow: hidden;
}

.search_t {
	float: left;
	width: 82%;
	padding: 10px 8px;
	border: 0px solid #fff;
}

.search_b {
	float: left;
	width: 18%;
	padding: 10px 1px;
	border: 0px solid #fff;
	border-left: 1px solid #d2d2d2;
	background: #fff url(../images/search_b.png) center center no-repeat;
	background-size: 18px;
}
.search_b:active {
	background: #f0f0f0 url(../images/search_b.png) center center no-repeat;
	background-size: 18px;
}

/*- -  品牌介绍  - -*/

.present { width: 100%; line-height: 24px; padding: 5px 15px;}
.present p { text-indent: 2em; padding-top: 8px;}
.present img { margin-top: 8px;}

/*- -  品牌动态  - -*/

.moving {
	width: 100%;
}

.moving_a {
	position: relative;
	width: 100%;
	color: #333;
	padding: 12px 10px 9px 12px;
	display: block;
}

.moving_a + .moving_a { border-top: 1px solid #f0f0f0;}
.moving_a:active { background-color: #f0f0f0;}

/*.moving_a :after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 100%;
	width: calc(100% - 12px);
    height: 1px;
	background-color: #000;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}*/

.moving_p {
	float: left;
	width: 80px;
	height: 60px;
	overflow: hidden;
}

.moving_te { padding-left: 10px; overflow: hidden;}

.moving_te h2 {
	line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
	color: #000;
	font-size: 16px;
	font-weight: 400;
}
.moving_te p {
	line-height: 1.3;
	color: #999;
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*- -  品牌动态  - -*/

.mov {
	margin-top: 8px;
	background-color: #FFF;
}

.mov a {
	display: block;
	width: 100%;
	padding: 8px 10px;
	color: #333;
	display: table;
	vertical-align: middle;
	background: #fff url(../images/go.png) right 6px center no-repeat;
	background-size: 8px;
}

.mov a + a { border-top: 1px solid #ddd;}
.mov a:active { background: #f4f4f4 url(../images/go.png) right 6px center no-repeat; background-size: 8px;}
.mov a span { vertical-align: middle;}

.mov a i {
	width: 34px;
	margin-right: 10px;
	display: inline-block;
}

/*- -  购物车  - -*/

.caet_case {
	position: relative;
	width: 100%;
	display: block;
	padding: 9px 0;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}

/*.caet_che {
	float: left;
	width: 40px;
	line-height: 72px;
	margin-top: 8px;
	text-align: center;
}*/

.caet_che {
	float: left;
	width: 40px;
	margin-top: 31px;
	padding-left: 11px;
	text-align: center;
}

.caet_che input {
	width: 16px;
	height: 16px;
}

.caet_p {
	float: left;
	width: 80px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	overflow: hidden;
}

.caet_tex {
	position: relative;
	float: left;
	width: calc(100% - 120px);
	height: 80px;
	line-height: 20px;
	padding-left: 8px;
	padding-right: 8px;
	color: #ef4043;
	font-size: 16px;
}

.caet_tex .tex_tit {
	display: block;
	width: 100%;
	color: #333;
	font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.del {
	width: 20px;
	height: 20px;
	float: right;
	margin-top: 2px;
	display: inline-block;
	border: 0px solid #fff;
	border-radius: 0;
	background: transparent url(../images/del.png) center center no-repeat;
	background-size: 20px;
}

.caet_case .quan {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 8px;
	padding-right: 8px;
}

.caet_case .quan .quan_zj {
	width: 20px;
    height: 20px;
}

.caet_case .quan .quan_t {
    width: 50px;
    height: 24px;
    line-height: 26px;
}

.total {
	position: fixed;
	bottom: 51px;
	width: 100%;
	background-color: #fff;
	z-index: 7;
}

/*.total .caet_che {
	line-height: 36px;
	margin-top: 6px;
}*/

.total .caet_che {
	margin-top: 12px;
}

.tot {
	line-height: 42px;
	float: right;
	padding-right: 8px;
}

.tot span { color: #ef4043;}

.total .buy {
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	text-align: center;
}

/*- -  个人信息  - -*/

.info {
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
}

.info_c {
	position: relative;
	width: 100%;
	height: auto;
	line-height: 22px;
	padding: 11px 24px 11px 12px;
	display: block;
	background: url(../images/go.png) center right 8px no-repeat;
	background-size: 8px;
	overflow: hidden;
}

.info_c:active {
	background: #eee url(../images/go.png) center right 8px no-repeat;
	background-size: 8px;
}

.info_tit {
	line-height: 30px;
	padding-left: 14px;
	color: #999;
	font-size: 12px;
}

.info_tit_l {
	width: auto;
	padding-right: 1em;
	float: left;
	color: #333;
	font-size: 14px;
}

.info_tit_l span { padding-left: 15px;}
.info_tit_l span b { color: #ef4043; font-weight: normal;}
.info_tit_l p { color: #999;}

.info_c_r {
	width: auto;
	float: right;
	color: #777;
	font-size: 14px;
}

.avat {
	line-height: 24px;
	margin-top: 2px;
}

.avatar {
	width: 36px;
	height: 36px;
	margin-top: -5px;
	margin-bottom: -5px;
	border-radius: 20px;
}

.info_c:after {
	content: "";
	position: absolute;
	top: 0;
	left: 12px;
	width: 100%;
	width: calc(100% - 12px);
	height: 1px;
	border-top: 1px solid #ddd;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
	z-index: 3;
}

.gend_b { width: 100%;}
.gend_b button {
	text-align: left;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 16px;
	color: #444;
	border: 0px solid #fff;
	background-color: transparent;
}

.gend_b button + button {
	border-top: 1px solid #ddd;
}

.gend_b button.on {
	color: #2e8ded;
	background: url(../images/go2.png) center left 8px no-repeat;
	background-size: 5px;
}

/*- -  新建收货地址  - -*/

.new_address {
	width: 100%;
	line-height: 40px;
	display: block;
	color: #fff;
	text-align: center;
	background-color: #ef4043;
}
.new_address:active, .info_del:active { background-color: #e03437;}

.info_del {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	background: #ef4043 url(../images/del2.png) center center no-repeat;
	background-size: 26px;
	z-index: 2;
}

/*- -  新建收货地址  - -*/

.address {
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #fff;
}

.address_c {
	width: 100%;
	padding-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}


.address_tit {
	float: left;
	height: 38px;
    line-height: 38px;
}

.address_tex {
	float: right;
	width: calc(100% - 3em);
	height: 38px;
    line-height: 38px;
	padding-left: 6px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    border-radius: 4px;
}

.default {
	width: 100%;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.default label {
	line-height: 20px;
	margin-left: 6px;
	color: #555;
}

/*- -  代理申请  - -*/

.proxy_b {
	width: 72%;
	height: 36px;
	line-height: 36px;
	margin: 30px 14%;
	display: block;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border: 0px solid #fff;
	border-radius: 5px;
	background-color: #ef4043;
}

.proxy_b:active { background-color: #e8383b;}


.proxy {
	width: 90%;
	margin: 15px auto;
	padding-top: 10px;
	border: 1px solid #dedede;
	border-radius: 6px;
}

.proxy .address_c { padding-left: 12px;}
.proxy .address_c .address_tex { width: calc(100% - 5em);}
.proxy .address_c .address_tit { width: 4.5em; text-align: right;}
/*.zt4_2 { letter-spacing: 2em; margin-right: -2em;}
.zt4_3 { letter-spacing: 0.5em; margin-right: -0.5em;}*/

/*- -  我的订单  - -*/

.order { margin-top: 10px;}

.order .caet_case {
	padding-left: 12px;
	background-color: #f6f6f6;
}
.order .caet_tex { width: calc(100% - 80px);}
.order .caet_tex .tex_tit { -webkit-line-clamp: 3;}
.order .caet_tex p span { margin-right: 10px; color: #666;}
.btn_t .order_t {padding-top: 0px;padding-bottom: 0px;}
.order_t {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
}

.order_t b {
	float: right;
	color: #ef4043;
	font-weight: normal;
}

.order_b {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: right;
	background-color: #fff;
}

.order_b1 {
	margin-left: 12px;
	padding: 5px 10px;
	float: right;
	color: #fff;
	border: 1px solid #ef4043;
	border-radius: 4px;
	background-color: #ef4043;
}

.order_b2 {
	margin-left: 12px;
	padding: 5px 10px;
	float: right;
	color: #444;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	background-color: #fff;
}

.tota {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	color: #333;
	font-size: 13px;
	text-align: right;
	border-bottom: 1px solid #e2e2e2;
	background-color: #fff;
}

.tota span { margin-left: 10px;}
.tota b { color: #000; font-size: 15px; font-weight: 400;}

/*- -  提现  - -*/

.bank {
	width: 100%;
	line-height: 23px;
	margin-top: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 60px;
	display: block;
	background: #fff url(../images/bank.jpg) no-repeat;
	background-size: 60px;
}

.bank p {
	color: #222;
	font-weight: 400;
	font-size: 16px;
	font-weight: 400;
}
.bank p span { color: #666; font-size: 14px;}

.boc { background-position: left top;}
.icbc { background-position: left -60px;}
.ccb { background-position: left -120px;}
.abc { background-position: left -180px;}
.cmb { background-position: left -240px;}
.bcm { background-position: left -300px;}
.cmbc { background-position: left -360px;}
.cib { background-position: left bottom;}

.recha {
	margin-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color: #fff;
}

.recha p {
	line-height: 36px;
	color: #999;
}

.recha span {
	padding-top: 10px;
	color: #888;
	display: block;
}

.recha span b { color: #ef4043; font-size: 16px; font-weight: normal;}

.recha_t {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 40px;
	font-size: 14px;
	border: 0px solid #fff;
	border-bottom: 1px solid #ddd;
	background: url(../images/rmb.png) left center no-repeat;
	background-size: 35px;
}




/*- -  复选，单选优化  - -*/

.che {
	width: 18px;
	height: 18px;
	float: left;
	cursor: pointer;
	text-align: center;
	background: url(../images/che1.png) center center no-repeat;
	background-size: contain;
}

.on_che {
	background: url(../images/che2.png) center center no-repeat;
	background-size: contain;
}
.che_opt {
	opacity: 0;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

/*- -  弹窗  - -*/

.cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.6);
	z-index: 9;
}

/*- -  购买弹窗  - -*/

.bomb_und {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: #fff;
}

.und_c {
	position: relative;
	width: 100%;
	padding-bottom: 60px;
}

.und_pic {
	position: absolute;
	top: 0;
	left: 12px;
	width: 102px;
	height: 102px;
	margin-top: -45px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
}

.und_pic img {
	width: 80px;
	height: 80px;
	border: 1px solid #c0c0c0;
	
}

.und_close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 13px;
	height: 13px;
	display: inline-block;
}

.und_tit {
	width: 100%;
	margin-bottom: 14px;
	padding-top: 8px;
	padding-left: 124px;
	padding-bottom: 10px;
	border: 1px solid #eee;
}

.sort {
	width: 100%;
	padding-bottom: 12px;
	padding-left: 12px;
	color: #999;
	font-size: 15px;
}

.sort p {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	font-size: 13px;
}

.sort_col {
	float: left;
	margin-right: 1.5em;
	font-size: 12px;
}

.sort_col label {
	margin-right: -1.5em;
	display: inline-block;
    padding: 7px 12px;
    color: #666;
    border-radius: 3px;
    border: 1px solid #cfcfcf;
	background-color: #fff;
	z-index: 6;
}

.sort_col label.on {
    color: #ef4043;
    border: 1px solid #ef4043;
}

.sort_col input {
	opacity: .1;
	z-index: 2;
}

.quan_zj {
    width: 24px;
    height: 24px;
	float: left;
	margin-top: 2px;
    color: #444;
    border: 1px solid #dadada;
    border-radius: 3px;
    background-color: #f1f1f1;
}

.quan_zj:active { background-color: #ddd;}

.quan_t {
    width: 74px;
    height: 28px;
    line-height: 30px;
	float: left;
	margin: 0 6px;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 3px;
}

.bot_but {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	border: 0px solid #fff;
	background-color: #ef4043;
}

/*- -  layui弹窗样式重置  - -*/

.layui-layer-btn .layui-layer-btn0 {
    border-color: #ff6568 !important;
    background-color: #ef4043 !important;
    color: #fff;
}

/*- -  选项卡  - -*/

.tab {
    position: fixed;
    left: 0;
    right: 0;
    top: 47px;
    min-width: 100%;
    width: auto;
    white-space: nowrap;
	font-size: 0;
	border-bottom: 1px solid #eeeeee;
	background-color: #fff;
    overflow-x: auto;
	overflow-y: hidden;
}

.tab li {
    width: auto;
    display: inline-block;
}

.tab li a {
	position: relative;
	width: auto;
    padding: 11px 0.8em;
    color: #888888;
    font-size: 14px;
	display: inline-block;
    border-width: 0;
    background: none;	
}

.tab-tabs li.active a, .tab-tabs li.active a:focus, .tab-tabs li.active a:hover {
	cursor: default;
	color: #ef4043;
	border-bottom: 1px solid #ef4043;
}

.tab-content .tab-pane { display: none;}
.tab-content .active { display: block;}

.fade.in { opacity: 1;}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}