@charset "UTF-8";
/**
 * 公共样式
 * @maoyan.ding (maoyan.ding@sjq.cn)
 * @date    2015-03-18 15:07:16
 */




/* @全局_20150817
-------------------------------------------------------------*/

html{color:#333;_background-image:url(about:blank);_background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,select,textarea,th,td{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;font-weight:normal}
body,button,input,select,textarea{ font:12px/1.5 "Microsoft YaHei",Tahoma,Helvetica,Arial,simsun}
address,cite,dfn,em,var,i{font-style:normal;}
ul,ol{list-style:none;}
fieldset,img{border:0;}
h1{font-size:18px;}
h2{font-size:14px; font-weight:bold;}
h3{font-size:14px; font-weight:400;}
h4,h5{font-size:12px; font-weight:400;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333;}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
.cle:after, .clearfix:after, .clear_f:after, .cle_float:after{visibility:hidden; display:block; font-size:0; content:'\20'; clear:both; height:0;}
.cle, .clearfix, .clear_f, .cle_float{*zoom:1}


a{color:#333;text-decoration:none;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;transition:color .2s}
a:hover{color:#f32b76;text-decoration:underline}
.red{color:#f32b76}
.content{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.line{color:#e4e4e4;margin:0 5px}
.mem_tit{font-size:16px;color:#fff;font-weight:700;line-height:30px;padding-left:55px}
.img-mod{font-size:0;line-height:0}
.footer,.footer-promise,.header,.nav,.site-nav{min-width:1200px;width:expression(document.body.clientWidth < 1200? "1200px": "100%" )}





/* @spirit_20150817
-------------------------------------------------------------*/
.spirit{background:url(../images/spirit.png) 0 0;}
.spirit-cart{background-position:0 -81px} 									/*购物车*/
.spirit-commitment{background-position:0 -111px}                            /*承诺*/
.purchase-note{background-position:-101px -81px;padding-left:16px}			/*采购单*/

/*箭头*/
.icon-arrow{background:url(../images/arrow-down.png) no-repeat 0 0;display:block;width:7px;height:5px;position:absolute;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s; transition: all .5s;}

/*双竖线*/
.double-line{background:url(../images/double-line.png) no-repeat 0 center;width:0;padding-right:2px}





/*@site-nav 20150416
--------------------------------------------------------------------------------------------------*/
.site-nav{background:url(../images/site-nav-bg.jpg) repeat-x 0 bottom #efefef;padding-bottom:3px;height:30px;line-height:30px}
.site-nav .fl{width:450px;}
.site-nav .welcome{color:#666;margin-right:15px}
.site-nav .reigst,.site-nav .login{margin:0 10px;}
.site-nav .fr{width:500px;}

/*userinfo-bar*/
.userinfo-bar li{float:right;margin:0 10px;}
.userinfo-bar .double-line{height:30px;margin:0;}
.userinfo-bar .my-cart{padding-left:27px}
.userinfo-bar .my-account{width:58px;position:relative;}

/*my-account*/
.my-account .icon-arrow{right:0;top:14px;-webkit-backface-visibility:hidden}
.my-account .more-bd{width:94px;border:1px solid #ddd;background:#fff;position:absolute;top:27px;left:-10px;z-index:2000;opacity:0;visibility:hidden;-moz-box-shadow:1px 1px 3px rgba(100,100,100,.3);-webkit-box-shadow:1px 1px 3px rgba(100,100,100,.3);box-shadow: 1px 1px 3px rgba(100,100,100,.3);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
.my-account .more-bd a{display:block;background-color:#fff;border-bottom:1px dashed #d7d7d7;padding:6px 10px;height:17px;overflow:hidden;line-height:17px}
.my-account .more-bd .last{border-bottom:none}
.my-account-hover .icon-arrow{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.my-account-hover .more-bd{top:27px;opacity:1;visibility:visible}

/*@手机四季青_20151117*/
.site-nav .download-app{width:70px;position:relative}
.download-app .icon-arrow{position:absolute;right:0;top:14px}
.download-app .more-bd{/*width:90px;*/border:1px solid #ddd;background:#fff;position:absolute;top:27px;left:-10px;z-index:2000;opacity:0;visibility:hidden;-moz-box-shadow:1px 1px 3px rgba(100,100,100,.3);-webkit-box-shadow:1px 1px 3px rgba(100,100,100,.3);box-shadow:1px 1px 3px rgba(100,100,100,.3);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
.download-app .more-bd .app-item{text-align:center;text-align:center;height:77px;width:77px;padding:4px;margin:0}
/*.download-app .more-bd .app-item{display:block;background-color:#fff;border-bottom:1px dashed #d7d7d7;padding:6px 5px;height:17px;line-height:17px;position:relative;float:none}*/
/*.app-item .app-name a{display:block;width:100%;text-align:center}*/
/*.app-item .app-code{position:absolute;width:77px;height:77px;right:-97px;top:-1px;padding:4px;background-color:#fff;border:1px solid #d7d7d7;display:none;-moz-box-shadow:1px 1px 3px rgba(100,100,100,.3);-webkit-box-shadow:1px 1px 3px rgba(100,100,100,.3);box-shadow:1px 1px 3px rgba(100,100,100,.3)}*/
/*.download-app .more-bd .app-fen{border-bottom:none}*/
.download-app-hover .icon-arrow{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.download-app-hover .more-bd{top:27px;opacity:1;visibility:visible}



/*@header 20151215
--------------------------------------------------------------------------------------------------*/
.header{height:120px}

/*logo*/
.header h1.logo{float:left;margin-left:-7px}
.header h1.logo .sjq-logo{background:url(../images/logo2015.png) no-repeat 0 19px;display:block;width:215px;height:120px;position:relative;overflow:hidden}
.header h1.logo .sjq-logo .layer-colorfall{width:200px;position:absolute;top:0;left:0}
.header div.logo .header-ad{display:block;float:left;width:120px;height:65px;padding:27px 0 0 42px}
.header div.logo .header-ad img{height:65px}

/*search-bar*/
.header .search-bar{width:580px;margin:23px 0 0 45px}
.search-bar .type-result{display:block;float:left;height:24px;line-height:24px;width:48px;text-align:center;cursor:pointer}
.search-bar .type-result:hover{text-decoration:underline;color:#f03177}
.search-bar .current{background-color:#f03177;color:#fff}
.search-bar .current:hover{text-decoration:none;color:#fff}
.search-input .key-word{background:url(../images/header-input-bg.jpg) no-repeat 0 0;border:2px solid #f03177;height:32px;line-height:32px;width:500px;border-right:0;display:block;float:left;color:#999;text-indent:30px}
.search-input .search-btn{display:block;float:left;width:78px;cursor:pointer;height:36px;border:1px solid #d41a59;background-color:#f03177;color:#fff;font-size:14px;font-weight:700}
.search-input .search-btn:hover{background-color:#ff4289}
.search-bar .s-hot{height:24px;line-height:24px}
.search-bar .s-hot a{margin-right:5px;color:#666;font-size:12px}
.search-bar .s-hot .red,.search-bar .s-hot a:hover{color:#f32b76}

/*微信*/
.header-weixin{width:114px;height:117px;position:relative;margin-top:10px}
.close-weixin{position:absolute;top:0;left:0;display:block;width:14px;height:15px}





/*@表单样式_201507
-------------------------------------------------------------*/

input{outline:none} /*chrome下获取焦点的外边框*/
.form-mod .form-title{color:#d60059;font-size:20px;font-weight:700;height:56px;line-height:56px}
.form-mod .form-input{padding-bottom:13px}
.form-input .txt{height:46px;font-size:14px;color:#999;text-align:left;line-height:46px;display:block;border:1px solid #e4e4e4;width:263px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

/*text-icon*/
.form-input .txt-icon{background:url(../images/login/form-icon.png) no-repeat 0 0;text-indent:67px;font-size:14px;color:#999}
.form-input .name-icon{background-position:0 0} 		/*用户名-icon*/
.form-input .pass-icon{background-position:0 -46px} 	/*手机-icon*/
.form-mod .form-icon-input{padding-bottom:0;margin-bottom:13px;height:46px;border:1px solid #e4e4e4;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.form-icon-input .txt{float:left;border:none;text-indent:19px;width:280px;}
.form-input .label-icon{float:left;background:url(../images/login/form-icon.png) no-repeat 0 0;width:48px;display:block;height:46px;}
.form-input .label-name-icon{background-position:0 0} 		/*用户名-icon*/
.form-input .label-pass-icon{background-position:0 -46px} 	/*密码-icon*/
.form-input .label-phone-icon{background-position:0 -92px} 	/*手机-icon*/

/*按钮*/
.form-btn .btn,.form-btn .allow-btn{display:block;width:100%;text-align:center;height:48px;line-height:48px;border:1px solid #ca0054;color:#fff;cursor:pointer;font-size:20px;font-weight:bold;background-color:#e4005f;background-image:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} /*默认-红色*/
.form-btn .btn:hover{background-color:#fa046b;text-decoration:none}
.form-btn .unfinished-btn,.form-btn .unfinished-btn:hover{border:1px solid #b7b7b7;background-color:#c6c6c6;color:#fff;}

/*@模拟checkbox*/
.form-mod .check-box{background:url(../images/login/checkbox-spirit.png) no-repeat 0 bottom;display:inline-block;height:15px;line-height:15px;cursor:pointer;padding:0 0 0 24px;font-size:12px;color:#333}
.form-mod .checked{background-position:0 0;}

/*验证码*/
.verification-code{margin-right:-70px}
.verification-code .txt{width:198px;text-indent:17px;display:block;float:left;}
.verification-code .img{width:116px;display:block;margin-left:13px;cursor:pointer;float:left;height:46px;border:1px solid #e4e4e4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.verification-code a{display:block;float:left;height:46px;line-height:46px;color:#666;margin-left:8px}

/*按钮*/
.form-btn .btn,.form-btn .allow-btn{display:block;width:100%;text-align:center;height:48px;line-height:48px;border:1px solid #ca0054;color:#fff;cursor:pointer;font-size:20px;font-weight:bold;background-color:#e4005f;background-image:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;/*behavior:url(PIE.htc)*/} /*默认-红色*/
.form-btn .btn:hover{background-color:#fa046b;text-decoration:none}
.form-btn .unfinished-btn,.form-btn .unfinished-btn:hover{border:1px solid #b7b7b7;background-color:#c6c6c6;color:#fff;}

/*获取验证码*/
.form-mod .code-btn{display:block;width:116px;height:46px;border:1px solid #e4e4e4;color:#999;background-color:#f6f6f6;font-size:14px;line-height:46px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;/*behavior:url(PIE.htc)*/}
.form-mod .code-btn:hover{text-decoration:none}
.form-mod .get-code{background-color:#53b8ff;border-color:#249ff5;color:#fff}
.form-mod .get-code:hover{background-color:#31aaff;border-color:#249ff5;color:#fff}
.form-mod .cut-down{background-color:#f6f6f6;border-color:#e4e4e4;color:#999;font-size:12px;line-height:18px;height:42px;padding-top:4px;}
.form-mod .cut-down i{font-style:normal}
.form-mod .form-btn{padding-top:20px}

/*错误提示*/
.form-mod .form-error{text-align:center}
.form-error span{background:url(../images/login/error-message.png) no-repeat 0 center;color:#d50059;font-size:14px;padding-left:30px;height:22px;line-height:22px;font-style:normal;display:inline-block}





/*@footer
--------------------------------------------------------------------------------------------------*/
.footer-promise{background:url(../images/footer-commitment-bg.jpg) repeat-x 0 0;border-top:1px solid #efefef;height:167px}
.footer-promise .content{overflow:hidden}
.footer-promise .promise{padding:27px 0;margin-right:-75px}
.promise .icon-promise{display:block;height:102px;width:114px;background:url(../images/footer-commitment_01.jpg) no-repeat 0 0;text-indent:-999em;overflow:hidden;float:left;margin:0 68px 0 0}
.promise .promise01{background-position:0 0}
.promise .promise02{background-position:0 -102px}
.promise .promise03{background-position:0 -204px}
.promise .promise04{background-position:0 -306px}
.promise .promise05{background-position:0 -408px}
.promise .promise06{background-position:0 -510px}
.promise .promise07{background-position:0 -612px}
.footer{padding-bottom:20px;height:304px}
.footer .sjq-info{background:url(../images/footer-code.png) no-repeat 1055px 50px;overflow:hidden}
.footer .sjq-info p{color:#999;text-align:center;line-height:22px;font-size:12px;height:22px}
.footer .sjq-info p a{color:#999}
.footer .sjq-info p a:hover{color:#c1001d}
.footer .sjq-info p .line{margin:0 5px;color:#c9c9c9}
.footer .sjq-info p span{margin-right:10px}
.footer .foot_help{padding:50px 0 50px 20px}
.footer .foot_help dl{padding-right:150px;float:left;text-align:left;line-height:25px}
.footer .foot_help dl dt {font-weight:bold;font-size:14px;line-height:30px;background-position:60px -248px;}
.footer .foot_help dl dd {padding:0 0 0 2px;}





/*@nav 20151215
--------------------------------------------------------------------------------------------------*/

/*导航*/
.nav{z-index:9;position:relative;border-bottom:2px solid #262c3a}
.nav .nav-list{background:url(../images/nav-bg5.jpg) no-repeat -3px center;float:left}
.nav-list .nav-item{float:left;position:relative;height:36px;line-height:36px;text-align:center;width:104px;padding-right:6px}
.nav-item a{font-size:16px;color:#333;font-weight:700}
.nav-item a.red{color:#f32b76}
.nav-item a:hover{color:#f32b76;text-decoration:underline}
.nav-list .last{padding-right:0}
.icon-new{background:url(../images/icon-new.gif) no-repeat 0 0;display:block;height:15px;width:20px;position:absolute;top:-3px;right:8px}

/*定位*/
.header .header-location{border-left:1px solid #efefef;margin:63px 0 0;padding:5px 0 0 15px;width:170px;height:28px}
.location-select .location{background:url(../images/icon-loaction.png) no-repeat 0 center;height:24px;color:#666;font:700 24px/24px "Microsoft YaHei";text-indent:15px;padding-bottom:3px}

.header-location h2.potision{font:bold 24px/28px "Microsoft YaHei"}


.location-select .location-toggle{position:relative;z-index:999;width:67px}
.location-toggle .toggle{color:#999;position:relative;cursor:pointer;padding-bottom:20px}
.location-toggle .list{background-color:#fff;position:absolute;background-color:#fff;z-index:20;border:1px solid #ddd;left:0;top:22px;filter:progid:DXImageTransform.Microsoft.Shado(Strength=3, Direction=135, Color='#999999');-moz-box-shadow:1px 1px 3px rgba(100,100,100,.3);-webkit-box-shadow:1px 1px 3px rgba(100,100,100,.3);box-shadow:1px 1px 3px rgba(100,100,100,.3);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;display:none}
.location-toggle .list a{display:block;text-align:center}
.location-toggle .list a:hover{font-weight:700}

/*选择省份*/
/*.province-select .location-toggle .list{width:410px;border-bottom:none}
.province-select .location-toggle .list .item{border-bottom:1px solid #d7d7d7;overflow:hidden}
.province-select .location-toggle .list .item span{display:block;float:left;height:34px;line-height:34px;border-right:1px solid #d7d7d7;width:50px;text-align:center;color:#999}
.province-select .location-toggle .list .item a{display:block;float:left;margin:8px 10px 0;padding:0 3px}
.province-select .location-toggle .list .item a.current{color:#fff;background-color:#f32b76}*/

/*选择市场*/
.market-select{display:none}
.market-select .location-toggle .list{width:120px}
.market-select .location-toggle .list a{display:block;border-bottom:1px dotted #d7d7d7;padding:6px 10px;height:17px;overflow:hidden;margin-bottom:-1px}
.market-select .location-toggle .list a.last{border:0}



/*@全部服装分类_楼层导航_20151215
--------------------------------------------------------------------------------------------------*/
.floor-nav{width:192px;height:36px;position:relative}
.floor-nav .floor-nav-title{width:192px;height:36px;line-height:36px;text-align:center;cursor:pointer;background:url(../images/floor-nav-title-bg.jpg) no-repeat 0 0}
.floor-nav .floor-nav-title a,.floor-nav .floor-nav-title a:hover{color:#ffc4d9}
.floor-nav .sub-cata{position:absolute;left:0;width:192px;height:0;background-color:#f03177;top:36px;z-index:5;display:none}
.sub-cata .sub-cata-item{padding:20px 0 19px 59px;border:1px solid #f32b76;border-right:0;border-left-width:2px;cursor:pointer;background:url(../images/sub-cata03.jpg) no-repeat 0 0;margin-bottom:1px}
.sub-cata-item .floor-name{height:20px;line-height:20px;font-weight:700;font-size:16px}
.sub-cata-item .floor-name a{color:#fff}
.sub-cata-item .floor-hot{height:54px;line-height:18px}
.sub-cata-item .floor-hot a{color:#ffc4d9;margin-right:5px}
.sub-cata .nav-hover{background-color:#fff}
.nav-hover .floor-name{border-color:#d61258}
.nav-hover .floor-name a{color:#f32b76}
.nav-hover .floor-hot a{color:#f32b76}
.sub-cata .item01{background-position:9px 0;border-top:none}
.sub-cata .item02{background-position:9px -120px}
.sub-cata .item03{background-position:9px -240px}
.sub-cata .item01.nav-hover{background-position:9px -362px}
.sub-cata .item02.nav-hover{background-position:9px -480px}
.sub-cata .item03.nav-hover{background-position:9px -602px}

/*@全部服装分类_弹框*/
.sub-popup .sub-nav-content{width:360px;height:223px;background:url(../images/sub-popup-bg-03.png) no-repeat 0 -168px #fff;border:2px solid #f03177;border-left:none}
.sub-nav-content .popup-cata{margin:0 20px;border-bottom:1px solid #e6e6e6;padding:10px 0}
.sub-nav-content .popup-cata h3{font-size:14px;color:#333;height:26px;line-height:26px}
.sub-nav-content .popup-cata p{margin-right:-22px}
.sub-nav-content .popup-cata p a{margin-right:17px}
.sub-nav-content .popup-brand{padding-top:22px;margin:0 0 0 20px}
.sub-nav-content .popup-brand p{margin-right:-10px;zoom:1}
.sub-nav-content .popup-brand p a{display:block;width:98px;height:48px;border:1px solid #eee;margin:0 10px 10px 0;float:left}
.sub-nav-content .popup-brand p a:hover{border-color:#f32b76}
.sub-nav-content .popup-brand p a img{width:98px;height:48px}
.sub-cata .item01,.sub-cata .item02{position:relative}
.sub-cata-item .sub-popup{position:absolute;left:190px;z-index:999;height:227px;width:0;overflow:hidden}
.sub-cata .item01 .sub-popup,.sub-cata .item02 .sub-popup{top:-2px}
.item03 .sub-popup{bottom:0}
.item03 .sub-popup .sub-nav-content{background-position:0 -56px}



/*@右侧小导航，返回顶部&客服&建议_20150820
--------------------------------------------------------------------------------------------------*/
.backToTop{height:63px;position:fixed;right:-63px;width:47px;bottom:100px;z-index:90001}
.backToTop a{background:url(../images/back-to-top.png) no-repeat 0 0 transparent;display:block;width:38px;height:38px;border:1px solid #ff8fb6;margin:0 auto;margin-bottom:1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:background-position .15s;-moz-transition:background-position .15s;-o-transition:background-position .15s;-ms-transition:background-position .15s;transition:background-position .15s}
.backToTop .tb-qq{background-position:0 0}
.backToTop .tb-wangwang{background-position:0 -76px}
.backToTop .tb-feedback{background-position:0 -152px}
.backToTop .go-top{background-position:0 -228px}
.backToTop .go-top span{display:none}
.backToTop .tb-qq:hover{background-position:0 -38px}
.backToTop .tb-wangwang:hover{background-position:0 -114px}
.backToTop .tb-feedback:hover{background-position:0 -190px}
.backToTop .go-top:hover{background-position:0 -266px}
.backToTop .recommend{background-position:0 -304px}
.backToTop .recommend:hover{background-position:0 -342px}







/*@商品列表
--------------------------------------------------------------------------------------------------*/
/*icon*/
.shop-icon{background:url(../images/pro-icon.png) no-repeat 0 0;display:inline-block;_background:url(../images/pro-icon_ie6.png) no-repeat 0 0;}
.icon-shop{background-position:0 0;width:9px;height:18px;vertical-align:middle;}
.icon-shopWang{background-position:0 -18px;width:18px;height:18px;overflow:hidden;text-indent:-999em;vertical-align:top;}
.icon-shopQQ{background-position:0 -36px;width:18px;height:18px;overflow:hidden;text-indent:-999em;vertical-align:top;}



.product-list{margin-right:-32px}
.product-item{float:left;width:216px;/*height:325px;*/border:1px solid #e7e7e7;margin:0 25px 25px 0;position:relative;padding-bottom:7px;background-color:#fff}
.product-item .pro-img{border-bottom:1px solid #e7e7e7;height:216px;width:216px;position:relative;}
.product-item .pro-img a img{height:216px;width:216px;display:block;}
.product-item .pro-img .qr-img{display:none;z-index:10;position:absolute;top:0;left:0;height:216px;width:216px}
.product-item .pro-info{padding:3px 12px 0 7px}
.pro-info .pro-price{height:33px;line-height:33px}
.pro-info .pro-price strong{color:#f32b76;font-size:18px}
.pro-info .pro-price span{float:right;color:#999}
.pro-info .pro-name{height:36px;margin-bottom:9px;overflow:hidden;}
.shop-info span{display:inline-block;/*height:12px;line-height:12px;*/color:#666;margin-top:4px}
.shop-info span .icon-shop{margin:-2px 5px 0 0}
.shop-info .icon{float:right;position:relative}
.shop-info .icon-download{margin-right:4px}
.product-list .pro-hover{border-color:#f32b76}