﻿

/*==========@@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: #008000 !important;}


.red {color: #c61821 !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: #c61821;  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: #c61821; border-color:#c61821; 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: #c61821; border-color:#c61821;  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; }


.ExchangePrice em{ font-style:normal;}


.ExchangePrice b{ color:#333;}


.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%;}


.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:#c61821;}


/*===首页 结束===*/





/*===招聘频道  开始===*/


.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:#c61821;}


.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}


#navigation table{background:#fff ; /*边框颜色*/width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}


#navigation td{background:#fff; /*单元格底色*/; 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:8px; position:relative; overflow:hidden; }


#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%; 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:#c61821;}


.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:#c61821;}


.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:#c61821;}


.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 #c61821; 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:#c61821;}


.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.7em; }


#condition .left{ color: #666; text-indent:10px; font-size:14px; overflow: hidden; padding:5px 0; border-bottom: 1px solid #f0f0f0; font-weight:bold;}


#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:#fff; background:#c61821; border: 1px solid #c61821;  padding:0px 5px;}


.selectedlist li.operator a:hover{ color:#fff; border: 1px solid #c61821; }


/*类型列表*/


.typelist { text-align:left; text-indent:0; overflow:hidden;}


.typelist li { float:left;}


.typelist li a { background:#f0f0f0; padding:4px 6px; color:#666; font-size:14px; border-radius:3px; margin:4px 5px; }


.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:#f0f0f0; padding:4px 6px; color:#666; font-size:14px; border-radius:3px; margin:4px 5px; }


.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:#f0f0f0; padding:4px 6px; color:#666; font-size:14px; border-radius:3px; margin:4px 5px; }


.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 #c61821; 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:#fff;}


.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}


.toollist li a {color: #999;}





/*我要购买*/


#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:#c61821; line-height: 48px;}


.buytoollist li.btnSellOut{width:74%; background:#ddd; line-height: 48px; text-align:center; color:#fff;}


.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:#c61821; line-height: 48px;}


.carttoollist li.TotalPriceWrap b{ color:#c61821;font-weight:normal; padding-right:0px;}


.carttoollist li .TotalPrice{ color: #c61821;}





/*提交订单*/


#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:#c61821;font-weight:normal; padding-right:0px;}


.cartsubmittoollist li.CartSubmitOrderWrap{width:35%; background:#c61821; line-height: 48px;}


.cartsubmittoollist li .OrderTotalPrice{ color: #c61821;}


.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:#c61821;font-weight:normal; padding-right:0px;}


.paynowtoollist li.PayNowWrap{width:35%; background:#c61821; line-height: 48px;}


.paynowtoollist li .TotalOrderPrice{ color: #c61821;}


.paynowtoollist li .btnPayNow{ background:none; color:#fff; border:0; margin:0 auto; text-align:center;}





/*===商品评论 开始===*/


/*评论结果：好评率*/


.GoodsComment{}


.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 .GoodRatue{ color:#e01d20; text-align:center; }


.GoodsCommentResult .GoodRate .GoodRatue b{ font-size: 53px; }


.GoodsCommentResult .GoodRate .GoodRatue .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.33%;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:#c61821;}


.gridlist li .ExchangePrice { line-height:1.8em; height:1.8em; text-align:left; color:#c61821; font-size:12px;}


.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;clear: both;}


.wxlist li .ExchangePrice{ color: #c61821; font-size:16px; margin:5px 0;}


.wxlist li .MarketPrice{ font-size:16px; margin:5px 0; text-decoration: line-through; color:#666;}


.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 .CartProductQuantity .StockQuantity{ margin-left:10px; font-size:14px; line-height: 24px; color:#999;}


.wxlist li .CartProductQuantity .StockCount{ font-size:14px; color:#999;}


.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 .Attributue{padding:3px 8px; border:1px solid #ccc; margin-right:5px; font-size:14px; cursor:pointer;}


.wxlist li .TypeAttribute .Attributue: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 .Attributue{ color:#999; }





.sortlist{ overflow:hidden; float:left; padding-right:3px; margin-top:8px;}


.sortlist li{ float:left; text-align:center;  margin-right:-1px; width:60px; height:23px; line-height:23px; background:#fff; }


.sortlist li i{ display:inline-block; width:7px; height:9px; margin-left:3px;  background:url(../images/icons1.png) no-repeat; background-position:0 -317px;}


.sortlist li i.order3, .sortlist li i.click9,.sortlist li i.order6{background-position:-0 -355px;}


.sortlist li i.order4, .sortlist li i.click8,.sortlist li i.order7{background-position:-0 -336px;}


.sortlist li a{ color: #333;}


.sortlist li.current{ }


.sortlist li.current a{ color:#e23435; }


.GoodsFilter{ float:right; cursor:pointer;}


.GoodsFilter i{ background:url(../images/filter.png) left center no-repeat; padding: 0 14px; margin-left: 3px; background-size:16px;}


.filter{ display:none; top: 0; right: 0; z-index: 9999; position:fixed; height:100%; width:80%; background:#fff; overflow-y: auto;overflow-x: hidden; }


.filter .filter_body{padding-bottom:42px;}


.filter .filter_bottom{  line-height:42px; height:42px; text-align:center; position:fixed; bottom:0; right:0; width:80%; }


.filter  .filter_close{ width:100%; text-align:center; background:#c61821; color:#fff;}


.filter  .filter_ok{ float:right; width:50%; text-align:center; background:#c61821; color:#fff;}


.mask{ width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:9998; opacity:0.5; filter: alpha(opacity=50); background-color:#000;}


/*==========@@通用列表 结束@@==========*/








/*==========@@购物车 开始@@==========*/


/*公共*/


.cart_price{ font-weight:bold; color:#c61821;}





/**购物进度*/


.progress{ overflow:hidden; margin:5px 0;}


.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:#c61821;font-size:14px;}


.point_body .MaxUsePoint{ margin-left:10px; font-size:14px;}


.point_body .MaxUsePoint i{ font-style:normal; color:#c61821;font-size:14px;}


/*在线支付*/


.orderinfo{ overflow:hidden;}


.orderinfo .OrderNumber{color:#00F;}


.orderinfo .TotalPrice, .orderinfo .ShippingPrice, .orderinfo .PayPrice, .orderinfo .TotalOrderPrice, .orderinfo .DiscountPrice{ color:#c61821;}


.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:#c61821; text-align:center; padding:0.5em 0; font-size:20px;}


.row b{width: 85px;float: left;}


/*==========@@购物车 结束@@==========*/





.shengjiang{line-height: 1.8em;height: 1.8em;font-size: 12px;}


.shengjiang span{font-size: 12px;}


.sheng{color: red;}


.sheng:after{content: "↑";font-size: 14px;margin-left: 5px;font-weight: bold;}


.jiang{color: green;}


.jiang:after{content: "↓";font-size: 14px;margin-left: 5px;font-weight: bold;}








.wxlist .row{clear: both;}