@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ font-size:16px;padding:0px; margin:0px }
body{color:#000;background: #f7f7f7;	padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto;
	font: 12px/1.5 tahoma, arial, sans-serif;max-width:640px;}
div{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px 0px 1em 0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#000; background: transparent;  outline:none}
a:visited {color:#999; }
a:focus { outline:none; }
a:hover, a:active{ color:#000; outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
/*input{  -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	background-color: #FFFFFF;	border: 1px solid #E8E8E8;	margin: 3px 0px;
	padding: 5px 3px;	width:99%;	line-height: normal;}*/
textarea{	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;border-radius:5px; -moz-box-sizing: border-box;  
background-color: #FFFFFF;	border: 1px solid #E8E8E8; margin: 3px 0px;padding: 5px 3px;	width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
audio:not([controls]) {display: none; height: 0;}
i{ font-style:normal; }
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*清除浮动*/
.clear { display:block; clear:both;}
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:10px; } /*more链接*/
.more a{ color:#222;}
.code_image{ cursor: pointer; height: 25px;} /*验证码图片样式*/

/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:60px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*按钮*/
.btn{ width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;background: #f25454;  color: #fff; border-radius:0;}
.btn:hover {  color:#fff;}
.btn:active {  color: #fff; outline:0;}
/*登陆、注册、忘记密码*/
.btnReg, .btnLogin, .btnNextStep, .btnResetPwd, .btnSearch{ width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
background: #f25454; border-color:#f25454; color: #fff; border-radius:0;}
.btnReg:hover, .btnLogin:hover, .btnNextStep:hover, .btnResetPwd:hover, .btnSearch:hover {  color:#fff;}
.btnReg:active, .btnLogin:active, .btnNextStep:active, .btnResetPwd:hover, .btnSearch:hover {  color: #fff; outline:0;}
.btnForgetPassword, .btnRegNow{  }
/*发送短信验证码*/
.btnSmsCode{ width:100%; padding:6px 0px;font-size:14px;text-decoration:none; margin:5px 0px; cursor:pointer;background: #f25454; border-color:#f25454;  color: #fff; }
.btnSmsCode:hover {  color:#fff;}
.btnSmsCode:active {  color: #fff; outline:0;}
/*评论*/
.btnComment{display:block; width:110px; height:32px;font-size:14px; line-height:32px; color: #fff; padding:0; border: 1px solid #cf010e;background: #cf010e; cursor:pointer; border-radius:0;}
.btnComment:hover{ color: #ddd;}

.btn_download{color:#ffffff; display:block; text-align:center; cursor:pointer;	
	width:80px; text-decoration:none; margin:0px; 
	background-color:#179F00;border:1px solid #0B8E00;
	background-image:-o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #179F00),color-stop(1, #5DD300));
	background-image:linear-gradient(bottom,  #179F00 0%, #5DD300 100%);
	-webkit-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	text-indent:0; }
.btn_download:active{	padding:0px;top:0px;
	background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); }

/*箭头*/
.arrow{ background:url(../images/system/arrow1.png) center center no-repeat; 	background-size:14px;width:30px; height:30px; display:block; float:right;vertical-align:middle; }

/*频道*/
.ChannelName{}
.ChannelContent{ clear:both; padding:3px; line-height:1.8em}
.ChannelSContent{}

/*信息*/
.InfoTitle, .ChannelName{ font-size:16px; line-height: 1.5em; vertical-align:middle; font-weight:bold;}
.InfoPrice{ font-size:14px; vertical-align:middle; }
.InfoTime{color:#999; text-align:left; font-size:12px; padding:2px 0px; height:25px}
.InfoContent{ font-size:17px; line-height:1.8em; margin-top:10px;}
.InfoContent p{ font-size:17px}
.InfoPicture{ text-align: center;}
.InfoPicture img{width:100%;}
.InfoContent table{max-width:100%;width: auto !important;}
.f1{}
.f2{}
.f3{}
.f4{}
.f5{}
.ShowInfo{ height: 30px; line-height: 1.5em; font-size:18px; border-top: 1px solid #bdbec1; vertical-align:middle; padding-top:5px; color:#000000;}
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.InfoContent img, .ChannelContent img{max-width:100%; }
/*==========@@元件 结束@@==========*/


/*==========@@模块  开始@@==========*/
.left_title{ height:38px; line-height:38px; background:#fff; clear:both; border-bottom:1px solid #e4e4e4; margin-top:5px;}
.left_title h2 {  color:#222;  float:left; text-align:center; overflow:hidden; text-indent:0.5em; border-left:5px solid #C00; font-weight:normal;}
.left_title h2 a { color:#222;  font-weight:normal;}
.left_title h2 a i{ font-style:normal; padding-right:5px;}
.left_body{ padding:0px;  overflow:hidden; background:#fff; width:100%;}
.left_bottom { clear:both; height:5px; }

.right_title{ height:30px; line-height:30px; background:#fff; clear:both; border-bottom:1px solid #e4e4e4; margin-bottom: 8px;}
.right_title h2 {  color:#222;  float:left; text-align:center; overflow:hidden; text-indent:0.5em; border-left:5px solid #C00;}
.right_title h2 a { color:#222;  font-weight:normal;}
.right_body{ padding:0;  overflow:hidden; background:#fff; }
.right_bottom { clear:both; height:5px; }
/*==========@@模块  结束@@==========*/


/*==========@@布局  开始@@==========*/
/*===公共 开始===*/
body_index, .body_single, .body_article, .body_picture, .body_download, .body_video, .body_product,  .body_job, .body_guestbook, .body_feedback{ }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:100%; margin:0px auto }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%;  margin: 0px auto;}
/*===公共 结束===*/

/*===首页 开始===*/
#index_1{}
#index_1 .hd{ float:right; padding-right:5px; padding-top:1em;}
#index_1 .hd li{ float: left; width: 8px;height: 8px; background: #D0D0D0;margin: 0 5px;
overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#index_1 .hd li.on{ background:#F00;}
/*===首页 结束===*/

/*===招聘频道  开始===*/
.job{ }
table.job_table { border:0px solid #16b7b7; margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:5px 2px;}
table.job_table th{color:#000;}
.JobName{ font-size:20px; border-bottom: 1px dotted #999; padding:3px 8px; font-weight:bold;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbook .ChannelName h1{ border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
table.guestbook_table{ width:100%;}
table.guestbook_table .t1{ width:25%; text-align:left; white-space:nowrap;}
table.guestbook_table .t2{ width:75%; text-align:left;}
/*===留言频道  结束===*/

/*===反馈模型 开始===*/
.feedback{ }
.feedback .ChannelName h1{ border-bottom:1px dotted #CCCCCC;  }
table.feedback_table{ width:100%;}
table.feedback_table .t1{ width:25%; text-align:left ; white-space:nowrap;}
table.feedback_table .t2{ width:75%; text-align:left;}
/*===反馈模型 结束===*/

/*===订购 开始===*/
.order{width:98%;margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
.order table.order_table{ width:100%;  }
.order table.order_table .t1{ width:28%; text-align:left}
.order table.order_table	 .t2{ height:72%; text-align:left}
/*===订购 结束===*/

/*===地图 开始===*/
.sitemaplist li{border-bottom:1px dashed #d0d1d4;padding: 0.5em 8px; background-color:#FFF}
.sitemaplist li .ChannelName{ font-weight:bold;}
.sitemaplist li .ChannelDepth1{ font-weight:bold;}
.sitemaplist li .ChannelDepth2{text-indent: 2em; }
.sitemaplist li .ChannelDepth3{text-indent: 4em; }
.sitemaplist li .ChannelDepth4{text-indent: 6em; }
.sitemaplist li .ChannelDepth5{text-indent: 8em; }
/*===地图 结束===*/
/*==========@@布局  结束@@==========*/


/*==========@@公共模块 开始@@==========*/
/*===顶部工具条 开始===*/
#toolbar{width: 100%; height: 46px; line-height:46px; z-index: 3; position: fixed;left: 0;top: 0;right:0;}
#toolbar .fixed {display: block;	margin: 0 auto;  min-width: 320px;	height: 45px;	top: 0;	background:#ff5000;}
.ui-title{min-height: 46px; text-align: center; font-size: 16px; font-weight:normal; display: block; margin: 10px 70px 0; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; display:none;text-indent: -10px; color:#FFF;}

.ui-btn-back, .ui-btn-refresh, .ui-btn-menu, .ui-btn-home{  display:block; position:absolute;width:50px; height:44px;text-indent: -9999px; margin:0; padding:0; }
.ui-btn-back { top:0px; left:0px; background:url(../images/back.png) no-repeat center center;  background-size:24px auto;}
.ui-btn-refresh { top:0px; right:0px; background:url(../images/refresh.png) no-repeat center center; background-size:28px auto;}
.ui-btn-menu { top:0px; right:0px; background:url(../images/menu.png) no-repeat center center; background-size:24px auto;}
.ui-btn-home { top:0px; right:0px; background:url(../images/home.png) no-repeat center center;  background-size:24px auto;}
.ui-btn-submit{
	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px;
	background-color:#179F00;border:1px solid #0B8E00;
	background-image:-o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #179F00),color-stop(1, #5DD300));
	background-image:linear-gradient(bottom,  #179F00 0%, #5DD300 100%);
	-webkit-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); 
	box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	color:#ffffff; display:block; text-align:center; text-shadow:0 1px rgba(0, 0, 0, 0.2);
	cursor:pointer;	}
.ui-btn-submit:active{
	padding:9px 0px;top:0px;
	background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);}
#popmenu{cursor:pointer; display:block; position:relative;  text-align: center; width: auto; margin:0 auto; line-height:48px; color:#FFFFFF}
#popmenu:after {content: "";width: 0;height: 0;position: absolute;top: 50%;margin-top: -2px;border-width: 5px 5px 0 5px;border-style: solid;border-color: #ffffff transparent;}
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;filter:alpha(opacity=0);display:none;z-index: 4;}
/*导航窗口*/
#window{position: fixed;top:55px;left:50%;width: 200px;margin:0 0 0 -100px; display:none; z-index: 5;}
.windowlist {  position: relative;	display:block;   margin: 0 auto;   padding: 5px; background-color: rgba(47, 47, 47, 1);
    -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15); 
    cursor: pointer;   outline: none;list-style: none outside none;}
.windowlist:after {content: "";width: 0;height: 0;position: absolute;bottom: 100%;right: 90px;border-width: 0 6px 6px 6px;border-style: solid;border-color: rgba(47, 47, 47, 0.9) transparent;    }
.windowlist:before {content: "";width: 0;height: 0;position: absolute;bottom: 100%;right: 88px;border-width: 0 8px 8px 8px;border-style: solid;border-color: rgba(0,0,0,0.1) transparent;    }
.windowlist li {background-color: rgba(58, 58, 58, 1);display: block;float: left;height: 37px;width: 50%;}
.windowlist li span{border-color: #494949 #181818 #181818 #494949;  border-left: 1px solid #494949;  border-style: solid;
    border-width: 1px; color: #FFFFFF;line-height: 37px;   display: block;  font-size: 15px;
    height: 37px;   text-align: center;  text-shadow: 0 2px 2px #000000;   width: 100%;}
.windowlist li:hover {background-color: rgba(0, 0, 0, 0.9);}
/*===顶部工具条 结束===*/

/*Logo部分*/
#logo{ }
#logo .WebLogo{ text-align:center;  }
#logo .WebLogo img{ max-width:100%; display:block;/*解决img底部空白的bug*/ margin:0 auto;}

/*导航*/
#navigation { padding:0px; border: 0px solid red;  clear:both; overflow:hidden;background: #000;}
#navigation table{ /*边框颜色*/width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}
#navigation td{ /*单元格底色*/; text-align:center; vertical-align:middle; padding:5px 0px;}
#navigation td img{ width:50px; height:50px; display:block; margin:0 auto; margin-bottom:3px;}
#navigation a{font-size:12px;color:#555;overflow:hidden;display:block;text-align:center; }
#navigation a.current{ background:#fff; color:#fff}

/*幻灯片*/
#banner{}
#banner{ margin-bottom:0px; position:relative; overflow:hidden;border-top: 3px solid #e9ba86;border-bottom: 3px solid #e9ba86; }
#banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
#banner .hd ul{ }
#banner .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden; padding:0;}
#banner .hd ul .on{ background:#FE6C9C;  }
.bannerlist{}
.bannerlist li {overflow:hidden;width:100%; background:green; margin:0; padding:0;}
.bannerlist li img{ float:left; width:100%; outline:0px dashed red;}

/*当前位置*/
#location{ padding:3px 0px;margin: 0; border-bottom: 0px solid #167312;color:#000;  height:1.5em; line-height:1.5em; clear:both; text-indent:3px;}
#location a{color:#000}

/*搜索 */
.search{width:98%;margin:0px auto}
.searchresult{ font-weight:bold; font-size:18px;}

/*浏览历史*/
#history{}
#history .hd{ float:right; padding-right:5px; padding-top:1em;}
#history .hd li{ float: left; width: 8px;height: 8px; background: #D0D0D0;margin: 0 5px;overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#history .hd li.on{ background:#F00;}
.history_title{ height:35px; line-height:35px; background:#fff; clear:both; border-bottom:1px solid #e4e4e4; margin-top:5px;}
.history_title h2 {  color:#222;  float:left; text-align:center; overflow:hidden; text-indent:0.5em; border-left:5px solid #C00; font-weight:normal;}
.history_body{ padding:0 3px;  overflow:hidden; background:#fff; }
.history_bottom { clear:both; height:5px; }
/*浏览历史*/
.historylist{ overflow:hidden;}
.historylist li{width:25%;overflow:hidden;float:left; line-height:0em; }
.historylist li a{ display: block; border:1px solid #f1f1f1; border-top:0; border-left:0; padding:5px 8px; }
.historylist li .InfoTitle{ height: 4.5em; line-height:1.5em; font-size:12px; text-align:left; font-weight:normal; color:#666;
overflow: hidden; word-break:break-all;}
.historylist li .InfoPicture { }
.historylist li .InfoPicture img{ border:0px solid #B7C235;}
.historylist li .InfoPrice { line-height:1.8em; height:1.8em; text-align:left; color:#FF0000;}
.historylist li .red{font-size:14px;}

/*相关商品*/
#inforelation{}
#inforelation .hd{ float:right; padding-right:5px; padding-top:1em;}
#inforelation .hd li{ float: left; width: 8px;height: 8px; background: #D0D0D0;margin: 0 5px;overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#inforelation .hd li.on{ background:#F00;}
.inforelation_title{ height:35px; line-height:35px; background:#fff; clear:both; border-bottom:1px solid #e4e4e4; margin-top:5px;}
.inforelation_title h2 {  color:#222;  float:left; text-align:center; overflow:hidden; text-indent:0.5em; border-left:5px solid #F00; font-weight:normal;}
.inforelation_body{ padding:0 3px;  overflow:hidden; background:#fff; }
.inforelation_bottom { clear:both; height:5px; }
/*相关历史列表*/
.inforelationlist{ overflow:hidden;}
.inforelationlist li{width:33.33%;overflow:hidden;float:left; line-height:0em; }
.inforelationlist li a{ display: block; border:1px solid #f1f1f1; border-top:0; border-left:0; padding:5px 8px; font-size:12px; }
.inforelationlist li .InfoTitle{ height: 3em; line-height:1.5em; font-size:12px; text-align:left; font-weight:normal; color:#666;
overflow: hidden; word-break:break-all;}
.inforelationlist li .InfoPicture { }
.inforelationlist li .InfoPicture img{ border:0px solid #B7C235;}
.inforelationlist li .InfoPrice { line-height:1.8em; height:1.8em; text-align:left; color:#FF0000;}
.inforelationlist li .red{font-size:14px;}

/*检索条件*/
#condition{   border: 0px solid #ddd; width:100%; overflow:hidden;}
#condition .row{ display:block; overflow: hidden;  padding:0; line-height:1.5em; }
#condition .left{ border-left:5px solid #C00; color: #cf010e; text-indent:10px; font-size:14px; overflow: hidden; 
padding:3px 0; border-bottom: 1px solid #e4e4e4;}
#condition .right{ width: 100%; background: #fff; padding:5px 0px; overflow: hidden; }
/*已选择条件*/
.selectedlist { text-align:center; text-indent:0;}
.selectedlist li { float:left; }
.selectedlist li a { display:block; position:relative; border: 1px solid #ddd; font-size:12px; height:22px; line-height:22px; 
margin:3px 3px; float:left; padding:0 25px 0 0;}
.selectedlist li a b{ font-weight:normal; margin-right:5px; margin-left:5px; font-size:12px;}
.selectedlist li a em{ color:#cf010e; font-style:normal; margin-right:0px;  font-size:12px;}
.selectedlist li a:hover { border: 1px solid #cf010e; }
.selectedlist li a i{ background:url(../images/xred.png) #fff no-repeat center center; display:block; position:absolute; top:0; right:0; width:25px; height:22px; cursor:pointer;}
.selectedlist li.operator a{ color:#666; background:#ddd; border: 1px solid #ddd;  padding:0px 5px;}
.selectedlist li.operator a:hover{ color:#cf010e; border: 1px solid #ddd; }
/*类型列表*/
.typelist { text-align:left; text-indent:0; overflow:hidden;}
.typelist li { float:left;}
.typelist li a { background:#FFF; padding:3px 6px; color:#666; font-size:14px;}
.typelist li a:hover { background:#cf010e; color:#FFF;text-decoration:none; }
/*品牌列表*/
.brandlist {text-indent:0; overflow:hidden;}
.brandlist li { overflow:hidden; float:left; width:25%;  text-align:center; }
.brandlist li a{ display:block; text-align:center;}
.brandlist li img {width:94%; border:1px solid #ddd; max-width:120px;}
/*属性列表*/
.typeattributelist { text-align:left; text-indent:0; overflow:hidden}
.typeattributelist li { overflow:hidden; float:left; }
.typeattributelist li a { background:#FFF; padding:3px 5px; color:#666; font-size:14px; }
.typeattributelist li a:hover { background:#cf010e; color:#fff; text-decoration:none; }
/*价格列表*/
.pricerangelist { text-align:left; text-indent:0; overflow:hidden}
.pricerangelist li { overflow:hidden; float:left; }
.pricerangelist li a { background:#FFF; padding:3px 5px; color:#666; font-size:14px; }
.pricerangelist li a:hover { background:#cf010e; color:#fff; text-decoration:none; }

/*商品分类*/
.class_left{ width:25%; height:100%; float:left; background:#999; overflow:hidden; }
.class_right{ width:75%; height:100%; float:right; overflow:hidden; background:#fff;}

.classlist li{ overflow:hidden; }
.classlist li a{ display:block; padding:0px; text-align:center; background:#f8f8f8; line-height:2.2em; text-overflow:ellipsis; white-space:nowrap; 
border: 1px solid #ddd; border-top:0; border-left:0;}
.classlist li a.on1{ background:#fff; border-left:3px solid #F00; border-right:0;}
.class_right .condition_wrap{ display:none;}
.class_right #on1{ display:block;}

.condition_title, .condition_body, .condition_bottom{ margin:0 10px;}
.condition_title{ height:25px; line-height:25px; background:#f8f8f8; clear:both; margin-top:5px;}
.condition_title h2 {  color:#222;  float:left; text-align:center; overflow:hidden; text-indent:0.5em; border-left:5px solid #C00; font-size:16px; font-weight:normal;}
.condition_body{ padding:5px 0;  overflow:hidden; background:#fff; }
.condition_body a{ font-size:14px; padding:3px 0; display:block; float:left; width:33.33%; text-align:center;}
.condition_body a img{ width:95%;  max-width:100px; max-height:40px;}
.condition_bottom { clear:both; height:5px; }

/*分页条*/
.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin:5px 0;}
.page a, .page span {border:1px solid #D3D1D1; padding:2px 3px; margin: 3px 0px 3px 4px; line-height:22px; background-color:#FFFFFF}
.page a:link, .page_turner a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}
.page .pageinfo{ display: none}
.page .pagefirst{ display: none}
.page .pageend{ display: none}

/*会员登录*/
table.login_table{ width:90%; text-align:center; margin:5px auto;}
table.login_table th{ width:30%; text-align:left; font-weight:bold; white-space:nowrap;}
table.login_table td{ text-align:left; width:200px;}
table.login_table .operation{text-align:center; line-height:2.2em;}
table.login_table .oauth{ text-align:center; }
table.login_table .oauth img{ margin:0 3px;}

/*会员注册*/
table.reg_table{ width:90%; text-align:center; margin:5px auto;}
table.reg_table th{ width:30%; text-align:left; font-weight:bold; white-space:nowrap;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center; line-height:2.2em;}
table.reg_table #SmsCode{ width: 60px; }

/*忘记密码 第一步*/
table.forget_table1{ width:90%; text-align:center; margin:5px auto;}
table.forget_table1 th{ width:30%; text-align:left; font-weight:bold; white-space:nowrap;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center; line-height:2.2em;}
/*忘记密码 第二步*/
table.forget_table2{ width:90%; text-align:center; margin:5px auto;}
table.forget_table2 th{ width:30%; text-align:left; font-weight:bold; white-space:nowrap;}
table.forget_table2 td{text-align:left; }
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*分享按钮*/
.tool{width:95%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:16px}
.tool table{ width:100%; margin:5px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}

/*分享到朋友圈弹出框提示*/
#guide{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}

/*版权信息*/
#copyright{ padding:3px 0px; text-align:center; font-size:12px; color:#666; border:0px solid red; margin-bottom:50px}
#copyright.copyright1{ margin-bottom:98px; }
#copyright a{color:#666; font-size:12px;}
#copyright .TechnicalSupport{ text-align:center; padding-bottom:0px;font-size:12px;}
#copyright .TechnicalSupport a { font-size:12px;}
#copyright .bottom_copyright{ padding:3px 0px; font-size:12px;line-height: 1.5em;}
#copyright .bottom_navigation{ text-align:center; height:35px; line-height:35px; background:#71C6A0; font-size:14px; display:none}
#copyright .bottom_navigation a{ font-weight:normal; color:#000}
#copyright .Mobile{text-align:center; height:35px; line-height:35px; background:#fff; border: 1px solid #f1f1f1; border-left:0; border-right:0;}
#copyright .Mobile a{ font-weight:normal; color:#333; font-weight:normal;}
#copyright .Language{padding:10px 0px 0px 0px;  color:#666; text-align:center;}

/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:20%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;}
.toollist li:last-child{ border-right:0;}
.toollist li a {font-size: 20px;line-height: 16px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center;}

.toollist li a .Cart{position:relative; display:block; margin:0 auto; width:24px;height:24px;}
.toollist li a .Cart img{ width:100%; height:100%;}
.toollist li a i{color:#fff; font-style:normal; position:absolute; top:0px; left:24px; padding: 1px 2px; font-size:12px;
border-radius: 7px 7px 7px 0; width: 12px; height:12px; line-height:12px; background: #c81623; text-align:center;}
/*绿色主题*/
.toollist {	border-top: 1px solid #e5e5e5; background: #535353;}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}
.toollist li a {color: #fff;}

/*我要购买*/
#buytool { position: fixed; bottom: 48px; left: 0; right: 0; z-index: 900; height: 48px; background:#fff;}
.buytoollist { }
.buytoollist li{ float:left; width: auto;height: 100%;  margin: 0; }
.buytoollist li a {font-size: 14px;text-align: center;display: block; color:#fff; position:relative;}
.buytoollist li a .Cart{position:relative; width:24px; height:24px; display:block; margin:0 auto; margin-top:3px;}
.buytoollist li a .Cart img{ width:100%; height:100%;}
.buytoollist li a i{color:#fff; font-style:normal; position:absolute; top:-3px; left:24px; padding: 1px 2px; font-size:12px;
border-radius: 7px 7px 7px 0; width: 12px; height:12px; line-height:12px; background: #c81623; text-align:center;}
.buytoollist li a p{margin: 0;font-size: 14px;display: block;text-align: center; color:#999; padding-bottom:3px;}
.buytoollist li.ShoppingCart a{}
.buytoollist li.ShoppingCart{width:24%; }
.buytoollist li.Home a, .buytoollist li.ShoppingCart a{ color:#000;}
.buytoollist li.AddCart{width:37%; background:#ff9402; line-height: 48px;}
.buytoollist li.BuyNow{width:37%; background:#ff5000; line-height: 48px;}
.buytoollist li.AddFavorite{width:26%; background:#CC0; line-height: 48px;}

/*购物车*/
#carttool { position: fixed; bottom: 48px; left: 0; right: 0; z-index: 900; height: 48px; background:#fff;}
.carttoollist { }
.carttoollist li{ float:left; width: auto;height: 100%;  margin: 0; }
.carttoollist li a {font-size: 14px;text-align: center;display: block; color:#fff; position:relative;}
.carttoollist li.TotalPriceWrap{width:55%; background:#fff; line-height: 48px; text-indent:5px; }
.carttoollist li.ClearCartWrap{width:25%; background:#999; line-height: 48px;}
.carttoollist li.CheckoutWrap{width:20%; background:#ff5000; line-height: 48px;}
.carttoollist li.TotalPriceWrap b{ color:#f00;font-weight:normal; padding-right:0px;}
.carttoollist li .TotalPrice{ color: #F00;}

/*提交订单*/
#cartsubmittool { position:fixed; z-index: 900; bottom: 48px; left: 0; right: 0; height: 48px; width:100%; background:#fff; border-bottom: 1px solid #e4e4e4;}
.cartsubmittoollist {  }
.cartsubmittoollist li{ float:left; width: auto;height: 100%;  margin: 0; }
.cartsubmittoollist li a {font-size: 14px;text-align: center;display: block; color:#fff; position:relative;}
.cartsubmittoollist li.TotalPriceWrap{width:65%; background:#fff; line-height: 48px; text-indent:5px; }
.cartsubmittoollist li.TotalPriceWrap b{ color:#f00;font-weight:normal; padding-right:0px;}
.cartsubmittoollist li.CartSubmitOrderWrap{width:35%; background:#ff5000; line-height: 48px;}
.cartsubmittoollist li .OrderTotalPrice{ color: #F00;}
.cartsubmittoollist li .btnCartSubmitOrder{ background:none; color:#fff; border:0; margin:0 auto; text-align:center;}

/*立即支付*/
#paynowtool { position:fixed; z-index: 900; bottom: 48px; left: 0; right: 0; height: 48px; width:100%; background:#fff; border-bottom: 1px solid #e4e4e4;}
.paynowtoollist {  }
.paynowtoollist li{ float:left; width: auto;height: 100%;  margin: 0; }
.paynowtoollist li a {font-size: 14px;text-align: center;display: block; color:#fff; position:relative;}
.paynowtoollist li.TotalPriceWrap{width:65%; background:#fff; line-height: 48px; text-indent:5px; }
.paynowtoollist li.TotalPriceWrap b{ color:#f00;font-weight:normal; padding-right:0px;}
.paynowtoollist li.PayNowWrap{width:35%; background:#ff5000; line-height: 48px;}
.paynowtoollist li .TotalOrderPrice{ color: #F00;}
.paynowtoollist li .btnPayNow{ background:none; color:#fff; border:0; margin:0 auto; text-align:center;}

/*===商品评论 开始===*/
/*评论结果：好评率*/
.GoodsComment{display: none;}
.GoodsCommentResult{ border-bottom:1px solid #e4e4e4; overflow:hidden; height:100px; padding:8px 0;}
.GoodsCommentResult .GoodRate{ width:40%;height:100%;  float:left; border-right:0px solid #e4e4e4; overflow:hidden; padding-top:1.5em;}
.GoodsCommentResult .GoodRate .GoodRateValue{ color:#e01d20; text-align:center; }
.GoodsCommentResult .GoodRate .GoodRateValue b{ font-size: 53px; }
.GoodsCommentResult .GoodRate .GoodRateValue .PercentSign{font-family: Arial,Helvetica,sans-serif;font-size: 33px;}
.GoodsCommentResult .GoodRate .GoodRateText{ text-align:center; height:25px;}
/*评论结果：好评、中评、差评*/
.GoodsCommentResult .StatResult{ width:60%;height:100%; float:left; border-right:0px solid #e4e4e4; }
.GoodsCommentResult .StatResult dl{ margin:0;}
.GoodsCommentResult .StatResult dt{ font-size:12px;}
.GoodsCommentResult .StatResult dt em{ font-style:normal; color:#999; padding:0 5px;}
.GoodsCommentResult .StatResult dd{ margin:0; background:#ddd; height:6px;}
.GoodsCommentResult .StatResult dd div{ background:#e01d20;  height:6px; width:0;}

/*评论选项卡*/
.GoodsComment .GoodsCommentTab{overflow:hidden; border-bottom:1px solid #e4e4e4; }
.GoodsComment .GoodsCommentTab li{ float:left; padding:0 8px; overflow:hidden; height:42px; line-height:42px; margin:0;}
.GoodsComment .GoodsCommentTab li.current{border-bottom:1px solid #e01d20; }
.GoodsComment .GoodsCommentTab li a{ color:#666; }
.GoodsComment .GoodsCommentTab li a i{ font-style:normal; float:none;}
.GoodsComment .GoodsCommentTab li a:hover, .GoodsCommentTab li.current a{ color:#e01d20; }

/*评论列表*/
.GoodsCommentContent{}
.GoodsCommentContent .goodscommentlist{ font-size: 12px; font-family: Arial,Verdana; overflow:hidden; }
.GoodsCommentContent .goodscommentlist li{ overflow:hidden; border-bottom:1px solid #e4e4e4; padding:10px 0; }
.GoodsCommentContent .goodscommentlist li .MemberAvatar{ text-align:left;}
.GoodsCommentContent .goodscommentlist li .MemberAvatar img{ border: 1px solid #dedede;vertical-align: top; width: 60px; height: 60px;}
.GoodsCommentContent .goodscommentlist li .GuestName{ padding:5px 0;}
.GoodsCommentContent .goodscommentlist li .CommentContent{ display:block; line-height:1.6em; color:#666;}
.GoodsCommentContent .goodscommentlist li .CommentTime{text-align:center; margin-left:5px;}
.GoodsCommentContent .goodscommentlist li b{ font-weight:normal; color:#e01d20; float:right;}
/*评论回复*/
.GoodsCommentContent .GoodsCommentReply{ color: #F90; line-height:1.8em; background: #f5f5f5; padding: 5px 8px; margin:8px 10px;}
.GoodsCommentContent .GoodsCommentReply .replycommentlist li{ border-bottom:1px solid #ddd; padding:5px 0; background:#f5f5f5; }
.GoodsCommentContent .GoodsCommentReply .replycommentlist li .GuestName{ display:inline; }
.GoodsCommentContent .GoodsCommentReply .replycommentlist li .CommentContent{ display:inline; float:none; color: #F90; }
.GoodsCommentContent .GoodsCommentReply .replycommentlist li .CommentTime { float: none;color: #999; text-align: center; margin:0 1px;}

/*评论分页*/
.GoodsComment .GoodsCommentPage{ overflow:hidden; float:right; padding:0; }
.GoodsComment .GoodsCommentPage li{ float:left; border-radius: 2px;  background: #f7f7f7; padding: 3px 0.5em;border: 1px solid #ddd; margin-left: 3px; vertical-align: middle; cursor:pointer; line-height: 1.3em;}
.GoodsComment .GoodsCommentPage li a{ color: #333; }
.GoodsComment .GoodsCommentPage li a:hover{ color: #e33b3d; }
.GoodsComment .GoodsCommentPage li.active{ border: 0;cursor: default; background: none;}
.GoodsComment .GoodsCommentPage li.active a{ color: #e33b3d; font-weight: bold; cursor: default; }
.GoodsComment .GoodsCommentPage li.disabled{ cursor:not-allowed; }
.GoodsComment .GoodsCommentPage li.disabled a{ color: #999; cursor:not-allowed;}

/*评论表单*/
.GoodsCommentForm{ margin-top:5px; overflow:hidden; clear:both;}
table.goods_comment_table{ width:99%; text-align:center; margin:0 auto; border-spacing:0; font-size: 12px; }
table.goods_comment_table th{ width:75px; text-align:left; white-space:nowrap; font-weight:normal;  }
table.goods_comment_table td{  text-align:left; padding:3px 0;}
table.goods_comment_table .operation{text-align:left;}
table.goods_comment_table #CommentContent{ height:6em; border: 1px solid #e0e0e0; width:97%; margin:0;}
table.goods_comment_table  label{ float:left; margin-right:30px;}
table.goods_comment_table  label .form_radio{ float:left; }
/*===商品评论 结束===*/
/*==========@@公共模块 结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*列表全局样式*/
.textlist li, .gridlist li, .wxlist li, .thumblist li{ font-size:16px; line-height:1.5em; vertical-align:middle; background-color:#FFF; overflow:hidden;}
.textlist li:hover, .thumblist li:hover, .gridlist li:hover{cursor:pointer;}

/*文本列表*/
.textlist{overflow:hidden;}
.textlist li{background:url(../images/textlist.gif) 3px center no-repeat; text-indent:8px;padding: 5px 0px; 
text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999;}
.textlist li.first{ background:none; padding-left:3px;}
.textlist li .InfoTime{ display: none;}
.textlist li .InfoContent{ font-size:14px; color:#CCCCCC; white-space:normal}
.textlist li img{ float:left; width:85px; margin-right:5px; border:1px solid #167312; }

/*带缩略图文本列表*/
.thumblist{overflow:hidden;}
.thumblist li {line-height:1.8em;width:100%; padding:6px 0; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dotted #ddd;}
.thumblist li img{ float:left; width:90px; margin-right:8px; border:1px solid #ddd; }
.thumblist li a:hover img { border:1px solid #034b9f; }
.thumblist li .InfoTitle{color:#000000;}
.thumblist li p{height:3em; overflow:hidden; color:#999; line-height:1.5em; margin:0px; white-space:normal;}

/*橱窗列表*/
.gridlist{ overflow:hidden;}
.gridlist li{width:33.3333%;overflow:hidden;float:left; line-height:0em; }
.gridlist li a{ display: block; border:1px solid #f1f1f1; border-top:0; border-left:0; padding:5px 8px;}
.gridlist li .InfoTitle{ height: 3em; line-height:1.5em; font-size:14px; text-align:left; font-weight:normal; 
overflow: hidden; word-break:break-all;}
.gridlist li .InfoPicture { }
.gridlist li .InfoPicture img{ border:0px solid #B7C235;}
.gridlist li .InfoPrice { line-height:1.8em; height:1.8em; text-align:left; color:#FF0000;}
.gridlist li .red{font-size:14px;}

/*微信列表*/
.wxlist li{overflow:hidden;border:0px solid #d0d1d4;margin: 0 auto; margin-bottom:10px; padding: 8px;}
.wxlist li .InfoTime{}
.wxlist li .GoTop{ text-align:center; font-weight:bold; height:30px; line-height:30px; color:#000}
.wxlist li .InfoPicture, .wxlist li .ChannelPicture{ border: 0px solid red}
.wxlist li .InfoPicture img, .wxlist li .ChannelPicture img{ width:100%;}
.wxlist li .InfoSContent, .wxlist li .ChannelSContent{ line-height: 1.5em; border:0px solid #900; padding:5px 2px; color:#222222; font-size:14px;}
.product .wxlist li .InfoSContent{ color:#F30;}
.wxlist li .ShowInfo{ }
/*侧边时间显示*/
.wxlist .InfoTimeSide {margin:10px 8px 0px 0px;width:auto;font-size:12px;float:left;
background-color:#179F00;padding:5px;position:relative;
-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-o-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);box-shadow:0 2px 1px 0 rgba(0,0,0,0.14); font-family:Georgia,"Times New Roman",Times,serif;}
.wxlist  .InfoTimeSide p{color:#FFF}
.wxlist  .InfoTimeSide p b {font-size:20px; }
.wxlist  .InfoTimeSide p i {font-size:11px; }
.wxlist  .InfoTimeSide span {position:absolute;top:10px;right:-4px;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
width:12px;height:12px;transform:rotate(45deg) ;background-color:#179F00;
-webkit-transform:rotate(45deg) ;-moz-transform:rotate(45deg) ;-o-transform:rotate(45deg) ;-ms-transform:rotate(45deg) ;}

.wxlist li .InfoPrice{ font-size:16px; margin:5px 0;}
.wxlist li i{width: 26px;height: 26px; float: left; color: #ccc;}
.wxlist li .increase{  background:url(../images/increase.png) #e9e9e9  center center no-repeat; cursor: pointer; }
.wxlist li .num { width: 50px;height: 24px; border: 1px solid #e9e9e9; float:left; line-height: 24px;text-align: center;padding:0; margin:0; outline: none; border-radius:0;}
.wxlist li .decrease{  background: url(../images/decrease.png) #e9e9e9  center center no-repeat;  cursor: pointer; }
.wxlist li .CartProductQuantity{ overflow:hidden;}
.wxlist li .CartProductQuantity b{ float:left;}
.wxlist li .FriendTip{ clear:both; margin:8px 0; font-size:13px; overflow:hidden; color:#999; line-height:1.3em;}

/*产品规格*/
.wxlist li .TypeAttribute{ }
.wxlist li .TypeAttribute .row{ line-height:2em; }
.wxlist li .TypeAttribute .AttributeValue{padding:3px 8px; border:1px solid #ccc; margin-right:5px; font-size:14px; cursor:pointer;}
.wxlist li .TypeAttribute .AttributeValue:hover{border-color:#ca141d;}
.wxlist li .TypeAttribute .current{ border-color:#ca141d; background:url(../images/selected.png) bottom right no-repeat;}

/*频道列表*/
.subchannellist{ width:99%;border:0px solid red; margin:0px auto;}
.subchannellist li{float:left;text-align: center; border:0px dashed blue; width:25%; }
.subchannellist li a{display:block; margin:8px 3px;  padding:3px 0px;background:#ddd; color:#333;}
.subchannellist #current a { color:#ddd; background:#C00;}

/*相册列表*/
#InfoAlbum{ margin-bottom:8px; position:relative; overflow:hidden; }
#InfoAlbum .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
#InfoAlbum .hd ul{ }
#InfoAlbum .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden; padding:0;}
#InfoAlbum .hd ul .on{ background:#FE6C9C;  }
.albumlist{}
.albumlist li {overflow:hidden;width:100%; background:none; margin:0; padding:0;}
.albumlist li img{ float:left; width:100%; outline:0px dashed red;}

/*商品参数选项卡*/
.producttablist{ overflow:hidden; }
.producttablist li { float:left; text-align:center; overflow:hidden; padding:0 8px; cursor:pointer; background:#fff; 
border:1px solid #e4e4e4; border-top:1px solid #e4e4e4; height:29px; line-height:29px; margin:0; margin-left:5px;}
.producttablist li.current{ color:#e01d20; border-top: 1px solid #e01d20; border-bottom-color: #FFF; padding-top: 0;}
.producttablist li i{ float:none;}
.GoodsSpecification{ display:none;}
.specification_table{ width: 100%; border-collapse:collapse; }
.specification_table .TypeGroupName{ border-bottom:1px solid #e4e4e4; color:#333; text-align:left; padding:8px 0px; }
.specification_table .TypeAttributeName{ width: 30%; text-align:left; padding:5px 0px; white-space:nowrap;}
.specification_table .AttributeValue{ color:#999; }
/*==========@@通用列表 结束@@==========*/


/*==========@@购物车 开始@@==========*/
/*公共*/
.cart_price{ font-weight:bold; color:#F00;}

/**购物进度*/
.progress{ overflow:hidden; margin:5px 0;height: auto;}
.progresslist li{ width: 33.3%; height: 35px; line-height:35px; float:left; text-align:center; background: #f1f1f1; color:#999;}
.progresslist li i{ display: block;background: url(../images/progresslist.png) no-repeat;float: right;width: 22px; height: 35px;}
/*step1*/
.progress #step1 li.n1 { color: #f60; background: #ffe6bc; }
.progress #step1 li.n1 i {background-position: 0px -35px;}
/*step2*/
.progress #step2 li.n1 i { background-position: 0px -70px; }
.progress #step2 li.n2 { color: #f60; background: #ffe6bc; }
.progress #step2 li.n2 i{ background-position: 0px -35px; }
/*step3*/
.progress #step3 li.n2 i{ background-position: 0px -70px; }
.progress #step3 li.n3 { color: #f60; background: #ffe6bc; }

/*购物车列表*/
.cart_table{ width: 99%; border-collapse:collapse; text-align:center; margin:0 auto;}
.cart_table thead{ background: #F5F5F5;}
.cart_table tbody{ background: #fff;}
.cart_table td, .cart_table th{ padding:8px 3px; text-align:center; }
.cart_table, .cart_table th, .cart_table td{ border:1px solid #e4e4e4; }
.cart_table .tImage{ width: 80px; }
.cart_table thead .tProductName{}
.cart_table tbody .tProductName{ text-align:left;}
.cart_table .tPrice{ width: 100px;  }
.cart_table .tQuantity{ width: 45px; }
.cart_table .tTotalItemPrice{ width: 70px;  }
.cart_table .tOperation{ width: 60px;}
.cart_table .tTotalPrice{ text-align:right; padding:0;}
.cart_table tfoot th{ text-align:right; }
.cart_table tfoot td{ text-align:center; }
.cart_table tfoot .trCartCheckout th{ padding:0;}
.cart_table .ProductAttriubtes{ font-size:12px; line-height:1.6em; color:#999; padding-left:5px;}
/*值*/
.cart_table .form_quantity{ width: 35px; height: 24px;border: 1px solid #e9e9e9;float: left; line-height: 24px;
text-align: center;padding: 0;margin: 0;outline: none; border-radius:0;}
.cart_table .TotalPrice, .cart_table .TotalItemPrice{font-weight:normal; color:red; }
.cart_table .TotalCount,  .TotalItemCount{ font-weight:normal; color:red;}
.cart_table .IncQuantity, .cart_table .DecQuantity{ width: 26px; height: 26px;float: left; color: #ccc; padding:0; cursor:pointer; }
.cart_table .IncQuantity { background: url(../images/increase.png) #e9e9e9 center center no-repeat;}
.cart_table .DecQuantity { background: url(../images/decrease.png) #e9e9e9 center center no-repeat; margin-left:10px;}
.cart_table .InfoPicture{ width: 80px; margin-bottom:5px;}
.cart_table .ProductName{ padding: 5px; font-size:14px;}
.cart_table .CartEmptyText{ color:red; text-align:left; padding:3px 5px; float:left; display:none;}
/*按钮*/
.cart_table .btnCartDelete{ cursor: pointer;}
.cart_table .btnGoShoping{ cursor: pointer; background:#e4e4e4; padding:10px 12px; color:#666; float:left;}
.cart_table .btnGoShoping:hover{ color: #c81623;}
.cart_table .btnClearCart{ cursor: pointer;  background:#e4e4e4; padding:10px 4px; color:#666; float:right;}
.cart_table .btnClearCart:hover{ color: #c81623;}
.cart_table .btnCheckout{ cursor: pointer; background:#cf010e; padding:10px 35px; color:#fff; }
.cart_table .btnCheckout:hover{ color: #eee; background:#E70A18;}
/*收货人信息*/
.cart_title{ padding:10px 3px; font-weight:bold; font-size:16px; }
.consignee_title{ padding:10px 3px; font-weight:bold; font-size:16px; }
.consignee_table{ width: 99%; border-collapse:collapse; background:#fff; text-align:center; margin:0 auto;}
.consignee_table td , .consignee_table th{ padding:2px 3px;}
.consignee_table th{ width: 35%; background:#F5F5F5;}
.consignee_table td{ text-align:left;}
.consignee_table, .consignee_table th, .consignee_table td{ border:1px solid #e4e4e4; }
.consignee #ConsigneeRealName, .consignee #ConsigneeEmail, .consignee #ConsigneeMobile, 
.consignee #ConsigneeTelephone, .consignee #ConsigneePostcode{ width:60%; }
.consignee #ConsigneeAddress{ width:98%; }
.consignee #ConsigneeRemark{ width:98%; height:80px;}
/*配送方式*/
.shipping_title{ padding:10px 3px; font-weight:bold; font-size:16px; }
.shipping_bottom{ margin:10px; text-align:center; overflow:hidden;}
.shipping_table{ width: 99%; border-collapse:collapse; background:#fff; text-align:center; margin:0 auto;}
.shipping_table th{ width: 30%; text-align:left; padding-left: 15px; background:#F5F5F5;}
.shipping_table td{ text-align:left; line-height:1.8em; padding-left:10px;}
.shipping_table, .shipping_table th, .shipping_table td{ border:1px solid #e4e4e4; }
.shipping_table .ShippingDescription{ font-size:14px; color:#999; line-height: 1.6em; }
/*支付方式*/
.pay_title{ padding:10px 3px; font-weight:bold; font-size:16px; }
.pay_table{ width: 99%; border-collapse:collapse;background:#fff; text-align:center; margin:0 auto;}
.pay_table th{ width: 30%; text-align:left; padding-left: 15px; background:#F5F5F5;}
.pay_table td{ text-align:left; line-height:1.8em; padding-left:10px;}
.pay_table, .pay_table th, .pay_table td{ border:1px solid #e4e4e4; }
.pay_table .PayDescription{ font-size:14px; color:#999; line-height: 1.6em; }
/*优惠券*/
.coupon{}
.coupon_title{ padding:10px 3px; font-weight:bold; font-size:16px;}
.coupon_body{ padding-left:15px;}
.coupon_bottom{ padding:0;}
.coupon_body .btnCoupon{border:1px solid #ccc; margin-left:3px; padding:3px 8px; cursor:pointer;}
.coupon_body .btnCoupon:hover{ border:1px solid #aaa; color:#000;}
.coupon_body .form_text{ width:90px; padding:2px 3px;}
.coupon_body #CouponSendID{ margin-right: 30px;}
/*积分*/
.point{}
.point_title{ padding:10px 3px; font-weight:bold; font-size:16px;}
.point_body{ padding-left:15px;}
.point_bottom{ padding:0;}
.point_body .btnPoint{border:1px solid #ccc; margin-left:3px; padding:2px 6px; cursor:pointer;}
.point_body .btnPoint:hover{ border:1px solid #aaa; color:#000;}
.point_body #Point{ width:70px; padding: 2px 3px; margin-left:3px;}
.point_body .PointTip{ color:#999; font-size:14px;}
.point_body .YourTotalPoint{ margin-left:0px; font-size:14px;}
.point_body .YourTotalPoint i{ font-style:normal; color:#F00;font-size:14px;}
.point_body .MaxUsePoint{ margin-left:10px; font-size:14px;}
.point_body .MaxUsePoint i{ font-style:normal; color:#F00;font-size:14px;}
/*在线支付*/
.orderinfo{ overflow:hidden;}
.orderinfo .OrderNumber{color:#00F;}
.orderinfo .TotalPrice, .orderinfo .ShippingPrice, .orderinfo .PayPrice, .orderinfo .TotalOrderPrice, .orderinfo .DiscountPrice{ color:#F00;}
.orderinfo_title{}
.orderinfo_body{ line-height:2em; font-size:16px; padding:0 0.5em;}
.orderinfo_bottom{ text-align:center; }
.payment .pay_title{ font-size:16px; font-weight:bold; background:none;}
.payment .OrderOnlinePayFinish{ color:#F00; text-align:center; padding:0.5em 0; font-size:20px;}
/*==========@@购物车 结束@@==========*/

header {
    width: 100%;
    display: flex;
    padding: 5px 15px;
    justify-content: space-between;
    align-items: center;
    background: #1A1917;
}

.header-tip {
    display: none;
    position: absolute;
    right: 18px;
    top: 38px;
    border: 1px solid #786F64;
    width: 80px;
    height: auto;
    background: #D5C4B0;
    z-index: 999;
}

.header-tip a {
    width: 100%;
    font-size: 16px;
    float: left;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.header-tip a:nth-child(2) {
    border-top: 1px solid #655D54;
    border-bottom: 1px solid #655D54;
}

.solid {
    width: 100%;
    height: 2px;
    background: url(../images/solid.png) no-repeat 100% 100%;
    background-size: 100%;
}

.ect-category-all{margin-bottom: 0;}

.search-box {
    width: 100%;
    height: auto;
    background: #EFEEEC;
}

.search-main {
    width: 80%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.search-input {
    display: flex;
    padding: 10px 0 5px 0;
}

.input {
    width: 100%;
    background: #7F675A;
    padding: 5px 0;
    margin: 0 auto;
    border: 1px solid #504035;
}

.submit {
    border: none;
    width: 35px;
    background: #221711 url(../images/search.png) no-repeat center center;
    background-size: 20px;
}

.search-hot {
    display: flex;
    flex-flow: wrap row;
    padding-bottom: 15px;
}

.search-hot a {
    width: 25%;
    color: #221913;
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
    text-decoration: underline;
}


#navigation li{width: 33%;float: left;margin: 1% 0;}
#navigation li .image_n{width: 40%;margin: 0 auto;}
#navigation li .image_n img{width: 100%;margin: 10% 0;}
#navigation li .title_n{text-align: center;}
#navigation li .title_n a{color: #B5ACA2;}
input[type="search"] {color: #FFF;}

.InfoContent table,.InfoContent table span,.InfoContent table p,.InfoContent table strong {font-weight: normal;  font-size: 12px !important;}


#follow-form {display: none;border: 1em solid #FFF;width: 60%;;position: fixed;top: 15%;left: 20%;z-index: 9999;background: white;overflow: hidden;}
#follow-form a {float: right;}
#follow-form img{width: 100%;}




#over {width: 100%;height: 100%;opacity: 0.8;filter: alpha(opacity=80);display: none;position: fixed;top: 0;left: 0;z-index: 999;background: silver;}
#over a {width: 100%;height: 100%;position: fixed;}