/*banner*/
#full-screen-slider { width:100%; height:400px; float:left; position:relative; }
#slides { display:block; width:100%; height:400px; list-style:none;  position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { position:absolute; left:50%; z-index:10;  padding:5px 15px 5px 0; bottom:10px; width:150px; margin-left:-75px;}
#pagination li { width:12px; height:12px; float:left; margin-left:20px; border-radius:50%; border-radius:50%; border:1px solid #fff;}
#pagination li a {display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination li.current { background:#ff3c3c;border:1px solid #ff3c3c;}
#full-screen-slider>a{ display:block; width:60px; height:60px; background:url(../images/sprite.png) 0 0 no-repeat #000; position:absolute; top:168px; filter:alpha(opacity=30);   -moz-opacity:0.3;
-khtml-opacity:0.3; opacity: 0.3; z-index:20; }
#full-screen-slider>a:hover{ background-color:#ff3c3c; filter:alpha(opacity=100);   -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
#full-screen-slider>a.prev{ left:34px; background-position: 22px -384px;}
#full-screen-slider>a.next{ right:34px; background-position: -42px -384px;}
/*main*/
.main{ background:#e9e9e9;padding:40px 0 30px 0;}
.recommend{ width:806px; }
.tab{ height:40px; line-height:40px; margin-bottom:15px; position:relative;}
.tab:after{width:100%; height:1px;content:''; position:absolute; display:block; top:20px; right:0px; background:#ddd; z-index:5;}
.tab h1{font-size:18px; font-weight:bolder; position:absolute; top:0; left:0; height:40px;background:#e9e9e9; z-index:6; line-height:40px; padding-right:20px;} 
.tab h1 span{ padding-right:8px;}
.tab .arrow{ position:absolute; right:0; top:12px; z-index:6; background:#e9e9e9; padding-left:12px; width:45px; }
.tab .arrow a{ display:block; width:17px; height:17px; border:2px solid #27282c; background:url(../images/sprite.png) -2px -345px no-repeat;}
.tab .arrow a:hover{ border-color:#ff3c3c;}
.tab .arrow .next{ background-position:-28px -345px;}
.tab .arrow .prev:hover{background-position:-2px -367px;}
.tab .arrow .next:hover{background-position:-28px -367px;}
.recommend ul{ margin-right:-12px;}
.recommend ul li{ width:262px; float:left; height:370px; background:#fff; text-align:center; margin-right:10px; margin-bottom:25px;}
.recommend ul li .imghloder{ width:100%; height:260px; background:#fff; position:relative; overflow:hidden;}
.recommend ul li .imghloder img{ width:100%;}
.cart-line{ position:absolute; left:0; bottom:0; height:34px;width:100%; display:none;}
.cart-line .list-cart{ color:#fff; display: block;  background:url(../images/sprite.png) -170px -109px no-repeat; position:absolute; left:5px; top:10px; padding-left:15px; height:24px; width:100px;}
.recommend .cart-line .list-cart-one{left:80px;}
.cart-line .list-collect{ color:#fff; display: block;background:url(../images/sprite.png) -45px -334px no-repeat; position:absolute; right:5px; top:10px; padding-right:16px; width:100px; text-align:right;}
.cart-line .list-collect:hover{ background-position:-45px -371px;}
.cart-line:before{width:100%; height:100%;content:''; position:absolute; display:block; top:0px; right:00; background:#000; filter:alpha(opacity=50);   -moz-opacity:0.5;-khtml-opacity:0.5; opacity: 0.5; }
.recommend ul li:hover .imghloder .cart-line{ display:block;}
.recommend ul li .info{ width:75%; text-align:center; margin:0 auto; padding-top:15px;}
.recommend ul li .info em{ line-height:24px; color:#999; font-style:normal;}
.recommend ul li .info .price{ font-size:18px; font-weight:bolder; color:#ff3c3c;}
.recommend ul li .info .price del{ color:#999; padding-right:10px;}
.recommend ul li .info p{ line-height:18px; padding:5px 0;}
.recommend ul li:hover{ background:#ff3c3c;-webkit-box-shadow: -1px 4px 13px rgba(6,0,1,.2);	-moz-box-shadow: -1px 4px 13px rgba(6,0,1,.2);box-shadow: -1px 4px 13px rgba(6,0,1,.2);}
.recommend ul li:hover .info em{ color:#ffc9c9;}
.recommend ul li:hover .info .price del{ color:#ff8686;}
.recommend ul li:hover .info .price,.recommend ul li:hover .info p a{ color:#fff;}
.hot-news{ width:340px;}
.hot-news ul{ padding:25px; height:715px; overflow:hidden;background:#fff;}
.news-tab{ height:40px; line-height:40px; margin-bottom:15px; position:relative;}
.news-tab:after{width:100%; height:1px;content:''; position:absolute; display:block; top:20px; right:0px; background:#ddd; z-index:5;}
.news-tab h2{font-size:18px; font-weight:bolder; position:absolute; top:0; left:0; height:40px;background:#e9e9e9; z-index:6; line-height:40px; padding-right:20px;} 
.news-tab .arrow{ position:absolute; right:0; top:0px; z-index:6; width:45px; background: url(../images/sprite.png) -145px -42px no-repeat #e9e9e9; display:block; height:40px; padding-left:15px;}
.news-tab .arrow:hover{color:#ff3c3c;}
.hot-news li{ font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 290px; height:34px; line-height:34px;}
.hot-news li strong{ color:#000; padding-right:6px;}
.hot-news li strong.red{color:#ff3c3c;}
.hot-news li a:hover{color:#ff3c3c; text-decoration:underline;}
.hot-news-b2c ul{ height:330px; padding:20px 25px;}
/*index-ad*/
.index-ad{ margin:30px 0; height:150px;}
.ad-big{ width:806px; height:150px; overflow:hidden; float:left;}
.ad-big img,ad-small img{ width:100%;}
.ad-small{width:340px; float:right; overflow:hidden; height:150px;}
.brand-ad{ width:224px; margin-right:10px; float:left;}
.products-list{ float:left;width:926px;}
.products-list.wrap{ float:none; width:1160px;}
.products-list.recommend ul{ margin-right:-10px;}
.products-list.recommend ul li{ width:224px; height:320px; margin-right:10px;}
.products-list.recommend ul li .imghloder{  height:200px; background:#fff;}
.products-list.recommend ul li .info{ width:85%;  padding-top:10px;}
/*link*/
.link{background:#e9e9e9; }
.link h3{font-size:18px; font-weight:bolder;}
.link-list{ height:145px; background:#fff; margin-top:20px;}
.link-list .wrap{ position:relative;padding:32px 0; }
.link-list .wrap>a{position:absolute;  top:60px; width:25px; height:28px; background:url(../images/sprite.png) -90px -170px no-repeat; display:block; z-index:10;}
.link-list .wrap>a.prev{ left:-30px ;}
.link-list .wrap>a.next{  right:-30px; background-position:-90px -213px;}
.link-ul{height:80px; overflow:hidden; width:100%; position:absolute;}
.link-list ul{width:100000px;left:0; position:absolute;}
.link-list ul li{ width:168px; height:78px; overflow:hidden; border:1px solid #e5e5e5; margin:0 18px 0 8px; float:left;}
.link-list ul li img{ width:100%; height:100%;}
.link-list ul li:hover{ -webkit-box-shadow: -1px 4px 13px rgba(6,0,1,.2);	-moz-box-shadow: -1px 4px 13px rgba(6,0,1,.2);box-shadow: -1px 4px 13px rgba(6,0,1,.2);}
/*products_list*/
.products-main{ background:#e9e9e9;}
.products-tab{ background:#fff; border:1px solid #e2e2e2;padding:0 15px; margin-bottom:20px;}
.product-cate{ border-bottom:1px solid #e2e2e2; min-height:36px; font-size:14px; line-height:24px; margin-top:10px;}
.products-tab>div:last-child{ border-bottom:0;}
.cate-key{ float:left; height:36px; width:8%; font-weight:bolder;}
.cate-values{ float:left; width:92%; position:relative; margin-bottom:10px;}
.cate-values ul{ margin-right:100px;}
.cate-values li{ float:left; margin:0 25px 10px 0;border:1px solid #fff; line-height:19px; }
.cate-values li.curr{border:1px solid #ff3c3c; line-height:19px; padding-right:4px; font-size:12px; color:#ff3c3c; padding-left:10px;}
.cate-values li.curr i{background: url(../images/user-icon.png) 0 -345px no-repeat #fff; float:right; width:13px; height:13px; margin-top:3px;}
.cate-values li.curr a{color:#ff3c3c; font-weight:bolder; float:left; padding-right:10px;}
.cate-values li a{ color:#999;}
.cate-values li a:hover{ color:#ff3c3c;}
.cate-more{ position:absolute; width:68px; height:18px; line-height:18px; border:1px solid #e2e2e2; text-align:center; top:10px; right:10px;}
.cate-more a{ color:#999;}
.cate-more:hover{ border-color:#ff3c3c;}
.cate-more:hover a{color:#ff3c3c;}
.products-list .page{ margin-bottom:30px; background:#fff; width:100%; padding:10px 0;}
.promise-values ul{ margin-bottom:5px;}
.promise-values li{ float:left; border-left:1px solid #e2e2e2; padding:0 40px; display:table;}
.promise-values li i{ display:block; width:28px; height:28px; background:url(../images/service.png) 0 0 no-repeat; float:left;}
.promise-values li span{ display:block; height:28px; line-height:28px;float:left; padding-left:10px;}
.promise-values li i.icon01{ background-position:0 -380px;}
.promise-values li i.icon02{ background-position:0 -424px;}
.promise-values li i.icon03{ background-position:0 -466px;}
.promise-values li i.icon04{ background-position:0 -511px;}
.promise-values li i.icon05{ background-position:0 -554px;}
.cate-select>ul{ padding-top:6px;}
.cate-select>ul>li{ float:left; padding:0 20px; border-right:1px solid #e2e2e2;}
.cate-select>ul>li .cate-select-key{ float:left;height:20px; display:block; padding-right:10px; line-height:20px; width:45px;}
.cate-select>ul>li .cate-select-values{ float:left; position:relative;  position:relative; width:115px; cursor:pointer;}
.cate-select>ul>li .cate-select-values i{ width:21px; height:21px; float:left; display:block; float:left;background: url(../images/user-icon.png) -137px -342px no-repeat;}
.cate-select>ul>li .cate-select-active{border:1px solid #ff3c3c;width:65px; height:19px;background: url(../images/user-icon.png) 67px -342px no-repeat ; line-height:19px; text-align:center; padding-right:20px; font-size:12px; color:#ff3c3c; float:left; margin-right:5px;}
.cate-select-values ul{ position:absolute; z-index:10; background:#ff3c3c; width:100%; top:27px; right:0;}
.cate-select-values ul:before{ content:'';width:0;height:0;border-width:5px;border-color:transparent transparent #ff3c3c transparent;border-style:dashed dotted solid dashed; display:inline-block; margin:0 10px; position:absolute; top:-10px; right:0;}
.cate-select-values ul li{ text-align: center}
.cate-select-values ul li a{ color:#fff; font-size:12px;}
.cate-select-values ul li:hover{ background:#c92824;}
.sort-values li{ float:left; padding-right:50px; padding-left:20px;}
.sort-values li i{ display:block; width:15px; height:28px; float:left; background:url(../images/user-icon.png) 0 0 no-repeat; margin-left:5px; cursor:pointer;}
.sort-values li i.icon-up{ background-position:-80px -337px;}
.sort-values li i.icon-down{ background-position:-102px -337px;}
.sort-values li a{ display:block; height:28px; line-height:28px;float:left; padding-left:10px; color:#999;}
/*login*/
.login-top strong{ font-size:30px; color:#999; font-weight:normal; display:block; float:left; margin-top:50px; margin-left:10px; padding-left:20px; height:40px; border-left:1px solid #c5c5c5;}
.login-banner #full-screen-slider{ height:418px;}
.login-banner #slides {  height:418px;}
.login-banner #pagination{left:45%; }
.login-banner #pagination li {border:1px solid #ff3c3c;}
.login-banner .wrap{ position:relative; background:url(../images/login_cloud.png) -30px bottom no-repeat; z-index:9;}
.login-form{ float:right; width:350px; height:435px; background: url(../images/login_form_bg.jpg) center bottom  no-repeat #fff; border-radius:10px;  position:absolute; top:25px; right:100px; font-size:14px;}
.login-form:before{ position:absolute;}
.login-header{ height:50px;  line-height:50px;  font-size:18px; border-top-left-radius:10px;border-top-right-radius:10px; text-align:center; margin-bottom:20px; font-weight:normal;_margin-bottom:25px; background:url(../images/login_line.jpg) 50% 42px no-repeat; padding-top:15px;}
.login-header span{ padding:0 15px; background:#fff;}
.login-form fieldset{ width:290px; margin:0 auto 20px auto;}

.login-line01 input { width:255px; height:38px; float:left; border:none;}
.login-line02 input{width:150px; height:38px;border:1px solid #ccc; padding:0 10px; float:left;}
.login-line02 label{ padding-left:15px; float:right;}
.login-line03{ height:40px;}
.login-line03 a {    background: #ff3c3c none repeat scroll 0 0;    border: medium none;    border-radius: 5px;    color: #fff;    display: block;    font-size: 18px;    height: 40px;    line-height: 40px;    margin-top: 10px;    text-align: center;    width: 292px;}
.login-line03 input{ width:292px; height:40px;color:#fff; font-size:18px; text-align:center; border:none; border-radius:5px;margin-top:10px; background:#ff3c3c;}
.login-form fieldset.login-line04{ font-size:12px; margin-bottom:10px;}
.login-line04 span{ padding-left:8px;}
.login-line04 label{ float:right;}
.login-line01{width:290px; height:38px;border:1px solid #ccc; }
.login-line01 label{ display:block; width:35px; height:38px; float:left;}
.input-name{ background:url(../images/login_icon.png) 5px 10px no-repeat #fff;}
.input-pass{ background:url(../images/login_icon.png) 5px -25px no-repeat #fff;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} 


.login-footer{ text-align:center; color:#999; margin-top:60px; line-height:24px;}
.login-footer a{ padding:0 10px; color:#999;}
.login-sign{ text-align:center; padding-top:20px; color:#999;}
.find-step{border:1px solid #dedede; padding:70px 50px 50px 50px; font-size:14px; margin-top:15px; background:url(../images/register_bg.png) 0 0 repeat-x;}
.find-step-tab{ width:800px; margin:0 auto; height:60px;}
.find-step-tab li{ width:197px; float:left; height:60px;text-align:center;}
.find-step-tab li i{ display:block; width:100%; height:32px;  line-height:32px; color:#fff; font-size:16px; font-style:normal; padding-left:2px;}
.find-step-tab li em{ display:block; width:100%; height:28px; background:#fff; line-height:28px;}
.find-step-tab li.step01 i{ background:url(../images/step_line.png) 0 -35px no-repeat;}
.find-step-tab li.step01 em{ color:#4f9327;}
.find-step-tab li.step02 i{ background:url(../images/step_line.png) -200px -0px no-repeat;}
.find-step-tab li.step02.active i{background:url(../images/step_line.png) -200px -35px no-repeat;}
.find-step-tab li.step02 em{ color:#999;}
.find-step-tab li.step02.active em{color:#4f9327;}
.find-step-tab li.step03 i{ background:url(../images/step_line.png) -203px -0px no-repeat; padding-left:0; padding-right:2px;}
.find-step-tab li.step03 em{ color:#999;}
.find-step-tab li.step03.active i{ background:url(../images/step_line.png) -203px -35px no-repeat;}
.find-step-tab li.step03.active em{ color:#4f9327;}
.find-step form{ width:400px; margin:20px auto 20px auto;}
.find-step fieldset{ height:32px; margin-bottom:20px;}
.find-step legend{float:left; width:100px; text-align:right; height:30px; line-height:32px;}
.find-step label{ display: inline-block; float:left;}
.find-step input[type="text"]{ height:30px; border:1px solid #dedede; width:240px; margin-left:10px; padding-left:8px; float:left;}
.find-step input.step-input-short{ width:130px; margin-right:10px;}
.find-step input.step-btn{ width:100px; height:30px; border:1px solid #eed97c; margin-left:110px; background-color:#ea2f2a; color:#fff;}
.find-step input.step-num{ width:93px;border:1px solid #eed97c; background:#fff; color:#0d8bf5; margin-left:5px; height:30px;}
.step-end{ color:#999; font-size:20px; height:38px; font-weight:normal; width:350px; margin:50px auto; line-height:38px;}
.step-end a{color:#4f9327; padding:0 5px; text-decoration:underline;}
.step-end i{ height:38px; width:38px; background:url(../images/user-icon.png) -56px -30px no-repeat; display:block;  float:left; margin-right:10px;}
.register{border:1px solid #ccc; background:url(../images/register_bg.png) 0 0 repeat-x; padding:25px 0;}
.register-login{ float:right; padding-top:100px; font-size:14px;}
.register form{ width:500px; margin:50px auto 30px auto;}
.register fieldset{ padding-bottom:25px;} 
.register legend{ width:100px; float:left; text-align:right; font-size:14px; margin-right:20px; line-height:34px;}
.register input[type="text"],.register input[type="password"]{height:32px; border:1px solid #dedede; width:260px; float:left; padding-left:10px;}
.register input.data-short[type="text"]{ width:150px; margin-right:10px;}
.register .data-yan{ width:100px;border:1px solid #dedede; display:block; float:left; height:32px; line-height:32px; text-align:center; background:#f1f1f1;}
.register .register-xy{ padding-left:125px;}
.register .register-xy a{ font-weight:bold;}
.register input[type="checkbox"]{ margin-right:10px;}
.register .register-btn{ padding-left:125px;}
.register .submit-btn{ width:270px; height:34px; border:none; background:#ff3c3c; color:#fff; font-size:16px; font-weight:bolder; border-radius:4px;display:block;text-align:center;line-height:34px;}
.register-agreement-bg{background: #000; height: 100%;left: 0; opacity: 0.15;position: fixed; top: 0;width: 100%; z-index:10;}
.register-agreement{ position:absolute; top:25%; left:50%; width:900px; margin-left:-450px; height:500px; background:#fff; z-index:15; overflow:hidden;-webkit-box-shadow: -1px 4px 29px rgba(6,0,1,.2);	-moz-box-shadow: -1px 4px 29px rgba(6,0,1,.2);	box-shadow: -1px 4px 29px rgba(6,0,1,.2);  box-sizing:content-box;}
.register-agreement p{text-indent:2em;}
.agreement-title{ height:46px; font-size:16px; padding:0 15px; font-weight:bolder; text-align:center; line-height:46px; background:#f1f1f1; border-bottom:2px solid #ccc; margin-bottom:15px; position:relative;}
.agreement-close{ position:absolute; width:15px; height:15px; background:url(../images/close.png) 0 0 no-repeat; display:block; top:12px; right:15px;}
.agreement-info{ padding:0 15px; overflow-y:scroll; height:370px; color:#666; line-height:24px;}
.agreement-info h2,.agreement-info h3{ color:#333; padding:5px 0;}
.agreement-btn input{ width:270px; height:34px; border:none; background:#ff3c3c; color:#fff; font-size:16px; font-weight:bolder; border-radius:4px; margin:20px auto 0 auto; display:block;}