﻿@charset "utf-8";
/* CSS Document */
/* 全局 2012.7.11*/
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,input,textarea,select,button,table{line-height: 1.6;}
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}
.font16{font-size:16px}
.font18{font-size:18px}
.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 span{ display:block; width:30%; float:left; text-align:center; padding:3px 5px; margin-top:8px;margin-bottom:8px;}
.sub span a{ border:1px solid #ccc;padding:3px 10px; border-radius:15px; }*/
.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_select2 span select{
	border-top:0px;
	border-left:0px;
	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: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;}
/*.stage .t_egg>img{max-height:512px; }
.stage .e_egg>img{max-height:154px;}
.stage .t_egg{position: absolute; bottom:0%;padding:0px 22px;}
.stage .e_egg{position: absolute; bottom:0%;}*/
.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}


