#content{width: 1200px;min-height: 420px;margin: 0 auto;padding-bottom: 24px;clear: both;}
.layer{zoom: 1;width: 100%;margin: 0 auto;}
.tube{float: left;line-height: 0;margin-right: 8px;}
.layer-full .tube{float: left;width: 100%;margin-right: 0;}
.txt{position: absolute;left: -9999px;overflow: hidden;width: 1px;height: 1px;}
.dt-cat{width: 1198px;height: auto;border: 1px solid #e0e0e0;background-color:#f1f1f1;margin: 10px 0 20px 0;padding: 20px 0;}
.dt-cat-inner{display: table;width: 1200px;}
.dt-cat-title{display: table-cell;vertical-align: middle;width: 200px;text-align: center;}
.dt-cat-title a{font-size: 24px;font-weight: normal;color: #666666;}
.dt-cat-content{display: table-cell;width: 975px;}
.dt-sub-cat{float: left;margin-left: -1px;padding: 20px 0;border-left: 1px solid #ebebeb;}
.dt-sub-cat-name{height: 14px;line-height: 14px;padding-left: 26px;font-size: 12px;color: #888;}
.dt-tag-list{padding-top: 10px;padding-right: 10px;}
.dt-tag-list a{float: left;margin-left: 18px;padding: 0 8px;font-size: 14px;line-height: 32px;color: #444;border-radius: 2px;}
.dt-tag-list a:hover {color:#f46}
.dt-tag-list a.cur{background-color: #f46;color: #fff;text-decoration: none;}
.dt-cat-content>.dt-tag-list{padding: 20px 20px 20px 10px;border-left: 1px solid #ebebeb;}
a.dt-cat-link, span.dt-cat-link{color: #444;line-height: 36px;font-size: 13px;}
.dt-cat-nav i{margin: 0 0px;font-family: SimSun;}
a.dt-tag-link, span.dt-tag-link{color: #f46;line-height: 36px;font-size: 13px;}
.dt-line{height: 1px;background-color: #e0e0e0;margin-bottom: 30px;}
/*list content*/.g, .stpics li p{word-break: break-all;word-wrap: break-word;}
#woo-holder{line-height: 1.5;}
.layer,.woo-pager{zoom: 1;width: 100%;margin: 10px auto;width: 1200px;}
.woo-pcont,.woo-pager{width:1200px;}
.woo-masned{zoom: 1;overflow: hidden;margin-left: auto;margin-right: auto; }
.woo-masned .woo{/*position: absolute;*/top: -6000px;}
.stpics .woo{display: inline-block;height: auto;margin: 10px 33px 40px;border-top: 0 none;background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.stpics .dlist{margin: 0 7px 20px 7px;}
.stpics .woo .j{width:230px;padding: 0;}
.stpics .woo .d{transition:border-color 1s;-moz-transition:border-color 1s;-webkit-transition:border-color 1s;-ms-transition:border-color 1s;-o-transition:border-color 1s;}
.stpics .woo .work_item{border: 1px solid #d8d8d8;}
.stpics .woo .work_item:hover{border-color: #d8d8d8;-webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,1);box-shadow: 0 3px 6px -4px rgba(0,0,0,1);background: #FFF;border-radius: 2px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.21);box-shadow: 0 0 10px 0 rgba(0,0,0,.6);}
.stpics .item .wooscr{height:55px;}
div.stpics .mbpho{float: none;overflow: hidden;width: 230px;height: 230px;margin: 0;}
div.stpics .mbpho img{display: block;margin-left: auto;margin-right: auto;width: 100%;height:230px;}
.stpics .woo .mbpho{position: relative;}
.stpics .woo .wooscr{background-color:#f6f6f6;}
.stpics .a{float: left;width: 100%;height: 100%;}
.stpics .j u{position: absolute;top: 0;left: 0;width: 222px;margin-top: 0!important;border: 1px solid rgba(0,0,0,.08);}
.woo-masned{    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    z-index: 1;}
.woo-masned .cur{    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0px,-2px,0px);
    -moz-transform: translate3d(0px,-2px,0px);
    -ms-transform: translate3d(0px,-2px,0px);
    -o-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    z-index: 2;}
/*.stpics .wooscr{border-width: 0 1px;border-style: solid;border-color: #dedfe0;}*/.stpics .btnbox{margin:8px 0;text-align:right;}
.stpics .g{clear: both;
    overflow: hidden;
    padding: 12px 10px;
    margin: 0;
    color: #333;
    font-size: 14px;
    height: 12px;}
.stpics div.d{overflow: hidden;padding: 10px 10px 16px 12px; border-bottom: none;}
.stpics .d span{line-height: 19px; background-repeat: no-repeat;font-size: 18px; color: #ea0e0e;display:block;float:left;}
.stpics .d span em{color:#a0a0a0;font-weight: normal;}
.stpics .d span.d1 i{font-size: 12px;color:#333; }
.stpics .d span.d2{float: right;}
.stpics .woo .work_item u{border:none;}
a.btnexchange{background-color:#f88e37;font-size:14px;color:#fff;padding:5px 8px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
a.btnexchange:hover{color:#fff;}
#selectBox{margin-top: 40px;padding-bottom: 36px;}
.selectItme{ }
.selectItme a:link, .selectItme a:visited, .selectItme i{display: block;font-size: 12px;color: #8c8c8c;padding: 0 6px;}
.selectItme ul li a:hover{color:#f46;}
.selectItme h3{float: left;margin-right: 30px;line-height: 34px;font-size: 20px;color: #444;}
.selectItme ul{float:left;font-size: 13px;margin-top:3px;background-color: #fff;}
.selectItme ul li{float: left;/*width: 71px;*/height: 34px;text-align: center;vertical-align: middle;line-height: 34px;border-top: 1px solid #acacac;border-bottom: 1px solid #acacac;border-left: 1px solid #acacac;overflow: hidden;}
/*下面这个也是可以的*//*.selectItme ul li:last-of-type{border-right: 1px solid #ddd;}*/.selectItme ul li:last-child{border-right: 1px solid #acacac;}
/*.selectItme ul li:first-child{width:94px;}*/
.selectItme ul li i,.selectItme ul li a.hot{background-color: #d3d3d3;color: #fff;}
.selectItme ul li.w94{width:94px;}
.selectItme ul li.w94 a{font-size:14px;position: relative;}
.selectItme ul li.w94 a i {position: absolute;
    background: url(../images/updown.png) no-repeat -9999px -9999px;
    top: 8px;
    right: 13px;
    width: 6px;
    height: 18px;
    overflow: hidden;
    font-size: 0;
}
.selectItme ul li.w94 a.up i{   background-position: 0 0; }
.selectItme ul li.w94 a.down i{   background-position: 0 -17px; }
.selectItme ul li.w94 a.current {
    color: #e60012;
    background: #fff;
    z-index: 3;
}
.selectItme .prices{float: left; }
.selectItme .prices .inputs{    position: relative;  width: 170px;}
.selectItme .prices .inputs .inner{height: 39px;}
.selectItme .prices .inputs .expand{position: absolute; display: none;}
.selectItme .prices .inputs .expand .btnok{position: absolute;
    left: 41px;
    top: 10px;}
.selectItme .prices .inputs .items{background-color: transparent;padding: 0px 0 0 10px;}
.selectItme .prices .inputs .sep,.selectItme .prices .inputs .item{border:none;}
.selectItme .prices .inputs .item{line-height:0;float: left;width: 68px;height:36px;}
.selectItme .prices .inputs .input{width: 58px;padding: 0 4px;height: 34px;border: solid 1px #acacac;line-height: normal;font-family: arial;}
.selectItme .prices .inputs .sep{float: left;width: 10px;text-align: center;}
.selectItme .prices .inputs .submit{float: left;_display: inline;margin-left: 10px;display: none;width: 44px;}
.selectItme .prices .inputs:hover{position: relative;z-index: 2;position: absolute;  height:86px;
    border: solid 1px #ccc;
    background: #fff; 
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.1);
    box-shadow: 0 3px 3px rgba(0,0,0,.1);}
.selectItme .prices .inputs:hover .expand{ display:block;}
.selectItme .prices .inputs .inner>ul.items>li#lifilter{display:none;}
.selectItme .prices .inputs:hover .inner>ul.items>li#lifilter{display:block;}
.selectItme .prices .inputs .submit{border:none;float: left;_display: inline;margin-left: 10px;display: none;width: 46px;}
.selectItme .prices .inputs:hover .submit{display: block;}
.btn{display: block;height: 31px;padding: 0 10px;background: #f40;color: #fff;line-height: 31px;cursor: pointer;white-space: nowrap;-webkit-border-radius: 2px;-webkit-background-clip: padding-box;-moz-border-radius: 2px;-moz-background-clip: padding;border-radius: 2px;background-clip: padding-box;border: none;margin-top: 1px;}
.pricebox{    margin: 26px 0px 30px 33px;}
.dt-cat-nav{}
.proList{margin-top:50px;}
.collbtn{}
.collbtn a:hover, .collbtn a:link, .collbtn a:visited{float: left;height: 30px;text-align: right;color: #fff;font-size: 14px;border-radius: 2px;text-decoration: none;z-index: 500;cursor: pointer;}
.collbtn a.y{float:right;}
.collbtn a.y:link, .collbtn a.y:visited{background-color: #f46;background-position: 0 0;}
.collbtn a.y:hover{background-color: #e03c5a;}
.collbtn a em{float: left;line-height: 16px;height: 16px;margin: 7px 8px 7px 8px ;}
.J_SortbarPriceSubmit{font-size: 13px;width:85px;height:24px;background-color:#333;line-height: 24px}
/*设计师*/.dt-daren{padding-bottom: 24px;clear: both;}
.dt-daren .dt-album{height: 256px;}
.daren-img, .daren-img .daren-bkg{display: block;width: 224px;position: relative;height: 112px;}
.daren-img-cover{display: block;position: absolute;top: 0;left: 0;width: 222px;height: 112px;border-width: 1px 1px 0;border-color: rgba(0,0,0,.08);border-style: solid;background-color: #000\9;filter: alpha(opacity=0);opacity: 0\9;cursor: pointer;}
.daren-avatar{position: absolute;top: 68px;left: 68px;width: 80px;height: 80px;border: 4px solid #fff;border-radius: 80px;cursor: pointer;}
.daren-avatar-v{transform: translate3d(126px,13px,0);-webkit-transform: translate3d(126px,13px,0);-moz-transform: translate3d(126px,13px,0);-o-transform: translate3d(126px,13px,0);}
.daren-desc{width: 222px;height: 138px;background-color: #fff;border-left: 1px solid #dedfe0;border-right: 1px solid #dedfe0;border-bottom: 3px solid #E3E4E5;}
.daren-title:active, .daren-title:hover, .daren-title:link, .daren-title:visited{display: block;color: #444!important;padding-top: 52px;padding-left: 10px;padding-right: 10px;font-size: 13px;font-weight: 700;text-align: center;}
.daren-collect-count, .daren-expertise{font-size: 13px;text-align: center;color: #888;}
.daren-expertise{margin-top: 12px;}
.daren-expertise b{font-weight: 400;color: #444;}
span.designertitle{font-size: 16px;font-weight: bold;color: #888;}
.daren-expertise b{font-weight: 400;color: #444;width: 130px;white-space: nowrap;overflow: hidden;display: inline-block;text-overflow: ellipsis;text-align: left;vertical-align: bottom;}
#DPbanner{position: relative;}
/*单品推荐*/.sh-catnav-bg, .sh-catnav-mask{top: 0;left: 0;position: absolute;}
.sh-catnav, .sh-catnav-bg, .sh-catnav-mask{height: 400px;width: 100%;}
.sh-catnav{overflow: hidden;position: relative;margin-top: -1px;}
.sh-catnav-mask{background: #000;opacity: .4;filter: alpha(opacity=40);-moz-opacity: .4;}
.sh-catnav-inner{width: 956px;height: 320px;margin: 0 auto;margin-top: 40px;}
/*专辑*/.album-header{height:360px;}
.album-header .sh-catnav-bg{height:360px}
.album-header-info{margin: 0 auto;position: relative;width: 500px;height: 280px;font-size: 13px;    text-align: right;float: left;}
.album-header-info h1{color: #000;font-weight: 400;    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size: 28px;word-spacing: 8px;
    letter-spacing: 3px;}
.album-desc{margin-top:15px;}
.album-desc span{color:#fff;margin-right:20px;}

ul.album_list{ width: 1070px;  margin: 0 auto; display: table;}
.brick-item{position: relative; z-index: 1; float: left; width: 300px; margin-left: 40px; margin-top: 50px; background: #fff; -webkit-transition: all .2s linear; transition: all .2s linear;}
.brick-item-m{}
.brick-item-m .figure-img a{display: block; overflow: hidden;}
.brick-item-m .figure-img img{width: 300px; height: 300px;transition: opacity 0.35s, transform 0.35s;}
.brick-item-m .figure-img a:hover img{display: block;-webkit-transform: scale(1.15);transform: scale(1.15);}
.brick-item-m .review-wrapper{position: absolute; bottom: 0; left: 0; z-index: 3; width: 300px; height: 0; overflow: hidden; _zoom: 1; font-size: 12px; background: #ff6700; opacity: 0; filter: alpha(opacity=0)\9; -webkit-transition: all .2s linear; transition: all .2s linear;}
.brick-item-m .review-wrapper a{display:block;color:#fff;font-size:16px;}
.brick-item-m:hover .review-wrapper{height: 60px; opacity: 0.7; filter: alpha(opacity=100)\9; text-align: center; line-height: 60px; font-size: 16px; color: #fff;}

.range-area{position: absolute; left: 0; bottom: 0; height: 60px; line-height: 60px; font-size: 12px; width: 100%; z-index: 0; opacity: 1; filter: alpha(opacity=0); -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;} 
.range-area .range-bg{position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: #000; opacity: .3; filter: alpha(opacity=70);} 
.range-area .range-inner{color: #fff; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; text-align: center; font-size: 18px;} 
.goods_list .detail-rec{margin-top:0px;}
.goods_list .detail-rec > li{margin-top:50px;}
.goods_list .detail-rec > li .btnlist{display:none;position:absolute;}
.goods_list .detail-rec > li:hover .btnlist{display:block;width:100%;}
.goods_list .detail-rec > li:hover .btnlist button{width:100%;border:1px solid #f00;background-color:#f00;color:#fff;padding:5px 0}
/*work list*/
.work-list{   text-align: center;}
.work-list .woo .j{width:auto;}
.work-list .j u{border:none;}
/*积分商城*/
.jf_warp img{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.jf_warp img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.gray-body{background-color:#f1f1f1;}
.box-wrap { margin-top: 60px;}
.box-tab li{width:202px;height:47px;line-height:47px;font-size:16px;margin-right:10px;background-color:#8c8c8c;float:left; border-radius: 8px 8px 0 0;}
.box-tab li a{display:block;color:#fff;text-align:center;}
.box-tab li a:hover,.box-tab li a.on,.box-tab li.on{background-color:#e75656;border-radius: 8px 8px 0 0;}
.box-bd{background: #fff;    clear: both;  }
.banner-left .banner-user{width:301px;height:371px; background:url(../images/user_jifen_bg.png) 0 -1px repeat;float:left;}
.banner-left .banenr-title{    float: left;margin: 60px 0 0 200px;font-size: 28px;color: #fff;font-weight: bold;}
.banner-left .banner-user dl{text-align: center;}
.banner-left .banner-user dl dt,.banner-left .banner-user dl dd{font-size:16px;color:#333333}
.banner-left .banner-user dl dt.avatar{    margin: 70px 0 10px 0;}
.banner-left .banner-user dl dt.avatar img{width: 88px;   height: 88px;border-radius:50%;}
.banner-left .banner-user dl dd{    height: 30px;  line-height: 30px;}
.banner-left .banner-user dl dd.d1{    margin: 20px 0 0px;}
.banner-left .banner-user dl dd.jifen{color:#ea0e0e;font-size:30px;}