@charset "utf-8";
/* New Arrivals */
#mainer { width: 100%; overflow: visible; }
.breadcrumbs{ width:1200px; margin: 10px auto;}
.share {width:1200px; margin:0 auto;}
.newzt-top { width: 100%; height: 90px; background: #74b448; }
.newzt-top-fixed { position: fixed; top: 0px; z-index: 999; display: block; }
/* Share Link */
.share1 { height: 0; display: block; clear: both; position: relative; }
.share1 ul { height: 16px; overflow: hidden; float: right; position: absolute; right: 0; top: -118px; }
.share1 ul li { height: 16px; line-height: 16px; overflow: hidden; float: left; display: inline; color: #808080; padding-left: 5px; }
.newzt-titl { display: block; float: left; padding-left: 10px; color: #b4e494; font-size: 45px; padding-top: 35px; line-height: 40px; }
.newzt-top-nume { display: block; float: right; padding-top: 52px; }
.newzt-top-nume a { background: #296302; display: block; height: 26px; width: 110px; font: 16px/18px Arial; color: #c0f49d; float: left; text-align: center; padding-top: 12px; margin-right: 4px; }
.newzt-top-nume a.set1 { background: #fff; color: #296302; }
.newzt-top-nume a:hover { background: #fff; color: #296302; }
.mainer2 { width: 100%; overflow: visible; background: #f8f8ee; }
.newarrivals { overflow: visible; background: #fff; display: block; clear: both; border: 1px solid #e6e6e2; border-radius: 3px; margin-bottom:35px; width:1200px; box-sizing:border-box; margin:0px auto;position: relative;top: -40px;z-index: 3;border-top: 0;}
.newarrivals2 { width: 100%; overflow: visible; background: #eeeeee; display: block; clear: both; }
.newzt-top-fixed { position: fixed; top: 0px; z-index: 999; }
.nax { overflow: hidden; display: block; clear: both; border-bottom: 1px solid #e6e6e2;margin: 0 auto;}
.nafor1 { height: 500px; border-bottom: none; text-align:center; }
.nafor12 { height: 400px; padding-top: 90px; }
.nafor1 .fx { overflow: hidden; display: block; clear: both; text-indent: -1000px; }
.nafor2 { height: 38px; background: #f2f4ee; padding: 0 10px; border-top: 1px solid #e6e6e2; width: 1180px; }
.nafor2 li { width: 49%; float: left; line-height: 38px; }
.nafor2 li.left { color: #c6c6c6; }
.nafor2 li.left span { color: #000; }
.nafor2 li.left a { display: inline-block; margin: 0 5px; font-style: normal; color: #25745f; cursor: pointer; }
.nafor2 li.left a:hover, .nafor2 li.left a.set { color: #df742d; }
.nafor2 li.right { width: auto; float: right; }
.nafor2 li.right span { float: left; }
.nafor2 li.right a { width: 40px; height: 16px; overflow: hidden; background: url(../../special/images/part.png) no-repeat; float: left; display: inline; margin: 12px 0 0 10px; line-height: 100px; cursor: pointer; }
.nafor2 li.right a.v1 { background-position: -26px 0; }
.nafor2 li.right a.v1set { background-position: -26px -52px; }
.nafor2 li.right a.v2 { background-position: -26px -26px; }
.nafor2 li.right a.v2set { background-position: -26px -78px; }
.nafor2 li.viewed { float: left; }
.nafor2 li.viewed span { width: 121px; height: 38px; float: left; display: inline; border-right: 1px solid #e6e6e2; font: 13px/38px Arial; color: #25745f; cursor: pointer; position: relative; }
.nafor2 li.viewed span.set, .fgfor2 li.viewed span:hover { background: #fff; color: #df742d; }
.nafor2 li.viewed span.set { width: 122px; }
.nafor2 li.viewed i { width: 12px; height: 12px; overflow: hidden; background: url(/skins/images/product/viewed.png) no-repeat; float: left; margin: 13px 6px 0 12px; }
.nafor2 li.viewed i.v1 { background-position: 0 0; }
.nafor2 li.viewed i.v2 { width: 18px; background-position: -22px 0; }
.nafor2 li.viewed i.hot { width: 31px; height: 21px; overflow: hidden; background: url(/skins/images/public/hot.png) no-repeat; display: block; clear: both; margin: 0; line-height: 100px; position: absolute; right: -8px; top: -8px; }
.nafor2 li.sort { float: right; width: auto; }
.nafor2 li.sort a { line-height: 38px; float: left; display: block; padding: 0 16px; border-left: 1px solid #e6e6e2; font: bold 13px/38px Arial; color: #25745f; }
.nafor2 li.sort a.set, .nafor2 li.sort a:hover.set { background: #fff; padding: 0 17px; color: #df742d; }
.nafor2 li.sort a:hover { background: #fff; padding: 0 16px; color: #df742d; }
.nafor3 { width: 1200px; overflow: visible; position: relative; border: none; }
.nafor3 li { width: 259px; height: 356px; background: #fff; float: left; display: inline; padding: 0 20px; border: 1px solid #e6e6e2; position: relative; margin: -1px 0 0 -1px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.nafor3 li:hover { border: 1px solid #bbb; box-shadow: 0 0 6px #aaa; z-index: 1; }
.nafor3 li.fix { border: 1px solid #e6e6e2; box-shadow: none; text-align: center; }
.nafor3 li .fx { display: block; clear: both; text-align: center; overflow: hidden; }
.nafor3 li .f1 { height: 174px; margin-top: 22px; }

/*颜色选择*/
.nafor3 li .f2 { height:40px;}
.nafor3 li .f2 span {width: 14px;height: 14px;display: inline-block;padding: 0px; border: 0;border-radius: 8px;margin: 0px;cursor: pointer; border: 1px solid #DDD; float:none;}
.nafor3 li .f2 span img{width:14px; height:14px; overflow:hidden; float:right; border-radius:8px; display:block;}
.nafor3 li .f2 span { width:12px; height:12px; background: transparent url("/skins/images/product/transparentbg.png") repeat scroll 0% 0%; display:inline-block; border-radius:8px; padding:0; cursor:pointer; border:1px solid #fff; margin:0px 1px 0px 0px; position:relative; margin: 5px 5px 0px 0px;}
.nafor3 li .f2 span .rc {width: 14px;height: 14px;overflow: hidden;float: right; border-radius:8px;}
.nafor3 li .f2 span:after { width:16px; height:16px; overflow:hidden; float:left; border:1px solid #fff; border-radius:50%; content:""; position:absolute; left:-4px; top:-2px; z-index:1;}
.nafor3 li .f2 span:hover:after { border:1px solid #aaa;}
.nafor3 li .f2 .set:after,.nafor3 li .f2 .set:hover:after { border:1px solid #000;}
/*颜色选择*/


.iex .nafor3 li .f2 span { margin: 4px; }
.nafor3 li .f3 { height: 45px; color: #909090; font-family: Arial; }
.nafor3 li .f3 a { font-family: Verdana; }
.nafor3 li .f4 { height: 28px; line-height: 28px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; font-size: 13px; font-weight: bold; color: #c00; }
.nafor3 li .f4 span { font-size: 11px; font-family: Arial; font-weight: normal; padding-right: 12px; }
.nafor3 li .f4 del { color: #808080; font-weight: normal; }
.nafor3 li .f5 { padding-top: 10px; }
.nafor3 li .f5 i { width: 16px; height: 16px; overflow: hidden; background: url(../../special/images/part.png) no-repeat; display: inline-block; margin: 0 2px; line-height: 100px; }
.nafor3 li .f5 i.men { background-position: 0 0; }
.nafor3 li .f5 i.women { background-position: 0 -26px; }
.nafor3 li .f5 i.kids { background-position: 0 -52px; }
.nafor3 li .f6 { width: 44px; height: 35px; background: url(/skins/images/product/mark2.png) no-repeat; padding-top: 9px; font: bold 11px/12px Arial; color: #fff; text-align: center; position: absolute; right: 15px; top: 15px; z-index: 10; }
.nafor3 li .f61 { width: 68px; height: 60px; background: url(/skins/images/product/mark3.png) no-repeat; padding-top: 9px; font: bold 11px/12px Arial; color: #fff; text-align: center; position: absolute; left: 10px; top: -6px; z-index: 10; }
.nafor3 li .f61 .bf01 { padding: 2px 3px; overflow: hidden; text-align: center; height: 20px; box-sizing: border-box; }
.nafor3 li .f61 .bf01 span.s2 { font-size: 18px; font-weight: 500; }
.nafor3 li .f61 .bf01 span.s1 { font-size: 14px; font-weight: normal; }
.nafor3 li .f61 .bf02 { font-size: 14px; padding-top: 2px; font-weight: normal; }
.nafor3 li .save { background-position: 0 0; }
.nafor3 li .soldout { width: 47px; height: 27px; background-position: 0 -128px; line-height: 100px; }


.fgfor4 .pagethis { overflow:hidden; display:block; position:relative; text-align:center;width:1100px;float:right; padding-bottom:25px;}
.fgfor4 .pagethis a { width:30px; height:30px; line-height:30px; background:url(/skins/images/public/but_bgline.png) repeat-x; border:1px solid #d3d3d3; border-radius:3px; float:none; display:inline-block; margin:0 1px; font-size:14px; text-shadow:0 1px 0 #fff;}
.fgfor4 .pagethis a:hover { background-position:0 -33px;}
.fgfor4 .pagethis a:active { background-position:0 -66px;}
.fgfor4 .pagethis a[disabled] { color:#aaa;}
.fgfor4 .pagethis a[disabled]:hover { background-position:0 0;}
.fgfor4 .pagethis .current { width:30px; height:30px; line-height:30px; background:#78a728; border:1px solid #729634; border-radius:3px; float:none; display:inline-block; margin:0 1px; color:#fff; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #000;}
.fgfor4 .pagethis .prevnext { overflow:visible; text-align:center; font-weight:bold;}
.fgfor4 .pagethis .gotxt,.fgfor4 .pagethis .goenter,.fgfor4 .pagethis .gobut { display:none;}

.fgfor4 { padding:25px 0 10px 0; border:none; text-align:center;overflow: hidden;display: block;clear: both; width:1200px; box-sizing:border-box; margin:0 auto;}
.fgfor4 a { font:bold 22px/28px Arial; text-transform:uppercase;}
.listdesc {overflow: hidden;display: block;clear: both;padding: 15px 20px 30px;border-top: 1px solid #E6E6E2; text-align:left;}
.listdesc .t1 strong {font: 16px/30px Arial;}
.listdesc .t2 {
    color: #666;
    font-family: Arial;
}

@media screen and (max-width:1024px){
#mainer { padding:0; width:100%;}
.newarrivals{ border:0;width:100%; top:0px;}
.nafor1{ height:auto;}
.nafor1 img{ width:100%;}
.nafor1 .fx{display:none;}

#list_header_fixed{ width:100%;}
.nafor2{ width:100%; padding:0px;}
.nafor2 li.viewed{ display:none;}
.nafor2 li.sort { width:100%; padding:0;}
.nafor2 li.sort a{ width:24.8%; padding:0px; text-align:center;}
.nafor2 li.sort a:hover{ padding:0;}
.nafor2 li.sort a.set, .nafor2 li.sort a.set:hover {padding:0px; text-align:center;}

.nafor3{ padding-left:0; width:100%;}

.nafor3 li.high {height:270px;}
.nafor3 li {width: 44%; overflow:hidden;float: left;padding:10px 3% 0px; border:none; height:auto;margin:0;}
.nafor3 li.tryon{width: 44%; padding:10px 3% 0px;}
.nafor3 li:hover { border:none; box-shadow:none; z-index:1;}
.nafor3 li .f9,.nafor3 li .f8,.nafor3 li .f6,.nafor3 li .f2,.nafor3 li .f5{display:none;}
.nafor3 li.tryon .f1,.nafor3 li.tryon .f3{ display:block;}
.nafor3 li.tryon:hover .f9 { display:none;}
.nafor3 li .f1{ margin:0; height:auto;}
.nafor3 li .f1 img{ width:100%;}

.fgfor4 { width:100%;}
.fgfor4 .pagethis{ width:100%;}

.fgfor4 .pagethis .prevnext{ overflow:auto;}
.fgfor4 .pagethis .prevnext {color:#25745F; background:url(/skins/images/public/but_bgline.png) repeat-x;}
.fgfor4 .pagethis .prevnext:hover {background-position:0 -33px; color:#d6712f;}

}

@media screen and (max-width:600px){
.nafor2{ height:78px; border:none;}
.nafor2 li.sort a{ width:49.6%;border-bottom: 1px solid #E6E6E2;}
.nafor3 li,.nafor3 li.tryon{width: 94%;padding: 10px 3% 0px; height:auto;}
.nafor3 li.high {height: auto;}
.fgfor4 .pagethis a{display: none;}
.fgfor4 .pagethis .prevnext { display:inline-block;}

}