﻿/* iCheck plugin Flat skin, red,前台多个css文件合并
----------------------------------- */
/*red.css*/
.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-red {
    background-position: 0 0;
}
.icheckbox_flat-red.checked {
    background-position: -22px 0;
}
.icheckbox_flat-red.disabled {
    background-position: -44px 0;
    cursor: default;
}
.icheckbox_flat-red.checked.disabled {
    background-position: -66px 0;
}

.iradio_flat-red {
    background-position: -88px 0;
}
    .iradio_flat-red.checked {
        background-position: -110px 0;
    }
    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(../images/red@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/*css.css*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size: 100%}

body{font-size:14px;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color:#333;-webkit-text-size-adjust:none;word-wrap: break-word;word-break: break-all;background-color: #f6f6f6}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address,h1,h2,h3,h4,h5,h6{font-style:normal;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;}
del {text-shadow: none}


/*Public Styles*/
.ui_mt15 {margin-top: 15px;}
.qb_bfc:after{clear: both;}
.hd_clear{clear:both;}
.bfc_c {display: table-cell}
.ui_color_strong,.mod_color_strong{color: #f34}
.hd_bold{ font-weight:bold;}
.qb_tar {text-align: right}
.ui_p10{padding: 10px;}
.ui_bg_color_weak {background-color:#f6f6f6;}
.ui_plr10 {padding-left: 10px;padding-right: 10px}
.ui_plr0 {padding-left: 0!important;padding-right: 0!important;}
.ui-bt{border-top: 1px solid #eaeaea;}
.qb_fs_s {font-size:12px}
.qb_fs_s2 {font-size:14px}
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.o-hidden{ overflow:hidden;}
.ui_mr30 {margin-right: 30px}
.ui_pb10{padding-bottom: 10px;}
.ui_pt10,.qb_pt10{padding-top: 10px;}
.qb_pt8{padding-top: 8px;}
.qb_fr {float: right;}
.qb_fl {float: left;}
.ui_mb15 {margin-bottom: 15px;}
.ui_color_weak,.mod_color_weak {color: #999;}
.qb_flex{display: -webkit-box;}
.mod_list .list_item ,.ui_mb10,.qb_mb10{margin-bottom: 10px;}
.ui_align_right {text-align: right;}
.w200 {width: 200px;}
.mod_mb15 {margin-bottom: 15px;}
.m_top5 {margin-top:5px;}
.line_hr {border-bottom: 1px solid #eaeaea;}
.line_hr2 {border-top: 1px solid #eaeaea;border-bottom: 1px solid #fff; clear:both;}
.max_height{max-height:40px; overflow:hidden;}
.s_color{color:#cb4047;}
.dis_b a{display:block;}
.qb_mt20{ margin-top:20px; }

 


/*header*/
header{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#ebebeb));  }
header a{ display:block; text-align:center; }
.hd_header a img{ height:20px; margin-top:11px;}
.hd_header .mod_btn{ height:44px; border-top:0px;border-bottom:1px solid #d6d6d6; border-left:0px;  }


.menu_class{ padding:8px; overflow:hidden;}
.menu_class ul li,.menu_class a,.menu_class a span{display:block;}
.menu_class ul li{ float: left;  width:25%; text-align:center;}
.menu_class a{background:#fff; margin:7px; border:1px solid #e4e4e4; }
.menu_class a span{ height:30px; line-height:30px; overflow:hidden; font-size:12px;}
.menu_class a img{ width:100%; vertical-align:bottom}
 


/*subclass*/
.sub,.sub_search{ display:inline-table; width:100%}
.sub{ margin:8px 0px 15px 0px;}
.sub span{ display:block; float:left;  margin-top:10px; margin-right:10px;}
.sub span a{display:block;;border:1px solid #ccc;padding:3px 10px; border-radius:15px;}
.sub span a:hover{ border:1px solid #d20816; color:#d20816}
.sub_search{ padding:10px 0px;}
.sub_search div{ float:left; width:80%}
.sub_search div input{ display:block; background:#fff; border:1px solid #ccc; width:100%; height:33px; overflow:hidden; line-height:33px;}
.sub_search p{ float:right; width:20%; text-align:center; background:#d20816; height:35px; overflow:hidden; line-height:35px; font-size:17px; color:#fff;}
.sub_search p a{ color:#fff;}

/*ProductDetails*/
.wg-pc{position:relative}
.wg{ position:absolute; top:0px; right:0px; z-index:9999}
.wg span{ display:block; background:#333; opacity:0.7; height:20px; border-top-left-radius:20px; border-bottom-left-radius:20px; margin-top:13px; padding:2px 5px 4px 10px; width:25px;}
.wg span.select{ background:#ff9900}
.wg span img{ height:100%}
.product_details{margin:15px; margin-top:0px;}
.product_details h2{ font-weight:normal;}
.product_details h2.hd_bold{ font-weight:bold;}
.pro_price span{ color:#ff3344; font-weight:bold; margin-right:10px;}
.product_details .product-btn{ position:fixed; left:0px; right:0px; bottom:0px;;  padding:10px; box-shadow:0px 0px 5px #cbcacb; background:#fff; border-top:1px solid #cccccc; z-index:99999;}
.product_details .product-btn span{ border:0px; border-radius:40px;}
.pro_price del,.product_details .sold{ color:#a29595; font-size:12px;}
.product_details .sold{ margin-bottom:10px;}
.pro_select,.pro_intr{ margin:15px 0px;}
.pro_select dl{ clear:both;}
.pro_select dl dt{float:left; line-height:35px; margin-right:5px;}
.pro_select dl dd.pro_color span,.pro_select dl dd.pro_size span{color: #333;float: left;line-height:35px;height:35px;display: inline-block;padding: 0 10px;margin: 0 10px 10px 0;background: #fff;min-width: 49px;text-align: center;border: 1px solid #edeeef;}
.pro_select dl dd.pro_color span.hovers,.pro_select dl dd.pro_size span.hovers{ background:#ff9900; color:#fff;}
.pro_select dl dd{ overflow:hidden;}
.pro_select .quantity{border: 1px solid #eaeaea;vertical-align: middle;height:35px;display: inline-block;background-color: #FFF;}
.pro_select .quantity .minus{position: relative;text-align: center;display: inline-block;width: 44px;height:35px;
border-right: 1px solid #eaeaea;}
.pro_select .quantity .minus:after {content: "";position: absolute;top:16px;left: 14px;border-top: 2px solid #333;
width: 15px;}
.pro_select .quantity input{-webkit-appearance: none;width: 44px;height: 33px;text-align: center;
background: transparent;border: 0;vertical-align: top;font-size: 16px;}
.pro_select .quantity .plus{position: relative;text-align: center;display: inline-block;width: 44px;height:35px;
border-left: 1px solid #eaeaea;}
.pro_select .quantity .plus:before {content: "";position: absolute;height: 16px;border-left: 2px solid #333;top: 9px;
left: 21px;}
.pro_select .quantity .plus:after {content: "";position: absolute;width: 16px;border-top: 2px solid #333;top: 16px;
left: 14px;}
.mod_color_comment {color: #ccc;}
.product_details .qb_flex .btn_em{ background:#ffa200; color:#FFF; font-size:16px;}
.product_details .qb_flex .btn_strong{ background:#f73542; color:#FFF; font-size:16px;}
.pro_fold h2{ height:46px; line-height:46px; background:url(../images/process/arrowico.png) no-repeat center right;}
.pro_fold h2 a{ display:block;}
.pro_intr h2{height:16px; line-height:16px; margin-bottom:5px;} 
.pro_intr p{color:#999999;}
.pro_intr img{ width:100%;}

.showcat{ position:fixed; z-index:9999; right:30px;  padding:10px;}
.showcat2{ background:#333; padding:10px;border-radius:3px; width:100%;}
.showcat .showcat_tit{ text-align:center; padding:15px; color:#fff;}
.showcat .qb_flex .mod_btn,.msg_box .msg_con button{ border: 1px solid #161616;border-radius:3px; background:url(../images/process/cat_btn.jpg) repeat-x; height:34px; font-size:13px; line-height:34px; color:#fff; font-size:15px;}
.showcat .qb_flex .mod_btn a{ display:block; color:#fff;}

.img_text{margin:5px 0px;}
.img_text img{ vertical-align:bottom; width:100%;}


/*MembershipCard*/
.mc_btn{ background:url(../images/process/mc_t.jpg) no-repeat; background-size:100%;  position:relative;}
.mc_btn .mc_card{ padding:20px 40px 10px 40px; position:relative;}
.mc_btn .mc_card .c_lo,.mc_btn .mc_card .c_n,.mc_btn .mc_card .c_num,.mc_btn .mc_card .c_2w{position:absolute;}
.mc_btn .mc_card .c_lo{top:30px; left:50px; color:#fff}
.mc_btn .mc_card .c_n{top:30px; right:50px; color:#FFF;}
.mc_btn .mc_card .c_num{bottom:20px; right:50px; color:#fff; text-align:right; line-height:18px;}
.mc_btn .mc_card .c_num b{ font-size:16px;}
.mc_btn .mc_card .c_2w{bottom:20px; left:50px;}
.mc_btn .mc_card .c_2w #c_pop{ display:none;}
.mc_btn .mc_card span{ display:block; border:1px solid #157ac1;border-radius:10px;-moz-box-shadow:0px 0px 8px #6d6c6c; -webkit-box-shadow:0px 0px 8px #6d6c6c; box-shadow:0px 0px 8px #6d6c6c;}
.mc_btn .mc_card img,.mc_bott span img{width:100%; vertical-align:bottom;}
.mc_bott{ background:url(../images/process/mc_b.jpg) no-repeat; background-size:100%;padding:10px 56px 15px 56px; position:absolute; left:0px; bottom:0px; right:0px;  }
.mc_bott span{ display:block;   text-align:center; line-height:46px; cursor:pointer; font-size:16px; color:#666666}
.mc_prompt{ text-align:center; color:#888888; padding:0px 0px 5px 0px;  }
.mc_exp,.mc_total,.mc_number{ margin:10px 15px 15px 15px; background:#fff; border:1px solid #c6c6c6; border-radius:5px; }
#mc_total,.mc_number{margin:0px 15px 10px 15px;}
#mc_total .mod_btn{ color:#333; border:0px;  display:block; margin:10px 0px; height:auto; line-height:20px}
#mc_total .mod_btn.line{border-right:1px dotted #c6c6c6;}
.mc_exp h2{ font-size:16px; font-weight:normal; padding:10px 15px 0px 15px;}
.mc_exp p{ color:#999999; font-size:12px; padding:0px 15px 15px 15px; text-indent:2em;}
.mc_number{ position:relative;}
.mc_number .btn_num{ height:30px; line-height:30px;  font-size:16px; margin:5px 30px 5px 15px; display:block}
.mc_number .btn_num b{ color:#cb0101; margin-left:3px; margin-right:3px;}
.mc_number i{background:url(../images/icon/btn.png) no-repeat -61px -63px; width:9px; height:11px; display:block; position:absolute;top:15px; right:15px;}

.msg_box,.msg_box2{ 
    width:100%; 
	height:100%;
    display:none;  
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TipPreViewMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	opacity: 0.9; 
	background:#000; 
}
.msg_box .msg_con{ background:#fff; opacity:1; margin:15px 15px 15px 15px; padding:15px;border-radius:3px;}
.msg_box .msg_con h2{ float:left; width:70px;height:30px; text-align:right; line-height:30px; overflow:hidden; font-weight:normal; color:#000;  margin-bottom:10px;}
.msg_box .msg_con input{ padding-left:5px;  width:98%; margin-bottom:10px;  border:1px solid #999; }
#div_msg2.msg_box2 span{  display:block; width:200px; height:200px; overflow:hidden; margin:0 auto; margin-top:150px;border: 1px solid #fff;border-radius: 5px;}
.msg_box .msg_con button{ padding:0px 10px; margin:0 auto; cursor:pointer;}
.msg_box .msg_con .submit_btn{ text-align:center; margin-top:5px; clear:both;}

.pro_t{height:50px; overflow:hidden; position:relative;}
.pro_t img{ width:100%;height:50px; overflow:hidden;}
.pro_t span{padding:11px; display:block; color:#fff;font-size:20px;text-shadow:1px 1px 0px #000; position:absolute; top:0px; left:0px;}
.pro_tb img{ vertical-align:bottom;}
.pro_tb{ height:10px; overflow:hidden;}
.pro_tb img{ display:block; width:100%; vertical-align:bottom;}
.pro_act{ background:#fff; border:1px solid #c6c6c6; border-radius:5px; margin:10px 15px;}
.pro_act ul{ margin:15px;}
.pro_act ul li{ clear:both; background:url(../images/icon/Pre_ico.jpg) no-repeat 5px;padding:5px 0px; padding-left:50px; color:#666666; margin-bottom:5px; border-bottom:1px dotted #ccc;}
.pro_act ul li p{ font-size:16px;}
.pro_act ul li.hover{background:#eeeeee url(../images/icon/Pre_ico2.jpg) no-repeat 5px;   padding-left:50px; color:#333333}
 

/*SpecialTopic*/
.special_bri{  color:#999; padding:15px 0px; }
.special_bri iframe{ margin-left:-30px; }
.special_bri img{width:100%}
.fn_goods { margin-bottom: 10px;}
.qb_clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.fn_goods li{position: relative;float: left;margin-right: 10px;width: 140px;background: #FFF;border: 1px solid #e2e2e2;margin-bottom: 10px;padding-bottom: 7px;-moz-box-shadow:2px 2px 1px #efecec; -webkit-box-shadow:2px 2px 1px #efecec; box-shadow:2px 2px 1px #efecec;}
.fn_goods li .goods_pic{ height:140px;  display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center;  -webkit-box-align: center;}
.fn_goods img{display: block;margin-left: auto;margin-right: auto; width:100%}
.fn_goods .goods_name{line-height: 18px;height: 36px;text-align: justify;border-top: 1px solid #eaeaea;padding: 5px 10px 0;margin-bottom: 5px;overflow: hidden;}
.fn_goods .price {padding-left: 10px;padding-right: 10px;}
.special_comm{ width:300px; overflow:hidden; margin:0 auto; margin-top:10px;}
.special_comm ul{width:320px; overflow:hidden;}

#content{ margin:0px 15px 15px 15px;}

.wrap ul {min-width:200px; margin: 0 auto; text-align:center}
.wrap img {width:100%; vertical-align:bottom}
.wrap li{ margin-bottom:15px;}


/*ShoppingCart*/
.mod_cell{
	border: 1px solid #eaeaea;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
}
.mod_cell .mod_celltitle{
	line-height: 16px;
	height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px
}
.mod_cell .mod_celltitle h3{ font-weight:normal;}
.icon_checkbox_checked {
	background-image:url(../images/icon/btn.png);
	background-position: -110px -51px;
	width: 15px;
	height: 15px
}
.qb_icon {
	display: inline-block;
	background-repeat: no-repeat
}
.ui_plr10 {
	padding-left: 10px;
	padding-right: 10px
}

.mod_list.mod_list_hr .list_item:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.mod_list.mod_list_hr .list_item {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px
}
.qb_bfc:before,.qb_bfc:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden
} 
.ui_clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	font-size: 0;
}
.mod_list .bfc_f {
	margin-right: 10px
}
.bfc_f {
	float: left;
	margin-right: 10px
}
.mod_list .bfc_f img {
	vertical-align: top;
	width: 60px;
	height: 60px;
	border: 1px solid #eaeaea;
	border-radius: 3px
}
.icon_trash {
	background-image:url(../images/icon/btn.png);
	background-position: -93px 0;
	width: 13px;
	height: 14px;
	vertical-align: -2px
}
.ui_textinput {
	width: 20px;
	height: 14px;
	padding: 3px 5px;
	border: 1px solid #eaeaea;
	color: #999;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	-webkit-appearance: none;
	border-radius: 0
}
.mod_cell .qb_fl .qb_icon {
vertical-align: -3px;
margin-right: 10px;
}
.mod_btn.btn_strong {
	color: #fff;
	background-color: #d20816;
	font-family:"Microsoft yahei";
}
.mod_btn {
	text-shadow: none;
	box-shadow: none;
	border: 1px solid #eaeaea;
	text-align: center;
	text-decoration: none;
	-webkit-appearance: none;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	font-size: 15px;
	color: #999;
	padding: 0 8px; 
}

.mod_addresslist .address_item,.mod_addresslist .address_item2 {
	border: 1px solid #eaeaea;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	line-height: 24px;
	margin-bottom: 10px;
	position: relative
}
.mod_addresslist .address_item.arrow:after {
	width: 6px;
	height: 6px;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	content: " ";
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.mod_addresslist .address_item .address_detail {
	padding: 8px 40px 8px 10px
}
.mod_addresslist .address_item .del {
	padding:0px 40px 0px 10px; height:30px;line-height:30px;
}
.mod_addresslist .address_item #update1 .btn_block{ height:35px; line-height:35px; background:#fff;  font-size:14px;}
.mod_addresslist .address_item #update1 .mod_btn{ border-left:0px;}
.mod_addresslist .address_item #update1 span a{ display:block; color:#005cff;;}
.mod_addresslist .address_item2 .address_detail2{padding: 8px 10px}
.mod_addresslist .address_item2 .address_detail2 p{ height:35px; overflow:hidden; line-height:35px;}
.mod_select,.mod_select2 span{
	position: relative;
	display: inline-block;
    
}
.mod_select2 span{
	-webkit-box-flex: 1;
	display: block;
	margin-bottom:10px;
	}
.mod_select select,.mod_select2 span select{  
	border-radius: 0;
	-webkit-appearance: none;
	display:block; 
	width:100%;
	padding-left: 10px;
	padding-right:10px;
	height: 38px;
	line-height:38px;
	margin:0px;
	border: 0;
	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	background: #fdfdfd;
	box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset
 
}
.mod_select select option,.mod_select2 span select option{ color:#333}
.mod_select:after,.mod_select2 span:after{
	content: '';
	position: absolute;
	top: 13px;
	right: 12px;
	width: 10px;
	height: 6px;
	background-image:url(../images/icon/btn.png);
	background-position: -127px -51px
}
.qb_flex .flex_box{
	-webkit-box-flex: 1;
	display: block;
	width: 0;
}
.mod_cell .mod_cell_hr{
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
	height: 0;
	overflow: hidden;
	font-size: 0
}
.ui_gap,.qb_gap{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}
.mod_btn.btn_block {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 17px
}
.btn_span{ background:#202020 url(../images/process/btn_span2.jpg) repeat-x; color:#FFF;font-family:"Microsoft yahei";}
.mod_addresslist .address_item.active #update1 span.hover{ background:url(../images/process/mo.png) no-repeat 10px 10px; background-size:15px 15px; padding-left:15px;}
.mod_addresslist .address_item.active:after {
	content: "";
	background-image:url(../images/icon/btn.png);
	background-position: -12px -66px;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 0;
	right: 0
}
 
.mod_input {
	-webkit-appearance: none;
	display: inline-block;
	padding:12px 0px 12px 12px;
	width: 100px;
	height:14px;
	line-height:14px;
	border: 0;
	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	background: #fdfdfd;
	box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset;
    color: #444;
}

/*MemberCenter*/
.fn_profile {
	height: 50px;
	background-image:url(../images/process/bg_profile_header.jpg);
	background-size: 100%;
	padding: 20px 15px;
	color: #fff
}
.fn_profile .profile_name {
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	height: 26px;
	width: 100px;
    float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.fn_profile .profile_detail {
	padding-top: 5px
}
.icon_pen {
	background-image:url(../images/icon/btn.png);
	background-position: -76px -51px;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	vertical-align: -1px
}
.fn_profile .profile_location {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	color: #fff;
	display: inline-block;
	padding: 2px 8px;
	background-color: rgba(255,255,255,.3);
	border-radius: 10px;
	vertical-align: top;
	text-shadow: none
}
.icon_profile_location {
	background-image:url(../images/icon/btn.png);
	background-position: -93px -34px;
	width: 9px;
	height: 13px;
	padding-right:4px;
}
.fn_tab {
	text-shadow: none;
	height: 44px;
	text-align: center
}
.fn_tab .flex_box {
	padding-top: 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	cursor: pointer;
	width: 1px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#212121),to(#161616));
	background-image: -webkit-linear-gradient(top,#212121,#161616);
	background-image: linear-gradient(to bottom,#212121,#161616);
	color: #999;
	font-size:14px;
}
.fn_tab .flex_box a{color: #999;}
.fn_tab .flex_box.current {
	background-image: none;
	border-bottom: 1px solid #fbfbfb;
	color: #333; 
}
.fn_tab .flex_box.current a{color: #333;}
.mod_nocontent {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center
}

.icon_arrow_right {
	background-image:url(../images/icon/btn.png);
	background-position: -110px 0;
	width: 7px;
	height: 11px;
	position: relative;
	top: 2px
}
.icon_arrow_right2 { margin-left:5px; 
	background:#d20816; 
	font-style:normal;
	padding:5px;
	color:#fff;
    font-size:12px;
    line-height:12px;
	width:50px;
	height:12px;
	position: relative;
	top: -3px;
	text-align:center;
}
.icon_arrow_right2  a{ display:block; color:#fff;}
.mod_slider {}
.mod_slider .slider_cnt {
overflow:hidden;
padding: 0;

}
.mod_slider .slider_cnt ul { 
margin-right: -10px;
}
.mod_slider .slider_cnt ul li{position: relative; clear:both; width:100%}
.mod_slider .slider_cnt ul li .info,.mod_slider .slider_cnt .single i{position: absolute;}
.mod_slider .slider_cnt ul li .info{left: 70px; top:0px;}
.mod_slider .slider_cnt ul li .info .name{ height:36px; line-height:18px; margin-bottom:5px;}
.mod_slider .slider_cnt .single img {
width: 59px;
height: 59px;
border: 1px solid #ccc;
margin-right: 10px;
}
.mod_slider .slider_cnt .single i{ display:block; background:#ebebeb; padding:2px; border-radius:3px; font-style:normal; top:40px; right:10px; width:40px; text-align:center; font-size:12px;}
.mod_slider .slider_cnt .single i a{ color:#999}

.qb_flex .flex_box.btn_em {
margin-right: 10px;
}

/*BigWheel*/ 
#content2{ background:#fe8d03; padding:15px;}
.wheel div{ width:260px; height:260px; overflow:hidden; margin:0 auto; background:url(../images/process/p_y.png) no-repeat 5px 215px;}
.w_exp{ background:#fff8b2; border-radius:5px; padding:5px;moz-box-shadow:2px 2px 1px #cd7203; -webkit-box-shadow:2px 2px 1px #cd7203; box-shadow:2px 2px 8px #cd7203;margin-bottom:10px;}
.w_exp .w_dashed{ border:1px dotted #e68906; border-radius:5px; padding:15px; }
.w_exp .w_dashed h2{ font-size:16px;}

/*Scratch*/
#content3{ background:#d71936; padding:0px 15px 15px 15px;}
.s_img{ background:url(../images/process/scratch.jpg) no-repeat; background-size:100%; width:250px; height:168px; margin:0 auto;}
.s_img .s_c{ margin-left:30px; padding-top:70px; }
.s_img #canvasScratch{  cursor:pointer;color:Red;font-size:large;font-weight:bolder; margin-top:-40px; }
.s_img .textScratch{ width:190px; height:40px; text-align:center; line-height:40px; font-weight:bold; color:red; font-size:18px; letter-spacing:1em;}

.d_mt{ margin-top:20px;}
.s_exp{ margin-bottom:20px; position:relative; top:-10px; left:5px; color:White}
.s_exp h2{  width:100px; height:31px; background:#fbe099 url(../images/process/s_x.jpg) no-repeat right; text-align:center; line-height:35PX; color:#d71936; margin-bottom:5px;}
.s_exp p{ padding-left:15px; color:#fff;}

/*vActivity*/
.act_con{ background:#fff; padding:12px; margin-top:15px;}
.act_con span{ display:block;}
.act_con span img{ width:100%;border-radius:5px;}
.act_con p{ text-indent:2em; margin-top:10px; color:#aaaaaa; }
.act_info { margin-top:20px;}
.act_info  h2{ margin-bottom:5px;}

/*Vote*/
.vote{ padding:15px 15px 100px 15px;}
.vote h2{ font-size:16px; margin-bottom:5px;}
.vote ul{}
.vote ul li{ height:60px; background:#fff;moz-box-shadow:2px 2px 1px #d9d9d9; -webkit-box-shadow:2px 2px 1px #d9d9d9; box-shadow:2px 2px 8px #d9d9d9; margin-bottom:10px; padding:15px;}
.vote ul li i{ background:url(../images/icon/btn.png) no-repeat -110px -68px; height:15px; width:15px; display:block; float:left; }
.vote ul li.hover{ background:#f8f7f8}
.vote ul li.hover i{ background:url(../images/icon/btn.png) no-repeat -110px -51px;  }
.vote ul li div{ float:left; margin-left:10px; width:80%}
.vote ul li div p{ height:15px; line-height:15px; overflow:hidden;}
.vote ul li div samp{ display:block; height:8px; line-height:8px; margin-top:8px;}
.vote ul li div samp em{ float:left; background:url(../images/process/vote.jpg) repeat-x; height:8px;overflow:hidden;}
.vote ul li div samp span{ float:left; text-align:right; font-size:10px; color:#a2a19f;}

/*Winningresults*/
.w_result{padding-top:15px; }
.w_result .w_img{position:relative;width:260px; margin:0 auto;}
.w_result .w_img img{ width:260px; height:218px;}
.w_result .w_img p{ position:absolute; top:118px;left:168px;}
.w_info{  padding:15px; margin-top:10px;}
.w_info2{border-top:1px solid #c2331d;}
.w_info2 h2{ color:#FFF; margin-bottom:5px; padding-top:10px; border-top:1px solid #fe5d45}
.w_info2 .qb_mb10{ color:#fff;}
.w_info .w_btn{ background:#fde024; height:40px; line-height:40px; border-radius:3px;-moz-box-shadow:2px 2px 0px #a83224; -webkit-box-shadow:2px 2px 0px #a83224; box-shadow:2px 2px 0px #a83224;}
.w_info .w_btn a{ display:block; font-size:16px; text-align:center;}
.w_info .w_btn a img{ width:100%;}


/*smashEgg*/
.c_egg{ max-width:720px;margin: auto;-webkit-background-size: 100% auto;min-height: 100%;}
.stage {width: 100%;-webkit-perspective: 800;-webkit-perspective-origin: 50% 200px; }
.stage #e_img{width: 100%;max-height:600px;pointer-events: none;}
.c_egg #wheelcanvas { position:absolute;left:50%;bottom:0px; margin-left:-150px; }
.stage #e_img2{position:absolute; left:50%; bottom:0px; margin-left:-150px; width:300px; height:227px;}
.stage #e_img3{position:absolute;left:0px; bottom:0px; width:100%}

.s_exp2 { margin-top:20px; overflow:hidden;}
.s_exp2 h2 { width: 100px;height: 31px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#d32c34), to(#bb030d)); border-radius:20px; text-align: center;line-height: 31PX;
color: #fff;margin-bottom: 5px;}
.s_exp2 p {padding-left: 15px;color: #8e030a;}


/*lottery*/
.lottery img,.signup img{ width:100%}
.s_exp2 h2.lo{ background:url(../images/process/l_btn.jpg) no-repeat; height:38px; line-height:38px;border-radius:0px; color:#b90100}
.s_exp2 p.lo_p {padding-left: 15px;color:#fff;}



/*EvaStepone*/
.eva-step1 img{ width:100%}
.eva-step-info#content { margin-bottom:5px;}
.eva-step-info h2,.my-favor .info h2,.my-consul h2,.my-consul .time{ height:22px; line-height:22px; overflow:hidden;}
.eva-step-info .price{ clear:both;   overflow:hidden;}
.eva-step-info span{ float:left; color:#ff3141}
.eva-step-info span i,.eva-step-info em,.eva-step2 .eva-two li i,.product-consul-con i,.my-favor .info .price,.my-consul .time{ font-size:10px; font-style:normal}
.eva-step-info em{ float:right; margin-top:6px; color:#999}
.eva-step1 .con,.eva-step2 .con,.product-consul .con{ padding-right:12px; margin-bottom:10px;}
.eva-step1 textarea,.eva-step2 textarea,.product-consul textarea{ clear:both;  display:block; width:100%; border:1px solid #cccccc; padding:5px; }

/*EvaSteptwo*/
.eva-step2,.product-consul{ margin-top:15px;}
.eva-step2 .ui_p10,.product-consul .ui_p10{ padding-top:0px;}
.eva-step2 .eva-two li,.product-consul-con li{ border-bottom:1px solid #eaeaea; position:relative; padding:10px 0px}
.eva-step-info h2,.eva-step2 .eva-two li h2,.product-consul-con h2,.my-favor .info h2{ font-weight:normal;}
.eva-step2 .eva-two li i{ position:absolute; top:15px; right:0px;}
.eva-step2 .eva-two li p,.product-consul-con p{ height:28px; line-height:14px; font-size:12px; color:#999; margin-top:2px;}

/*ProductConsulting*/
.product-consul-con p{ height:auto;}
.product-consul-con p.cur{ color:#ff6600}
.product-consul-con i,.my-consul .time{ display:block; text-align:right; margin-top:5px;}

/*MyFavorites*/
.my-favor,.my-logis,.my-consul{ padding:10px;}
.my-favor .pic{ width:80px; height:80px; overflow:hidden; border:1px solid #d4d1d1; margin-right:10px;}
.my-favor .pic img{width:100%; height:100%;}
.my-favor .info{ width:70%;}
.my-favor .info .price{color:#ff6600;}
.my-favor .info .price span{ font-size:18px;  margin-right:10px;}
.my-favor .info .price em{ color:#9a9a9a}
.my-favor .info .btn .input1,.my-favor .info .btn .input2{ float:left; width:40px; }
.my-favor .info .btn .input1,.my-favor .info .btn .input2,.my-favor .info .btn .input3{ height:28px;border-radius:3px;overflow:hidden; cursor:pointer}
.my-favor .info .btn .input1{ background:#ebebeb; border:1px solid #e4e1e1; }
.my-favor .info .btn .input2{ background:#13a20a; border:1px solid #119509; color:#fff}
.my-favor .info .btn .input3{ float:right; width:80px; background:#f15a0c; border:1px solid #d65009; color:#fff}

/*MyLogistics*/
.my-logis div,my-consul div{display: -webkit-box;}
.my-logis p,.my-logis i{ font-style:normal; width:50%; padding-right:6px;}

/*MyConsulting*/
.my-consul h2{ border-bottom:1px dotted #e1e1e1}
.my-consul div{ overflow:hidden; margin-top:3px;}
.my-consul div i,.my-consul div p{ float:left}
.my-consul div i{ display:block; width:8%; font-size:14px}
.my-consul div p{ width:92%;}
.my-consul div p.cur1{ color:#9a9a9a}
.my-consul div p.cur2{ color:#ff6600}
.my-consul .time{ border-top:1px dotted #e1e1e1}

/*MyEvaluate*/
.my-eva{ position:relative}
.my-eva .info{  }
.my-eva .info h2{ height:44px}
.my-eva .info input{ position:absolute; top:60px; right:15px;}
.my-eva .info .price{ margin-top:5px;}
.info-pop,.info-pop textarea{ border-radius:5px; overflow:hidden;}
.info-pop{ background:#f1f1f1; border:1px solid #c6c6c6;margin: 10px 15px; padding:10px;}
.info-pop textarea{ background:#fff;padding:5px 0px; border:0px; width:100%; font-size:12px;}
.info-pop input{ float:right; overflow:hidden; background:#e1dede; border:0px; color:#333}



/*Signup*/
.s_exp2 h2.lo2{ background:url(../images/process/signtit.jpg) no-repeat;color:#eb3817; width:116px;border-radius:0px;}


/*BereitsAchtung*/
.bereits-ach{ background:url(../images/process/achtungback.jpg) no-repeat; background-size:100%; padding:45px 15px 20px 15px;}
.bereits-ach .pic{ background:url(../images/process/titpic.png) no-repeat; width:100px; height:100px; line-height:100px; text-align:center; background-size:100%; margin:0 auto;}
.bereits-ach .pic img{ border-radius:100px; width:100%;}
.bereits-ach .text{ text-align:center; color:#4b555f; margin-top:30px;}
.bereits-ach .button input,.setup-beiname .button input{ display:block; height:40px; border-radius:5px;background-image: -webkit-gradient(linear,left top,left bottom,from(#22c415),to(#02aa0e)); width:100%;  border:0px; color:#fff; margin-top:20px; font-size:18px;}
.bereits-ach-con{ margin-top:15px;}
.bereits-ach-con .mod_cell{ padding:0px;}
.bereits-ach-con .flex_box.current{ border-top:2px solid #13a719}
.bereits-ach-con .flex_box{ background:#fff;border:1px solid #ccc; border-left:0px; font-size:16px;}
.bereits-ach-con .b-box1{ padding:10px;}
.bereits-ach-con .b-box1 p span{ color:#13a719}
.bereits-ach-con .b-box1 img{ width:100%;}

/*SetupBeiname*/
.setup-beiname .die-titel{ margin-top:15px; margin-bottom:10px}
.setup-beiname .shome,.setup-beiname .shome a{ text-align:center; color:#999999}





/*--------------------------------------------------------------index-2-------------------------------------------------------------------*/
.index-2 {
	padding: 12px 6px;
}

.index-2 > div {
	float: left;
	width: 25%;
	padding: 0 6px 12px;
}

.index-2 a {
	display: block;
	text-align: center;
	padding: 10px 0;
	color: #434A54;
	background-color: #fff;
}

.index-2 img {
	width: 30px;
	height: 30px;
	margin-bottom: 3px;
}

.index-2 span {
	font-size: 30px;
	margin-bottom: 10px;
	color: #ED5565;
}

.index-2 p {
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 12px;
}


/*--------------------------------------------------------------index-3-------------------------------------------------------------------*/
.index-3 {	
	padding: 12px 6px;
}

.index-3 > div {
	float: left;
	width: 50%;
	padding: 0 6px 12px;
}

.index-3 a {
	display: block;
}

.index-3 a img {
	width: 100%;
}


/*--------------------------------------------------------------index-4-------------------------------------------------------------------*/
.index-4 {
	position: absolute;
	bottom: 60px;
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

.index-4 div {
	text-align: right;
	padding-right: 20px;
}

.index-4 a {
	display: inline-block;
	padding: 8px 40px;
	background-color: rgba(0,0,0,0.4);
	margin-bottom: 10px;
	color: #fff;
}


/*--------------------------------------------------------------index-5-------------------------------------------------------------------*/
.index-5 {
	padding: 12px 9px;
}

.index-5 div {
	float: left;
	width: 33.33333333333333%;
	padding: 0 3px 6px;
}

.index-5 div a {	
	padding: 8px 5px;
	background-color: #fff;
	border: 1px #48CFAD solid;
	width: 100%;
	display: block;
	text-align: center;
	color: #48CFAD;
	white-space: nowrap; 
	height: 38px;
	overflow: hidden;
}

.index-5 div a span {	
	margin-right: 5px;
	color: #48CFAD;
}

.index-5 div a img {	
	width: 14px;
	height: 14px;
	margin-right: 5px;
	margin-top: -2px;
}

/*--------------------------------------------------------------index-6-------------------------------------------------------------------*/
.index-6 {
	padding: 20px;
}

.index-6 .list-group .glyphicon {
	top: 3px;
	padding: 0;
}


/*--------------------------------------------------------------index-7-------------------------------------------------------------------*/
.index-7 {
	padding: 20px 10px;
}

.index-7 > div {
	float: left;
	width: 25%;
	padding: 0 10px 20px;
}

.index-7 a {
	display: block;
	text-align: center;
	color: #434A54;
}

.index-7 img {
	width: 60px;
	height: 60px;
	margin-bottom: 4px;
}

.index-7 a div {
	margin-bottom: 4px;
	text-align: center;
	width: 60px;
	height: 60px;
	background: #AC92EC;
	display: inline-block;
	border-radius: 60px;
	padding-top: 20px;
}

.index-7 a div span {
	color: #fff;
	font-size: 20px;
}

.index-7 p {
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 12px;
}
/*maskayer.css*/
#BgDiv1{background-color:#000; position:absolute; z-index:9999;  display:none;left:0px; top:0px; width:100%; height:100%;opacity: 0.6; filter: alpha(opacity=60);}
.DialogDiv{position:absolute;z-index:99999;}/*配送公告*/
.bakimage span{ background:url(../images/loading.gif) no-repeat; background-size: 100% 100%; width: 20px; height:20px; display: inline-block;}
.U-guodu-box { padding:5px 15px;  background:#3c3c3f; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;  min-heigh:200px; border-radius:10px;}
.U-guodu-box div{ color:#fff; line-height:20px; font-size:12px; margin:0px auto; height:100%; padding-top:10%; padding-bottom:10%;}
/*main.css*/
body { width: 100%; max-width: 650px; font-family: "Arial", "Microsoft YaHei", "Tahoma";font-size:12px ; margin: 0 auto; padding-bottom: 50px; background-color: #F5F5F5;}
hr { margin: 10px 0; }
em{font-style:normal;}
.dropdown-menu > li > a { white-space: inherit; text-align: center; font-size: 14px; }
.form-control, .btn-group, .btn-block, .input-group { margin-bottom: 10px; }
.index { position: relative; padding-bottom: 80px; }
.support { position: absolute; bottom: 50px; left: 50%; margin: 0 0 8px -51px; }
.support-top { position: absolute; top: 10px; left: 50%; margin-left: -51px; }
footer { position: fixed; bottom: 0px; background-color: #FCFCFC;font-style:normal; width: 100%;z-index:100; max-width: 650px; margin: 0 auto; height: 49px; border-top: 1px solid #d8d8d8;}
footer a { color: #999999; width: 20%; display: inline-block; float: left; text-align: center; cursor: pointer; }
footer a.active div, footer a.active p{color: #fe3d3d}
footer div { font-size: 20px; padding: 8px 0px 0; color: #999999; top: 0px; cursor: pointer; }
footer div.last-footer{padding:0;}
footer div.last-footer p{margin-top:-2px;}
footer div.last-footer a{color: #999999; width: 20%; display: inline-block; float: left; text-align: center; cursor: pointer; }
footer p { font-size: 10px;}
.btn-group, .btn-group button, .btn-group ul{width:100%;}
.btn-group button{text-align: left;}
.btn-group span{position: absolute;right:10px;top:14px;}
.font-xl { font-size: 16px; }
.font-l { font-size: 14px; }
.font-m { font-size: 12px; }
.font-s { font-size: 11px; }
.font-xs { font-size: 10px; }
a,a:hover{ color: #434a54; }
.list-group { margin-bottom: 10px; }
.list-group > a { position: relative; font-style: normal;}
.list-group > a > a > span { position: absolute; right: 10px; top: 3px; }
.list-group .glyphicon{float: right;top:5px;color: #ccc;}
.list-group .glyphicon-chevron-right{color: #999;font-size: 12px;}
.list-title{border-bottom:1px solid #ccc;background: #fff;}
.list-title a.list-item-title{width: 25%;display: block;float: left;text-align: center;position: relative;z-index: 100;border-right: 1px dashed #ddd;margin:5px 0;padding:5px 0;}
.list-title a.list-item-title:last-child{border-right: none;}
.list-title a.list-item-title span{color: #999;font-size: 20px;}
.list-title a.list-item-title em{display: block;font-style: normal;color: #333;font-size: 10px;}
.list-title a.list-item-title i.border-circle{font-style: normal;position: absolute;top:0;background: #ed5565;color: #fff;border-radius: 100%;width:20px;height:15px;line-height: 15px;display: block;left:50%;}
.panel-body { padding: 0px; }
hr { margin: 10px 0px; }
.text-p{margin:0;}
.bcolor { color: #434a54; }
.bgColor-white { background-color: #fff; }
.well { margin-bottom: 10px; border-radius: 0;}
.alert { margin-bottom: 10px; }
.nav-tabs.nav-justified > li { display: table-cell; width: 33.33333333333333%; }
.panel-heading { padding: 10px; }
.progress { margin-bottom: 10px; }
.panel { margin-bottom: 10px; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; }
.modal{ overflow-y:auto}
.text-overflow {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.row {margin-left: -5px; margin-right: -5px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 5px; padding-right: 5px;}
/*.text-danger{color: #d8505c;}*/
.text-des{font-size: 10px;}
.nav-tabs{border-radius: 0; background-color: #eee; border: 1px solid #ddd; border-width: 1px 0; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #fe3d3d;}
.nav-tabs>li{border-left: 1px solid #ddd;}
.nav-tabs>li:first-child>a{border-radius: 0;}
.tab-content{background-color: #fff;}
/* 全局结束 */

.title_bg{background-color: #fff;}
.pbox { padding: 10px; }
.address-box > div { position: relative; }
.address-box > div > div { position: absolute; top: 0; right: 0; }
.address-box > div > div > a > span { margin-left: 10px; }
.address-box .glyphicon { color: #434a54; }
.shopcart{margin-bottom: 10px;}
.shopcart.well{padding:0;}
.shopcart .price span.title {color: #434a54}
.shopcart .price span.purchase{background: #ed5565;padding:2px 5px;border-radius: 4px;}
.shopcart .price span.purchase a{color: #fff;}
.hr-solid{border:1px solid #ccc;margin:10px 0;}
.goods-box { position: relative;padding:10px;}
.goods-box:last-child{border-bottom: none;padding-bottom: 1px;}
.goods-box span.close_span{position: absolute;top:6px;right:10px;color: #da4453;width:20px;height: 20px;line-height: 20px;text-align: center;z-index: 100;}
.goods-box a.isClose{position: absolute;right:5px;top:5px;color: #f00;}
.goods-box img { width: 60px; height: 60px; position: absolute; }
.goods-box .name { line-height: 16px; height: 32px; overflow: hidden; padding-right: 12px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.goods-box .info { padding-left: 70px; padding-right: 10px; min-height: 60px;margin:5px 0; }
.goods-box .intro { line-height: 14px;height:14px; overflow: hidden; margin-bottom: 2px;margin-top:2px; }
.goods-box .price { }
.goods-box .price del { margin-left: 5px; }
.goods-box .sales { float: right; }
.goods-box .move { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #DA4453; }
.goods-box .specification { overflow: hidden; margin-bottom: 6px; }
.goods-box .del-goods{ position:absolute; top:8px; right:8px; color:#da4453}
.goods-box .goods-num { position: absolute;  right: 10px; bottom: 10px;z-index:99;}
.goods-box .sales-info { margin-top: 5px; padding: 5px; border: 1px dashed #ED5565; background-color: #ffdde2; }
.goods-num > * { float: left; }
.shopcart .price-sale{padding: 10px;}
.shopcart .price-sale span.title {color: #434a54}
.shopcart .price-sale span.purchase{background: #ed5565;padding:2px 5px;border-radius: 4px;margin-right: 5px;}
.shopcart .price-sale span.purchase a{color: #fff;}

.goods-num .shopcart-add, .goods-num .shopcart-minus {cursor: pointer; font-size: 20px; color: #ccc; border-top:1px solid #aab2bd;border-bottom:1px solid #aab2bd;text-align: center; padding:0 10px;background: #efefef;}
.goods-num .shopcart-add{border-right:1px solid #aab2bd;}
.goods-num .shopcart-minus{border-left: 1px solid #aab2bd;padding:0 12px;}
.goods-num .info { margin-top: 5px; margin-left: 5px; }
.goods-num input[type=tel] { width: 40px; font-size: 12px; height: 30px; text-align: center; border-radius: 0; margin-bottom: 0; margin: 0; color: #666;border:1px solid #aab2bd; }
.brand .name { text-align: center; margin-top: 10px; }
.comment-box { border-bottom: 1px #CCD1D9 dashed; padding: 10px; }
.comment-box:last-child { border-bottom: 0; padding-bottom: 0px; }
.comment-box .name { position: relative; }
.comment-box .name span { position: absolute; right: 0; bottom: 0; }
.consultation-box { border-bottom: 1px #CCD1D9 dashed; padding: 5px; }
.consultation-box:last-child { border-bottom: 0; padding-bottom: 0px; }
.consultation-box .detail { line-height: 14px; }
.consultation-box .answer { margin-top: 5px; }
.consultation-box .dateTime { margin-top: 2px; }
.layer-mask{position:absolute;z-index:1000;top:0;line-height:40px;height:40px;background:#000;opacity:0.2;max-width:650px;width:100%;}
.layer-mask a{display:block;float:right;color:#fff;padding-right:20px;}
.layer-mask a:hover{color:#ccc;}
#slides { position: relative; display: none; overflow: hidden;}
#slides img { width: 100%; }
.goods-info .producttag{color:#1CA47D}
/*.slidesjs-container {margin: -20% 0;}*/
.slidesjs-pagination { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 55; -webkit-padding-start: 0; margin-bottom: 0; font-size: 0;}
.slidesjs-pagination li { display: inline-block; }
.slidesjs-pagination li a { display: block; width: 100%; height: 0; padding-top: 2px; overflow: hidden; background-color: #CCD1D9;}
.slidesjs-pagination li a.active { background-color: #DA4453; }
.goods-info .name { margin-bottom: 5px; }
.goods-info .intro { line-height: 14px; max-height: 28px; font-size: 10px; margin-bottom: 5px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.goods-info .price { font-size: 10px;margin-bottom:5px;}
.goods-info .price span.title {color: #434a54;line-height: 20px;}
.goods-info .price span.purchase{background: #ed5565;padding:2px 5px;border-radius: 4px;margin-right: 4px;}
.goods-info .price span.purchase a{color: #fff;}
.goods-info .price span.spSalaPrice {color: #fe3d3d; font-weight: bold; }
.goods-info del { margin-left: 2px; }
.goods-info .price span.selled {float: right; font-size: 11px; color: #999; }
.goods-info .price div.info { position: absolute; right: 0; bottom: 0; }
.goods-info > div:last-child { margin-bottom: 0; }
.goods-info .well p { margin-bottom: 0; }
.goods-info .well .progress { margin-bottom: 5px; }
.specification-box .buy-num > div:first-child { margin-bottom: 2px; font-size: 10px; }
.specification:last-child { margin-bottom: 0; }
.specification .title { margin-bottom: 2px; font-size: 10px; }
.specification .badge { margin-right: 2px; }
.badge-h.danger { background-color: #ED5565; }
.badge-h.warnning { background-color: #FFCE54; }
.specification .list { margin-bottom: 10px; }
.specification .list > div { padding: 0 12px; height: 40px; line-height: 40px; font-size: 11px; cursor:pointer;border: 1px #E6E9ED solid; margin-right: 5px; margin-bottom: 5px; float: left; background-color: #fff; }
.specification .list > div.active { background-color: #ED5565; border: 1px #ED5565 solid; color: #fff; }
.btns-fixed { text-align: center; position: fixed; bottom: 0; display: block; width: 100%; max-width: 650px; background-color:rgba(0,0,0,0.5);padding:5px 0;}
.btns-fixed-padding { padding-bottom: 64px; }
.btns-fixed-margin { margin-bottom: 64px; }
.goods-detail img { max-width: 100%; }
.goods-detail tr td{text-align:left;}
.goods-list-grid > a > div { width: 50%; float: left; }
.goods-list-grid > a > div > div { margin-right: 5px; margin-bottom: 10px; }
.goods-list-grid > a:nth-child(even) > div > div { margin-right: 0; margin-left: 5px; }
.goods-list-grid img { width: 100%; }
.goods-list-grid .info { padding: 5px; background-color: #fff; line-height: 12px; }
.goods-list-grid .price { margin-bottom: 5px; }
.goods-list-grid .name { margin-bottom: 5px; line-height: 14px; height: 28px; overflow: hidden; }
.goods-list-grid .del { margin-left: 5px; }
.distributor-head{position: relative;background: #43acdc; height: 200px; width:100%;}
.memberCenter { position: relative; height: 200px;overflow: hidden;background: url(../images/user-bg.png) no-repeat; background-size: 100% 100%;}
.home-head img{ width: 100%; height: 100%;}
.home-head .info { position: absolute; top: 46px; left: 120px; color: #fff; }
.home-head .info .presentExp a span{background: #999966;}
.icon-btns { background-color: #fff; border-bottom: 1px #AAB2BD solid; margin-bottom: 10px; }
.icon-btns > a > div { float: left; width: 25%; text-align: center; padding: 5px 0px; margin: 10px 0px; border-right: 1px #CCD1D9 dashed; }
.icon-btns > a:last-child > div { border-right: 0; }
.icon-btns .icon span { font-size: 26px; }
.icon-btns .name { margin-top: 5px; }
.icon-btns a { color: #434a54; }
.act .title { padding: 5px 0px; }
.act > div { margin-top: 10px; }
.act > div:first-child { margin-top: 0; }
.act img { width: 100%; }
.collect-price { margin-left: 5px; }
.myConsultation .consultation-box { padding: 0; }

.specification .property { margin-right: 8px;font-size: 10px;color:#999;font-weight: normal; }


.panel-default .goods-list-p a:first-child{border-top:0;}
.panel-default .goods-list-p a{display: block;padding:10px;padding-bottom:5px;border-top: 1px solid #ddd;}


.panel-default{border-radius: 0;}
.panel-default>.panel-heading{border-radius: 0;}
.ship-info{padding:10px;}
.goods-list-p .name { height: 22px; margin-bottom: 2px; overflow: hidden; }
.goods-list-p .box { position: relative; margin-bottom: 5px;}

.goods-list-p .sales-info { margin-top: 5px; padding: 5px; border: 1px dashed #ED5565; background-color: #ffdde2; color: #ED5565; }
.goods-list-p .name { max-height: 18px; overflow: hidden; }
.goods-list-p .specification span { margin-right: 8px;margin-top:8px; }
.goods-list-p a:last-child .box { margin-bottom: 0; }
.goods-list-p .left { width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; }
.goods-list-p img { width: 100%; height: 100%; }
.goods-list-p .right { padding-left: 60px; min-height: 50px; padding-top:5px;}
.goods-list-p .price { position: absolute; right: 0px; top: 28px; }
.order-shopcart { position: relative; }
.order-shopcart a { position: absolute; right: 10px; top: 7px; color: #434a54; }
.order-shopcart span { margin-left: 5px; }
.order-shopcart .order-amount { position: absolute; right: 10px; top: 9px; }
.order-amount-info .sales-info { margin: 5px 0; padding: 5px; border: 1px dashed #FFCE54; background-color: #fff0cb; color: #FFCE54; }
.order-list .panel-heading { position: relative; }
.offline-help{padding:10px;}
.order-list .panel-heading span.order-amount { position: absolute; top: 9px; left: 136px; }
.order-list .panel-heading span.date { position: absolute; top: 9px; right: 10px; }
.order-list img { width: 50px; height: 50px; margin-right: 2px; margin-bottom: 5px; }
.order-list .info { position: relative; padding: 2px; }
.order-list .action { position: absolute; top: 0px; right: 0px; }
.orderMsg div, .orderMsg-error div { margin-bottom: 10px; }
.orderMsg .glyphicon { color: #8cc152; }
.orderMsg-error .glyphicon { color: #DA4453; }
.offline-help img { width: 100%; height: 100%; }

.shoppingStepBar { margin: 16px 20% 0; }
.goods-box-shopcart .price { margin-top: -8px;}
.goods-box-shopcart .specification span { margin-right: 2px; }
.shoppingStepBar .step{float: left;width: 33.33333333333%;}
.shoppingStepBar .step i{position: relative;top:-10px;border-bottom: 2px solid #ccc;display: block;}
.shoppingStepBar .step .glyphicon { color: #fff; padding: 2px; border-radius: 15px; background-color: #CCD1D9; font-size: 10px;z-index: 100; }
.shoppingStepBar .active { border-color: #ED5565; }
.shoppingStepBar .active .glyphicon { background-color: #8cc152; }
.shoping-title{font-size: 10px;}
.shoppingStepBar .step em{font-style: normal;display: block;font-size: 10px;}
.shoppingStepBar .step:first-child i{margin-right: -50%;}
.shoppingStepBar .step:last-child i{margin-left: -50%;}
.shopping-cart-amount{background: #fff;}
.well{border-radius: 0;}
.text-danger{color: #ed5565;}
.order-amount-info { background-color: #fff; }
.order-amount-info div { margin-top: 10px; }
.order-amount-info p span { width: 80px; text-align: right; display: inline-block; }
.slides-collect-btn { position: relative; }
.slides-collect-btn span { position: absolute; right: 0px; margin: 10px; z-index: 11; color: #DA4453; font-size: 28px; }
.goods-list-bar { padding: 0 0 5px 0px; margin-top: 10px; }
.list-rank a { color: #434a54; }
.list-rank { position: relative; background-color: #E6E9ED; }
.list-rank div { width: 22%; float: left; text-align: center; padding: 8px 0; }
.list-rank div.sort-action { padding: 0; background-color: #F6BB42; height: 36px; line-height: 36px; color: #fff; }
.list-rank div span.glyphicon { display: none; }
.list-rank div span.glyphicon { font-size: 12px; }
.list-rank div.show { width: 12%; }
.list-rank div.show span.glyphicon { display: inline; }
.list-rank div.up span.glyphicon-arrow-up { display: inline; }
.list-rank div.down span.glyphicon-arrow-down { display: inline; }
.list-sort-panel .panel-body { padding: 10px 10px 5px 10px; }
.list-sort-panel .panel-body a { padding: 4px 15px; float: left; margin: 0 10px 10px 0; border: 1px solid #E6E9ED; font-size: 12px; border-radius: 23px; color: #434a54; }
.list-sort-panel .panel-body a.active { border: 1px solid #F6BB42; }
.list-sort-panel .jt { position: absolute; font-size: 30px; color: #fff; top: -18px; right: 8%; }

.custom-row{ background-color:#fff; margin:0; border-bottom:1px solid #ddd;}
.custom-row div{ text-align:center; margin:5px 0;}
.custom-row div + div {border-left:1px dashed #ddd;}
.custom-row div span{ width:100%; display:block; color:#fe3d3d; font-size:16px; }
.custom-row div p{ margin-bottom:0;}
.commission-list li.list-group-item{border-radius: 0;border: none;}
.commission-list span.left{ float:right; text-align:left;}
.commission-list b{ color:#999; font-weight:normal;}
.commission-list p{ font-size:16px;}
.commission-list p span{ color:#8cc152;}
.commission{ font-size:12px;position: relative;}
.commission div{position: absolute;top:10px;left:120px;}
.commission strong{ font-size:24px; font-weight:normal; color:#8cc152;}
.commission p a{ float:right; padding:0 8px; display:block; border:1px solid #da4453;background: #da4453;color: #fff; border-radius:0px;font-size: 14px;}





.template { z-index: 2; color: #fff; position: absolute; text-align: center; bottom: 20px; width: 100%; max-width: 650px; }
.template .box { float: left; background-color: #fff; width: 140px; height: 40px; text-align: center; padding: 10px 0px; font-size: 14px; margin: 1px; color: #444;  filter: alpha(opacity:80);
opacity: 0.8; overflow: hidden; display: inline-block; }
.template .list { width: 285px; display: inline-block; }
.template-2 { z-index: 2; color: #fff; position: absolute; text-align: right; bottom: 20px; right: 20px; width: 100%; max-width: 650px; }
.template-2 .list { display: inline-block; }
.template-2 .box { background-color: #fff; width: 140px; height: 40px; text-align: center; padding: 10px 0px; font-size: 14px; margin: 1px; color: #444;  filter: alpha(opacity:80);
opacity: 0.8; overflow: hidden; }

.memberorders-title li{width:33.33333333333333%;float: left;text-align: center;line-height: 36px;cursor: pointer;}
.list-empty { margin-top: 180px; font-size: 2em; text-align: center;}
.list-empty span { top: -4px; font-size: 100px;display: block;text-align: center;color: #ccc;}
.list-empty em{font-size:12px;font-style: normal;display: block;text-align: center;color: #ccc;}
.btns { margin-bottom: 10px; }
.span-r-80 { display: inline-block; width: 80px; text-align: right;}
.badge-h { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #aab2bd; border-radius: 10px; }
.label-h { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #aab2bd; }
.badge-danger, .label-danger { border-color: #da4453; background-color: #da4453; }
.list-group-item > .badge-h { float: right; }
.badge-success, .label-success { border-color: #8cc152; background-color: #8cc152; }


/*--------------------------------------------------------------index-2-------------------------------------------------------------------*/
.index-2 { padding: 12px 6px; }
.index-2 > div { float: left; width: 25%; padding: 0 6px 12px; }
.index-2 a { display: block; text-align: center; padding: 10px 0; color: #434A54; background-color: #fff; }
.index-2 img { width: 30px; height: 30px; margin-bottom: 3px; }
.index-2 span { font-size: 30px; margin-bottom: 10px; color: #ED5565; }
.index-2 p { margin-bottom: 0px; margin-top: 5px; font-size: 12px; }
/*--------------------------------------------------------------index-3-------------------------------------------------------------------*/
.index-3 { padding: 12px 6px; }
.index-3 > div { float: left; width: 50%; padding: 0 6px 12px; }
.index-3 a { display: block; }
.index-3 a img { width: 100%; }
/*--------------------------------------------------------------index-4-------------------------------------------------------------------*/
.index-4 { position: absolute; bottom: 60px; width: 100%; max-width: 650px; margin: 0 auto; }
.index-4 div { text-align: right; padding-right: 20px; }
.index-4 a { display: inline-block; padding: 8px 40px; background-color: rgba(0,0,0,0.4); margin-bottom: 10px; color: #fff; }
/*--------------------------------------------------------------index-5-------------------------------------------------------------------*/
.index-5 { padding: 12px 9px; }
.index-5 div { float: left; width: 33.33333333333333%; padding: 0 3px 6px; }
.index-5 div a { padding: 8px 5px; background-color: #fff; border: 1px #48CFAD solid; width: 100%; display: block; text-align: center; color: #48CFAD; white-space: nowrap; height: 38px; overflow: hidden; }
.index-5 div a span { margin-right: 5px; color: #48CFAD; }
.index-5 div a img { width: 14px; height: 14px; margin-right: 5px; margin-top: -2px; }
/*--------------------------------------------------------------index-6-------------------------------------------------------------------*/
.index-6 { padding: 20px; }
.index-6 .list-group .glyphicon { top: 3px; padding: 0; }
/*--------------------------------------------------------------index-7-------------------------------------------------------------------*/
.index-7 { padding: 20px 10px; }
.index-7 > div { float: left; width: 25%; padding: 0 10px 20px; }
.index-7 a { display: block; text-align: center; color: #434A54; }
.index-7 img { width: 60px; height: 60px; margin-bottom: 4px; }
.index-7 a div { margin-bottom: 4px; text-align: center; width: 60px; height: 60px; background: #AC92EC; display: inline-block; border-radius: 60px; padding-top: 20px; }
.index-7 a div span { color: #fff; font-size: 20px; }
.index-7 p { margin-bottom: 0px; margin-top: 5px; font-size: 12px; }
/*移动端增加退出按钮*/
.badge-logout { border-color: #ff006e; background-color: #ff006e; }
.badge-logout a { color: #fff; }
/*可提现佣金*/
ul { list-style: none; padding: 0; }
.cash-commission { background: #da4950; color: #fff; padding: 15px; }
.cash-commission h2 { font-size: 55px; font-weight: normal; }
.cash-commission a { display: block; float: right; margin-top: 0; padding: 5px 10px; border: 1px solid #fff; border-radius: 2px; color: #fff; }
/*checkcash*/
.check_cash { margin-top: 15px; }
.check_cash span { text-align: right; }
.check_cash ul li { display: block; padding: 10px 15px; margin-bottom: -1px; border-bottom: 1px solid #ddd; }
.check_cash ul li.last { border-bottom: none; }
.check_cash em { font-style: normal; color: #FF0000; font-weight: 400; }
/*文章样式*/
.articlelist ul { margin: 10px; }
.articlelist ul li { font-size: 14px; text-align: left; list-style-type: circle; line-height: 35px; border-bottom: 1px solid #ccc; margin: 0px; padding: 0px; }
.articledetail { margin: 10px 0px; }
.articledetail .h2 { font-size: 20px; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px; line-height: 30px; }
.articledetail .art_add_date { text-align: center; }
/*development-referral start*/
.development-referral { padding-top: 20px; }
.development-referral img { width: 220px; height: 220px; }
.development-referral h4 { font-size: 18px; line-height: 50px; }
.development-referral p { line-height: 40px; }
/*development-referral end*/

/*applyResult*/
.app-result { margin-top: 15px; }
/*commission-detail start*/
.commission-detail { padding-top: 10px; }
.commission-detail div.form-group { border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.commission-detail div.form-group label { text-align: right; width: 130px; }
/*commission-detail end*/
.apply p { margin-top: -8px; }
.fill_info .form-group{margin-top: 15px;}
/*menu-h start*/
.menu-h li { width: 100px; float: left; line-height: 34px; text-align: center; }
/*menu-h end*/
.applyForm { line-height: 34px; }
#form span { background: #fff; color: #999; }
/*referral start*/
.referral { border-bottom: 1px solid #E4E6E9; padding: 10px; }
.search { border-bottom: 1px solid #E4E6E9; }
.referral img { width: 50px; height: 50px; float: left; margin-right: 10px; }
.referral div.left { float: left; margin-top: 5px; color: #434a54; }
.referral div.left span.describe { font-size: 12px; color: #999999; }
.referral div span b { font-size: 12px; font-weight: bold; color: #a94442; }
.referral span.right { float: right; color: #999999; margin-top: 18px; }
/*referral end*/


/* see-shop start*/
.pbox .attention{margin:30px 20px 30px 0;}
.pbox .attention p{text-indent: 30px;}
/* see-shop end*/

/* name-card start*/
.pbox p.nameCard{padding-bottom: 7px;padding-top: 7px;margin-bottom: 0;background: #e5e9ec;margin-top:5px;text-indent: 10px;
	border-radius: 5px;}
/* name-card end*/

/*choose-goods start*/
.choose-goods{margin-bottom:40px;}
/*choose-goods end*/

/*application-description start*/
.description{position: relative;}
.description img{width:100%;}
.description a{display: block;position: absolute;bottom: 0px;}
.description strong{font-size: 24px;padding-bottom: 10px;display: block;}
/*application-description end*/

/*stroe-twocode start*/
.twocode{text-align: center;}
.twocode img{width: 300px;height:300px;}
.twocode a{display: block;}
/*stroe-twocode end*/

/*commission-details start*/
ul.con-title{border-bottom: 1px solid #ddd;padding-top:-15px;}
ul.con-title li{float: left;width: 50%;text-align: center;line-height: 36px;cursor: pointer;}
.activenum{border-bottom:2px solid #da4453; margin-bottom:-1px; }
.activenum a{color:#da4453;}

.commissioninfo,.cash-records .recordinfo{padding-top:10px;cursor: pointer;}

.commissioninfo .left{float: left;font-size: 12px;margin-left:5px;}
.commissioninfo .left div,.commissioninfo .right div{line-height: 30px;}
.commissioninfo .right em{font-style: normal;}
.commissioninfo .right{float: right;margin-right: 13px;font-size: 12px;}
.commissioninfo .right strong.text{color: #8cc152;}

.cash-records .recordinfo{font-size: 12px;margin-left: 5px;}
.cash-records .recordinfo p strong{font-size: 12px;font-weight: 400;}
.cash-records .recordinfo p span{float: right;margin-right: 10px;}
.cash-records .recordinfo p span em{font-size: 16px;font-style: normal;font-weight: 600;color: #8cc152;}
/*commission-details end*/

/*all-orders start*/
ul.orders-title{border-bottom: 2px solid #ddd;margin-bottom: 10px;}
.active a{color:#da4453; }
.ordersinfo p{font-size: 12px;padding-left:5px;padding-bottom: 5px;margin:0;}
.ordersinfo strong{float: right;padding-right: 10px;}
.ordersinfo strong em{font-style: normal;color: #8cc152;}
.ordersinfo strong i{font-style: normal;color: #999;}
/*all-orders end*/

/*commission-orders start*/
ul.orders-title li{width: 50%;float: left;text-align: center;line-height: 36px;cursor: pointer;}
ul.orders-title li a,ul.con-title li a{display: block;}
.orders-subtitle{font-size: 12px;}
.orders-subtitle em{font-style: normal;float: right;}
.ordersinfo .fir img{float: left;margin-right: 10px;width:60px;height:60px;}
.ordersinfo .fir div{float: left;margin-top: 5px;width: 50%;font-size: 12px;}
.ordersinfo .fir div span{height: 33px;overflow: hidden;display: block;}
.ordersinfo .fir div p em{float: right;font-style: normal;}
.ordersinfo .fir p{clear: both;font-size: 12px;padding-left: 0;padding-top:5px;margin:0;}
.ordersinfo .fir p strong{float: right;font-style: normal;font-size: 14px;}
.ordersinfo .fir p strong em{font-style: normal;color: #8cc152;}
.ordersinfo .fir p strong i{font-style: normal;color: #999;}


.member-orders-nav{background: #fff;position:relative;padding-bottom:0;}
.member-orders-nav p{margin:0px;line-height: 20px; font-size: 16px;}
.member-orders-nav .nav-title{margin-bottom: 8px;position: relative;}
.member-orders-nav .nav-title a{position: absolute;right:0;top:6px;}
.member-orders-nav .nav-title .nav-title-left,.member-orders-nav .nav-title .nav-title-middle{float: left;}
.member-orders-nav .nav-title .nav-title-left p span.text-right,.member-orders-nav .nav-title .nav-title-middle p span.text-right{display: inline-block;padding-right: 5px;}
.member-orders-nav button.nav-title-right{float: right;margin-top:40px;}
.member-orders-nav .nav-title .nav-title-middle{float: right;}
.member-bottom{padding:10px;}
.member-orders-content{padding:10px 0;position: relative;}
.member-orders-nav hr:last-child{border:none;}
.member-orders-content img{position:absolute;width: 60px;height:60px;}
.member-orders-content p em{font-style: normal;padding-right: 5px;}
.member-orders-content .info{margin-left:70px;min-height: 50px;margin-top:5px;margin-bottom:5px;}
.member-orders-content .info a.btn-have{float: right;margin-top:-13px;}
.member-orders-content .info p span{padding-left: 5px;}
.member-orders-content .info p del{padding-left: 5px;}
.member-orders-content .info p.update-price a{padding:0px 6px;background: #ed5565;color: #fff;float: right;cursor: pointer;}
.member-orders-content .info .name{height: 20px; line-height: 20px; padding-right: 12px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.modal-dialog .modal-header{padding:0;background: #ed5565;border-top-left-radius:4px;border-top-right-radius:4px;}
.modal-dialog .modal-header button{padding: 8px 10px;color:#fff;opacity: .8;}
.modal-dialog .modal-header .modal-title{color:#fff;font-size: 14px;padding: 5px 10px;font-weight: lighter;}
.modal-dialog .modal-body {padding-left: 20px;padding-top: 20px;}
.modal-dialog .modal-body b{font-weight: lighter;display: block;padding-left: 60px;line-height: 25px;}
.modal-dialog .modal-body b em{font-style: normal;}
.modal-dialog .modal-body .input-group{width:100%;margin:0;}
.modal-dialog .modal-body .input-group span{display: inline-block;height:25px;position: relative;top:-1px;left:-1px;width:40px;background: #ed5565;border:1px solid #ed5565;}
.modal-dialog .modal-body input{padding: 3px 6px;font-size: 12px;width:60%;color: #666;display: table-cell;border:1px solid #ddd;}
.modal-dialog .modal-footer button{padding:3px 6px;border-radius: 0;box-shadow: none;font-size: 12px;}

.member-orders-content .info .specification .property{color: #999;}
.member-orders-content .info .specification span em{font-style: normal;}
.text-color{color:#8cc152;}




/*commission-orders end*/

/*friends-circle start*/
.firends-circle .list-item .content div{float:left;width:33.33333333333333333%;}
.firends-circle .list-item .content div img{width:100%;height:100%;}
.list-item{border-bottom:1px solid #ccc;margin-bottom:10px;}
.list-item p{font-size:12px;color:#999;}
.wechart-img div img{width:100%;padding:5px 0;}
/*friends-circle end*/


/*fill-information start*/
.apply div label{font-weight: 400;}
.apply p i{padding-right: 5px;}
.pbox .content div{width: 33.33333333333333%;float: left;position: relative;cursor: pointer;}
.pbox .content div img{width: 100%;height: 100%;padding:5px;position: relative;z-index: 100;}
.pbox .content.wechart-img div img{width: 100%;height: 100%;padding:5px 0;}
.distributor .storeLogo .upFile p{margin-top:40px;}
form div .upFile p{margin-top:40px;}
.bgstore p,.storeLogo p{font-weight: 700;margin-bottom: 5px;}
.upFile{position: relative;}
.upFile .bgImg{width:100px;height: 100px;float: left; margin-bottom: 20px; margin-right: 10px;}
.upFile img{width:100%;height:100%;}
.upFile .icheckbox_flat-red{left:0px;}
.upFile .adds{width: 100px;height:100px;color:#fff;position: absolute;top:0;text-align: center;line-height: 100px;font-size: 28px;font-weight: 600;cursor: pointer;}
.upFile .adds input{position: absolute;top:0px;width:100px;height:100px;display: block;overflow: hidden;text-indent: -9999px;opacity: 0;}
.upFile label{position: absolute;left:110px;top:80px;padding-left:25px;}


/*fill-information end*/
.check_right{background: url(../images/check.png) no-repeat;position: relative;right: 0;}

/*sale-service start*/
.sale-service{border-bottom: 1px solid #ddd;padding-bottom:10px;margin-bottom:10px;text-align: center;}
.sale-service a{float:left;width:33.3333333333333%;display: block;}
.sale-service a img{width: 100%;}
.service a i{left:-10px;}

/*sale-service end*/


/*deposit-record start*/
.commission-title tr th{font-weight: 400;}
.commission-title tr th,tr td{text-align: center;}
/*deposit-record end*/

/*first-index start*/
.index-img{width:100%;height:100%;}
.index-img img{width:100%;}
.firIndex{position: absolute; top: 100px; padding: 10px; min-height: 74px; z-index: 999;}
.firIndex img{width: 50px;height: 50px; position: absolute; left: 10px; border: 4px solid #fff;}
.firIndex div{margin-left: 90px;}
.firIndex div span{font-weight: bold;}
.firIndex div p{font-size: 10px; margin-bottom: 0;}
.pbox nav{text-align:center;margin-top:-10px;}
.index-content{min-height: 80px; padding: 0;position: relative;}
.index-content .title {font-size: 10px; line-height: 15px; height: 28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-content .price {font-size: 11px; margin-top: 5px;}
.index-content .info {padding: 10px;}
.index-content img{width:100%;cursor: pointer;}
.index-content span {float: right;}
.index-content span.sale-favourable{border-radius: 100%;background: rgba(237,85,101,0.75);padding-top:7px;width:40px;height:40px;color:#fff;text-align:center;position:absolute;z-index: 1;top:10px;left:10px;font-size: 10px;}
.index-content span.sale-favourable i{font-style: normal;display: block;height:12px;font-size: 12px;}
.content_real{width: 100%;}
.myproduct .right{font-size: 40px;text-align:center;background: rgba(51,51,51,.5);font-size:40px;display:none;position: absolute;top:0;cursor: pointer;color: #0f0;}
.myproduct .right span{padding:50%;display: block;}
.copyright a {color: #999;}
/*first-index end*/

/*register start*/
.pbox form .form-group button{width: 45%;}
.pbox form .form-group button:last-child{float: right;}
/*register end*/


/*my-goods start*/
.search_img{float: left;margin-right: 10px;cursor: pointer;color: #CCD1D9;}
.dropdown .glyphicon{font-size: 30px; }
.search_input .text{width:100%;padding:5px;border:1px solid #ccc;border-radius: 4px;}
.color{color: #da4453;}
.class_goods{padding-bottom: 10px;}
.class_goods .dropdown{padding-top: 9px;}
.open .classify-icon{background:url(../images/class_bg.png) no-repeat;}
.classify-icon{cursor: pointer;margin-top:5px;border:none;background:url(../images/class_hover.png) no-repeat;width: 34px;height: 34px;line-height:34px;margin-left:10px;float: left;}
.pbox .dropdown .input-group{width:80%;}
.pbox .dropdown .input-group input{margin-top: 2px;}
.pbox ul.submenu{width: 1%;min-width: 100px;background:#ccc;}
.pbox ul.submenu li a{color:#fff;}
.pbox ul.submenu li:hover a{background:#fff;color:#cf1818;}
.pbox .dropdown .input-group-addon{border:none;background: none;height:34px;float: left;display: block;width: 40px;margin-top: 1px;}
.pbox .dropdown .glyphicon-search{background: #da4453;padding:9px 10px;color:#fff;font-size: 14px;margin-left:-35px;border-bottom-right-radius: 4px;border-top-right-radius:4px;}
.pbox .dropdown input{width:60%;float: left;}
.pbox .dropdown label{position: absolute;top:10px;right: 0;padding-top: 8px;}
.pbox .dropdown label .icheckbox_flat-red{float: right;margin-right:10px;}
.index-content .content-right{padding: 10px;}
.distributors .content-right{position: relative;}
.distributors .content-right a{position: absolute;top:0;right: 0;padding:4px 6px;}
.distributors .content-right div{width:78%;font-size: 12px;line-height: 25px;}
.distributors .content-right div.price span{margin-left: 10px;}
.distributors .content-right div.price em{font-style:normal;color: #8cc152;font-weight: bold;}
.distributor .content div span {display: none;}
.distributor .content div {border: 0;}
.distributor .content div.disactive span {display:block; height:0px; width:0px;position: absolute;right: 0;bottom: 0;padding:0; border:5px solid #ed5565; border-color:transparent #ed5565 #ed5565 transparent; border-style:dashed solid solid dashed; line-height:0px;z-index:99;}
.distributor .content div.disactive {border: 2px solid #ed5565;}
.content-right div a{font-size: 12px;overflow: hidden;height: 35px;display: block;}
/*my-goods end*/



/*productDetail*/
ul.product_detail li{
	width: 33.3333333%;
	text-align: center;
}

.btn-fixed-top{
	position: fixed;
	top: 10px;
	margin-left: 10px;
	z-index: 99;
	display: block;
	width: 100%;
	max-width: 650px;
	opacity:0.85;
}
.content-right .icheckbox_flat-red, .iradio_flat-red{position: absolute;top:0;right: 0;}
.member-orders{padding: 10px;}
.myproduct{padding-bottom: 20px;}
/*选择退换货商品*/
.choose_goods .title{padding:10px;padding-bottom:0;}
.choose_goods .title em{font-style: normal;}
.choose_goods .choose_goods_content{position: relative;padding:10px;}
.choose_goods .choose_goods_content img{position: absolute;width: 60px;height:60px;}
.choose_goods .choose_goods_content .info {margin-left:70px;padding-top:5px;padding-bottom:5px;min-height: 50px;}
.choose_goods .choose_goods_content .info p{line-height: 16px;height:32px;overflow:hidden;margin-bottom: 0;}
.choose_goods .choose_goods_content .info button{float: right;padding: 2px 4px;height:20px;line-height: 16px;font-size: 11px;}
.choose_goods span{float: right;}
    
/*退货提交申请*/
    .well{border-radius: 0;}
textarea{border-color:none;box-shadow: none;}
.apply-refund.well{padding: 0;}
.apply-refund .choose_goods_content{position: relative;padding:10px;border-bottom: 1px solid #ddd;}
.apply-refund .choose_goods_content img{position: absolute;width: 60px;height:60px;}
.apply-refund .choose_goods_content .info {margin-left:70px;padding-top:3px;padding-bottom:5px;min-height: 50px;}
.apply-refund .choose_goods_content .info p{line-height: 16px;height:32px;overflow:hidden;margin-bottom: 0;}
.apply-refund span{float: right;}
   
/*我要申请*/
.title_bg{background: #fff;}
.my-apply.well{padding: 0;} 
.my-apply .title{padding:10px;padding-bottom:5px;border-bottom: 1px solid #ddd;}
.my-apply .title em{font-style: normal;}
.my-apply .my-apply-content{position: relative;padding:10px;border-bottom: 1px solid #ddd;}
.my-apply .my-apply-content:last-child{border-bottom: none;}
.my-apply .my-apply-content img{position: absolute;width: 60px;height:60px;}
.my-apply .my-apply-content .info{margin-left:70px;padding-top:3px;padding-bottom:5px;min-height: 60px;}
.my-apply .my-apply-content .info i{font-style:normal;}
.my-apply .my-apply-content .info p{line-height: 16px;overflow:hidden;margin-bottom: 0;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.my-apply .my-apply-content .info button{float: right;padding: 2px 4px;height:20px;line-height: 16px;font-size: 11px;}
.my-apply span{float: right;}
/*进度查询*/
    body{font-size: 12px;}
.title_bg{background: #fff;}
.well{border-radius: 0;}
.progress-check{padding:10px;}
.progress-check .title{padding-bottom:5px;}
.progress-check .info{padding-top:10px;position: relative;}
.progress-check .info div{line-height: 20px;white-space:nowrap;overflow: hidden;width:96%;}
.progress-check span.glyphicon{position: absolute;right:0;top:40px;color: #ccc;}
/*进度明细*/
    p{margin:0;}
    .progress-detail.well{padding:0;}
    .progress-detail .progress-detail-title{padding:10px;border-bottom: 1px solid #ddd;}
    .progress-detail .progress-detail-title p{line-height:20px;}
    .progress-detail .progress-detail-content{padding:10px;}
    .progress-detail .progress-detail-content div{line-height: 20px;}
    .progress-detail .progress-detail-content span{float: left;line-height: 20px;}
    .progress-detail .progress-detail-content p{width:80%;line-height: 20px;float:left;overflow: hidden;}
    .progress-detail .progress-detail-content div:last-child p{height:20px;}
    .progress-follow .progress-detail-title{padding:10px;padding-bottom:5px;border-bottom: 1px solid #ddd;}
    .progress-follow.well{padding:0;}
    .progress-follow .follow-content{padding:10px;}
    .progress-follow .follow-content p{line-height: 20px;}
    .progress-follow .follow-content span{padding-right: 10px;width: 35%;display: inline-block;}
    /*购物车*/
    .shoppingStepBar .step{float: left;width: 33.33333333333%;}
    .shoppingStepBar .step i{position: relative;top:-10px;border-bottom: 2px solid #ccc;display: block;}
    .shoppingStepBar .step .glyphicon { color: #fff; padding: 2px; border-radius: 15px; background-color: #CCD1D9; font-size: 12px;z-index: 100; }
    .shoppingStepBar .active { border-color: #ED5565; }
    .shoppingStepBar .active .glyphicon { background-color: #ff6866; }
    .shoping-title{font-size: 10px;}
    .shoppingStepBar .step em{font-style: normal;display: block;font-size: 12px;}
    .shoppingStepBar .step:first-child i{margin-right: -50%;}
    .shoppingStepBar .step:last-child i{margin-left: -50%;}
    /*商品详细活动显示*/
        .price{margin-bottom:5px;position: relative;}
    .price span.title{color:#666;float: left;}
    .all-action {line-height: 20px;float: left;}
    .all-action .actionnone{display: none;}
    .all-action .action span.purchase{background: #ed5565;padding:2px 5px;border-radius: 4px;margin-right: 4px;}
    .all-action .action span.purchase a{color: #fff;}
    .price em{font-style: normal;line-height:20px;float: left;cursor:pointer;}
    /*小店排名和团队排名*/
.main-box{
    overflow: hidden;
    display: block;
    font:14px/1.8em "微软雅黑",Arial,Verdana,sans-serif;
}

.main-box .top-tags{
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}

.main-box .top-tags a{
    width: 50%;
    float: left;
    line-height: 2;
    font-size: 14px;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    text-align: center;
    color: #333333;
}

.main-box .top-tags a:hover{
    color: #ff4a02;
}

.main-box .store-top{
    width: 100%;
    padding-top: 61px;
}

.main-box .store-top .my-store-top{
    padding: 5px 19px;
    border-top: 1px solid #eaeaea;
    background: #fff;
    position: fixed;
    top: 47px;
    left: 0;
    z-index: 9;
    display: inline-block;
}

.main-box .store-top .my-store-top .my-num{
    line-height: 50px;
    float: left;
    min-width: 10%;
}

.main-box .store-top .my-store-top .my-img{
    width: 50px;
    height: 50px;
    float: left;
}

.main-box .store-top .my-store-top .my-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.main-box .store-top .my-store-top .my-exp{
    float: left;
    height: 50px;
    margin-left: 19px;
    overflow: hidden;
}

.main-box .store-top .my-store-top .my-exp .exp-my{
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.main-box .store-top .my-store-top .my-exp .exp-my span{
    float: left;
}

.main-box .store-top .my-store-top .my-exp .exp-my em{
    float: right;
    color: red;
}

.main-box .store-top .my-store-top .my-exp .exp-bottom{
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #c0beaf;
    position: relative;
}

.main-box .store-top .my-store-top .my-exp .exp-bottom em{
    height: 4px;
    border-radius: 2px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
}
.top li{
    width: 94%;
    height: 50px;
    padding: 5px 19px;
    border-top: 1px solid #eaeaea;
    box-sizing: content-box;
    display: inline-block;
}

.top li .top-num{
    line-height: 50px;
    float: left;
    min-width: 10%;
}

.top li .top-img{
    width: 50px;
    height: 50px;
    float: left;
}

.top li .top-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.top li .top-exp{
    float: left;
    height: 50px;
    margin-left: 19px;
    overflow: hidden;
}

.top li .top-exp .exp-top{
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.top li .top-exp .exp-top span{
    float: left;
}

.top li .top-exp .exp-top em{
    float: right;
    color: red;
}

.top li .top-exp .exp-bottom{
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #c0beaf;
    position: relative;
}

.top li .top-exp .exp-bottom em{
    /*width: 50%;*/
    height: 4px;
    border-radius: 2px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
}
/*向上向下滚动的图标样式*/
.scrolltools {
    position: fixed;
    top: 100px;
    right: 10px;
    display: block;
    margin: -30px 0 0 2px;
    width: 40px;
    background: #f4f4f4;
    border: 1px #cdcdcd solid;
    border-radius: 3px;
    border-top: 0;
    cursor: pointer;
    z-index:999;
}

.scrolltools a {
    background: url("../images/scrolltop.png");
    border-top: 1px solid #CDCDCD;
    color: #787878;
    display: block;
    height: 24px;
    line-height: 12px;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    box-sizing:content-box;
}
.toTop {
    background-position: 0 0 !important;
}
.toReply {
    background-position: 0 -30px !important;
}
.toList {
    background-position: 0 -60px !important;
}
.toBottom {
    background-position: 0 -90px !important;
}
.toTop:hover {
    background-position: -40px 0 !important;
}

.toReply:hover {
    background-position: -40px -30px !important;
}
.toList:hover {
    background-position: -40px -60px !important;
}
.toBottom:hover {
    background-position: -40px -90px !important;
}
/*红包样式*/

.redpagershow{text-align: center;}

.mid-nav{
	position: relative;
	margin: 10px 0 20px 0; 
	width: 100%;
	height: 75px;
	overflow: hidden;
}

.mid-nav .mid-nav-tags{
	position: absolute;
	top: 0;
	left: 0;
	height: 75px;

}

.mid-nav .mid-nav-tags li{
	float: left;
	position: absolute;
	height: 75px;
}

.mid-nav .mid-nav-tags li a{
	width: 24%;
	height: 100%;
	margin: 0 0.5%;
	float: left;
}

.mid-nav .mid-nav-tags li a img{
	width: 100%;
	height: 100%;
}

.mid-nav .mid-nav-pointer{
	width: 90%;
	margin: 0 5%;
	position: absolute;
	top: 35%;
	left: 0px;
	z-index: 9;
}

.mid-nav .mid-nav-pointer li{
	color: #fff;
	font-size: 20px;
}

.mid-nav .mid-nav-pointer .mid-nav-pointer-left{
	float: left;
}

.mid-nav .mid-nav-pointer .mid-nav-pointer-right{
	float: right;
}

.right-tags{
	width: 12.6%;
	position: fixed;
	bottom: 60px;
	right: 15px;
	z-index: 99;
}

.right-tags li{
	width: 100%;
	margin-top: 10px;
}

.right-tags li.right-tags-service a{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 1px solid #8a8c8f;
	background: #fff url("../images/tags-img-1.png") center center no-repeat;
	background-size: 75%;
	opacity:0.8;
	float: left;
}

.right-tags li.right-tags-select a{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 1px solid #8a8c8f;
	background: #fff url("../images/tags-img-2.png") center center no-repeat;
	background-size: 75%;
	opacity:0.8;
	float: left;
}

footer .glyphicon{
	width: 20px;
	height: 20px;
	background: url("../images/footer-tags.png") no-repeat;
	background-size: 205%;
	margin-top: 6px;
}

footer .footer-div-home div{
	background-position: 0px 2px;
}

footer .footer-div-home-over div{
	background-position: -21px 2px;
}
footer .footer-div-home-over p{
	color:red;
}
footer .footer-div-type div{
	background-position: 0px -18px;
}
footer .footer-div-type-over p{
	color:red;
}
footer .footer-div-type-over div{
	background-position: -21px -18px;
}

footer .footer-div-cart div{
	background-position: 0px -37px;
}
footer .footer-div-cart-over p{
	color:red;
}
footer .footer-div-cart-over div{
	background-position: -21px -37px;
}

footer .footer-div-my div{
	background-position: 0px -58px;
}
footer .footer-div-my-over p{
	color:red;
}
footer .footer-div-my-over div{
	background-position: -21px -58px;
}

footer .footer-div-shop div{
	background-position: 0px -77px;
}
footer .footer-div-shop-over p{
	color:red;
}
footer .footer-div-shop-over div{
	background-position: -21px -77px;
}

.pbox-select{
	background: #f2f2f2;
	padding: 10px 20px;
}

.pbox-select .pbox-select-border{
	border: 1px solid #cccccc;
	width: 100%;
	height: 35px;
	background: #fff url("../images/lens.png") 5% center no-repeat;
	background-size: 5%;
	position: relative;
}

.pbox-select .pbox-select-border input{
	border: 0;
	width: 88%;
	height: 100%;
	float: right;
}

.pbox-select span{
	width: auto;
	display: inline-block;
	position: absolute;
	right: -1px;
	top: -1px;
}

.pbox-select span .btn{
	border-radius: 0;
}

.pbox-select-tags{
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;
}

.pbox-select-tags li{
	width: 30.33333%;
	margin: 10px 1.5%;
	background: #f8f8f8;
	float: left;
}

.pbox-select-tags li .select-tags-img{
	width: 100%;
}

.pbox-select-tags li .select-tags-img img{
	width: 100%;
	height: 100%;
}

.pbox-select-tags li .select-tags-name{
	width: 100%;
	line-height: 2;
	font-size: 16px;
	color: #141414;
	text-align: center; 
}

.login-name{
	width: 100%;
	margin-bottom: 20px;
	background: #fff;
	font-size: 16px;
	line-height: 3;
	display: inline-block;
}

.login-name span{
	font-size: 26px;
	float: left;
	margin: 10px 0 0 10px;
}

.login-name input{
	border: 0;
	width: 85%;
	float: right;
}

.login-btn{
	padding: 12px 12px;
	margin-bottom: 20px;
	border-radius: 0;
	font-size: 18px;
 
}

.memberCenter .user-photo{
	width: 86px;
	height: 86px;
	position: absolute;
	top: 25px;
	border-radius: 50%;
	background-size: 45%;
	text-align: center;
	line-height: 120px;
	border: 3px solid rgba(0,0,0,0.1);
}

.memberCenter .user-photo a{
	width: 100%;
	height: 100%;
}

.memberCenter .user-photo a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.memberCenter .user-photo span{
	width: 18px;
	height: 18px;
	background: #fb5959;
	position: absolute;
	bottom: 10px;
	right: -5px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
}

.memberCenter .user-name{
	width: 100%;
	color: #666;
	text-align: center;
	font-size: 20px;
	margin-top: 115px;
}

.memberCenter .user-tags{
	width: 100%;
	height: 55px;
	background: url("../images/user-tags-bg.png") repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

.memberCenter .user-tags li{
	width: 25%;
	height: 100%;
	border-left: 1px solid #ccc;
	margin-left: -1px;
	float: left;
}

.memberCenter .user-tags li a{
	width: 100%;
	padding-top: 33px;
	float: left;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

.memberCenter .user-tags li a.order{
	background: url("../images/user-tags-1.png") center 5px no-repeat;
	background-size: 35%;
}

.memberCenter .user-tags li a.pay{
	background: url("../images/user-tags-2.png") center 5px no-repeat;
	background-size: 35%;
}

.memberCenter .user-tags li a.delivery{
	background: url("../images/user-tags-3.png") center 5px no-repeat;
	background-size: 35%;
}

.memberCenter .user-tags li a.return{
	background: url("../images/user-tags-4.png") center 5px no-repeat;
	background-size: 35%;
}

.memberBottom{
	width: 100%;
	padding-top: 10px ;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.memberBottom .bottom-content{
	width: 100%;
	height: 50px;
	text-indent: 50px;
	line-height: 50px;
	font-size: 16px;
}

.memberBottom .bottom-content a{
	width: 100%;
	height: 100%;
	float: left;
	color: #323232;
	font-size: 2rem;
	border-bottom: 1px solid #e1e1e1;
}

.memberBottom .bottom-content a.border0{
	border-bottom: 0;
}

.memberBottom .bottom-content a.userInfo{
	background: #fff url("../images/user-img-1.png") 15px center no-repeat;
	background-size: auto 56%;
}

.memberBottom .bottom-content a.collect{
	background: #fff url("../images/user-img-2.png") 15px center no-repeat;
	background-size: auto 56%;
}

.memberBottom .bottom-content a.refer{
	background: #fff url("../images/user-img-3.png") 15px center no-repeat;
	background-size: auto 56%;
}

.memberBottom .bottom-content a.service{
	background: #fff url("../images/user-img-4.png") 15px center no-repeat;
	background-size: auto 56%;
}

.memberBottom .bottom-content a.red{
	background: #fff url("../images/user-img-5.png") 15px center no-repeat;
	background-size: auto 56%;
}

.memberBottom .bottom-content a.address{
	background: #fff url("../images/user-img-6.png") 15px center no-repeat;
	background-size: auto 56%;
}

.memberBottom .bottom-content a.exit{
	background: #fff;
	color: #ccc;
	text-align: center;
}

.red-bg{
	background: #fff url("../images/red-bg.png") no-repeat;
	background-size: auto 100%;
	float: left;
	width: 100%;
}

.red-content{
	width: 100%;
	float: left;
}

.red-content li{
	float: left;
	overflow: hidden;
}

.red-content li .money{
	color: #ff223e;
	font-size: 16px;
	text-align: center;
	width: 100%;
}

.red-content li .money span{
	font-size: 32px;
	font-weight: bold;
}

.red-content li .money-info{
	text-align: center;
	color: #666666;
}

.red-content li .shop-info{
	width: 100%;
	padding-left: 30px;
}

.red-content li .shop-info h1{
	width: 100%;
	line-height: 28px;
	color: #323232;
	float: left;
	font-size: 16px;
}

.red-content li .shop-info span{
	width: 100%;
	color: #666;
	float: left;
}

.red-content li .shop-info em{
	width: 100%;
	color: #aaa;
	float: left;
}

.distributor-head .order-money{
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #d9eef8;
}

.distributor-head .order-money li{
	width: 33.33333%;
	height: 100%;
	float: left;
	text-align: center;
	border-left: 1px solid #aebec6;
	margin-left: -1px;
}

.distributor-head .order-money li a{
	width: 100%;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	float: left;
	color: #323232;
}

.distributor-head .order-money li a span{
	width: 100%;
	float: left;
	text-align: center;
	color: #f08a8c;
}

.order-img-tags{
	width: 100%;
	background: #fff;
	margin: 10px 0;
	border-top: 1px solid #e2e2e2;
	display: inline-block;
}

.order-img-tags li{
	width: 50%;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	margin-left: -1px;
	float: left;
}

.order-img-tags li a{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 10px;
	font-size: 16px;
}

.order-img-tags li a.shop-info{
	background: url("../images/shop-img-1.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-underling{
	background: url("../images/shop-img-2.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-brokerage{
	background: url("../images/shop-img-3.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-qr{
	background: url("../images/shop-img-4.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-card{
	background: url("../images/shop-img-5.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-order{
	background: url("../images/shop-img-6.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-friend{
	background: url("../images/shop-img-7.png") center 18px no-repeat;
	background-size: 25%;
}

.order-img-tags li a.shop-top{
	background: url("../images/shop-img-8.png") center 18px no-repeat;
	background-size: 25%;
}

.money-top{
	width: 100%;
	background: #ff2d4b;
	height: 120px;
	position: relative;
	padding-left: 10%;
	padding-top: 20px;
	font-size: 16px;
}

.money-top a{
	width: 100%;
	height: 100%;
	color: #fff;
}

.money-top a .show-money{
	width: 100%;
	float: left;
	margin-top: 20px;
	font-size: 28px;
}

.money-top a em{
	position: absolute;
	right: 30px;
	top: 40%;
	font-weight: bold;
	color: #77341e;
	font-size: 24px;
	font-family: "Lucia Console";
}

.money-middle{
	height: 100px;
	padding-top: 15px;
	background: #f27f40;
}

.money-middle a .show-money{
	margin-top: 15px;
}

.memberBottom .bottom-content a.other{
	background: #fff;
	color: #333333;
	line-height: 50px;
	position: relative;
}

.memberBottom .bottom-content a.other span{
	color: #eb533d;
	font-size: 30px;
	position: absolute;
	top: 10px;
	left: -40px;
}

.alipay{
	width: 100%;
	padding: 10px 20px;
	display: inline-block;
}

.alipay h1{
	font-size: 18px;
}

.alipay .alipay-info{
	width: 100%;
}

.alipay .alipay-info li{
	width: 100%;
	font-size: 16px;
	margin-top: 20px;
	float: left;
}

.alipay .alipay-info li label{
	width: 35%;
	text-align: right;
	float: left;
}

.alipay .alipay-info li input{
	width: 64%;
	border: 0;
	float: right;
	border-bottom: 1px solid #999;
	background: none;
	text-indent: 10px;
}

.alipay .alipay-btn{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	margin-top: 20px;
}

.alipay .alipay-btn a{
	width: 100%;
	height: 100%;
	background: #990000;
	float: left;
	color: #fff;
	font-size: 16px;
}

.alipay .alipay-wechatpay{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #43acdc;
	display: inline-block;
	margin-top: 10px;
}

.alipay p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent: 10%;
	color: #999;
}

.btn-xs{
	border-radius: 0;
}

.btn-warning{
	background-color: #ababab;
	border-color: #ababab;
}

.btn-danger{
	background-color: #e0001b;
	border-color: #e0001b;
}
.btn-danger[disabled]{ background-color:#c1c1c1; border:1px solid #e1e1e1; color:#999999;}

.nav-title-middle .my-order-money{
	color: #ff223e;
	line-height: 20px;
}

.order-date{
	width: 100%;
	color: #858585;
	line-height: 20px;
}

.order-state{
	width: 100%;
	color: #858585;
	line-height: 20px;
}

.order-state span{
	color: #ff2d4b;
}

.pbox-bottom-left{
	float: left;
	width: 100%;
	display: inline-block;
}

.pbox-bottom-left li{
	float: left;
	width: 100%
}

.pbox-bottom-left li span{
	color: #ed5565;
	font-size: 20px;
}

.clear{ clear: both;}

body{ padding-bottom: 50px;}

.get-red{
	width: 100%;
	background: url("../images/get-red-bg.png") center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin-bottom: -50px;
}

.get-red .get-red-content{
	width: 200px;
	background: red;
	position: absolute;
}

.get-red .get-red-content .get-red-top{
	width: 200px;
	height: 10px;
	background: url("../images/red-top.png") 0 0 no-repeat;
	background-size: 100% 100%;
}

.get-red .get-red-content .get-red-money{
	width: 100%;
	background: #fff;
	border-bottom: 1px dashed #cccccc;
	padding: 10px 0;
}

.get-red .get-red-content .get-red-money h1{
	color: #fa1d3f;
	text-align: center;
	font-size: 18px;
	font-weight: 100;
}

.get-red .get-red-content .get-red-money h1 span{
	font-size: 38px;
}

.get-red .get-red-content .get-red-money h1 em{
	color: #b2b2b2;
	font-size: 14px;
}

.get-red .get-red-content .get-red-money .get-red-date{
	color: #b2b2b2;
	font-size: 14px;
	text-align: center;
}

.get-red .get-red-content .get-red-bottom{
	width: 100%;
	background: #fff;
	padding: 20px 0;
}

.get-red .get-red-content .get-red-bottom .get-red-name{
	width: 100%;
	height: 24px;
	text-align: center;
	color: #323232;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}

.get-red .get-red-content .get-red-bottom .get-red-explain{
	width: 100%;
	font-size: 12px;
	color: #585858;
	text-align: center;
	margin-top: 5px;
}

.get-red .get-red-content .get-red-bottom .get-red-explain a{
	color: #585858;
}

.get-red .get-red-content .get-red-bottom .get-red-btn{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.get-red .get-red-content .get-red-bottom .get-red-btn a{
	width: 80%;
	line-height: 30px;
	display: inline-block;
	background: #ff2d4b;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
}

.get-red .get-red-content .get-red-bottom .get-red-img{
	width: 100%;
	height: 72px;
	background: url("../images/bad-img.png") no-repeat;
	background-size: 100% 100%;
}

.get-red .get-red-content .get-red-bottom .get-red-text{
	width: 100%;
	color: #323232;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}

.get-red .get-red-content .get-red-bottom .get-red-txt{
	width: 100%;
	color: #ff2d4b;
	text-align: center;
	font-size: 18px;
}

.distributorCenter .shop-photo{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 25px;
}

.distributorCenter .shop-photo span{
	position: absolute;
	top: 55px;
	left: 60px;
}

.distributorCenter .shop-user-name{
	width: 100%;
	text-align: center;
	padding-top: 112px;
	font-size: 16px;
}

.shopInfo{
	width: 100%;
	margin-bottom: 15px;
	display: inline-block;
}

.shopInfo label{
	width: 28%;
	float: left;
	color: #434a54;
	text-align: right;
	font-size: 16px;
	line-height: 25px;
}

.shopInfo input{
	width: 70%;
	float: left;
	height: 25px;
	line-height: 25px;
	border-radius: 0;
	border: 0;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #000;
}

.shopInfo textarea{
	width: 70%;
	float: left;
	height: 25px;
	line-height: 25px;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #000;
	padding: 0;
	margin: 0;
}

.shop-background-img{
	width: 100px;
	height: 100px;
	float: left;
	border: 2px dashed #ccc;
	margin: 10px 20px;

}

.shop-background-img a{
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	line-height: 100px;
	font-size: 66px;
	color: #ccc;
}

.bgstore p, .storeLogo p{
	font-size: 16px;
}

.slides-collect-btn span.star-null{
	width: 28px;
	height: 28px;
	background: url("../images/star-null.png") no-repeat;
}

.slides-collect-btn span.star-full{
	width: 28px;
	height: 28px;
	background: url("../images/star-full.png") no-repeat;
}

.y-shopicon{position: absolute;left: -42.5% !important;top:3.7% !important; width: 100%;height: 30px;background-color: red;color: #fff;text-align: center;line-height: 30px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
font-family: "微软雅黑";
z-index:999 !important;
display:block !important;
}
.body{
	max-width: 650px;
}

.well{
	box-shadow: none;
}
.selectBox{
    height:20px;
    line-height:20px;
    margin-bottom:10px;
}
.selectcheckbox {
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 3px;
    cursor: pointer;
    display:inline-block;
    float:left;
}

.selectcheckbox span {
    color: red;
    display: none;
    font-size: 14px;
    right: -3px;
    top: 3px;
}

.selectcheckbox.checked span {
    display: block;
}
.selectBox span:last-child input{
    height:20px;
}
/*menu.css*/
*{margin: 0;padding: 0;list-style: none;}
.menuNav{position: fixed;bottom: 0;left:0; width: 100%;border-top: 1px solid #ccc;box-shadow: 0 -2px 5px #ccc;cursor: pointer;background-color: #f8f8f8;font-size: 12px;z-index:1000;}
.menuNav ul li{float: left;height: 50px;text-align: center;position: relative;display: table;}
.menuNav ul:after{display: block;height: 0;content: "";clear: both;}
.navcontent{display: table-cell;vertical-align: middle;}
.navcontent img{display: block;margin: 0 auto 2px;}
.menuNav ul li .childNav{position: absolute;left: 0;bottom: 51px;z-index: 10;width: 100%;display: none;}
.menuNav ul li .childNav ul li{width: 100%;height: 50px;line-height: 50px;background-color:#f8f8f8; float: left;border: 1px solid #ccc;border-bottom: none;}
.menuNav a{color:#000;}
/*隐藏美洽客服手机端右下角层*/
.mc_button {
display:none}


/*产品详细页顶部导航*/
.y-navtop{height: 40px;background-color: #F8F8F8;position: relative;}
.y-navtop h1{font-size: 16px;color: #333333; height: 40px;line-height: 40px;text-align: center;}
.y-navtop .y-return{position: absolute;left: 10px;top: 10px; display: block;width: 20px;height: 20px;text-indent: -9999px; background: url(../images/iconfont-fanhui.png) no-repeat;}
.y-navtop .y-index{position: absolute;top: 5px;right: 45px;width: 30px;height: 30px;text-indent: -9999px;background: url(../images/iconfont-shouye.png?v3.2) no-repeat;}
.y-navtop .y-collection{position: absolute;top: 7px;right: 10px;width: 25px;height: 25px;text-indent: -9999px;background: url(../images/star-null.png) no-repeat;background-size: 25px;}
.y-navtop .y-collection.active{background: url(../images/star-full.png) no-repeat;background-size: 25px;}

/*列表页加载样式*/
 .loading{text-align: center;height: 20px;line-height: 20px;margin-bottom: 5px;}
 .loading span{display: inline-block;text-indent: 25px; height: 20px;line-height: 20px;background: url(../images/iconfont-jiazaizhong.gif) no-repeat;background-size: 20px;}
 /*会员中心和分销商中心的右上角公告*/
 .usernameimginfo .my-message {display: block;width: 30px;height: 30px;position: absolute;right: 15px;top: 10px;background: url(../images/iconfont-xinxi.png) no-repeat;}
 .usernameimginfo .my-message i {display: block;position: absolute;width: 6px;height: 6px;top: 2px;right: 0px;background-color: #00FC55;border-radius: 50%;}
 
 
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.pad10{ padding:10px !important;}
.pt7{ padding-top:7px !important;}
.pb7{ padding-bottom:7px !important;}
.color9{ color: #999999 !important;}
.colorr{ color: #ff1f1f !important;}
.colorg{ color:#3bb134 !important;}
.colory{ color:#fe9900 !important;}
.colorh{ color:#333333 !important;}

/* switch */
.switch.has-switch{ width: 50px !important; min-width:inherit !important; height: 28px !important; border: none !important; border-radius: 20px !important; box-shadow:0 0 3px #d9d9d9 !important; }
.switch.has-switch input[type="checkbox"]{ display:none;}
.switch-on{ height:28px !important; background:#00cbc2 !important;}
.switch label{ width:24px !important; height:24px !important; background:#fff; box-shadow:0 0 2px #bbb !important; border-radius:50% !important; margin-top:2px !important; float:left;}
.switch .switch-off label{ margin-left:3px !important; background-image:linear-gradient(to bottom, #ffffff, #d1d1d1) !important;}
.switch .switch-on label{ margin-left:0px !important;}
.switch-left,
.switch-right{ width:24px !important; height:26px !important; float:left; background:none !important; text-indent:-10000px;}
.switch-left{ color:#00cbc2 !important;}
.switch-right{ color:#ffffff !important;}

/* 确认订单 */
.prompt-text{ line-height:25px;}
.btnlocation{ width:100%; max-width:640px; position:fixed; left:50%; bottom:0px; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#e0001b; z-index:100;}
.btnlocation .btn{ width:30%; height:44px; float:right; margin-bottom:0;}
.btnlocation .payprice{ width:70%; height:44px; line-height:44px; text-align:center; float:left; background:#fff; font-size:14px; padding:0 5px; border-top:1px solid #d1d1d1;}

/* 提现详情 */
.table-view .table-view-cell{ padding: 14px 10px; border-bottom: 1px solid #e5e5e5; position: relative; background: #fff; font-size:14px;}
.table-view .table-view-cell:last-child{ border-bottom:0;}
.table-view .table-view-cell .note{ max-width: 80%; min-height: 100px; word-break: break-all;}

.mr5{ margin-right:5px !important;}
.ml10{ margin-left:10px !important;}
.mr10{ margin-right:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.pl20{ padding-left:20px !important;}
.pl21{ padding-left:21px !important;}
.pad5{ padding:5px !important;}
.pad15{ padding:15px !important;}
.pad20{ padding:20px !important;}
.mt100{ margin-top:100px !important;}
.distable{ display:table !important;}
small{ color:#999999;}
.radius{ border-radius:5px;}
.nav-box{ margin:10px; padding:5px 10px; background:#fff; border:1px solid #e1e1e1;}

/* 微信红包提现 */
.payway{ font-size:16px; color:#ff9600; padding:23px 0 18px 40px; position:relative; border-bottom:1px solid #fff;}
.payway:first-child{ border-bottom:0;}
.payway:first-child:before{content: "\e600"; font-family:"iconfont"; color:#ff9600; font-size:24px; position:absolute; left:10px; top:16px;}
.payway:first-child:after{content: "\e604"; font-family:"iconfont"; color:#999999; font-size:16px; position:absolute; right:10px; top:23px;}
.payway.active:after{content: "\e609"; font-family:"iconfont";}
.form-label{ width:1%; white-space:nowrap; display:table-cell; color:#343434; font-size:14px; font-weight:normal;}
.form-input{ width:100%; display:table-cell; border:none; background:none; padding:5px 10px; font-size:14px;}
.form-textarea{ width:100%; border:none; background:none; resize:none; font-size:14px;}

/* 佣金转余额 */
.icon-arrow > span{ width:40px; height:10px; display:inline-block; position:relative;}
.icon-arrow > span:before{ content:""; display:block; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; left:0;}
.icon-arrow > span:after{ content:""; display:block; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; right:-5px;}
.icon-arrow > span:nth-child(1){ background:#ffeacd;}
.icon-arrow > span:nth-child(1):after{ border-left:5px solid #ffeacd;}
.icon-arrow > span:nth-child(2){ background:#ffd599;}
.icon-arrow > span:nth-child(2):after{ border-left:5px solid #ffd599;}
.icon-arrow > span:nth-child(3){ background:#ffc066;}
.icon-arrow > span:nth-child(3):after{ border-left:5px solid #ffc066;}
.commission,.icon-arrow,.balance{ display:inline-block; color:#ff9600;}
.icon-arrow{ transform:translateY(-22px); -webkit-transform:translateY(-22px);}
.commission:before{ content:"\e601"; font-family:"iconfont"; display:block; text-align:center; font-size:24px; color:#ff9600;}
.balance:before{ content:"\e603"; font-family:"iconfont"; display:block; text-align:center; font-size:24px; color:#ff9600;}

/* 会员中心新增 */
.navgtionList .newtitle li{ width:33.33%; height:auto; line-height:20px; text-align:center; float:left; padding:10px 0; position:relative;}
.navgtionList .newtitle li a{ padding:0;}
.navgtionList .newtitle li:after{ content:""; height:30px; border-right:1px solid #bbbbbb; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.navgtionList .newtitle li:last-child:after{ border:0;}
.navgtionList .newtitle li p{ font-size:14px; color:#333;}
.navgtionList .newtitle li p.colorr span{ width:auto;}

/* 订单提交成功 */
.payoff{ width:34%; margin:20px auto; text-align:center; }
.payoff img{ max-width:100%;}

/* 我的佣金 */
.allcommission{ background:url("../images/commission.png") no-repeat left top / cover; color:#fff; font-size:14px; position:relative;}
.allcommission .tips{ padding:10px; position:absolute; top:0px; left:0; z-index:2;}
.allcommission .tipsbg{ padding:10px; background:#fff; opacity:0.1; z-index:1;}

.commissionlist{ width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff; margin:10px 0; position:relative;}
.commissionlist:after{ content: "\e604"; font-family:"iconfont"; position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#666;}
.commissionlist i{ margin-right:5px; vertical-align:middle;}
.commissionlist i.color1{ color:#fb6066;}
.commissionlist i.color2{ color:#f49902;}
.commissionlist i.color3{ color:#00a8e9;}
.commissionlist > a{ display:block; width:100%; padding:10px; cursor:pointer;}

.commission-count{ padding:15px 0;}
.commission-count li:first-child{ border-right:1px solid #f2ab81;}
.commission-count li{ width:50%; text-align:center; float:left;}
.commission-count .show-money{ font-size:16px; color:#f0ff00;}
.commission-count .show-money span{ font-size:24px;}
.commission-count p{ color:#fff; font-size:16px;}

/* 账户余额 */
.account-balance{ position:relative; padding-left:80px;}
.account-balance:before{ content: "\e602"; font-family:"iconfont"; float:left; font-size:46px; color:#fff; position:absolute; left:24px; top:-5px;}
.account-operate{ position:relative; margin-top:20px; margin-bottom:-15px;}
.account-operate .tips{ width:100%; padding:0;}
.account-operate .tipsbg{ font-size:16px;}
.account-operate .tips li{ width:50%; text-align:center; float:left;}
.account-operate .tips li a{ display:block; padding:15px; font-size:16px; color:#fff;}
.account-balance .recharge{display:none; width:75px; height: 35px; position: absolute; right: 15px; top: 10px; text-align: center; line-height: 35px;}
.account-balance .recharge:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 35px; background: #fff; opacity: 0.25; border-radius: 5px; box-shadow: 0 3px 0px #666;}
.account-balance .recharge a{ width:100%; height:35px; text-align:center; color: #fff; display: block; font-size: 14px; position:absolute; z-index:2;}

/* 提现记录 */
.balance-list{ line-height:18px;}
.balance-list div.clearfix{ margin:5px 0;}
.balance-list div.clearfix .pull-left{ color:#333333;}
.balance-list .pull-right.font14{ color:#999999;}
.balance-list .nav-box .clearfix:first-child .pull-right.font12{ line-height:14px;}
.balance-list .nav-box .clearfix:last-child .pull-left.font12{ line-height:18px;}

/* 余额明细 */
.balance-details.con-title li{ width:33.33%;}


