@charset "utf-8";
/* CSS Document */


.pagewrap {width: 1600px;max-width: 96%;margin: 0 auto;transition: all 1s ease;}
.wrapper {overflow: hidden;}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {float: left;margin-left: 3.2%;margin-bottom: 30px;}
.fullwidth .col {float: none;margin-left: 0;}
.full-padding{ padding:10px;}

/* grid4 col */
.grid4 .col {width: 22.6%;}

/* grid3 col */
.grid3 .col {width: 31.2%;}

/* grid2 col */
.grid2 .col {width: 48.4%;}

.grid2 .col2-left{ width:58.4%; margin-bottom:0;}
.grid2 .col2-right{ width:41.6%;margin-bottom:0; margin-left:0;}

.grid2 .head-col-1 {width: 28.4%;}
.grid2 .head-col-2 {width: 68.4%;}

/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.grid2,.grid3,.grid4,.fullwidth{transition: all 1s ease;}

/*頭部樣式*/
.head-col-1,.head-col-2{ padding:15px 0;}


/*語言選擇*/
.lan_drop{/* font-size:12px; */line-height:24px; float:right; margin-top:20px;}
.lan_drop > a{ display:block; float:left; width:auto;height:34px; padding:0 10px;line-height:34px;border:1px solid #333; border-radius:3px; text-align:center; color:#fff; background-color:#616161;}
.lan_drop > a >span{ display:block;}
.lan_drop2{ top:24px; left:1px; min-width:50px; border:1px solid #fff;background-color: #fff; text-align:center;}
.lan_drop2 > li > a  { display:block; height:24px; font-size:12px; padding:3px 5px; color:#000; text-align:center;}
.lan_drop2 > li > a span{ display:block; float:left; margin-right:3px; line-height:24px; width:100%;}

.head-a1{display:block;margin-left:10px;line-height:24px;font-weight:bold;font-size:.75em;}
.head-p1{ font-size:.75em; line-height:28px;  margin-top:10px;}
.head-p1 strong{ text-decoration:underline;}

.icons-setting{ display:none; width:40px; height:40px;}
.icons-setting img{ width:100%;}

.head-logo{ display:block; width:185px; height:64px;}
.head-logo img{ width:100%;}

.icons-shop{ display:none; width:50px; /*height:50px;*/ position:relative;}
.icons-shop img{ width:100%;}
.icons-num{ display:block; width:35px; height:35px; background:url(../images/icons_03.png) no-repeat; color:#fff; text-align:center; line-height:32px; position:absolute; top:-10px; right:-15px; font-size:.5em;}

.head-right { margin-top:20px; margin-left:20px; float:right; }
.head-right a {display:block;float:left;padding:0px 5px; margin:0 10px;line-height:26px;}


.head-search{ width:auto; /*height:70px;*/ position:relative; float:left;margin-top:20px; color: #ed7703; }
.top-search {display:block;width:170px;height:25px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:none;border:1px solid #bdbdbd;line-height:25px\9;margin-top:10px; padding:0px 28px 2px 8px; background-color:transparent; }
.search-icon {position:absolute;z-index:2;top:14px;right:2px;}

/*footer样式*/
.g-footer {width:100%;  /* max-width: 1600px;  */ margin:0 auto; padding:20px 0; min-height:100px; /* background: #000 url(../images/dot-bg2.png) repeat; */}
.foot-ul-1{ float:left; width:30%; margin-right:3%;}
.foot-ul-1 li a{ line-height:20px; color:#666;}

.foot-ul-2{ float:left; width:30%; margin-right:3%;}
.foot-ul-2 li a{ line-height:20px; color:#666;}

.m-icons{ width:60%; float:right; margin-top:30px;}
.m-icons a{ display:block; float:left; margin-left:5px;}

.m-footer{ /* text-align:center;  */padding:1% 0; color:#666; border-top: 1px solid #666;}
.m-icons{  margin:20px auto 0;}
.m-icons a{ display: inline-block; text-align:center;  margin-left:5px;}


.border-right{ background:url(../images/con-line2.png) repeat-y top right; min-height:120px;}

.m-wr{/*width: 65%;float: right;*/}
.m-wr h1{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.m-wr a{ display:block; max-width:120px;}
.m-wr p{ font-size:12px; line-height:16px; font-weight:lighter;}


.icon_i{ padding-right:3%;}
.newslist{ width:100%; height:auto; overflow:hidden; font-family: "Arial Black";}
.newslist li a{color:#fff; display:block;padding:10px 5px 10px 20px; height:auto; overflow:hidden; line-height:24px; }
.newslist li a span{/*position:absolute;left:20px;*/}
.newslist li a i, .newslist li a span{ display:block;}
.newslist li a i{ padding-top:5px;}
.newslist li{position:relative;font-size:1em;border-bottom:2px #747474 groove;  }
.newslist li a:hover{ color:#d6de26;}


.g-catory{ width:100%; height:auto; overflow:hidden;}
.m-catory{ margin-top:30px; padding:98%; padding:0 1%;}
.m-catory a{ color:#000; border-bottom:1px solid #ccc; display:block; width:95%; margin-right:5%; padding-bottom:5px;}
.m-catory a:nth-of-type(4n+1) { width:100%; margin-right:0;}


/*login页面样式---930*/

.g-login{ width:100%; /* padding:0 1%; */ height:auto; overflow:hidden; }
.top-tit{font-size: 1.2em; padding:20px 0;width: 100%; border-bottom: 1px solid #ccc; margin-bottom:10px; text-transform:uppercase; text-align: center; }
.login-left{ padding:1em 0;}
.login-p1 {font-size: 1em;font-weight: bold; padding:5px 0; text-transform:uppercase;}
.login-p2 {font-size: 0.8em;font-weight: bold; padding:5px 0;/* line-height:20px;*/}
.login-p3{/* font-size:.75em; *//* line-height:16px;*/}
.m-input{ padding:5px 0; margin-bottom:10px;}
.m-input label{ display:block; line-height:26px;}
.m-input .login-col1{ width:130px;}
.m-input .login-col2{ width:70%; width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);}
.m-input .login-col3{ width:66.5%/*67.3%*/; float:right;}

.m-input .login-col4{ width:85%; width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);}
	
.m-input .login-col5{ width:200px; margin-bottom:0;}
.m-input .login-col6{ width:70%; width: -moz-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px);}

.login-col1,.login-col2{ margin-bottom:5px;}
.login-a1{ display:block; color:#999; text-decoration:underline; line-height:20px; margin-top:10px; font-style:italic;}
.login-a1:hover{ color:#5e7688;}

.login-right{ background-color:#ebebeb;padding:1em;}
.login-dl{ margin-top:10px;}
.login-dl dt, .login-dl dd {font-weight: bold; line-height:24px;}
.login-dl dd {background: url(../images/dd.png) no-repeat left top;text-indent: 20px;}

/*忘记密码页面样式*/
.u-code{ margin-left:8px; display:block; border-radius:3px; margin-top:6px;}
.u-code2{ margin-left:8px; display:block; border-radius:3px; margin-top:6px;}



/*注册页面样式---980---768---480*/
.m-regist{ width:95%; padding:1em 0; margin:0 auto; max-width: 1200px;}
.btn-group{ width:100%; height:auto; overflow:hidden; margin-top:1.5em;}

/* stepInfo---640---*/
.stepInfo{position:relative;background:#fff;margin:4em auto;width:70%;}
.stepInfo li{float:left;width:48%;height:0.3em;background:#919696;}
.stepIco{border-radius:1.4em;padding:0.2em;background:#919696;text-align:center;line-height:1.4em;color:#fff; position:absolute;width:1.4em;height:1.4em;}
.stepIco1{top:-0.7em;left:-1%;}
.stepIco2{top:-0.7em;left:50%;}
.stepIco3{top:-0.7em;left:95%;}
.stepText{color:#666;margin-top:0.2em;width:10em;text-align:center;margin-left:-4em;}
.step-curr{ color:#fff; background-color:#3f4857;}


/*购物车样式*/
.g-cart{ width:98%; padding:0 1%; height:auto; overflow:hidden; }

/*shopping cart 购物车页面样式*/

.g-shop-info{ padding-bottom:5%;}

/* grid3 col */
.m-grid3-cart{ position:relative;}
.m-grid3-cart .col-1 {width: 50%; margin-bottom:10px;}
.m-grid3-cart .col-2 {width: 20%; margin-bottom:10px;}
.u-cart-delete{ width:25px; height:25px; display:block; position:absolute; right:0; top:30%;}
.u-cart-delete img{ width:100%;}

.u-cart-tit{ font-weight:bold; margin-bottom:10px; height:auto; overflow:hidden; word-wrap:break-word;}
.m-cart-detail{ width:100%; height:auto; overflow:hidden; word-wrap:break-word;/*font-size:.75em;*/}

.u-cart-tit11{ font-weight:bold; margin-bottom:10px;overflow:hidden; word-wrap:break-word;}
.m-cart-detail22{ width:100%; height:auto; overflow:hidden; word-wrap:break-word;/*font-size:.75em;*/}
.m-grid4-shopInfo .u-cart-tit11{ display:none;}

.mobile-display{ display:none;}
.mobile-none{ display:block;}

.u-cart-pic{ width:80px; height:80px; float:left;}
.u-cart-pic img{  height:100%; margin:0 auto; display:block;}

.u-cart-name{ width:70%; text-align:center; float:right;  height:auto; overflow:hidden;}
.u-cart-name span{ display:block; margin-bottom:5px; padding-top:5%;}
.u-cart-name span.u-col-span1{}
.u-cart-name span.u-col-span2{ font-size:.75em;}

.u-cart-price{ margin-top:28px; }
.numeric-stepper{/*margin-top:15px;*/}

.u-cart-tit2{ width:20%; float:left; line-height:40px; }
.m-cart-detail2{ /* width:78%; */ float:left;line-height:40px;}
.m-cart-detail3{ float:left;line-height:40px;}

.u-cart-tit3{ width:100%;  line-height: normal; margin-bottom:6px;}
.m-cart-detail3{ width:100%; float:none; }
.m-cart-detail3 input[type='text']{ width:30%;}
.u-top-20{ margin-top:15px;}
.m-cart-detail3 input[type='submit']{ width:20%; margin-top:0;}
.m-cart-detail5{height: 28px;display: block;color: #F00;padding-left: 30px;margin-top: 5px;}
.m-cart-detail5 span {display: block;float: left;}

.u-cart-tit4{ width:40%; float:left;font-weight:bold; line-height:24px; font-size:.875em; }
.m-cart-detail4{ width:58%; float:left;  line-height:24px; font-size:.875em;  }
.num-span1{ display:block; float:left; width:30%; line-height:24px;}
.num-span2{display:block; float:left; width:60%;color:#F00; font-size:.75em;margin-right:5%;}


.u-regist-tit{ color:#000; font-size:24px; font-weight:bold;  margin-bottom:10px;}
.u-shop-tit1{ font-size:1.2em; color:#000;  margin:1em 0;}
.u-shop-tit2{ font-size:1em; font-weight:lighter; margin:10px 0 20px; padding:5px 0; background-color:#fff;}
.u-shop-tit3{ color:#f00; font-size:.65em; font-weight:bold; line-height:24px; float:right;}
.u-shop-tit4{ font-size:1.2em; font-weight:bold; padding:5px 0; float:left; margin-right:10px; margin-bottom:10px;}
.m-addr{ width:100%; height:auto; overflow:hidden;}
/* grid4 col */
.m-grid4-shopInfo .col-3 {width:18%; margin-bottom:10px;}
.m-grid4-shopInfo .col-4 {width: 25%; margin-bottom:10px; text-align:center;}

.u-info-tit{ width:35%; height:auto; line-height:24px; overflow:hidden; float:left;   word-wrap:break-word;/* font-size:.875em;*/}
.u-info-detail{ width:60%; height:auto;  padding:0 2%; overflow:hidden; float:right; word-wrap:break-word; line-height:20px;/*font-size:.875em;*/}
.u-info-padding{ padding-top:10px;}
.col2-1{ margin-bottom:13px;}
.u-icon1-a{ display:block; float:left; margin:0 30px 0 0; width:20px; height:20px;}

.grid5{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.grid5 .col5-1{ width:10%; height:auto; overflow:hidden; float:left;}
.grid5 .col5-2{ width:88%; height:auto; overflow:hidden; float:left;}

.grid5 .col5-1 input[type="radio"]{ margin-top:0;}
.grid5 .col2-1{ margin-bottom:5px;}

.u-info-tit2{ width:100%; height:auto; overflow:hidden; float:left; font-weight:bold;  word-wrap:break-word; margin-bottom:15px;}
.u-info-detail2{ width:100%; height:auto; overflow:hidden; float:right; word-wrap:break-word;}

.text-bottom{ margin-bottom:0px;}
.col2-2{ margin-bottom:0px; /*font-size:.875em;*/}
.sell-txt{height: auto; width:100%;overflow: hidden;text-align: right;padding: 5px 0 0;color: #F00;font-weight: bold;font-size: 20px;font-style: italic;}
.sum_a1 {font-size: 12px;color: #8e8d8d;display: block;border: 1px solid #ccc;width: 100px;height: 25px;float:left;}
.sum_a1 img {display: block;float: left;margin-top: 2px;margin-left: 3px;}
.sum_a1 span {display: block;float: right;line-height: 25px;margin-right: 5px; font-weight:bolder; color:#000;}
.sum_text {text-align: right;}

.m-remark{ margin:10px 0; line-height:24px; }

/*联系页面样式*/
.contact-left{ width:100%; height:auto; overflow:hidden;color:#000; text-align:justify;}
.contact-left p{ margin-bottom:15px; /*line-height:24px; */}
.text-fild,.msg-fild{ margin-bottom:10px;}

/*文章内容详细页*/
.content-detail{ width:96%; padding:0 2%; height:auto; overflow:hidden; /*line-height:24px;*/ text-align:justify;}


/*谢谢页面样式*/
h1.thanks-txt{ font-size:1.8em; line-height:1.5em;}


/*我的账户页面样式---768---640---568*/
.g-acc-info{ padding:1em 0;}
.acc-col{ margin-bottom:10px;}
.acc-left {width: 23%; min-width:150px; float:left;}
.acc-right {width: 74%;  min-height:380px; float:right; padding-right:1%; }

.u-acc-tit{ width:15%; height:auto; line-height:32px; overflow:hidden; float:left; /*font-size:.875em;*/ word-wrap:break-word;}
.u-acc-detail{ width:80%; height:auto;  padding:0 2%; overflow:hidden; float:right; word-wrap:break-word; line-height:32px;}
.u-acc-detail label{line-height:20px; font-size:.75em;}

.u-acc-tit0{ width:25%; /*font-size:.875em; */height:auto; line-height:32px; overflow:hidden; float:left;   word-wrap:break-word;}
.u-acc-detail0{ width:70%; height:auto;  padding:0 2%; overflow:hidden; float:right; word-wrap:break-word; line-height:32px;}
.u-acc-detail0 label{line-height:20px;/* font-size:.75em;*/ display:block; margin-top:5px;}

.fullwidth .u-address-col{ width:100%; margin-bottom:15px;margin-top:15px; min-height:30px; position:relative;}
.u-address{display:block;  width:80%; float:left;/* line-height:24px; font-size:.875em;*/}
.u-cart-delete2{ width:30px; height:30px; display:block; float:right; margin-left:15px;}
.add-address{ width:25px; height:25px; display:block; position:absolute; right:10px; bottom:5px;}
.add-address img{ width:100%;}
.u-cart-delete3{  width: auto; display:block; float:left;/*font-size:.75em;*//*background:#3f4857;*/padding: 3px 5px;border-radius: 5px;color: #fff;}
.u-cart-delete4{ width:auto; display:block; float:left; margin-right:15px; background-color:#3f4857; padding:3px 5px;border-radius:5px; color:#fff;}

/* grid5 col */
/*我的账户order record*/
.grid4 .col-5 {width: 18%; float:left; margin-right:2%; margin-top:5px; margin-bottom:5px;}
.grid4 .col-5:nth-of-type(5n+1)
{margin-right: 0;}

/*上传头像页面样式*/
.padding-top{ padding-top:8%;}
.default-icon1{ max-width:200px;}
.default-icon{ margin:0 auto; max-width:256px;}



/*输入框基本样式*/
.u-input{ width:95%; height:34px; padding:2px; line-height:20px;
border: 1px solid #ccc;background: #fff; color:#000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
}

.input-acc-width{ width:50%;}

/*按钮基本样式*/
.u-btn{ display:block; cursor:pointer; height:45px; text-align:center; line-height:45px; margin:15px 0; width:140px;border: 1px solid #ccc; background-color:rgba(0,0,0,.8);color:#fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-appearance:none;
	/*font-size:1em;*/
	}
.u-btn:hover{background-color: #000; color:#fff;}

/*选择框基本样式*/
.u-select{width:97%; /*display:block;*/ height:40px; padding:0 2px;
border: 1px solid #ccc;background: #fff; color:#000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; /*font-size:14px;*/}

.select-acc-width{ width:51%;}
.u-select-w1{ width:30%; float:left;}

	
/*文本框基本样式*/
.u-text{ width:95%; padding:2px; line-height:20px;
border: 1px solid #ccc;background: #fff; color:#000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; height:80px; resize:none;}

.u-text-w1{ width:95%;}
.u-text-w2{ width:50%;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(94,118,136,0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)
}


/*radio and check box 样式*/
.check-box{ width:25%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
label {display: inline;}
.regular-checkbox {display: none;} 
.regular-checkbox + label {border: 1px solid #797979;  padding: 9px;display: inline-block;position: relative;float:left;margin-left:5px;margin-right:5px; cursor:pointer;background-color: #fff;} 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + label {background-color: #fff;border: 1px solid #797979;  color: #000;}
.regular-checkbox:checked + label:after {content: '\2714'; font-size: 16px;position: absolute;top: -3px;left: 2px; color: #451e0f;}
.no-agree{ padding-left:5px;display:block;}

.check-box2{ margin-top:15px; width:100%; height:auto; overflow:hidden;}
.no-agree2{ padding-left:5px;display:block; width:85%; line-height:20px; font-size:.75em;}

.u-radio{ width:20px; height:20px;}


/*404页面样式*/
.demo{max-width:600px;margin:5% auto;background-color: #ECECEC; padding:10% 0;}
.demo p:first-child {text-align: center;font-family: cursive;font-size: 150px;font-weight: bold;line-height: 100px;letter-spacing: 5px;color: #fff;}

.demo p:first-child span {
  cursor: pointer;
  text-shadow: 0px 0px 2px #686868,
    0px 1px 1px #ddd,
    0px 2px 1px #d6d6d6,
    0px 3px 1px #ccc,
    0px 4px 1px #c5c5c5,
    0px 5px 1px #c1c1c1,
    0px 6px 1px #bbb,
    0px 7px 1px #777,
    0px 8px 3px rgba(100, 100, 100, 0.4),
    0px 9px 5px rgba(100, 100, 100, 0.1),
    0px 10px 7px rgba(100, 100, 100, 0.15),
    0px 11px 9px rgba(100, 100, 100, 0.2),
    0px 12px 11px rgba(100, 100, 100, 0.25),
    0px 13px 15px rgba(100, 100, 100, 0.3);
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

.demo p:first-child span:hover {
  text-shadow: 0px 0px 2px #686868,
    0px 1px 1px #fff,
    0px 2px 1px #fff,
    0px 3px 1px #fff,
    0px 4px 1px #fff,
    0px 5px 1px #fff,
    0px 6px 1px #fff,
    0px 7px 1px #777,
    0px 8px 3px #fff,
    0px 9px 5px #fff,
    0px 10px 7px #fff,
    0px 11px 9px #fff,
    0px 12px 11px #fff,
    0px 13px 15px #fff;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

.demo p:not(:first-child) {text-align: center;color: #666;font-family: cursive;font-size: 20px;text-shadow: 0 1px 0 #fff;letter-spacing: 1px;line-height: 2em;margin-top:50px;}


/*新闻列表样式---768--568*/
.news_list{ margin:0 auto 3%;max-width:980px; line-height:24px;}
.news_list dl{   border-bottom:1px solid #ccc; overflow:hidden; width:100%; padding:1.5em 0; }
.news_list dl dt{ width:70px; height:70px; background:#b1b2b3; text-align:center; color:#fff; float:left;font-weight:bold; font-size:14px;}
.news_list dl dt strong{ display:block; font-size:32px; line-height:40px;}
.news_list dl dd{ float:left; width:85%;  line-height:22px; margin-left:5%; color:#333;}
.news_list dl dd strong{display:block; text-decoration:underline; margin-bottom:5px;}
.news_list dl dd a{color:#5e7688; }
.news_list dl dd a:hover{color:#5e7688;}

.new-tit{ text-align:center; font-size:2em; margin:1em;}
.video-tit{ text-align:center;font-size:3em; margin:0.5em;}
.video-date{ text-align:center; margin-bottom:1.5em;}

/*分页CSS manu style pagination*/

.manu {font-family:Arial, Helvetica, sans-serif;padding:20px 0 40px;margin:0 3px;text-align:center; height:auto; overflow:hidden;}
.manu a {border: #ccc 1px solid;padding: 5px 10px;margin:5px 3px;color: #616161;text-decoration: none; background-color:#fff;}
.manu a:hover {border: #000 1px solid;color: #616161;background-color: #f1f1f1;}
.manu a:active {border: #000 1px solid;color: #616161;}
.manu .current {border: #000 1px solid;padding: 5px 10px;font-weight: bold;margin: 5px;color: #616161;background-color: #f1f1f1;}
.manu .disabled {border: #f1f1f1 1px solid;padding: 5px 10px;margin: 2px;color: #ddd;}


/*相册样式 wrapper */
.photo-list1{display: block;padding:5px;height:auto; overflow:hidden;position: relative;border:2px solid #eaeaea; min-height:200px;}
.photo-list1:hover {border:2px solid #999;}

.new_hot11 {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot11 img{ width:100%;}

.container-fluid {padding: 20px;}
.box-1 {margin-bottom: 20px;float: left;width:23.5%;max-width: 220px;}
.box-1 img {max-width: 100%}


/* wrapper */
#container{position:relative;margin:0 auto 25px;padding-bottom:10px;}
.grid1{width:188px;min-height:100px;padding:15px;background:#fff;margin:8px;font-size:12px;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid1 strong{border-bottom:1px solid #ccc;margin:10px 0;display:block;padding:0 0 5px;font-size:17px;}
.grid1 .meta{text-align:right;color:#777;font-style:italic;}
.grid1 .imgholder img{max-width:100%;background:#ccc;display:block;background:url(../images/loding.gif) no-repeat center;}

/* Nav */
.tabs nav {/*text-align: center;*/margin-top:1em; height:40px;}
.tabs nav ul {padding: 0;margin: 0;list-style: none;display: inline-block;}
.tabs nav ul li {border: 1px solid #eaeaea;border-bottom: none;margin-right:1px;display: block;float: left;position: relative;}
.tabs nav li.tab-current {border: 1px solid #CCC;border-bottom: none;z-index: 100;	}
.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width: 1000px;background: #CCC;}
.tabs nav li.tab-current:after {right: auto;left: 100%;width: 4000px;}
.tabs nav a {color: #000;display: block;line-height: 2.5em;padding:2px 3em;white-space: nowrap;}
.tabs nav a:hover {color: #000;}
.tabs nav li.tab-current a {color: #000;}
/* Content */
.content-tab section {font-size: 1em;padding: 1em 1%;display: none;max-width: 1230px;border:1px solid #CCC;border-top:none;}
.content-tab section:before,
.content-tab section:after {content: '';display: table;}
.content-tab section:after {clear: both;}
/* Fallback example */
.no-js .content-tab section {display: block;padding-bottom: 2em;border-bottom: 1px solid #fff;}
.content-tab section.content-current {display: block;}

/* select 产品类目选择样式*/
.select{padding:5px 1%;border-bottom:#ccc 1px solid;width:98%;margin:1em auto;font-size:.75em;}
.select li{list-style:none;padding:10px 0 5px 100px}
.select .select-list{border-bottom:#eee 1px dashed}
.select dl{zoom:1;position:relative;line-height:24px;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{width:100px;margin-bottom:5px;position:absolute;top:0;left:-100px;text-align:left;color:#666;height:24px;line-height:24px}
.select dd{float:left;display:inline;margin:0 0 5px 5px;}
.select a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;color:#333;border-radius:2px;}
.select a:hover{color:#fff;background-color:#d80123}
.select .selected a{color:#fff;background-color:#3f4857}
.select-result dt{font-weight:bold}
.select-no{color:#999}
.select .select-result a{padding-right:20px;background:#d80123 url("close.gif") right 9px no-repeat}
.select .select-result a:hover{background-position:right -15px}


.filter{overflow: hidden;min-height: 28px;padding: 5px 8px;border: 1px solid #ddd;margin-bottom: 20px;background: #F7F7F7;zoom: 1; font-size:.75em;}
.filter dl{}
.filter .order a {display: block;padding: 0 10px;}
.filter dl, .filter dt, .filter dd {float: left;line-height: 26px;zoom: 1; display:block;}
.filter .order dd {height: 26px;border: 1px solid #CECBCE; background: #fff;margin-right: 5px;line-height: 24px;
overflow: hidden;zoom: 1}
.filter .up,.filter .down{position:relative}
.filter .order a{display:block;padding:0 10px}
.filter .order b{display:none;position:absolute;top:7px;right:8px;width:9px;height:11px;overflow:hidden;font-size:0}
.filter .order .curr{border:1px solid #3f4857;background:#3f4857;font-weight:700}
.filter .order .curr a:link,.filter .order .curr a:visited{color:#fff}
.filter .up a,.filter .down a{padding-right:20px}
.filter .order .up b,.filter .order .down b{display:block}
.filter .order .up b{background: transparent url("../images/20130606B.png") no-repeat scroll 0% 0%;background-position:-70px -114px}
.filter .order .down b{background: transparent url("../images/20130606B.png") no-repeat scroll 0% 0%;background-position:-70px -102px}

.m-sort-mid{ float:left; width:30%; padding-left:20%;}


.sort-item{border-right: 1px solid #ddd;border-left: 1px solid #ddd; padding:0 10px;  }
.sort-item,.sort-item li{ overflow:hidden; float:left;}
.sort-item li{ height:25px; width:25px;border: 1px solid #CECBCE; background-color:#fff; margin-right:5px;}
.sort-item li a{ display:block; height:15px; width:15px; margin:5px auto 0; text-indent:-999px;background: transparent url("../images/20130606B.png") no-repeat scroll 0% 0%;}

.sort-item li a.item-1{background-position:-23px -16px;}
.sort-item li a.item-2{background-position:-23px -32px;}
.sort-item li.item-curr{ background-color:#3f4857; border:none;}
.sort-item li.item-curr a.item-1{background-position:-2px -16px;}
.sort-item li.item-curr a.item-2{background-position:-2px -32px;}

.qty{ float:left; padding:0 15px; line-height:26px;}

.list-manu{ float:right; margin:5px 0;}


/*搜索页面样式*/
.search-top{width:96%;padding: 0 2%;background-color: #f6f6f6;margin: 0 auto;height: 55px;
}
.search-top a{ display:block; float:left; margin-right:10px; margin-top:10px; color:#fff; padding:10px 15px; background-color:#3f4857;}
.search-top a:hover{background-color:#d80123;}
.search-tit{font-size: 1.2em;padding: 15px 0 5px;width: 100%;border-bottom: 1px solid #ccc;margin-top:1em;margin-bottom:10px;}

/*类似产品样式*/
.m-customer{ width:100%; height:auto; margin:1em auto;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 980px) {


}

@media screen and (max-width: 930px) {

/*login页面样式--930*/
.m-input .login-col1{ width:100%; margin-right:0;}
.m-input .login-col2{ width:100%; margin-left:0;}
.m-input .login-col3{ width:100%; float:none;}
.m-input{ padding:0;}

.m-input .login-col5{ width:100%; margin-left:0;margin-bottom:0;}
.m-input .login-col6{ width:100%; margin-left:0;margin-bottom:0;}

.grid2 .col2-left{ width:71.4%; margin-bottom:0;}
.grid2 .col2-right{ width:28.6%;margin-bottom:0;}


/*我的账户*/
.u-acc-tit0{height:auto; width:30%; line-height:32px; overflow:hidden; float:left;   word-wrap:break-word;}
.u-acc-detail0{ height:auto; width:65%;  padding:0 2%; overflow:hidden; float:right; word-wrap:break-word; line-height:32px;}


.padding-top{ padding-top:8%;}
}

@media screen and (max-width: 900px) {


/* select 产品类目选择样式*/
.m-sort-mid{ float:left;padding-left:5%;}


.grid2 .col2-left{ width:100%; margin-bottom:2%;}
.grid2 .col2-right{ width:100%;margin-bottom:0; margin-left:0;}

.top-tit{font-size:18px;}

}
/* reset cols to 3-column */
@media screen and (max-width: 768px) {
/* grid4 */
.grid4 .col {width: 31.2%;}
.grid4 .col:nth-of-type(4n+1) {margin-left: 3.2%;clear: none;}
.grid4 .col:nth-of-type(3n+1) {margin-left: 0;clear: left;}

	
.icons-setting{ display:block; width:40px; height:40px; position:absolute; left:20px; top:25px; z-index:99;}
.icons-setting img{ width:100%;}
.icons-shop{ display:block; /*width:50px; height:50px;*/ position:absolute; right:25px; top:25px; z-index:99;}
.icons-shop img{ width:100%;}

/*頭部樣式*/
.grid2 .head-col-1{ width:100%; padding: 10px 0 0; margin-left:0; position:relative;}
.grid2 .head-col-2{ width:100%; padding: 10px 0;  margin-left:0;}
.head-logo{ display:block; margin:0 auto; }
.head-logo img{ width:100%;}
.head-right {text-align:left;}

.grid3 .head-col-3{ width:100%; padding-top:15px; margin-bottom:0; margin-left:0; position:relative;}
.head-search{ width:210px; /*height:70px;*/ position:relative; float:none;margin:0 auto; }
.top-search {display:block;width:170px;height:25px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:none;border:1px solid #7c7c7c;line-height:25px\9;margin-top:10px; padding:0px 28px 2px 8px; background-color:transparent; }
.search-icon {position:absolute;z-index:2;top:14px;right:2px;}

.g-catory{ width:94%; height:auto; overflow:hidden;margin:0 3%; border-top:1px solid #ccc;}
.m-catory a{ color:#000; border-bottom:1px solid #ccc; display:block; width:95%; margin-right:5%; padding-bottom:5px;}
.m-catory a:nth-of-type(3n+1) { width:100%; margin-right:0;}




/*注册页面样式---980---768---480*/
.m-regist{ width:100%;}


/*我的账户页面样式---768---640---568*/


.g-acc-info{ padding:1em 0;}

.acc-left {width: 30%;  float:left;}
.acc-right {width: 65%;}

.u-acc-tit{ width:20%; height:auto; line-height:32px; overflow:hidden; float:left;   word-wrap:break-word;}
.u-acc-detail{ width:75%; height:auto;  padding:0 2%; overflow:hidden; float:right; word-wrap:break-word; line-height:32px;}

.u-address{display:block;  width:70%; float:left; line-height:24px;}

/* grid5 col */
.grid4 .col-5 {width: 100%; float:none; margin-right:0; margin-bottom:15px; height:auto; overflow:hidden;}

.u-cart-tit11{ width:30%; float:left; display:block; }
.m-cart-detail22{ width:63%; float:right; padding-left:5% }
.m-grid4-shopInfo .u-cart-tit11{ display:block;}
.order-top{ display:none;}

/*我的账户*/
.u-acc-tit0{ width:40%; height:auto; line-height:32px; overflow:hidden; float:left;  word-wrap:break-word;}
.u-acc-detail0{ width:55%; height:auto;  padding:0 2%; overflow:hidden; float:right; word-wrap:break-word; line-height:32px;}
.padding-top{ padding-top:10%;}
.input-acc-width{ width:90%;}
.select-acc-width { width:92%;}

/*新闻列表样式---768--568*/
.news_list dl dd{ float:left; width:75%;  line-height:22px; margin-left:5%;}

/* select 产品类目选择样式*/
.clear-display{ clear:both;}
.order{ margin-bottom:10px;}
.m-sort-mid{ float:left; width:50%; padding-left:0;}
.sort-item{ padding-left:0; border-left:0;}


.head-right,.lan_drop{ display:none;}

.col{ margin-left:0;}

}

/* reset cols to 2-column */
@media screen and (max-width: 640px) {
/* grid4 */
.grid4 .col {width: 48.4%;}
.grid4 .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}
.grid4 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}

/* grid3 */
/*.grid3 .col {width: 48.4%;}
.grid3 .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}
.grid3 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}*/
.g-catory{ width:95%; height:auto; overflow:hidden;margin:0 auto;}
.m-catory a:nth-of-type(2n+1) {  margin-right:0;}


/* stepInfo---640---*/
.stepInfo{width:80%;}
.stepInfo li{float:left;width:48%;height:0.2em;background:#919696;}

.stepIco{border-radius:1em;padding:0.3em;background:#919696;text-align:center;line-height:1em;color:#fff; position:absolute;width:1em;height:1em;font-size:.75em; }
.stepIco1{top:-0.7em;left:-1%;}
.stepIco2{top:-0.7em;left:50%;}
.stepIco3{top:-0.7em;left:95%;}
.stepText{color:#666;margin-top:0.2em;width:5em;text-align:center;margin-left:-2em;}
.step-curr{ color:#fff; background-color:#d80123;}




/*shopping cart 购物车页面样式*/

.u-cart-tit{ width:30%; float:left; }
.m-cart-detail{ width:63%; float:right; padding-left:5% }


.u-cart-name{  text-align:left;}
.u-cart-name span.u-col-span1{ }

.u-cart-price{ margin:5px 0; /*text-align:center;*/ }


.u-cart-tit2{ width:40%; line-height:40px; }
.m-cart-detail2{ width:58%; line-height:40px;}

/*.u-cart-tit3{ width:40%; float:left;line-height:40px;}*/
/*.m-cart-detail3{ width:58%; float:left; }*/
.m-cart-detail3 input[type='text']{ width:50%;margin-bottom:15px;}
.m-cart-detail3 input[type='submit']{ width:40%;}
.u-cart-delete{  top:70%;}

.u-cart-pic{ width:50px; height:50px; float:left;}
.col2-1{ margin-bottom:8px;}

/*shopping information 页面样式 */

.u-shop-tit1{ font-size:2em;  font-weight:lighter; margin:20px 0 10px;}
.con-none{ display:none;}

.grid2 .col2-2{ width:45% !important;}


.u-regist-tit{ color:#000; font-size:1.25em; font-weight:bold;}
.u-shop-tit1{ font-size:1.5em; color:#000;  margin:20px 0 10px; }

/* grid4 col */
.m-grid4-shopInfo .col-4 { text-align:left;}


.m-grid3-cart .col-1 {width: 100%; margin-left:0;}
.m-grid3-cart .col-2 {width: 70%; margin-left:0; float:right;}
.mobile-display{ display:block;}
.mobile-none{ display:none;}

.sell-txt{}
.u-shop-tit3{ margin:10px 0;}
.u-shop-tit4{ font-size:1em; font-weight:lighter; padding:5px 0; float:left; margin-right:10px;}
.u-select-w1{ width:60%;}
/*我的账户页面样式---768---640*/

.u-acc-tit{ width:100%; height:auto; line-height:32px; overflow:hidden; float:none;  word-wrap:break-word;}
.u-acc-detail{ width:100%; height:auto;  padding:0; overflow:hidden; float:none; word-wrap:break-word; line-height:32px;}

.input-acc-width{ width:95%;}
.acc-col{ margin-bottom:5px;}
.select-acc-width{ width:96%;}

/*我的账户*/

.u-acc-tit0{ width:100%; height:auto; line-height:32px; overflow:hidden; float:none;   word-wrap:break-word;}
.u-acc-detail0{ width:100%; height:auto;  padding:0; overflow:hidden; float:none; word-wrap:break-word; line-height:32px;}


/*侧面菜单样式*/
.newslist li a{display:block;padding:5px 5px 5px 10px; line-height:20px;  }
.newslist li{position:relative;font-size:.875em;border-bottom:2px #747474 groove; font-weight:lighter; }

.head-search{ font-size:16px;}
}



@media only screen and (max-width:568px){

/* grid4 */
.col {width: 100% !important;margin-left: 0 !important;clear: none !important;}


.icons-setting{ display:block; width:40px; height:40px; position:absolute; left:10px;  z-index:99;}
.icons-setting img{ width:100%;}

.icons-shop{ display:block;/* width:50px; height:50px;*/ position:absolute; right:15px; z-index:99;}
.icons-shop img{ width:100%;}

.head-search{ width:210px; /*height:70px;*/ position:relative; float:none;margin:0 auto; }
.top-search {display:block;width:170px;height:25px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:none;border:1px solid #7c7c7c;line-height:25px\9;margin-top:10px; padding:0px 28px 2px 8px; background-color:transparent; }
.search-icon {position:absolute;z-index:2;top:14px;right:2px;}


/*shopping information 页面样式 */
.m-grid3-cart .col-2 {width: 70% !important; margin-left:0; float:right !important;}



/*我的账户页面样式---768---640---568*/
.g-acc-info{ padding:1em 0;}

.acc-left { padding:2%; width:96%; float:none;}
.acc-right { padding:2%; width:96%; float:none;  border-left:0; margin-top:1em;}
.input-acc-width{ width:95%;}
.u-acc-detail label{ display:block; line-height:20px;}


/*新闻列表样式---768--568*/
.news_list dl dd{ float:left; width:70%;  line-height:22px; margin-left:5%;}


/* select 产品类目选择样式*/
.clear-display{ clear:both;}
.order{ margin-bottom:10px;}
.m-sort-mid{ float:none; width:100%; padding:0;}
.sort-item{ padding-left:0; border-left:0;}
.list-manu{ display:none; float:left; margin-top:15px; margin-left:0; padding:0;}
.list-manu span.span1{ margin-left:0;}
	

}

/* reset cols to fullwidth */
@media screen and (max-width: 480px) {
	
	
.head-search{ width:210px; height:50px; overflow:hidden; position:relative; float:none;margin:10px auto; }
.top-search {display:block;width:170px;height:25px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:none;border:1px solid #7c7c7c;line-height:25px\9;margin-top:10px; padding:0px 28px 2px 8px; background-color:transparent; }
.search-icon {position:absolute;z-index:2;top:14px;right:2px;}


.icons-shop{ display:block; width:40px; height:40px; position:absolute; right:10px; z-index:99;}
.icons-shop img{ width:100%;}

/*注册页面样式---980---768---480*/
.m-regist{ width:100%;}

/*分页样式*/
.manu a {margin:5px 1px;}	
}


.main-color{ color:#4f9a29;}
.margrin-top{ margin-top:20px;}
.padding-top{ padding-top:20px;}
.margin-bottom{ margin-bottom:10px;}
.margin-right{ margin-right:5px;}
.tip-mes{ font-size:.75em; display:block; line-height:1em; margin-top:2px;}
.no-margin-bottom{ margin-bottom:0;}
.block{ display:block;}
.red{ color:#F00;}