*{ font-size:16px;padding:0px; margin:0px }
body{ color:#000; background:#E9E8EE;	padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto; 
font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size:16px; 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;}
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:#cc0000; 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%;  
    margin: 0;  
    vertical-align: baseline; 
    *vertical-align: middle; 
}
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; }
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;}





.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; display:none; } 
.more a{ color:#167312}
.code_image{ cursor: pointer; padding-bottom:6px;} 


.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.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;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	background:#cc0000;border:0px solid #352740; color:#ffffff; display:block; text-align:center; }
.btn:active{}

.btn_download{color:#ffffff; display:block; text-align:center; cursor:pointer;	
	width:80px; text-decoration:none; margin:0px; 
	background:#179F00;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	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); }
.btnSmsCode{ width:90%; float:right; padding:6px 0; font-size:14px;}


.arrow{ background:url(../image/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:18px; line-height: 1.5em; vertical-align:middle; font-weight:bold;}
.InfoTime{color:#999; text-align:left; font-size:12px; padding:2px 0px; height:25px}
.InfoContent{ font-size:17px; line-height:1.8em}
.InfoContent p{ font-size:17px}
.InfoPicture{ text-align: center;}
.InfoPicture img{width:96%;}
.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{ overflow:hidden; height:42px;line-height:42px; text-align:center; background:#fff; border-top:1px solid rgba(0, 0, 0, 0.14); border-radius:8px 8px 0 0; box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1); margin-top:5px; display: none;  }
.left_title h2{ font-size:14px; color:#000; font-weight:normal; display: block;}
.left_title h2 a{ line-height:41px; font-size:22px; color:#333;  }
.left_title h2 a:hover{ color:#352740; }
.left_body{ padding:10px 5px; overflow: hidden; background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.14);  box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1); }
.left_bottom { clear:both; height:5px; }

.left_title1{ overflow:hidden; line-height:42px; text-align:center; margin-bottom: 15px;}
.left_title1 h2{ font-size:14px; color:#000; font-weight:normal; display: block;height: 55px;}
.left_title1 h2 a{  line-height:50px; padding-bottom:11px; text-shadow:0px 0px 2px #666; font-size:22px; font-weight:400; color:#f93; border-bottom:1px solid #f93; }
.left_title1 p{ font-size:15px; color:#fff; line-height:24px; padding:15px 10px 5px; margin: 0;}

.left_body1 { overflow:hidden; }
.left_bottom1{ overflow:hidden; }

.left_title2{ border-bottom:1px solid #ddd; padding:10px 0 7px 0px; position:relative; }
.left_title2 h2{ text-align:left; }
.left_title2 h2 a{ font-size:16px; color:#333; font-weight:normal; position:relative }
.left_title2 h2 a:after{ display: block; position: absolute; left: 50%; bottom: -8px; width: 0px; height: 1px; content: ''; transform: translate(-50%, 0);
transition: width 0.2s; background: #f00; }
.left_title2 h2 a:hover:after {width: 100%;}
.left_title2 .More{ float:right; line-height:27px; color:#888; position:absolute; right:5px; bottom:5px; }
.left_title2 .More:hover{ color:#EFB90A; }

.left_body2{ overflow:hidden; zoom:1; padding: 5px 0;}
.left_body2 .hd{ height:22px; overflow:hidden; text-align:center; margin-top:-15px; }
.left_body2 .hd ul li{ display:inline; padding:3px; margin:0 10px; background:#aaa; margin:5px; border-radius:6px; font-size:0; }
.left_body2 .hd ul li.on{ background:#FF6161; }
.left_bottom2{ overflow:hidden; }









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; box-sizing:border-box; }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%;  margin: 0px auto;}

.picture .left_body, .video .left_body{ padding:10px 5px 0; }




.index{ background:url(../image/main_bg.jpg) no-repeat center top; padding-bottom: 20px;}
.index_1{ background: #AA0000; padding:5px 7px; }
.index_1 .ChannelName{ color:#fff; font-size:18px; line-height:32px; padding:5px 0 15px; }
.index_1 .ChannelName span{ padding-left:10px; font-size:14px; }
.index_1 p{ font-size:14px; overflow:hidden; max-height:195px; line-height:24px; color:#fff; margin: 0; }
.index_1 .ViewMore{ display:block; color:#fff; font-size:16px; padding:10px 0; }

.index_2{ margin-top:10px; }

.index_3{ background: #fff; margin-top:25px; padding:0 5px 10px; }

.index_4{ background:url(../image/floor_4.jpg) no-repeat; background-size:auto 100%; margin-top:35px; padding:15px 5px 20px; box-sizing:border-box; border-top: 2px solid rgba(255, 144, 48, 0.8); border-bottom: 2px solid rgba(255, 144, 48, 0.8);}
.index_4_1{ overflow:hidden; }
.index_4_2{ width:100%; border:1px solid #f00; padding:10px; box-sizing:border-box; margin-top:20px; }
.index_4_2_1{ background: rgba(255, 0, 0, 0.65); padding:10px; }
.index_4_2_1 .ChannelSContent{ font-size:18px; color:#fff; text-align:center; margin-bottom:5px; }
.index_4_2_1 .ChannelName{ font-size:16px; color:#fff; text-align:center; margin-bottom:0px; font-weight: normal;}
.index_4_2_1 .ChannelContent{ font-size:14px; color:#fff; line-height: 24px;}

.index_5{ margin-top:25px; padding:0 1px; }

.index_6{ overflow:hidden; position:relative; margin-top:25px; }
.index_6 img{ width:100%; min-height: 55px;}
.index_6 .advertisement{ width:77%; position:absolute; top:5px; right:0; color:#AE1216; font-size:16px; font-style:italic; font-weight:bold; }
.index_6 .advertisement p{ text-indent:2em; margin: 0;margin-top: 2px;}
.index_6 .advertisement .zixun{ width:24px; height:25px; padding-left:70px; line-height:45px; position:absolute; top:15px; right:30px; color:#fff; background:url(../image/zixun1.png) no-repeat; font-size:16px; font-weight:normal; font-style:normal; background-size: 100% 100%;}

.index_7{ overflow:hidden; position:relative; margin-top:25px; padding-bottom: 10px;}

.index_8{ margin:25px 0; padding: 0 5px 0px;}



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






#logo{ background:#fff; }
#logo .WebLogo{ text-align:center;  background: rgba(0, 0, 0, 0.6); }
#logo .WebLogo img{ height:65px; padding:5px 0;  max-width:100%; display:block; margin:0 auto;}




#navigation { padding:0px; border: 0px solid red;  clear:both; overflow:hidden}
#navigation table{ background:rgba(0, 0, 0, 0.6); width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}
#navigation td{ background:#cc0000; }
#navigation a{line-height:35px;font-size:16px; color:#fff; overflow:hidden;display:block;text-align:center;}
#navigation a.current{ background:#cc0000; color:#ff0; }


#banner { overflow:hidden; position:relative;}
#banner img{ width:100%; vertical-align:middle; }
#banner .swiper-pagination-bullet{ width: 8px; height: 8px; background:#383838; }
#banner .swiper-pagination-bullet-active{ background:#cb2424; }
.swiper-wrapper li{ position:relative; }

.BannerText{ width:100%; position:absolute; left:0; top:7%; text-align:center; padding:0 10px; box-sizing:border-box;  }
.BannerText .BannerName{ color:#EFB90A; font-size:20px; line-height:140%; padding-bottom:5px;  }
.BannerText .BannerDescription{ font-size:14px; color:#fff; line-height:200%; }
.BannerText .BannerDescription p{ font-size:10px; margin:0; line-height:17px; background-size:13px; overflow:hidden; white-space:nowrap; }
.BannerText .BannerDescription a{ display:block; width:259px; height:31px; line-height:31px; background:#352740; color:#fff; text-align:center; margin-top:25px; 
-moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.BannerText .BannerDescription a:hover{ background:#6A3F8E; }

.subchannellist1{ margin:5px 0 10px; }
.subchannellist1 li{ line-height:30px; text-align:center; overflow:hidden; display:inline; border-radius:3px;  margin:0 5px; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; position:relative; }
.subchannellist1 li a{ line-height:30px; font-size:14px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; position: relative; z-index:10; }
.subchannellist1 li span{ float:left; }

.subchannellist1 li::after{ display: block;position: absolute;left: 50%;top: 50%;width: 0;height: 70%; content: ''; transform: translate(-50%, -50%); transition:width 0.2s;
-webkit-transform: translate(-50%, -50%);-webkit-transition: width 0.2s; background: #c00; }
.subchannellist1 li::before{ display:block; position:absolute; left:50%; top:50%; width:90%; height:0; content: ''; transform: translate(-50%, -50%); transition:height 0.2s; 
background: #c00; }
.subchannellist1 li.swiper-slide-active::after{ width:100%; }
.subchannellist1 li.swiper-slide-active::before{ height:100%; }


 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}



.no-js .slides > li:first-child {display: block;}


.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }


.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }


.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }



.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



#location{ padding:8px 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;}


#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ border: 1px dashed #ccc; padding:5px;}
#Map .MapInfo #MapContainer{ width:100%; height:260px; }
#Map .ContactInfo{ width:100%; line-height:2em;}
#Map .ContactInfo .Company{ font-size:22px; margin:5px 0;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}


#inforelation{ background: #fff; box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1); border-radius:8px;margin-bottom:108px;}
#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; 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;  font-weight:normal;}
.inforelation_body{ padding:0 3px;  overflow:hidden; }
.inforelation_bottom { clear:both; overflow: hidden; border-radius: 0 0 8px 8px; }



.inforelationlist{ }
.inforelationlist li{ float:left; width:50%; box-sizing:border-box; padding:5px;  border-right:1px solid #E9E8EE; text-align:center; }
.inforelationlist li:last-child{ border-right:1px solid transparent; }
.inforelationlist li img{ width:100%; padding-top:5px; }
.inforelationlist li .InfoTitle{ font-size:14px; font-weight:normal; text-align:center; color:#333; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height:28px;}
.inforelationlist li:hover .InfoTitle{ color:#5079D9; }
.inforelationlist li .InfoPrice{ color:#c30a18; }
.inforelationlist li .ViewMore{ display:block; padding-top:5px; color:#5079D9;  }

#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.btnSellOut{width:74%; background:#ddd; line-height: 48px; text-align:center; color:#fff;}
.buytoollist li.AddFavorite{width:26%; background:#CC0; line-height: 48px;}


.comment{}
.CommentList h1{ border-bottom:1px #999999 dotted; padding:5px 0px;} 
.LeaveComment h1{ border-bottom:1px #999999 dotted; padding:5px 0px; } 
.CommentTime {}
.CommentContent { color:#999999 }
table.comment_table{ width:100%;  }
table.comment_table	.t1{ width:28%; text-align:left}
table.comment_table	.t2{ height:72%; text-align:left}


.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:5px;}
.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:100px; text-align:left; font-weight:bold;}
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:100px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; width:200px;}
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:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left;  width:200px;}
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:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left; width:200px;}
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:0px 0px 3px; text-align:center; font-size:14px; color:#666; border:0px solid red;  margin-bottom:49px;}
#copyright a{color:#666; font-size:14px;}
#copyright .TechnicalSupport{ text-align:center; padding-bottom:5px;font-size:14px;}
#copyright .TechnicalSupport a { font-size:14px;}
#copyright .bottom_copyright{ padding:3px 0px; font-size:14px;}
#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:#CC0000; }
#copyright .Mobile a{ font-weight:normal; color:#fff; }
#copyright .Language{padding:10px 0px 0px 0px;  color:#666; text-align:center;}

.showproduct #copyright{ display:none; }

#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:25%;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 a {font-size: 20px;line-height: 20px;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: 14px;display: block !important;line-height: 18px;text-align: center;}

.toollist {	background:#cc0000; }
.toollist li{ border-right:1px solid rgba(255, 255, 255, 0.7);}
.toollist li.li4{ border-right:none; }
.toollist li a {color:#fff;}





.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 li{background:url(../image/textlist.gif) left center no-repeat; text-indent:14px;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:#ccc; white-space:normal}
.textlist li img{ float:left; width:85px; margin-right:5px; border:1px solid #167312; }

.textlist2{ }
.textlist2 li{ width:12.5%; }
.textlist2 li .AlbumTitle{ display:table; width:35px; height:200px; }
.textlist2 li .AlbumTitle span{ display:table-cell; vertical-align:middle; color:#fff; font-size:18px; text-align:center; background:url(../image/zs_li_bg.png) center no-repeat; background-size: 100% 100%;}


.thumblist{ }
.thumblist li{ text-align:left; margin-bottom:10px; overflow:hidden; }
.thumblist li img{ float:left; width:125px; margin-right:10px; }
.thumblist li .InfoTitle{display:block; font-size:1em; font-weight:bold; line-height:26px; color:#333; text-align:left; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.thumblist li p{ font-size:14px; color:#555; margin:0 0 5px 0; line-height:1.5em; overflow:hidden; height:3em; }
.thumblist li a{ line-height:30px; color:#ccc; }
.thumblist li .InfoTime{ float:none; display:block; height:auto; font-size:12px; line-height:18px; padding:0; color:#666; margin:0; color:#999 }

.thumblist1 li{ width:100%; overflow: hidden;}
.thumblist1 li .InfoPicture{ float:left; margin:10px 10px 0 0; overflow:hidden; }
.thumblist1 li a img{ width:119px; vertical-align:middle; transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; }
.thumblist1 li .InfoTitle{ font-size:15px; font-weight:bold; color:#222; padding:10px 0px 5px; display:block; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.thumblist1 li p{ color:#666; height:3em; overflow:hidden; margin: 0;line-height: 1.5em;font-size: 14px;}
.thumblist1 li:hover  .InfoTitle{ color:#f00; }
.thumblist1 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

.thumblist2{ margin-left: 10px; }
.thumblist2 li{ width: 60%; box-sizing:border-box; margin:0 5px; }
.thumblist2 li img{ width:100%; }
.thumblist2 li .info_wrap .InfoTitle{font-size:16px; font-weight:bold; color:#333; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height:28px;}
.thumblist2 li:hover .info_wrap .InfoTitle{ color:#5079D9; }
.thumblist2 li .info_wrap{ padding:0 5px ;}
.thumblist2 li .info_wrap p{ float:left; color:#999; font-weight:normal; margin:0; padding:5px 0; font-size: 14px; height:4em; overflow: hidden;line-height:20px;}
.thumblist2 li .ViewMore{ display:block; padding-top:5px; color:#5079D9; font-size:14px; }

.gridlist{  overflow:hidden; }
.gridlist li{ float:left; width:50%; overflow:hidden; box-sizing:border-box; text-align:center; padding-bottom:5px; }
.gridlist li:nth-child(odd){ float:left; }
.gridlist li:nth-child(even){ float:right; }
.gridlist li .InfoTitle{ padding:5px 5px 2px; font-size:14px; text-align:center; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gridlist li .InfoSContent{ display:block; font-size:12px; text-align:center; color:#999; height:20px; line-height:20px; overflow:hidden; margin:0 auto; }
.gridlist li .InfoPrice{ display:block; color:#c30a18;font-size:16px; text-align:center;display: none;}
.gridlist li .InfoPicture img{ vertical-align:middle; }

.gridlist1{overflow: hidden;margin-top:5px;}
.gridlist1 li { position:relative; float:left; text-align:left; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap; width:47.9%; 
margin:5px 1% 10px; box-sizing:border-box; background: rgba(255, 255, 255, 0.1); padding:8px; }
.gridlist1 li img { width:100%; vertical-align:middle; }
.gridlist1 li .InfoTitle{ display:block; color:#fff; font-size:14px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:7px 0; }
.gridlist1 li .InfoTitle:hover{ color:#f00; }
.gridlist1 li .infor_wrap{ overflow:hidden; }
.gridlist1 li .left_info{ float:left; width:95%; }
.gridlist1 li .left_info p{ color:#fff; font-size:12px; height:1.8em; overflow:hidden; margin:0; }
.gridlist1 li .ViewMore{ float:right; color:#fff; height:30px; line-height:30px; padding:0px 10px; overflow: hidden; font-size: 12px;color: #fff;
border:1px solid #eee; border-radius: 5px; background-clip: padding-box; margin-top: 6px; }
.gridlist1 li .ViewMore:hover{ color:#f00; border-color:rgba(255, 0, 0, 0.6);  background:rgba(255, 0, 0, 0.2); }

.gridlist2{ }
.gridlist2 li{ float:left; margin:0 12px 0 0; text-align:center; background:#f00; position:relative; }
.gridlist2 li img { width:100%; height:100%px; border-radius:50%; vertical-align: middle; }
.gridlist2 li .InfoTitle{ display:block; width:100%; line-height:30px; padding:0 10px; font-size:14px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(255, 0, 0, 0.6); position:absolute; left:0; bottom:0; text-align:center;  box-sizing: border-box; }
.gridlist2 li .InfoTitle a{ color:#fff; }
.gridlist2 li:hover .InfoTitle a{ color:#fff; }

.gridlist3{ margin-top:0px; }
.gridlist3 li{  margin:0 12px 0 0; text-align:center; }
.gridlist3 li img { width:100%; vertical-align: middle; }
.gridlist3 li .InfoTitle{ display:block; width:100%; height:58px; line-height:22px; padding:8px 10px 0; font-size:14px; color:#333; background:rgba(255, 255, 255, 0.6); text-shadow: 0px 0px 2px #fff; text-align:center; overflow:hidden; box-sizing: border-box; }
.gridlist3 li:hover .InfoTitle a{ color:#fff; }

.gridlist4{ }
.gridlist4 li{ text-align:center; position:relative; }
.gridlist4 li img{ width:100%; vertical-align:middle; padding-bottom: 20px;}
.gridlist4 li .AlbumTitle{ width:24px; padding:5px; font-size:14px; line-height:18px; text-align:center; background:#f00; color:#fff; position:absolute; bottom:0px; left:0; right:0; margin:0 auto; }


#albumlist_wrap{ position:relative; }
#albumlist_wrap .swiper-pagination-bullet{ background:#ddd; }

.wxlist li{overflow:hidden;
	
	border:0px solid #d0d1d4; padding: 8px 8px;
	
}
.wxlist li .InfoTime{ text-align:center; border-bottom:1px solid #eee; }
.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;}
.wxlist li .ShowInfo{ }

.wxlist li .InfoPrice{ font-size:16px; margin:5px 0;}
.wxlist li .ExchangePrice{ color: #F00; 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(../image/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(../image/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{ padding:10px 5px 10px; margin-top:5px; background:#fff; box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1); }
.wxlist li h1{ text-align:center; }
.product .wxlist li:first-child{ }

.product .wxlist{ padding:0; background: none; }
.product .wxlist li h1{ text-align:left; }
.wxlist li.product_info{ margin-bottom:10px; }

.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(/App/Tpl/Wap/Default2/Public/images/selected.png) bottom right no-repeat;}

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



#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; border-radius: 0; }
.albumlist li img{ float:left; width:100%; outline:0px dashed red;}

.swiper-pagination-bullet{ background:#bbb; width:5px; height:5px; }
.swiper-pagination-bullet-active{ background: #da1a1d; }

.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;  border-radius: 0;}
.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; }


.subchannellist{ text-align:center; overflow:hidden; margin:0px auto 10px; }
.subchannellist li{ float:left; line-height:30px; margin:5px 3px; }

.subchannellist li a{ display:block; background:#fff; font-size:15px; text-align:center; color:#666; font-weight:normal; border-radius:5px; padding: 0 10px;}
.subchannellist li a:hover{ color:#fff; background:#FF0000; }
.subchannellist #current a{ color:#fff; background:#FF0000; }