@charset "UTF-8";
/**
 * sjq 官网 pc 首页
 * @maoyan.ding (maoyan.ding@sjq.cn)
 * @date    2015-10-15 15:18:00
 */

.content{width:1200px;}

.nav-index{display:none}
.index-icon{background:url(../images/index/index-icon.png) no-repeat 0 0}
.floor-mod{margin-bottom:25px}
.wrapper{background:url(../images/index/index-bg.jpg) no-repeat center 0;padding-top:30px}
.floor-mod table td.img-td{line-height:0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}


.floor-mod .img-p{}
.floor-mod .img-p span.img-td{line-height:0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;display:block;float:left}


/*@首页导航样式
--------------------------------------------------------------------------------------------------*/
.floor-nav .sub-cata{display:block;height:347px}



/*@floor01_修改为通栏banner，添加固定入口 20150420
--------------------------------------------------------------------------------------------------*/
.floor01{overflow:hidden;height:345px;width:100%;position:relative;margin:0 auto}

/*banner*/
.index-slide{width:100%;height:345px;position:relative;overflow:hidden}
.index-slide ul li{float:left;height:345px;}
.index-slide ul li a{display:block;width:100%;height:100%}
.index-slide .trigger-box{width:100%;position:absolute;bottom:25px;left:0;text-align:center;height:15px}
.index-slide .triggers{font-size:0;display:inline-block;height:14px;padding:7px 2px 7px 10px;background:rgba(255, 255, 255, 0.7)!important;filter:Alpha(opacity=70);background:#fff; -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.trigger-box .triggers a{display:inline-block;width:14px;height:14px;line-height:0;overflow:hidden;margin-right:8px;text-indent:-999em;overflow:hidden;background:url(../images/index/banner-triggers2.png) no-repeat center center;_background:url(../images/index/banner-triggers2_ie6.png) no-repeat center center}
@keyframes banner_triggers{from{-moz-transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
to{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes mymove{from{-moz-transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
to{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.trigger-box .triggers a.current{background:url(../images/index/banner-current2.png) no-repeat center center;_background:url(../images/index/banner-current2_ie6.png) no-repeat center center;-webkit-animation:banner_triggers 6000ms cubic-bezier(.6,0,.6,1) 1;-moz-animation:banner_triggers 6000ms cubic-bezier(.6,0,.6,1) 1;-o-animation:banner_triggers 6000ms cubic-bezier(.6,0,.6,1) 1;animation:banner_triggers 6000ms cubic-bezier(.6,0,.6,1) 1}


.floor01 .ad-mod{position:absolute;width:190px;top:22px;right:50%;height:300px;margin-right:-595px;z-index:10}
.floor01 .ad-mod a{display:block;height:100px;position:relative}
.floor01 .ad-mod a img{height:100px;}
.floor01 .ad-mod a .shade{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0, 0.3)!important;filter:Alpha(opacity=30);background:#000;display:none}

/*@pro-floor_20151019
--------------------------------------------------------------------------------------------------*/
.pro-wrapper{padding-bottom:25px;overflow:hidden}

/*标题*/
.floor-title{border-bottom:1px solid #333;height:38px;line-height:38px;background:url(../images/index/index-title_01.png) no-repeat 0 0;text-align:right;padding-top:6px}
.floor-title a.more{color:#262c3a;font-weight:700;font-size:14px}
.floor-title a.more:hover{color:#f32b76}
.floor01-title{background-position:0 0}
.floor02-title{background-position:0 -38px}
.floor03-title{background-position:0 -76px}
.floor04-title{background-position:0 -114px}
.floor05-title{background-position:0 -152px}
.floor06-title{background-position:0 -190px}
.floor07-title{background-position:0 -228px}

.floor-mod .fl{width:300px;overflow:hidden}

/*@最新消息_20151215
--------------------------------------------------------------------------------------------------*/
.floor-mod .news{border:1px solid #e7e7e7;width:166px;padding:0 12px;height:148px;position:relative;background:url(../images/index/news-title-bg.jpg) no-repeat center 0}
.news h3{height:32px;color:#f03177;font:700 14px/32px "Microsoft YaHei",Tahoma,Helvetica,Arial,simsun;text-indent:24px;padding-bottom:1px}
.news .news-wrapper{margin:4px 0;height:108px;overflow:hidden;position:relative}
.news .news-wrapper ul li{font:12px/22px "Microsoft YaHei",Tahoma,Helvetica,Arial,simsun;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floor-mod .entrance{width:1000px}
.floor-mod .entrance li{width:249px;height:150px;float:left;text-align:right;border-right:1px solid #e1e1e1}
.floor-mod .entrance li.last{border-right:none}
.floor-mod .entrance li img{width:240px;height:150px}




/*@排行榜
--------------------------------------------------------------------------------------------------*/
.ranking-tab{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:299px;height:479px}
.ranking-nav{background:url(../images/index/ranking-list-title.jpg) no-repeat 0 0;height:59px/*;border-bottom:1px solid #e1e1e1;*/}
.ranking-tab .show-shop{background-position:0 bottom}
.ranking-nav a{float:left;display:block;width:50%;height:59px;text-indent:44px;font:700 14px/59px "Microsoft YaHei";*width:49%}
.ranking-nav a:hover{text-decoration:none}
.ranking-list li .shop-link a:hover,.ranking-nav a.nav01,.show-shop a.nav02{color:#f03177}
.show-shop a.nav01{color:#333}
.ranking-list{padding-top:8px}
.ranking-list li{margin:0 19px;padding:7px 0 8px 60px;background:url(../images/index/ranking-list-bg.jpg) no-repeat 0 0;*padding:7px 0 6px 60px}
.ranking-list li.top1{background-position:0 0;*background-position:19px 0}
.ranking-list li.top1 .img{*margin-left:18px}
.ranking-list li.top1 .info{*padding-right:19px}
.ranking-list li.top2{background-position:0 -132px}
.ranking-list li.top3{background-position:0 -264px}
.ranking-list li.top4{background-position:0 -396px}
.ranking-list li.top5{background-position:0 -528px}
.ranking-list li.top6{background-position:0 -660px}
.ranking-list li .addr,.ranking-list li .new,.ranking-list li .price-new,.ranking-list li .price-old{display:none}
.ranking-list li .img{float:left;width:40px;height:40px}
.ranking-list li .img img{width:40px;height:40px}
.ranking-list li .info{float:right;width:144px;line-height:19px}
.ranking-list li .info .name{overflow:hidden;width:144px;text-overflow:ellipsis;white-space:nowrap}
.ranking-list li .count{color:#999}
.ranking-list li .shop-name{padding-top:7px;font:700 14px/14px "Microsoft YaHei";overflow:hidden;text-overflow:ellipsis;white-space: nowrap;width:144px}
.ranking-list li.list-show{padding:22px 0 9px}
.ranking-list li.list-show .info{width:;}
.ranking-list li.list-show .img{width:100px;height:100px}
.ranking-list li.list-show .img img{width:100px;height:100px}
.ranking-list li.list-show .name{overflow:hidden;margin-bottom:8px;height:36px;white-space:normal}
.ranking-list li.list-show .price-new{display:block;color:#f03177;font:700 14px/14px "Microsoft YaHei",Tahoma,Helvetica,Arial,simsun}
.ranking-list li.list-show .price-old{display:block;padding-bottom:4px;color:#999;text-decoration:line-through}
.ranking-list li .shop-link a{color:#999}
.ranking-list li.list-show .addr,.ranking-list li.list-show .new{display:block;color:#999;line-height:22px}
.ranking-list li.list-show .new{padding-bottom:10px}



/*@switchable_20160112
--------------------------------------------------------------------------------------------------*/
.switchable-floor{position:relative;overflow:hidden;width:900px;height:480px}
.switchable-content .floor-panel,.switchable-content table{width:900px;float:left}
.switchable-floor a.btn{display:block;height:61px;width:35px;background:url(../images/index/traggle-btn.png) no-repeat 0 0;position:absolute;top:209px;cursor:pointer;z-index:999;text-indent:-999em;overflow:hidden;display:none}
.switchable-floor a.btn-prev{background-position:0 0;left:6px}
.switchable-floor a.btn-prev:hover{background-position:0 bottom}
.switchable-floor a.btn-next{background-position:right 0;right:6px}
.switchable-floor a.btn-next:hover{background-position:right bottom}
.switchable-floor .triggers{display:none}


/*@tab_20160112
--------------------------------------------------------------------------------------------------*/
.new-pro .tab-nav{float:left;width:298px;border:1px solid #e1e1e1;border-bottom:none;height:479px}
.new-pro .tab-nav .tab-nav-panel{cursor:pointer;height:122px}
.new-pro .tab-nav .breviary{background-color:#f8f8f8;height:121px;line-height:121px;border-bottom:1px solid #e1e1e1;text-align:center}
.new-pro .tab-nav .breviary img{vertical-align:middle}
.new-pro .tab-nav .def{border-bottom:1px solid #e1e1e1;background:url(../images/index/new-pro-bg.jpg) no-repeat 0 0;padding:10px 0 1px;height:345px;width:298px}
.new-pro .tab-nav .def p{text-align:center;padding:6px 0}
.new-pro .tab-nav .tab-nav-panel .breviary{display:block}
.new-pro .tab-nav .tab-nav-panel .def{display:none}
.new-pro .tab-nav .show{height:357px}
.new-pro .tab-nav .show .def{display:block}
.new-pro .tab-nav .show .breviary{display:none}


/*pro-floor*/
.floor-content .panel01{width:300px;height:480px}
.floor-content .panel02{width:299px;height:480px;border-right:1px solid #e1e1e1}
.floor-content .panel02 p{border-bottom:1px solid #e1e1e1;font-size:0;line-height:0}
.pro-floor .tab{width:600px;height:479px;overflow:hidden;border-bottom:1px solid #e1e1e1}
.pro-floor .tab .tab-nav{width:60px;float:left;border-bottom:1px solid #e1e1e1;background:url(../images/index/tab-panle-bg.jpg) no-repeat 0 0}
.pro-floor .tab .show-2{background-position:right 0}
.pro-floor .tab .show-1{background-position:-60px 0}
.pro-floor .tab .show-0{background-position:0 0}
.pro-floor .tab .tab-nav .tab-nav-panel{height:100px;cursor:pointer;padding-top:60px}
.pro-floor .tab .tab-nav .last{background-position:0 0}
.tab-nav .floor-icon{background:url(../images/index/floor-nav-icon.jpg) no-repeat 0 0;display:block;height:26px;width:35px;margin:0 auto}
.tab-nav .floor-icon{background:url(../images/index/floor-nav-icon.jpg) no-repeat 0 0;display:block;height:26px;width:35px;margin:0 auto}
.tab-nav .floor-icon01{background-position:0 0}
.tab-nav .floor-icon02{background-position:0 -26px}
.tab-nav .floor-icon03{background-position:0 -52px}
.tab-nav .floor-icon04{background-position:0 -78px}
.tab-nav .floor-icon05{background-position:0 -104px;height:27px}
.tab-nav .floor-icon06{background-position:0 -131px}
.tab-nav .floor-icon07{background-position:0 -157px;height:27px}
/*连衣裙*/
.tab-nav .floor-icon08{background-position:0 -183px;height:27px}
.tab-nav .show .floor-icon08{background-position:-35px -183px}

.tab-nav .show .floor-icon01{background-position:-35px 0}
.tab-nav .show .floor-icon02{background-position:-35px -26px}
.tab-nav .show .floor-icon03{background-position:-35px -52px}
.tab-nav .show .floor-icon04{background-position:-35px -78px}
.tab-nav .show .floor-icon05{background-position:-35px -104px}
.tab-nav .show .floor-icon06{background-position:-35px -131px}
.tab-nav .show .floor-icon07{background-position:-35px -157px}
.pro-floor .tab .tab-nav .tab-nav-panel .name{height:26px;line-height:26px;text-align:center;display:block}
.pro-floor .tab .tab-nav .show .name{color:#f03177}
.pro-floor .tab .product-list{width:540px;float:right;margin:0}
.product-item{width:160px;padding:10px 9px 11px 10px;margin:0;border-top:0;border-left:0}
.product-item .pro-img,.product-item .pro-img a img{height:160px;width:160px;border:none}
.product-item .pro-info{padding:0}
.pro-info .pro-name{line-height:14px;height:28px;margin-bottom:0}
.pro-info .pro-price{height:26px;line-height:26px;overflow:hidden;padding-top:5px}