@charset "utf-8";
/* Parent's Love */
area { outline:none;}
#mainer { width:1200px; overflow:visible;}
.kidspackage { overflow:visible; background:#fff; display:block; clear:both; border:1px solid #e6e6e2; border-radius:3px;}
.kpx { overflow:hidden; display:block; clear:both; border-bottom:1px solid #e6e6e2;}
.kpfor1 { height:500px; border-bottom:none; border-radius:6px 6px 0 0;}
.kpfor1 .fx { overflow:hidden; display:block; clear:both; text-indent:-1000px;}
#list_header_fixed{width:1200px;margin: 0px auto;}
.newzt-top-fixed { position: fixed; top: 0px; z-index: 999; display: block; }
.nax { overflow: hidden; display: block; clear: both; border-bottom: 1px solid #e6e6e2; }
.nafor2 { height: 38px; background:#e9f0f2; padding: 0px 10px; width:1180px; border-top: 1px solid #E6E6E2;}

.nafor2 li { width:auto; float: left; line-height: 38px; padding-right:20px; }
.nafor2 li.viewed { float: left; }
.nafor2 li.viewed span { width: 121px; height: 38px; float: left; display: inline; font: 13px/38px Arial; color: #25745f; cursor: pointer; position: relative; }
.nafor2 li.viewed span.set, .fgfor2 li.viewed span:hover { color: #DF742D; background:#FFF; }
.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 scroll 0% 0% transparent; float: left; margin: 13px 6px 0 12px; }
.nafor2 li.viewed i.v1 { background-position: 0 0; }

.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:#255B74; cursor: pointer; }
.nafor2 li.left a:hover, .nafor2 li.left a.set { color: #df742d; }
.nafor2 li.mid{ width:167px; float:left;}
.nafor2 li.mid input{ width:50px; height:21px; border:1px solid #dfdfdf; padding-left:3px; color:#8b8989;}
.nafor2 li.mid input.pri_btn{ width:42px; height:21px; border:none; background:#e96d1a; color:#fff; margin-left:10px; border-radius:3px;}
.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 #dedede; font: bold 13px/38px Arial; color: #255b74; }
.nafor2 li.sort a.set, .nafor2 li.sort a:hover.set { padding: 0 17px; color:#DF742D; background:#FFF; }
.nafor2 li.sort a.r{ background:none;}
.nafor2 li.sort a:hover { padding: 0 16px; color: #DF742D; }

.kpfor3 { width:101%; overflow:visible; position:relative; border:none;}
.kpfor3 li { width:259px; height:366px; overflow:hidden; 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;}
.kpfor3 li:hover { border:1px solid #bbb; box-shadow:0 0 6px #aaa; z-index:1;}
.kpfor3 li.fix { border:1px solid #e6e6e2; box-shadow:none;}
.kpfor3 li .fx { overflow:hidden; display:block; clear:both; text-align:center;}
.kpfor3 li .f1 { height:174px; margin-top:22px;}

/*颜色选择*/
.kpfor3 li .f2 { height:40px;}
.kpfor3 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;}
.kpfor3 li .f2 span img{width:14px; height:14px; overflow:hidden; float:right; border-radius:8px; display:block;}
.kpfor3 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;}
.kpfor3 li .f2 span .rc {width: 14px;height: 14px;overflow: hidden;float: right; border-radius:8px;}
.kpfor3 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;}
.kpfor3 li .f2 span:hover:after { border:1px solid #aaa;}
.kpfor3 li .f2 .set:after,.kpfor3 li .f2 .set:hover:after { border:1px solid #000;}
/*颜色选择*/

.kpfor3 li .f3 { height:45px; color:#909090; font-family:Arial;}
.kpfor3 li .f3 a { font-family:Verdana;}
.kpfor3 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;}
.kpfor3 li .f4 span { font-size:11px; font-family:Arial; font-weight:normal; padding-right:12px;}
.kpfor3 li .f4 del { color:#808080; font-weight:normal;}
.kpfor3 li .f5 { padding-top:10px;}
.kpfor3 li .f5 i { width:16px; height:16px; overflow:hidden; background:url(part.png) no-repeat; display:inline-block; margin:0 2px; line-height:100px;}
.kpfor3 li .f5 i.men { background-position:0 0;}
.kpfor3 li .f5 i.women { background-position:0 -26px;}
.kpfor3 li .f5 i.kids { background-position:0 -52px;}
.kpfor3 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;}
.kpfor3 li .save { background-position:0 0;}
.kpfor3 li .soldout { width:47px; height:27px; background-position:0 -128px; line-height:100px;}
.kpfor3 li .f7 { padding-top:12px; color:#909090; font-size:10px; font-family:Arial; text-transform:uppercase; line-height:13px;}
.kpfor3 li .f7 span { color:#444; font-weight:bold; cursor:pointer;}

.kpfor3 li .f7 .fr {height:14px;overflow:hidden;display:inline-block;padding:0px 5px;border-radius:2px;font:bold 9px/15px Arial;text-transform:uppercase;text-align:center;color:#FFF;background:none repeat scroll 0% 0% #79B406;}
.kpfor3 li .f7 span {color:#25745F;font-weight:bold;cursor:pointer; height:14px;overflow:hidden;display:inline-block;padding-right:3px;line-height:14px;}
.kpfor3 li .f7 del {color:#808080;height:14px;overflow:hidden;display:inline-block;padding-right:3px;font:12px/14px Arial;}

.kpfor4 { padding:25px 0 40px 0; border:none; text-align:center;}
.kpfor4 a { font:bold 22px/28px Arial; text-transform:uppercase;}

.fgfor4 .pagethis { overflow:hidden; display:block; position:relative; text-align:center;}
.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 40px 0; border:none; text-align:center;}
.fgfor4 a { font:bold 22px/28px Arial; text-transform:uppercase;}

@media screen and (max-width:1024px){
#mainer { padding:0; width:100%;}
.kidspackage { border:0;}

.kpfor1{ height:auto; width:100%;}
.kpfor1 .fx{ display:none;}
.kpfor1 img{ width:100%;}
#list_header_fixed{ width:100%;}
.nafor2{ width:100%; padding:0;}
.nafor2 li.left,.nafor2 li.mid{ display:none;}
.nafor2 li.sort{ width:100%; padding:0;}
.nafor2 li.sort a{ width:24.6%; 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;}

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

.kpfor3 li.high {height:270px;}
.kpfor3 li {width: 44%; overflow:hidden;float: left;padding:10px 3% 0px; border:none; height:auto;margin:0;}
.kpfor3 li.tryon{width: 44%; padding:10px 3% 0px;}
.kpfor3 li:hover { border:none; box-shadow:none; z-index:1;}
.kpfor3 li .f6,.kpfor3 li .f2,.kpfor3 li .f5,.kpfor3 li .f7{ display:none;}
.kpfor3 li.tryon .f1,.nafor3 li.tryon .f3{ display:block;}
.kpfor3 li.tryon:hover .f9 { display:none;}
.kpfor3 li .f1{ margin:0; height:auto;}
.kpfor3 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;}
}
@media screen and (max-width:600px){
.nafor2{ height:78px; border:none;}
.nafor2 li.sort a{ width:49.6%;border-bottom: 1px solid #E6E6E2;}
.kpfor3 li.sort a{ width:49.6%;border-bottom: 1px solid #E6E6E2;}
.kpfor3 li,.kpfor3 li.tryon{width: 94%;padding: 10px 3% 0px; height:auto;}
.kpfor3 li.high {height: auto;}
.fgfor4 .pagethis a{display: none;}
.fgfor4 .pagethis .prevnext { display:inline-block;}

}