@charset "utf-8"; html,body,div,span,object,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,del,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /* vertical-align: baseline; */ background: transparent; font-family: '微软雅黑',arial,'Hiragino Sans GB','\5FAE\8F6F\96C5\9ED1',sans-serif; -webkit-font-smoothing: subpixel-antialiased!important } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } :focus { outline: 0 } img { height: auto; width: auto\9; border: 0 none; vertical-align: top; -webkit-tap-highlight-color: rgba(0,0,0,0) } ul,li { list-style-type: none } input,button,textarea,select { background: #fff; border: 0; /*cursor: pointer; */ font-family: '微软雅黑','arial','Hiragino Sans GB','\5FAE\8F6F\96C5\9ED1',sans-serif; -webkit-font-smoothing: subpixel-antialiased!important } input[type=text],input[type=password] { cursor: text } /*input[type=password] { display: none }*/ i,em,cite { font-style: normal } body { min-width: 1200px; background: #fff; color: #5A5657; text-align: left; /* overflow-x: hidden; */ letter-spacing: 1px } .body-white { background: #fff } a { outline: 0; text-decoration: none } a { star: expression(this.onFocus=this.blur()) } table { border-collapse: collapse; border-spacing: 0 } .clearfixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .clearfixed { display: block; min-height: 1% } *html .clearfixed { height: 1% } .clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0 } .clear-fix { *zoom: 1; } .clear-fix:after { clear: both; content: ""; display: block; height: 0; font-size: 0; visibility: hidden; } .clearfix:after, .p-price:after, ul:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; font-size: 0; line-height: 0; } a:active,a:hover { outline: 0 } .prs { position: relative; } .pointer { cursor: pointer } .container { width: 100%; height: auto; margin: 0 auto; padding-top: 5px; background: #fff } .wrapper { width: 90%; height: auto; margin: 0 auto; padding-bottom: 50px } .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis } .display-none { display: none } .error-tips { width: 100%; float: left; line-height: 20px; font-size: .875em; color: #e56a69; position: relative; top: 5px; text-align: left; display: none } .cursor-auto { cursor: auto!important } .fts28 { font-size: 28px!important; } .fts25 { font-size: 25px!important; } .pt80{ padding-top: 80px; } .pt50{ padding-top: 50px; } .pt30{ padding-top: 30px; } /*===============商品分类开始===============*/ .Menu_list { position: absolute; /*left: 4%;*/ /*top: 50px!important;*/ z-index: 19; width: 200px; top: 30px; position: fixed; } .category-sort { padding: 10px 0; background: #f18700; margin-top: 6px; } .left_item { width: 200px; /* border-top: 1px solid #abcd03; border-left: 1px solid #abcd03; border-right: 1px solid #abcd03;*/ margin-bottom: 10px; /*background: #fff;*/ overflow: hidden; } .poduct_list_box { margin: 30px 0; } .product-sort h2 { font-size:14px; color:#000; margin-top:3px; height:25px; line-height:25px; padding:3px 0 2px 15px; text-align:left; overflow:hidden; border-bottom: 1px solid #abcd03; } .sort-btn { height:2px; overflow:hidden } .sort-con { padding:2px; border-left:solid 1px #990000; border-right:solid 1px #990000; margin-top:-3px; } .sort-list { /*margin-top:3px;*/ } .category-sort { display: none; /*overflow: auto;*/ /* overflow: hidden; overflow-y: overlay;*/ } #nav_all li { margin-bottom: 6px; } #nav_all li .s-sort { /*background: rgba(218,218,218,0.6);*/ background: rgba(218,218,218,10); color: #f08700; font-size: 30px; padding: 15px 0; text-align: center; font-family: '微软雅黑'; cursor: pointer; width: 100%; display: block; } .sort-list h3 { background: rgba(218,218,218,0.6); color: #f08700; font-size: 30px; padding: 15px; text-align: center; font-family: '楷体'; margin-bottom:6px; margin-top: 6px; cursor: pointer; } .sort-list h3 a { color:#F18700; font-family: '楷体'; cursor: pointer; } .sort-list h3 a:hover { text-decoration:none; } .sort-list h3 span { display: inline-block; width: 10px; height: 30px; overflow: hidden; background: url(../static/images/arraw.jpg) no-repeat 0 0; vertical-align: middle; cursor: pointer; } .sort-list h3 span.icon02 { background-position:0 -75px; } .sort-list h3 span.icon03 { background-position:0 -89px; } .sort-list h3 span.icon04 { background-position:0 -103px; } .sort-list h3 span.icon05 { background-position:0 -117px; } .sort-list dl { /*margin-top:3px;*/ /*border-bottom: 1px solid #abcd03*/ background: #f18700; padding:0px 20px; /*width: 74%;*/ overflow: hidden; } .sort-list dl dt { text-align: center; /* display: table;*/ /*margin: 30px auto 0;*/ font-size: 20px; /*padding: 0 30px;*/ height: 35px; line-height: 35px; color: #fff; font-size: 15px; font-weight:bold; cursor: pointer; } .sort-list dl dt:before, .sort-list dl dt:after { content: ''; width: 35px; height: 1px; position: relative; border-top: 1px solid #fff; float: left; top: 17px; /*left: -70px;*/ } .sort-list dl dt:after { float: right; /*left: 70px;*/ } .sort-list dl dt.current { /*border-bottom: 1px dotted #abcd03*/ } .sort-list dl dt a { font-size:16px; margin-top:4px; text-align: center; color: #fff; } .sort-list dl dt a:hover { text-decoration:none; } .sort-list dl dt.current .arrow { background-position:0 0px; } .sort-list dl dd { padding:8px 0px; } .sort-list dl dd a { color:#ffffff; font-size: 13px; padding:0px 6px 8px; display: inline-block; } .sort-list dl dd span { color:#fff; font-weight:200; margin-left:-1px; } .sort-list dl dd a:hover , .sort-list dl dd a:hover span , .sort-list dl dd a.current , .sort-list dl dd a.current span { text-decoration:none; color:#E0D8C9; } .sort-list .box .category-sort { display: none; } /*产品列表的css*/ .category-block-menu { /*background: #f18700; opacity: 0.9;*/ background: rgba(241,135,000,0.9); z-index: 5; position: fixed; top: 0; left: 0; color: #fff; width: 100%; padding:10px 0; display: none; } .category-block-menu a{ color: #fff; display: inline-block; padding: 0px 8px 6px 0px; } .category-block-menu dl { width: 25%; height: 60px; overflow: hidden; float: left; /*margin-bottom: 1em;*/ font-size: 13px; } .category-block-menu dd,.category-block-menu dt { padding:0px 20px; color: #fff; font-size: 13px; } .category-block-menu dt { font-size: 15px; padding-bottom: 5px; } /*.cateter { position: relative; height: 100%; overflow: hidden; max-width: 100%; }*/ /*===============商品分类结束===============*/ .back-top,.server-fixed,.love-fixed,.preordered-fixed { width: 45px; height: 45px; position: fixed; right: 0; bottom: 50px; z-index: 5; cursor: pointer; display: none } .love-fixed { bottom: 105px; display: block; background: 0 0 } .love-fixed:after { content: ''; display: block; width: 40px; height: 40px; display: block; margin: 2.5px auto; background: url(/static/imgs/icon-40_909faee.png) no-repeat; background-position: 0 -40px } .love-fixed:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #313131; opacity: .8 } .loved-fixed:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #e56a69; opacity: .8 } .preordered-fixed { display: block; bottom: 105px } .preordered-fixed:after { content: ''; display: block; width: 40px; height: 40px; display: block; margin: 2.5px auto; background: url(/static/imgs/icon-40_909faee.png) no-repeat; background-position: -160px -40px } .preordered-fixed:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #313131; opacity: .8 } .server-fixed { bottom: 105px; display: block } .server-fixed-detail { bottom: 160px } .server-fixed:before,.server-fixed:after { content: '' } .back-top-bg,.back-top-img,.server-fixed:before { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #313131; opacity: .8 } .back-top-img { opacity: 1; z-index: 2; background: url(/static/imgs/back-top_4e885e5.png) no-repeat center } .server-fixed:after { width: 40px; height: 40px; display: block; margin: 2px auto; background: url(/static/imgs/icon-40_909faee.png) no-repeat; background-position: -360px -40px } .loadmore-btn { width: 330px; height: 60px; display: block; margin: 30px auto; background: #d2d2d2; line-height: 60px; color: #fff; text-align: center; font-size: 1.5em; display: none } .moregoods-btn { width: 500px; height: 50px; display: block; margin: 20px auto 35px; line-height: 50px; font-size: 15px; text-align: center; background-color: #000; color: #fff; cursor: pointer } .moregoods-btn:hover { opacity: .7 } .moregoods-btn-presell,.more-btn-ordershare { background-color: #fff; color: #000; border: 1px solid #d2d2d2 } .moregoods-btn-presell:hover,.more-btn-ordershare:hover { opacity: 1; border: 1px solid #a0a0a0; background-color: #fff } .addcart-btn,.order-btn { width: 47%; height: 38px; float: left; background: url(/static/imgs/shopping-cart-big_060bd6d.png) no-repeat 15px center; text-indent: 30px; line-height: 38px; text-align: center; font-size: 18px; border: #fff 1px solid; cursor: pointer } .addcart-btn:hover,.order-btn:hover { border: #606060 1px solid } .order-btn { width: 47%; height: 40px; float: right; border: 0; text-indent: 0; line-height: 40px; background: #e56a69; color: #fff } .blackbg-btn { background: #000; color: #fff; text-align: center; font-size: .93em; cursor: pointer } .redbg-btn { color: #fff; text-align: center; background-color: #e56a69; font-size: .93em; cursor: pointer } .redbg-btn:hover { background-color: #d06665 } .graybg-btn { background: #d2d2d2; color: #fff; font-size: .93em; cursor: pointer } .graybg-btn-dark { background: #a0a0a0; color: #fff; font-size: .93em; cursor: pointer } .navybg-btn,.greenbg-btn { background: #F18700; color: #fff; text-align: center; font-size: 15px; cursor: pointer } .navybg-btn:hover,.greenbg-btn:hover { background: #FFA93C } .gray-border-btn { background: #fff; border: #d2d2d2 1px solid; text-align: center; font-size: .93em; color: #a0a0a0; cursor: pointer } .customer-service { width: 36px; height: 36px; background-image: url(/static/imgs/customer-service_db374b3.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer } .customer-service:hover { background-position: -36px 0 } .os-ordershare-btn { width: 340px; height: 70px; margin: 2.3% auto 0; background: #5bb688; font-size: 18px; color: #fff; line-height: 70px; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; cursor: pointer } .os-ordershare-btn:hover { background: #79b59c } .os-ordershare-btn:before { content: ''; width: 30px; height: 30px; display: inline-block; position: relative; top: 8px; margin-right: 5px; background: url(/static/imgs/icon-30_06cad93.png) no-repeat left top; background-position: -420px -30px } .os-ordershare-none,.os-ordershare-none:hover { background: #a0a0a0; cursor: auto } .os-ordershare-none:before { display: none } .os-ordershare-login { width: 400px; background: #5bb688 } .os-ordershare-login:hover { background: #79b59c } .input-box { height: 100%; margin-top: 15px; padding: 0 15px; background: #fff; border: #d2d2d2 1px solid; position: relative } .input-box>input { width: 100%; float: left; background: transparent; color: #a0a0a0; font-size: .93em; letter-spacing: 0 } .input-box-error { border: #ff5287 1px solid; -o-box-shadow: #ff6191 1px 1px 8px; -moz-box-shadow: #ff6191 1px 1px 8px; -webkit-box-shadow: #ff6191 1px 1px 8px; box-shadow: #ff6191 1px 1px 8px } .input-box>.placeholder { width: 80%; position: absolute; left: 0; top: 1px; padding: 0 15px; z-index: 3 } .proving-send { width: 85px; height: 40px; float: right; margin-top: 15px; line-height: 40px } .radio,.radiopop { margin-top: 15px; text-indent: 30px; color: #fff; white-space: nowrap; color: #a0a0a0; font-size: 1em; line-height: 20px; background-position: -100px 0; cursor: pointer } .radio-click { background-position: -120px 0 } .pagination { padding: 40px 20px; text-align: center; color: #ccc; vertical-align: middle } .pagination span,.pagination a { height: 30px; line-height: 30px; padding: 0 10px; margin: 0 5px; display: inline-block } .pagination a,.pagination input[type=text] { color: #a0a0a0; background: #fff; border: 1px solid #d2d2d2 } .pagination a:hover { color: #fff; background: #d2d2d2 } .pagination a.nextPage,.pagination a.prevPage,.pagination a.nextPage:hover,.pagination a.prevPage:hover { color: #c2c2c2; border: 0; background: 0 0 } .pagination span.current { color: #fff; background: #d2d2d2; border: 1px solid #d2d2d2 } .pagination span.disabled { color: #e1e1e1 } .pagination input[type=text] { width: 20px; height: 30px; line-height: 30px; padding: 0 10px; display: inline-block } .pagination .pagejump-btn { width: 50px; height: 30px; margin-left: 10px; line-height: 30px; display: inline-block } .tooltip { text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 5px 10px; font-size: .93em } .tooltip:after { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #111; content: ''; position: absolute; left: 50%; bottom: -6px; margin-left: -6px } .tooltip.top:after { border-top-color: transparent; border-bottom: 6px solid #111; top: -12px; bottom: auto } .tooltip.left:after { left: 10px; margin: 0 } .tooltip.right:after { right: 10px; left: auto; margin: 0 } .item-icon { width: 450px; margin: 10px auto 30px; font-size: 13px } .item-icon>.icon-50 { float: left; margin: 0 55px 0 30px; line-height: 50px; white-space: nowrap; color: #a0a0a0; text-indent: 50px } .item-icon>.icon-50-collection:hover { background-position: -1050px 0 } .item-icon>.icon-50-collection-click,.item-icon>.icon-50-collection-click:hover { background-position: -1450px 0 } .item-icon>.icon-50-service:hover { background-position: -1100px 0 } .item-icon>.icon-50-share-small:hover { background-position: -1400px 0 } .mt62{ margin-top: 62px; } .mt12{ margin-top: 12px; } header { width: 100%; background: #dddddd; height: 70px; position: fixed; /*position: absolute;*/ /*position: relative;*/ left: 0; top: 0; z-index: 4 } header .addcart-btn { width: auto; height: 28px; line-height: 28px; float: right; margin: 10px 0; padding: 0 15px 0 10px; font-size: .93em; background: url(/static/imgs/shopping-cart-white_ef1f17e.png) transparent no-repeat 15px center; color: #fff } header .addcart-have-btn { border: #fff 1px solid; color: #313131; background: url(/static/imgs/shopping-cart_e7f35bc.png) #fff no-repeat 15px center } header .addcart-have-btn:hover { border: #d2d2d2 1px solid; background-color: #d2d2d2 } header .addcart-have-btn>span { color: #e56a69 } .logo { width: 200px; text-align: center; padding-bottom: 8px; padding-top: 43px; /*height: 15px;*/ float: left; /*position: absolute;*/ /*margin-left: 4.5%;*/ /*top: 18px;*/ /*z-index: 6;*/ /*margin-top: 20px;*/ /*text-indent: -99999px; background: url(/static/images/word-logo.png) no-repeat left top*/ } .logo-img { width: 100%; float: left; display: block; } .word-logo,.word-logo-show { width: 89px; height: 15px; position: absolute; left: 0; top: 0; z-index: 2; margin: 17px 0 17px 5%; display: none } .word-logo-show { position: static; float: left; display: block } .word-logo>img,.word-logo-show>img { width: 89px; height: 15px } .fr-head-box { float: right; /*margin-right: 10%;*/ height: 60px; /*padding-bottom: 50px;*/ } .index-search { width: auto; /*height: 50px;*/ float: right; color: #F39E34; font-size: 13px; /*line-height: 50px;*/ margin: 0 10px; margin-top: 35px; } .index-search a{ cursor: pointer; } .index-search input { border:1px solid #000; width: 250px; } .index-search form>a { color: #fff; cursor: pointer; font-size: 15px; } .crumbs { width: auto; height: 50px; float: left; margin: 12px 30px 12px 60px; line-height: 50px } .crumbs>a { color: #d2d2d2 } .crumbs>span { color: #d2d2d2; padding: 0 2px } .login-bar { width: auto; /*height: 50px;*/ float: right; color: #fff; font-size: 15px; /*line-height: 50px;*/ /*margin: 0 35px*/ margin-left:30px; margin-top: 35px; } .login-bar>a,.login-bar>span>a { color: #F39E34; float: left; } .login-bar>span { float: right } .other-login img{width: 16px; padding-top: 12px;} .other-login .qqlogin { } .other-login .wxlogin { } #username-box { position: relative; cursor: pointer } .msg-tag,.msg-box { width: auto; height: 18px; position: absolute; left: 50px; top: 150px; z-index: 13; padding: 0 5px; line-height: 18px; border: #fff 1px solid; color: #fff; font-size: .75em; display: none } .msg-tag { left: 40px; top: 17px; border: 0; font-size: 1.125em } .msg-arrow { width: 0; height: 0; position: absolute; left: -4px; top: 6px; z-index: 13; border-top: 3px solid transparent; border-right: 3px solid #fff; border-bottom: 3px solid transparent } .username,.selfinfo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 13; color: #fff; text-align: center; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0 } .menu-bar .username { display: none } .userbar { width: 130px; height: auto; position: absolute; left: -38px; top: -5px; z-index: 11; padding-bottom: 10px; padding-top: 64px; background: url(/static/imgs/black-layer-bg_e9ebb13.png) repeat; display: none } .userbar-small { padding-top: 50px } .userbar>a { width: 100%; height: 40px; float: left; line-height: 40px; color: #fff; font-size: 13px } .userbar>a:hover { background: #000; opacity: .7; filter: alpha(opacity=70) } #username-box:hover>.userbar { display: block } .share-list { width: 60px; height: 20px; float: right; margin: 15px 40px 15px 0; position: relative } .share-list>.icon-20 { position: absolute; left: 20px; top: 0; z-index: 2; cursor: pointer; z-index: 2 } .share-list>.icon-20-weixin,.share-list>.icon-20-weibo { opacity: 0; filter: alpha(opacity=0); z-index: 1 } .share-list>.icon-20-weibo>span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2 } .share-tooltips { width: auto; height: 24px; position: absolute; left: 28px; top: -2px; z-index: 2; padding: 0 6px; line-height: 24px; -o-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background: #fff; letter-spacing: 0; font-size: .75em; white-space: nowrap; display: none } .share-tooltips-arrow { width: 0; height: 0; position: absolute; left: -4px; top: 2px; z-index: 3; border-top: 10px solid transparent; border-right: 10px solid #fff; border-bottom: 10px solid transparent } .reserve-box { width: auto; height: 100%; float: right; font-size: 13px; line-height: 50px; padding: 0 50px 0 20px; background: url(/static/imgs/reserve-arrow_91ac415.png) #e56a69 no-repeat 95% center; color: #fff; cursor: pointer } .sold-box { background: #ffadc6; padding: 0 20px } .goto-goods { background: url(/static/imgs/reserve-arrow_91ac415.png) #ffadc6 no-repeat 95% center } .menu-bar { width: auto; height: 50px; float: right; line-height: 50px; position: relative } .menu-bar>li { min-width: 56px; height: 100%; margin-left: 40px; float: left; color: #fff; text-align: center; font-size: 13px; cursor: pointer } .menu-bar>li#cart-li { width: auto; *width: 125px; margin-right: 20px; *overflow: hidden } .menu-bar>li#header_tags { width: auto } .menu-bar>li#header_tags>a:before { content: ''; width: 20px; height: 20px; float: left; margin: 15px 5px 15px 0; background-image: url(/static/imgs/icon-20_a9560dc.png); background-repeat: no-repeat; background-position: -280px -20px } .menu-bar>li>a { width: 100%; height: 100%; float: left; color: #fff } .menu-bar>li.menu-bar-line { width: 55px; height: 1px; position: absolute; left: 40px; bottom: 5px; z-index: 13; background: #fff; display: none } .contactchat-wrapper { opacity: .63; filter: alpha(opacity=63); width: 200px; height: 50px; float: left } .contactchat-wrapper:hover { opacity: 1; filter: alpha(opacity=100) } .btn-contactchat { width: 100px; height: 50px; line-height: 50px; opacity: .7; filter: alpha(opacity=70); float: left; color: #fff; margin-left: 10px; cursor: pointer; font-size: 13px } .contact-btn { width: 20px; height: 20px; float: left; margin-left: 24px; margin-top: 15px; background: url(/static/imgs/chat-service-btn_f057db0.png) no-repeat center; cursor: pointer; opacity: .7; filter: alpha(opacity=70) } .breakline { float: left; width: 3px; border-right: 1px solid #fff; height: 20px; opacity: .7; filter: alpha(opacity=70); margin-top: 15px; margin-left: 32px } .contactchat-wrapper .btn-contactchat,.contactchat-wrapper .contact-btn,.contactchat-wrapper .breakline { opacity: 1; filter: alpha(opacity=100) } .header-tags { width: 90%; height: auto; position: fixed; left: 0; top: 50px; z-index: 5; padding: 35px 5% 10px; background: url(/static/imgs/black-layer-09_04c7348.png) repeat left top; text-align: center; display: none } .header-tags>ul { width: auto; height: auto; display: inline-block; zoom: 1; *display: inline } .header-tags>ul>li { min-width: 60px; height: 95px; float: left; margin: 0 12px 0 13px; text-align: center; font-size: 12px; color: #737373; cursor: pointer } .header-tags>ul>li>img { width: 50px; height: 50px; margin: 0 auto; display: block } .header-tags>ul>li:hover { color: #fff } .header-tags>ul>li:hover>img.screening-img-hover { display: block } .header-tags>ul>li>img.screening-img-hover,.header-tags>ul>li:hover>img.screening-img-normal { display: none } .header-tags>ul>li>p { line-height: 40px } .goods-imgs { margin-top: 50px; min-height: 200px; overflow: hidden; position: relative; cursor: pointer } .goods-imgs>img { width: 100%; height: auto } .goods-imgs>.icon-50 { position: absolute; top: 50%; margin-top: -25px; z-index: 3; display: none } .goods-imgs:hover>.icon-50 { display: block } .goods-imgs>.icon-50-arrow-left { left: 5% } .goods-imgs>.icon-50-arrow-right { right: 5% } /*登录后的下拉*/ .upload-box { margin-top: 26px; } .upload-box a { width: 118px; height: 32px; color: #F39E34; display: inline-block; font: normal 16px/28px "Microsoft YaHei"; padding: 4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 14px; } .upload-box .icon { width: 41px; height: 33px; display: inline-block; float: left; margin-right: 8px; } .upload-box .icon-upload { background: url(../images/icon-upload.png) center no-repeat; } #user-txt a.login_on{ color: #F39E34 } #user-txt .nav-show { background: #fff; border:1px solid #ccc; position: absolute; z-index: 999; padding: 10px; width: 95px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; top: 30px; left: 0; display: none; left: 0; } #user-txt .nav-show:before { content: " "; position: absolute; left: 16%; width: 10px; height: 10px; top: -21px; top: -6px; background:#fff; border: #ccc solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #user-txt .nav-show li { float: left; margin-left: 20px; font: normal 14px/30px "Microsoft YaHei"; padding-top: 3px; } #user-txt .nav-show li a { color: #fff; line-height: 30px; font-size: 14px; color: #F39E34 } /*.fr-head-box .login-bar .user-txt:hover .nav-show { display: block; }*/ /***************轮播图******************/ .banner-warp {width: 100%;position: relative;} .banner-warp .bannerbg{width: 100%;height: 466px;position: absolute;} .flexslider{position:relative;margin:0 auto 50px;} .slides{position:relative;z-index:1;} .slides li{height:466px;} .slides li img{width: 100%} .flex-control-nav{position:absolute;bottom:-35px;z-index:2;width: 100%;filter:alpha(opacity=60);text-align:center;} .flex-control-nav li{display:inline-block;display:inline-block;zoom:1;margin:0 5px;} .flex-control-nav a{ background: #eee; color: #fff; cursor: pointer; display: inline-block; zoom: 1; height: 5px; line-height: 10px; width: 20px; font-size: 0px; text-align: center; overflow: hidden; border-radius: 100px; } .flex-control-nav .flex-active{ background: #000000; } .flex-direction-nav{ position:absolute; z-index:3; width:90%; top:50%; left: 5%; } { } .flex-direction-navli a{ display:block; overflow:hidden; cursor:pointer; position:absolute; /* background:rgba(255,255,255,0.6); width: 50px; height: 80px; */ } .preheating-banner { width: 100%; height: auto; overflow: hidden; position: relative } .preheating-headlayer { width: 100%; height: 136px; position: fixed; left: 0; top: 0; z-index: 4; background: url(/static/imgs/header-layer_86737b1.png) repeat-x left top } .flex-direction-nav a { width: 60px; height: 90px; position: absolute; top: 50%; z-index: 3; margin-top: -32px; background-repeat: no-repeat; cursor: pointer; } .flex-prev { left: 0px; /*background:rgba(255,255,255,0) url(../images/banner-arrow-ico.png) no-repeat -10px 11px !important;*/ background: url(../images/news/ltop1.svg) } .flex-next { right: 0px; /*background: rgba(255,255,255,0) url(../images/banner-arrow-ico.png) no-repeat -66px 11px !important;*/ background: url(../images/news/rtop1.svg) } .preheating-banner:hover .banner-arrow-btn,.combine-banner:hover .banner-arrow-btn { display: block } .banner-arrow-btn:hover { background-color: #1d1d1d } .banner-btn-prev { left: 20px; background-position: 0 0 } .banner-btn-next { right: 20px; background-position: -64px 0 } .banner-slide { width: 100%; height: auto; position: relative; overflow: hidden } .banner-slide>li { width: 100%; height: auto; min-width: 1200px; position: absolute; left: 0; top: 0; z-index: 1; display: none } .banner-slide>li>img { width: 100%; height: auto; display: none; cursor: pointer } .banner-slide>li.cursor-auto { cursor: auto } .banner-slide>li.cursor-auto>img { cursor: auto } .banner-video-play-btn { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; z-index: 2; background-image: url(/static/imgs/video-play-bg_f0e028d.png); background-position: 0 0; cursor: pointer } .banner-video-play-btn:hover { background-position: -100px 0 } .preheating-banner-title { width: 750px; height: auto; position: absolute; left: 50%; top: 50%; z-index: 2; margin: -100px 0 0 -375px; text-align: center; color: #fff } .preheating-banner-title>h1 { font-size: 3.75em; font-weight: 400 } .preheating-banner-title>p { padding: 10px 100px 30px; line-height: 30px } .preheating-banner-title>h1,.preheating-banner-title>p { opacity: .9; filter: alpha(opacity=90) } .banner-slide>li>img { width: 100%; height: auto; border: 0 } .preheating-banner-btn { width: 280px; height: 50px; line-height: 50px; background: #fff; margin: 20px auto 0; font-size: 1.125em; color: #e56a69; cursor: pointer } .banner-tab-wrapper { width: auto; height: 6px; position: absolute; right: 5%; bottom: 5%; z-index: 3 } .banner-tab-wrapper>ul>li { width: 6px; height: 6px; float: left; margin: 0 25px 0 0; background: #8a8887; cursor: pointer } .banner-tab-wrapper>ul>li.banner-now-click { background: #fff } .webuploader-container { position: relative } .webuploader-element-invisible { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .webuploader-pick { width: 100%; position: relative; float: left; cursor: pointer; color: #313131; text-align: center; overflow: hidden } .btn-contactchat { width: 100px; height: 50px; line-height: 50px; opacity: .7; filter: alpha(opacity=70); float: left; color: #fff; margin-left: 10px; cursor: pointer; font-size: 13px } .contact-btn { width: 20px; height: 20px; float: left; margin-left: 24px; margin-top: 15px; background: url(/static/imgs/chat-service-btn_f057db0.png) no-repeat center; cursor: pointer; opacity: .7; filter: alpha(opacity=70) } .breakline { float: left; width: 3px; border-right: 1px solid #fff; height: 20px; opacity: .7; filter: alpha(opacity=70); margin-top: 15px; margin-left: 32px } .aboutzz-belt-five { margin: 0 auto; display: table; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2 } .itemdetail-belt .aboutzz-belt-five { border-bottom: 0; padding-bottom: 15px } .aboutzz-belt-five>a { float: left; display: table-cell; vertical-align: middle; cursor: pointer; color: #313131 } .index-aboutzz-belt-five { min-width: 200px } .aboutzz-belt-five>a>div { height: 50px; width: 50px; background-image: url(/static/imgs/icon-50-aboutzz_acc4437.png); float: left } .itemdetail-belt .aboutzz-belt-five>a>div { width: 35px; height: 35px; background-image: url(/static/imgs/icon-35-aboutzz_8cbb853.png); opacity: .6 } .itemdetail-belt .aboutzz-belt-five>a>p { font-size: 15px; padding-top: 0 } .aboutzz-belt-world>div { background-position: 0 0 } .aboutzz-belt-furniture>div { background-position: -50px 0 } .aboutzz-belt-create>div { background-position: -100px 0 } .aboutzz-belt-quality>div { background-position: -150px 0 } .aboutzz-belt-post>div { background-position: -200px 0 } .aboutzz-beltwhite-world>div { background-position: 0 -50px } .aboutzz-beltwhite-furniture>div { background-position: -50px -50px } .aboutzz-beltwhite-create>div { background-position: -100px -50px } .aboutzz-beltwhite-quality>div { background-position: -150px -50px } .aboutzz-beltwhite-post>div { background-position: -200px -50px } .itemdetail-belt .aboutzz-belt-furniture>div { background-position: -35px 0 } .itemdetail-belt .aboutzz-belt-create>div { background-position: -70px 0 } .itemdetail-belt .aboutzz-belt-quality>div { background-position: -105px 0 } .itemdetail-belt .aboutzz-belt-post>div { background-position: -140px 0 } .aboutzz-obliqueline-indexgray { border-bottom: 1px solid #A0A0A0; float: left; height: 35px; width: 35px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin: -5px 40px 0 30px; display: table-cell; vertical-align: middle; background-image: url(/static/imgs/gray-slash_63bb760.png)\0; height: 19px\0; width: 19px\0; margin-top: 12px\0; border: 0\0 } .itemdetail-belt .aboutzz-obliqueline-indexgray { margin: -8px 63px 0 43px } .aboutzz-belt-five>a>p { float: left; font-size: 18px; text-align: left; margin-left: 10px; padding-top: 3px } .aboutzz-belt-five>a>p>span { font-size: 11px } .aboutzz-belt-bgblack { width: 100%; background: #000 } .aboutzz-belt-bgblack>.index-wrapper { padding-top: 5em } .aboutzz-belt-bgblack>.index-wrapper>.aboutzz-belt-five { padding-bottom: 5em; border-bottom: 1px solid #313131 } .aboutzz-belt-bgblack>.index-wrapper>.aboutzz-belt-five>a>p { color: #fff } /*============分页=============*/ .pages { margin:20px 0;color:#999999; } .pages span{ font-size: 14px; } .pages a { display: inline-block; color: #999999; width: 38px; height: 38px; text-align: center; border:1px solid #efefef; border-radius:3px; margin: 0 5px; line-height: 38px; font-size:14px; color:#999999; } .pages a:hover { color: #ffffff; border:1px solid #999999; background: #999999; } .pages .current{background:#acabab;text-align: center; border-radius:3px;border:1px solid #999999;display: inline-block;width:38px;height:38px;line-height: 38px;margin:0 5px;color: #fff;} .pages .nextpage,.pages .prepage,.pages .first,.pages .end{width:70px;font-size:14px;} @media all and (max-width:1440px) { .aboutzz-obliqueline-indexgray { margin: -5px 20px 0 2px } .itemdetail-belt .aboutzz-obliqueline-indexgray { margin: -8px 30px 0 12px } } footer { height: auto; /*text-align: center;*/ background: #fff; font-size: 13px; position: relative; /*z-index: 99*/ z-index: 2; } footer .footer-wrapper { /*margin: 0 2% 0 0;*/ padding:1% 0; background: #a9a9a9; } .footer-wrapper a { /*line-height: 6.25em;*/ color: #fff; /*margin: 0 5em 1.25em;*/ font-size: 1em } .footer-bootom { padding-top: 20px; text-align: center; } .footer-bootom p a{ color: #a0a0a0; } .footer-wrapper a.agreement-link { margin: 0 20px; line-height: 30px; text-decoration: underline; color: #8e8e8e; position: relative; top: -20px } .footer-wrapper p { color: #fff; font-size: 15px; font-weight: bold; } .footer-wrapper p>a { line-height: 1.875em; margin: 0; color: #8e8e8e; padding-right: 10px } .footer-wrapper p>a.last-child { padding-right: 0 } .footer-wrapper>.icon-50-wrapper { width: 300px; height: 3.125em; padding: 4em 0 6em; margin: 0 auto; position: relative } .footer-wrapper .prs>.erweima { position: absolute; right: 0; text-align: center; top: 25px; } .footer-wrapper .prs>.erweima p{ padding-top: 10px; } .links { padding:10px 0; } .links h1,.links h1>a { color: #F18700; font-size: 23px; font-weight: 400; } .links-box { border-top:2px solid #f18700; margin-top:10px; padding:10px 0; } .links-box a { color: #f18700; font-size: 16px; } .bdsharebuttonbox { height: 35px; margin-bottom: 14px; } .bdsharebuttonbox .share-to { display: block; float: left; color: #f18700; font-size: 23px; text-indent: 10px; line-height: 43px; } .bdshare-button-style1-32 a { float: left; width: 35px; line-height: 35px; height: 35px; background-image: url(../images/share_btns.png); _background-image: url(../images/share_btns.png); background-size: 90%; background-repeat: no-repeat; cursor: pointer; margin: 2px 10px 6px 0; text-indent: -100em; overflow: hidden; color: #3a8ceb; } .bdshare-button-style1-32 .bds_weixin { background-position: 0px 3px; } .bdshare-button-style1-32 .bds_tsina{ background-position: 0px -36px; } .bdshare-button-style1-32 .bds_fackbook{ background-position: 11px -82px; } .bdshare-button-style1-32 .bds_guge { background-position: 8px -169px; } .bdshare-button-style1-32 .bds_in { background-position: 8px -128px; } .bdshare-button-style1-32 .bds_more { background-position: 4px -209px; } /*右侧悬浮icon*/ /*.side-bar .side-icon ,.chat-tips i { background-image: url(../images/gdt-img.png); background-repeat: no-repeat; }*/ .side-bar { width: 50px; position: fixed; bottom: 5%; right: 50px; font-size: 0; line-height: 0; z-index: 999; display: block; } .side-bar .side-icon { width: 48px; height: 48px; display: inline-block; background-color: #fff; /*margin-bottom: 2px;*/ position: relative; cursor: pointer; /* background-size:70px; */ } .side-box { border:1px solid #333; background-color:#fff; border-radius: 4px; } .side-bar .gotop{ border:1px solid #333; margin-top: 10px; border-radius: 4px; } /*.side-bar .side-icon:hover { background-color: #999999; }*/ .side-bar .icon-qq { background-size: 25px; background:#fff url(../images/news/qqkf.svg) no-repeat; background-position: center; } .side-bar .icon-qq:hover{ background:#fff url(../images/news/qqkf2.svg) no-repeat; background-position: center; } .side-bar .icon-chat{ background-size: 25px; background:#fff url(../images/news/wxkf.png) no-repeat; background-position: center; } .side-bar .icon-chat:hover{ background:#fff url(../images/news/wxkf2.png) no-repeat; background-position: center; } .side-bar .icon-shouc{ background:#fff url(../images/news/collect3.svg) no-repeat; background-size: 60%; background-position: center; } .side-bar .icon-shouc:hover{ background:#fff url(../images/news/collect2.svg) no-repeat; background-size: 60%; background-position: center; } .side-bar .icon-pay{ background:#fff url(../images/news/pay1.svg) no-repeat; background-size: 60%; background-position: center; border-top-left-radius: 4px; border-top-right-radius: 4px; } .side-bar .icon-pay:hover{ background:#fff url(../images/news/pay.svg) no-repeat; background-size: 60%; background-position: center; } .side-bar .icon-gbook{ background:#fff url(../images/news/gbook1.svg) no-repeat; background-size: 60%; background-position: center; } .side-bar .icon-gbook:hover{ background:#fff url(../images/news/gbook.svg) no-repeat; background-size: 60%; background-position: center; } .side-bar .icon-blog{ background-size: 25px; background:#fff url(../images/news/dhkf.svg) no-repeat; background-position: center; border-top-right-radius: 4px; border-top-left-radius: 4px; } .side-bar .icon-blog:hover{ background:#fff url(../images/news/dhkf2.svg) no-repeat; background-position: center; } .side-bar .icon-rechar{ background-size: 25px; background:#fff url(../images/news/zxcz.svg) no-repeat; background-position: center; } .side-bar .icon-rechar:hover{ background:#fff url(../images/news/zxcz2.svg) no-repeat; background-position: center; } .side-bar .icon-top{ background:#fff url(../images/news/top.svg) no-repeat; background-position: center; height: 40px; } .side-bar .icon-top:hover{ background:#252424 url(../images/news/top2.svg?=1) no-repeat; background-position: center; height: 40px; } .side-bar .icon-chat:hover .chat-tips { display: block; } .side-bar .lines{ background: #e7e7e7; width:24px; height:2px; margin-left: 12px; position: absolute; bottom: 0; } .chat-tips { padding: 20px; border: 1px solid #d1d2d6; position: absolute; right: 78px; top: -55px; background-color: #ffffff; display: none; } .chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position:-88px -350px; } .chat-tips img { width: 138px; height: 138px; } .ft-box { padding-top: 20px; padding-right:20px; } .ft-box h1,.ft-phone h1{ font-size: 16px; color: #fff; padding-bottom: 8px; } .ft-box a { font-size: 15px; font-weight:bold; } .ft-phone { width: 100%; padding-top: 10px; } .icon-50-wrapper>.icon-50 { float: left; margin: 0 25px; opacity: .6; filter: alpha(opacity=60) } .footer-web-catalogue { width: 120px; height: 30px; line-height: 30px!important; color: #8e8e8e!important; border: 1px solid #8e8e8e; position: absolute; top: 125px; left: 22px } .video-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: transparent\9; opacity: .1; display: none } @media screen and (min-width:0) { .video-layer { background: #000 } } .video-play { width: 539px; height: 98px; position: absolute; left: 50%; top: 50%; z-index: 3; margin: -70px 0 0 -250px; background: url(/static/imgs/video-play-btn3_3aab52d.png) 92% top no-repeat; cursor: pointer; font-size: 106px; font-weight: 700; color: #fff; line-height: 98px } .video-play-ie { width: 450px; margin-left: -225px; background: 0 0; font-weight: 400 } .video-closefullscreen,.video-share,.video-share .weibo_share_btn,.video-share .weixin_share_btn { width: 36px; height: 36px; position: absolute; z-index: 2147483648; background-color: none; background-repeat: no-repeat; background-size: auto 100%; cursor: pointer; display: block; margin: 0; padding: 0 } .video-closefullscreen,.video-share { right: 50px; background-image: url(/static/imgs/video-btn-36_77a26f9.png); display: none } .video-closefullscreen { top: 65px; background-position: -36px 0 } .video-share { top: 140px; background-position: -72px 0 } .video-share .weibo_share_btn { left: 0; top: 50px; background-image: url(/static/imgs/icon-50-36_099187d.png); background-position: -180px 0 } .video-share .weixin_share_btn { left: 0; top: 120px; background-image: url(/static/imgs/icon-50-36_099187d.png); background-position: -144px 0 } .video-js { margin-top: -80px } .video-js>video { width: 100%; height: auto } .comment-btn { width: 36px; height: 36px; float: left; padding-top: 5px; *margin-top: 5px; line-height: 50px; color: #00c393; font-weight: 600; cursor: pointer } .comment-btn>.icon-50 { margin: 5px 0; cursor: pointer; width: 36px; height: 36px; background: url(/static/imgs/icon-50-36_099187d.png) -864px 0 no-repeat } .comment-btn:hover>.icon-50,.comment-btn-click>.icon-50 { background-position: -900px 0 } .feedshare-box { width: 36px; height: 36px; float: left; margin-top: 10px } .feedshare-box .icon-50 { width: 36px; height: 36px; background: url(/static/imgs/icon-50-36_099187d.png) no-repeat } .feedshare-box .icon-50-share { background-position: -720px 0 } .feedshare-box .icon-50-weixin-color { background-position: -254px 0 } .feedshare-box .icon-50-weibo-color { background-position: -288px 0 } .feedshare-btn { display: none; padding-left: 20px } .feedshare-wrapper { margin-left: 10px; padding-left: 15px; cursor: pointer } .feedshare-btn>.icon-50 { cursor: pointer } .feedshare-btn>a { width: 50px; float: left } .feedshare-box:hover>.icon-50-share { background-position: -936px 0 } .comment-input-box { /*width: 878px;*/ width: 90%; height: auto; float: left; margin-top: 10px; background: #fff; padding: 10px; border: #d2d2d2 1px solid; position: relative; display: none } .comment-input-box>.icon-arrow-white { position: absolute; left: 17px; top: -8px; z-index: 2 } .comment-input-box>textarea { width: 800px; height: 25px; float: left; line-height: 25px; font-size: 13px; resize: none; overflow: hidden; cursor: auto; min-height: 25px } .comment-input-box .comment-submit-btn { width: 60px; height: 25px; line-height: 25px; float: right; font-size: 13px; margin-top: 4px } .user-comment-all { display: none } .user-comment>li { width: 100%; height: auto; float: left; padding: 15px 0; line-height: 25px; border-bottom: #eee 1px solid; position: relative } .user-comment>li>.user-comment-head,.user-comment>li>.user-comment-head>img { position: relative; width: 45px; height: 45px; float: left; -o-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; cursor: auto } .user-comment>li>.os-userheader-gold:after { content: ''; width: 46px; height: 46px; position: absolute; left: -1px; top: -1px; z-index: 1; background: transparent; border: 3px solid #dbc29b; -o-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px } .user-comment>li>dl { padding-left: 65px; *padding-left: 15px; min-height: 25px } /* .user-comment>li>dl>dt { padding-right: 150px } */ .user-comment>li>dl>dt.comment-username { font-size:12px; color:#434040; } .user-comment>li>dl>dt.comment-username span{ float: right; color: #999 } .user-comment>li>dl>dd { float: right; color: #a0a0a0 } .user-comment>li>dl>dd>p { color: #313131 } .user-comment>li>dl>dd.imgsbox { width: 100% } .user-comment>li>dl>dd.imgsbox>p { word-break: break-all } .user-comment>li>dl>dd.imgsbox>p:before { content: '晒单'; width: 40px; height: 20px; float: left; background: #ff9ab9; font-size: 13px; color: #fff; line-height: 21px; text-align: center; position: relative; top: 2px; margin-right: 5px; display: none } .user-comment>li>dl>dd.imgsbox>p.sunitem-content { min-height: 25px; padding-right: 140px } .user-comment>li>dl>dd.imgsbox>p.sunitem-content>.sunitem_all { display: none } .user-comment>li>dl>dd.imgsbox>p.sunitem-content>i { color: #F18700; display: none; cursor: pointer; padding-left: 5px } .user-comment>li>dl>dd.imgsbox>p.sunitem-content>i.comment-show { display: inline } .user-comment>li>dl>dd.imgsbox>img { width: 70px; height: 70px; float: left; margin: 5px 10px 0 0 } .user-comment>li>dl>dd.reply-btn { color: #F18700; font-size: 15px; cursor: pointer } .user-comment>li>dl>dt>.comment-show { color: #F18700; white-space: nowrap; cursor: pointer } .user-comment>li>dl>dt>.comment-hide,.user-comment>li>dl>dt>.all_content,.reply-target-text>.reply-hide { display: none } .user-comment>li>dl>dt>.short_content,.user-comment>li>dl>dt>.all_content { padding-right: 10px; word-wrap: break-word; word-break: break-all } .reply-target-text { margin-top: 20px; background: transparent; line-height: 30px; color: #959595; font-size: .875em; text-indent: 65px; position: relative } .reply-target-text:before { content: ''; width: 50px; height: 1px; position: absolute; background: #d2d2d2; left: 0; top: 15px; z-index: 1 } .reply-target-text>p { width: 690px; height: 30px; padding-right: 20px; text-indent: 0; padding-left: 64px; font-size: 13px; overflow: hidden } .reply-target-text>.reply-show { float: right; color: #00c393; font-size: 13px; cursor: pointer } .comment-more,.hide-comment { width: auto; height: 30px; float: left; margin-top: 10px; line-height: 30px; color: #00c393; font-size: 13px; cursor: pointer } .hide-comment { float: right; display: none } .blank-wrapper { height: 300px; padding-top: 0; position: relative; background: #4b6573 } .blank-wrapper:after { content: ''; width: 50%; height: 100%; position: absolute; right: 0; top: 0; background: #8d6a52; z-index: 1 } .fivesafe-box { width: 1561px; height: 300px; position: absolute; left: 50%; top: 0; margin-left: -781px; z-index: 2; text-align: center } .fivesafe-box>img { width: auto; height: 100% } .presale-role { height: 35px } .presale-role>p { line-height: 35px; font-size: 13px; text-align: left } .presale-role>dl { width: auto; height: 35px; float: left; margin-right: 5px; padding-right: 4px; border-right: #d2d2d2 1px solid } .presale-role>dl.last-presale-icon { margin-right: 0; border-right: 0; padding-right: 0 } .presale-role>dl>dt { width: 24px; height: 34px; float: left; background-image: url(/static/imgs/presale-info-icon-small_2d7ee7d.png); background-repeat: no-repeat } .presale-role>dl>dt.order-icon { background-position: 0 0 } .presale-role>dl>dt.dietime-icon { background-position: -24px 0 } .presale-role>dl>dt.preprice-icon { background-position: -48px 0 } .presale-role>dl>dd { float: left; padding: 2px 0 0 4px } .presale-role>dl>dd>p { text-align: left; font-size: 12px } .renren-tags-wrapper { width: 160px; height: 70px; display: block; cursor: pointer; position: relative } .renren-tags-absolute { position: absolute; right: 65px; bottom: 75px } .renren-tags-fixed { position: fixed; left: 50px; bottom: 70px; z-index: 2 } .renren-tags-wrapper,.renren-tags-wrapper:before,.renren-tags-wrapper>.renren-tags-content { border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; -webkit-border-radius: 35px } .renren-tags-wrapper:before,.renren-tags-wrapper>.renren-tags-content { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #0068b7 } .renren-tags-wrapper>.renren-tags-content { background: transparent; opacity: 1; z-index: 2; color: #fff; table-layout: fixed } .renren-tags-wrapper>.renren-tags-content:before { content: ''; width: 50px; height: 50px; float: left; margin: 10px 0 10px 10px; background-image: url(/static/imgs/icon-50_c0d7642.png); background-repeat: no-repeat; background-position: -1900px 0 } .renren-tags-wrapper>.renren-tags-content:after { content: ''; width: 10px; height: 20px; float: right; background-image: url(/static/imgs/icon-20_a9560dc.png); background-repeat: no-repeat; background-position: -241px 0; margin: 25px 20px 25px 0 } .renren-tags-text { width: auto; height: 50px; float: left; margin: 10px 0 10px 10px; font-size: 16px; line-height: 25px } #renren_hover_h1 { font-size: 15px; line-height: 50px; font-weight: 400; display: none } .renren-tags-wrapper:hover:before { opacity: 1 } .renren-pop { width: 903px; height: auto; background: transparent; position: relative; display: none } .renren-pop>img { width: 100%; height: auto } .renren-pop-content { background: #fff; padding: 15px 55px 30px; text-align: left } .renren-pop-content>h1,.renren-pop-content>p,.renren-pop-content>h2 { letter-spacing: 2px; padding-right: 370px } .renren-pop-content>h1 { font-size: 24px; line-height: 40px; font-weight: 400 } .renren-pop-content>h2 { font-size: 15px; line-height: 35px; color: #e56a69; font-weight: 400 } .renren-pop-content>h2>span { padding-right: 15px } .renren-pop-content>h2>span:before { content: ''; width: 16px; height: 16px; display: inline-block; background-image: url(/static/imgs/icon-16_effe2b2.png); background-repeat: no-repeat; background-position: -80px 0; position: relative; top: 2px; margin-right: 5px } .renren-pop-content>p { font-size: 15px; line-height: 25px; padding-top: 5px } .exchange-coupons-pop { width: 545px; height: auto; background: #fff; text-align: center; display: inline-block } .exchange-coupons-pop>img { width: auto; height: 175px } .exchange-coupons-pop>h1 { margin-top: 10px; font-size: 24px; color: #000; line-height: 40px; font-weight: 400 } .exchange-coupons-pop>p { font-size: 15px; color: #000; line-height: 30px } .coupons-receive-btn { width: 215px; height: 50px; margin: 10px auto 20px; font-size: 18px; line-height: 50px } .exchange-status { width: 104px; height: 104px; margin: 80px auto 20px; background-image: url(/static/imgs/icon-104_d81a249.png); background-repeat: no-repeat } .exchange-status-success { background-position: 0 0 } .exchange-status-fail { background-position: -104px 0 } .error-wrapper { position: relative; padding: 0; /*background: url(http://astatic.zaozuo.com.cn/3cc245680a6e0062d7fbe29d9668a1f9) #fff no-repeat center 40%;*/ display: none } .backto-index,.web-slogan { width: auto; height: auto; position: absolute; bottom: 10%; z-index: 2 } .backto-index { left: 10% } .web-slogan { right: 10%; margin-bottom: 40px; font-size: 12px; color: #848484 } .backto-index>dt { font-size: 24px; line-height: 35px } .backto-index>dd { font-size: 13px; color: #565656 } .backto-index>dd>a { width: 105px; height: 30px; float: left; margin-top: 10px; font-size: 13px; line-height: 30px } .error-wap-wrapper { width: 640px; overflow: hidden; /*background: url(http://astatic.zaozuo.com.cn/3cc245680a6e0062d7fbe29d9668a1f9) #fff no-repeat center 200px;*/ background-size: 70% auto } .error-wap-wrapper .backto-index { position: static; text-align: center; margin-top: 450px } .error-wap-wrapper .backto-index>dt { font-size: 36px; font-weight: 700 } .error-wap-wrapper .backto-index>dd { font-size: 24px; line-height: 70px } .error-wap-wrapper .backto-index>dd>a { width: 200px; height: 60px; float: none; display: inline-block; margin: 0 auto; line-height: 60px; font-size: 24px } .error-wap-wrapper .web-slogan { position: static; text-align: center; font-size: 20px; line-height: 30px; padding-top: 100px } .pay-titile { margin: 30px 0; line-height: 20px } .pay-sure-title { margin: 20px 0 10px } .pay-sure-title>dt { float: right } .pay-titile>dt { font-weight: 700 } .pay-titile>dt,.pay-titile>dd { font-size: 14px } .pay-titile>dd>em { color: #e56a69 } .pay-titile>dt.fr,.pay-sure-title>dt { float: right; font-size: 12px; color: #a0a0a0; font-weight: 400 } .pay-titile>dt.fr>span,.pay-sure-title>dt>span { float: left } .pay-titile>dt.fr>span:after,.pay-sure-title>dt>span.nowstep:after { content: ''; width: 10px; height: 15px; float: right; margin: 2px 15px; background: url(/static/imgs/icon-20_a9560dc.png) no-repeat; background-position: -260px -22px } .pay-titile>dt.fr>span.nowstep,.pay-sure-title>dt>span.nowstep { color: #313131 } .pay-titile>dt.fr>span.nowstep:after { display: none } .pay-titile>dt.preorder-icon { margin-right: 10px } .pay-titile>dt.preorder-icon,.pay-titile>dt.preorder-icon img { width: 100px; height: 60px; float: left } .pay-titile>dt.pt-10 { padding-top: 10px } .userinfo-pay-manage-wrapper { width: 1080px; overflow: hidden; margin-top: 10px } .pay-manage-bankbox { width: auto; height: 90px; margin-bottom: 20px; border: #bfbfbf 1px solid; background: #fff; display: table; table-layout: fixed } .userinfo-pay-manage-bankbox { float: left; margin-right: 20px } .pay-manage-bank-icon { width: auto; height: 70px; padding: 10px; border-right: #bfbfbf 1px solid; display: table-cell; text-align: center; vertical-align: middle } .pay-manage-bank-icon>img { width: auto; height: 30px; margin: 20px 0; float: left } .pay-manage-bank-icon>em { width: 136px; height: 40px; float: left; margin: 15px 0; font-size: 16px; line-height: 40px; text-align: left } .pay-manage-bank-info { width: 346px; height: 60px; padding: 15px 20px; display: table-cell; border-right: #bfbfbf 1px solid; font-size: 16px } .userinfo-pay-manage-bankbox .pay-manage-bank-info { width: 210px } .pay-manage-bank-info>h2 { color: #313131; line-height: 30px } .pay-manage-bank-info>p { color: #7e7e7e } .userinfor-content .pay-manage-bank-info p { padding-right: 0 } .pay-manage-closebtn { width: 55px; height: 100%; display: table-cell; background: #434343; vertical-align: middle; cursor: pointer } .pay-manage-closebtn:after { content: ''; width: 20px; height: 20px; display: inline-block; margin: 0 17px; background: url(/static/imgs/icon-20_a9560dc.png) no-repeat; background-position: -240px 0; opacity: .5 } .userinfo-pay-manage-addbtn { width: 90px; line-height: 40px; font-size: 16px; color: #00c393; font-weight: 700; cursor: pointer } @media all and (max-width:1440px) { .renren-pop { width: 800px } .renren-pop-content>h1,.renren-pop-content>p,.renren-pop-content>h2 { padding-right: 270px } .pay-titile { margin: 30px 0 10px } .pay-titile>dt,.pay-titile>dd { font-size: 12px } } @media all and (max-width:1340px) { body { font-size: 87.5%; } } @charset "utf-8"; .poplayer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 4; background: #000; opacity: .3; filter: alpha(opacity=30); display: none } .popclosebtn { position: absolute; right: 10px; top: 10px; cursor: pointer; background-position: 0 0 } .republic-closebtn { position: absolute; right: -50%; top: -20%; cursor: pointer } .activity-renren-popup-false-all { width: 355px; height: 255px; background: #fff } .activity-renren-popup-false-all>div { width: 104px; height: 104px; background-image: url(/static/imgs/icon-104_d81a249.png); background-position: 0 0; margin: 0 auto; position: relative; top: 50px; margin-bottom: 75px } .activity-renren-popup-false-all>div { background-image: url(/static/imgs/icon-104_d81a249.png); background-position: -104px 0 } .activity-renren-popup-false-all>p { font-size: 15px; font-weight: 400; text-align: center; line-height: 25px; margin: 0 auto; width: 77% } .invitation-pop { width: 568px; height: 482px; position: fixed; left: 50%; top: 50%; z-index: 5; padding: 0 51px 0 25px; margin: -241px 0 0 -322px; background: url(/static/imgs/invitation-pop_45551af.png) no-repeat left top; display: none } .invitation-pop>.popclosebtn { right: 35px } .invitation-pop>p { padding: 20px 55px; line-height: 30px; font-size: 1.125em } .invitation-pop>a { width: auto; float: right; color: #e56a69; padding-right: 60px } .invitation-title { height: 170px; text-align: center; color: #000; border-bottom: #d2d2d2 1px solid } .invitation-title>h1 { padding-top: 20px; font-size: 2.25em; line-height: 80px } .invitation-title>h2 { font-size: 1.5em; font-weight: 400 } .invitation-share { width: auto; height: 50px; float: left; padding: 40px 55px 20px; clear: both } .invitation-share>.icon-50 { float: left; margin-right: 20px } .invitation-share>dl { float: left; margin-top: -5px; padding-right: 10px } .invitation-share dd { font-size: 1.875em } .layer-notice { width: 670px; height: auto; padding: 30px; font-size: .813em; background: #fff; line-height: 25px; text-align: center; display: none } .layer-notice>img { margin-bottom: 20px } .layer-notice>p { text-align: left } .layer-notice>p>span { color: #e56a69 } .address-pop { width: 800px; height: auto; padding: 15px 35px 35px; background: #f6f6f6; display: none } .address-pop>h4 { padding-top: 20px; line-height: 30px; font-size: 16px } .address-pop>p { color: #a0a0a0; line-height: 30px; font-size: 14px } .form-box>select,.form-box>input[type=text] { width: 200px; height: 42px; margin-top: 20px; padding: 0 10px; line-height: 42px; border: #d2d2d2 1px solid; color: #a0a0a0; font-size: 14px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .form-box>input[type=text] { width: 180px; margin-right: 15px } .form-box>select { padding: 0 0 0 10px; padding: 10px 0 10px 10px \9 } .form-box>input[type=text].address-input { width: 778px; margin-right: 0 } .form-box>.radio { margin-top: 20px } .form-box>.radiopop { margin-top: 20px } .form-box>.new-address-btn { width: 270px; height: 48px; margin-top: 20px; line-height: 47px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .pay-pop { width: 465px; height: auto; background: #fff; border: #7d7d7d 1px solid; display: none } .pay-pop-header { padding: 0 20px; height: 65px; line-height: 65px; background: #313131; font-size: 1.125em; color: #fff } .pay-pop-content { padding: 30px 20px } .pay-pop-content>p { line-height: 30px; color: #a0a0a0 } .rechoose-bank { float: left; margin-top: 30px; padding-left: 35px; line-height: 45px; font-size: .93em; cursor: pointer } .psw-popup { width: 340px; height: 310px; padding: 10px 45px; background: #f6f6f6; display: none } .psw-popup>h1 { line-height: 55px; font-size: 18px; text-align: center; font-weight: 400 } .psw-popup>.input-box { height: 40px; border-color: #fff } .psw-popup>.input-box-error { border-color: #ff5287 } .psw-popup>.input-box>input { height: 38px; line-height: 38px; font-size: 14px } .psw-modify-btn { height: 40px; line-height: 40px; font-size: 15px; margin-top: 15px } .modifyhead-pop { width: 930px; height: 440px; background: #fff; position: fixed; left: 50%; top: 50%; margin: -220px 0 0 -465px; z-index: -1 } .modifyhead-pop-show { z-index: 11 } .modifyhead-pop .republic-closebtn { right: 0; top: 10px } .croppic-area { width: 675px; height: 440px; float: left; line-height: 440px; background: #313131; text-align: center; overflow: hidden } .croppic-area>p { height: 100%; vertical-align: middle; text-align: center } .croppic-area>p>img { max-width: 675px; max-height: 440px; vertical-align: middle } .previewpic-area { width: 225px; height: 100%; float: left; padding: 0 15px; position: relative } .previewpic-area>h1 { line-height: 86px; text-align: center; font-size: 1.125em; font-weight: 400 } #previewpic_lg { width: 116px; height: 116px; display: block; margin: 0 auto; -o-border-radius: 58px; -moz-border-radius: 58px; -webkit-border-radius: 58px; border-radius: 58px; overflow: hidden } #previewpic_sm { width: 70px; height: 70px; display: block; margin: 30px auto; -o-border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; overflow: hidden } .modifyhead-btn { height: 32px; margin-top: 20px; line-height: 32px; font-size: .93em } .reupload-btn { height: 30px; line-height: 30px; margin-top: 20px; position: relative } .reupload-btn>div { width: 100% } .reupload-btn input[type=file] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; cursor: pointer; opacity: 0; filter: alpha(opacity=0) } .weixin-sharepop { width: auto; height: auto; border: #3b3b3b 1px solid; background: #fff; box-shadow: 10px 10px 21px rgba(0,0,0,.35); display: none } .weixin-sharecode { width: 256px; height: 256px; padding: 16px } .weixin-sharecode>img { width: 256px; height: 256px } .weixin-sharepop>p { height: auto; line-height: 30px; padding: 20px 16px; background: #f6f6f6; font-size: .93em; text-align: center } .coupon-box { display: none } .coupon-pop { width: 590px; height: 430px; background: url(/static/imgs/coupon-bg_251b360.png) no-repeat center } .coupon-num { height: 75px; padding: 75px 0 45px; color: #e56a69; font-size: 6.43em; line-height: 75px; text-align: center } .coupon-num>p>i { float: left; margin-left: 150px } .coupon-num>p>span { font-size: .29em; line-height: 40px; float: left; text-align: left } .coupon-pop>p,.coupon-pop>a { display: block; font-size: .93em; line-height: 30px; text-align: center; color: #313131 } .coupon-pop>a { padding-top: 30px } .coupon-title { width: 560px; height: 50px; margin: 35px 0 0 1px; padding: 16px 0; color: #fff; font-size: .93em; line-height: 25px; background: url(/static/imgs/black-layer-bg_e9ebb13.png) repeat left top } .coupon-title>.icon-50-prompt { float: left; margin: 0 20px 0 100px } .recommend-pop { width: 560px; height: auto; color: #fff; text-align: center; display: none } .recommend-pop>.republic-closebtn { right: -5%; top: -5px } .recommend-pop>h1 { line-height: 3em; font-size: 1.5em; padding-top: 15px; font-weight: 400 } .recommend-pop>p { line-height: 2em; font-size: .93em } .recommend-pop>input { width: 528px; height: 3em; margin-top: 2em; line-height: 46px; padding: 0 15px; background: transparent; border: #666 1px solid; color: #797575; font-size: .93em; text-indent: 45px } .recommend-pop>input.recommend-name { margin-top: 3.75em; background: url(/static/imgs/input-user-icon_0f76580.png) no-repeat 15px center } .recommend-pop>input.recommend-url { background: url(/static/imgs/input-url-icon_07ca78c.png) no-repeat 15px center } .recommend-pop>input.recommend-error { border: #e56a69 1px solid } .recommend-pop>i { font-size: .93em; color: #fff; line-height: 20px; float: left; margin-top: 1.67em } .recommend-pop>i>input { float: left; margin: 3px 10px 0 0 } .recommend-btn { height: 2.7em; margin-top: 1.7em; line-height: 2.7em; font-size: 1.125em } .share-designer-pop { width: 490px; color: #fff; text-align: center; display: none } .share-designer-pop>.republic-closebtn { top: 0; right: -10% } .share-designer-pop>h1 { width: 100%; float: left; font-size: 1.5em; font-weight: 400; line-height: 50px } .share-designer-pop>p { width: 100%; float: left; font-size: 1.125em; line-height: 30px } .share-designer-pop>.icon-110 { float: left; margin: 10% 0 0 120px; position: relative } .share-designer-pop>.icon-110-weibo { float: right; margin: 10% 120px 0 0 } .share-designer-pop .weixin-sharepop { display: block; float: left; margin-top: 20px; margin-left: -66px; color: #313131; clear: both } .vipperfect-pop { width: 640px; height: auto; padding: 1.5em; position: fixed; left: 50%; top: 50%; margin: -291px 0 0 -320px; z-index: -1; background: #fff } .vipperfect-pop-show { z-index: 10 } .vipperfect-pop>.republic-closebtn { right: 0; top: 10px } .vipperfect-title { height: atuo; border-bottom: #d2d2d2 1px solid; padding-bottom: 2em; text-align: center } .vipperfect-title>h1 { font-size: 2em; color: #e56a69; line-height: 1.875em; font-weight: 400 } .vipperfect-title>p { font-size: .93em; line-height: 24px } .vip-uploadhead { width: 7.5em; height: 7.5em; position: relative; border: #d2d2d2 1px solid; margin: 2em auto 0; -o-border-radius: 3.75em; -moz-border-radius: 3.75em; -webkit-border-radius: 3.75em; border-radius: 3.75em; background: url(/static/imgs/upload-head-logo_99fb77a.png) no-repeat center; cursor: pointer; overflow: hidden } .vip-uploadhead img { width: 100%; height: 100% } .vipperfect-pop>p { font-size: .875em; color: #a0a0a0; line-height: 2.57em; text-align: center } .vipperfect-pop>.input-box,.nickname-pop>.input-box { width: 328px; height: 40px; line-height: 40px; margin: 15px auto 0 } .vipperfect-pop>.no-write { background: #f6f6f6; border: #f6f6f6 } .vipperfect-pop>.input-box>.icon-20,.nickname-pop>.input-box>.icon-20 { float: left; margin-top: 10px } .vipperfect-pop>.input-box>input,.nickname-pop>.input-box>input { width: 270px; height: 20px; margin-top: 10px; line-height: 20px; padding-left: 10px } .vipperfect-pop>.input-box>input#vip_phone { width: 150px } .vipperfect-pop>.input-box>.send-code-btn { width: auto; height: 100%; float: right; position: relative; right: -15px; margin: 0; padding: 0 5px; line-height: 31.5px; background: #ffadc6; color: #fff; font-size: .93em; cursor: pointer; letter-spacing: 1px } #code_wrapper { display: none } .vipperfect-pop>.vipinfor-submit { width: 360px; height: 2.25em; margin: 2em auto; font-size: 1.125em; line-height: 2.25em } .vipperfect-pop .error-tips { width: 360px; float: none; margin: -1.5em auto 1em auto } .input-box-error { border: #ff5287 1px solid; box-shadow: #ff6191 1px 1px 8px } .nickname-pop { width: 330px; height: auto; padding: 0 70px 50px; background: #fff; text-align: center; display: none } .nickname-pop>.input-box { width: 298px } .nickname-pop>.input-box:before { content: ''; width: 20px; height: 20px; float: left; background-image: url(/static/imgs/icon-20_a9560dc.png); background-repeat: no-repeat; margin-top: 10px; background-position: -280px 0 } .nickname-pop>.input-box>input { width: 240px } .nickname-pop>p { font-size: 18px; line-height: 80px } .nickname-submit { height: 40px; line-height: 40px; font-size: 1.125em; margin-top: 20px } .nickname-pop>.error-tips { top: 10px; font-size: 16px } .whatzaozuo-pop { width: 890px; height: 550px; text-align: center; display: none } .whatzaozuo-wrapper { height: 550px; position: relative } .whatzaozuo-layer,.whatzaozuo-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3 } .whatzaozuo-layer { background: #fff; opacity: .9; filter: alpha(opacity=90); z-index: 2 } .whatzaozuo-title { margin: 80px 90px 30px; height: 75px; background: url(/static/imgs/whatzaozuo-title-bg_ba6fddd.png) no-repeat 210px center } .whatzaozuo-content { height: auto; margin: 0 90px } .whatzaozuo-box p { font-size: 13px; line-height: 25px; text-align: left } .whatzaozuo-content>p.zaozuo-info { font-size: 12px; padding-top: 60px } .whatzaozuo-content>p.zaozuo-info>i { float: left; margin-top: -20px; color: #e56a69 } .whatzaozuo-content>p.zaozuo-info>span { float: right; text-align: right } .whatzaozuo-footer { height: 50px; background: url(/static/imgs/what-zaozuo-pop-bg_41a9a0c.png) no-repeat left top } .areahelp-pop { width: 510px; display: none } .areahelp-header { height: 180px; padding-top: 20px; background: url(/static/imgs/areahelp-pop-bg_9908f84.png) #fff no-repeat center } .areahelp-pop>p { font-size: .93em; padding: 0 70px; line-height: 25px; background: #fff; color: #000 } .areahelp-pop a { color: #e56a69 } .areahelp-footer { height: 35px; background: url(/static/imgs/areahelp-pop-footer_7fe1cdc.png) no-repeat right top } .cancelorder-pop { width: 300px; height: 200px; padding: 25px 50px; background: #fff; position: relative; display: none; text-align: center } .cancelorder-pop-close,.preorder-closebtn,.accountbind-closebtn,.space-relation-closebtn,.double-eleven-pop-closebtn,.newpop-closebtn,.exchange-coupons-pop-closebtn { width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 2; background: url(/static/imgs/pop-close-white-btn_50c3b2a.png) no-repeat #000 center; cursor: pointer } .newpop-closebtn:hover,.cancelorder-pop-close:hover,.double-eleven-pop-closebtn:hover,.exchange-coupons-pop-closebtn:hover { background: url(/static/imgs/pop-close-white-btn_50c3b2a.png) no-repeat #313131 center } .cancelorder-pop>h1 { line-height: 50px } .cancelorder-line { width: 100%; height: 12px; margin: 5px 0 15px; background: url(/static/pic/itemdetail-line.png) repeat left top } .cancelorder-pop>p { font-size: 13px; line-height: 25px } .sure-cancelorder-btn { width: 140px; height: 32px; line-height: 32px; font-size: 15px; margin: 30px auto 0 } .preorder-desc-pop { width: 510px; height: auto; background: #fff; padding: 34px 55px 26px; display: none; position: relative; text-align: center } .preorder-desc-pop>h4 { font-size: 18px; line-height: 30px } .preorder-desc-pop>p { width: 90%; margin: 0 auto; font-size: 13px; line-height: 30px } .preorder-desc-pop>p>i { color: #e56a69 } .preorder-desc-pop>p:last-of-type { font-size: 12px; color: #a0a0a0 } .preorder-pop-line { width: 100%; height: 12px; margin: 25px 0; background: url(/static/pic/itemdetail-line.png) repeat-x left top; position: relative } .preorder-wantbox { margin: 24px auto 0; padding-top: 20px; border-top: #d2d2d2 1px solid } .preorder-wantbtn { width: 200px; height: 40px; float: right; line-height: 40px; font-size: 15px } .preorder-pop-img { width: 204px; height: 123px; margin: 0 auto 10px; background-image: url(/static/imgs/preorder-pop-bg_ebdae11.png); background-repeat: no-repeat; background-position: center } .preorder-closebtn:hover { background-color: #313131 } .preorder-desc-pop .presale-role { float: left; margin-top: 3px } .accountbind-pop { width: 400px; height: auto; background: #fff; position: relative; padding: 30px 0; display: none } .accountbind-style { width: 36px; height: 36px; margin: 0 auto; background-image: url(/static/imgs/icon-36_657a1a5.png); background-repeat: no-repeat } .accountbind-style-phone { background-position: 0 0; background-color: #e56a69 } .accountbind-style-email { background-position: -36px 0; background-color: #f3b700 } .accountbind-pop>h1,.accountbind-pop p { color: #000; text-align: center; line-height: 25px; font-size: 18px; padding-top: 10px; font-weight: 400 } .accountbind-pop p { font-size: 13px; padding: 0 } .accountbind-pop-green p { font-size: 20px!important; line-height: 25px!important } .accountbind-pop input[type=text],.accountbind-pop input[type=password] { width: 220px; height: 30px; line-height: 30px; border: #d2d2d2 1px solid; background: #f6f6f6; margin: 20px auto 0; display: block; text-align: center; color: #a0a0a0 } .accountbind-pop input[type=text]:focus,.accountbind-pop input[type=password]:focus { color: #313131 } .accountbind-pop .input-box { width: 218px; height: 32px; margin: 15px auto; padding: 0 } .accountbind-pop .input-box>input { width: 218px; height: 32px; line-height: 32px; top: 0; margin: 0; padding: 0; border: 0 } .accountbind-surebtn-web { width: 222px; height: 34px; margin: 10px auto 0; line-height: 32px } .accountbind-pop .captchas-box { width: 222px; margin: 0 auto } .accountbind-pop .captchas-box>input[type=text] { width: 133px; float: left } .accountbind-pop-wap .captchas-box { width: 412px; margin: 0 auto } .accountbind-pop-wap .captchas-box>input[type=text] { width: 250px } .accountbind-pop-wap .send-captchas-btn { height: 62px; line-height: 62px; font-size: 20px; margin-top: 30px; width: 160px; -webkit-appearance: none; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .accountbind-pop-wap .input-box { width: 412px; height: 62px; border: 1px solid #d2d2d2 } .accountbind-pop-wap .input-box input { margin-top: 0!important } .accountbind-pop-bdnum { margin: 30px auto; display: block } .accountbind-pop-green { width: 465px; height: auto; padding-top: 200px; padding-bottom: 0; background: url(/static/pic/accountbing-pop-bg.gif) #fff no-repeat 0 0; display: none } .send-captchas-btn { width: 85px; height: 34px; margin-top: 20px; float: left; line-height: 34px; text-align: center; color: #fff; font-size: 13px; cursor: pointer } .accountbind-pop-jump { color: #000; font-size: 13px; text-align: center; display: block; border-bottom: 1px solid #d2d2d2; padding: 0 5px 3px 8px; margin: 20px auto 0; width: 40px } .accountbind-pop-jump:hover,.accountbind-pop-jump-wap { color: #e56a69; border-bottom: 1px solid #e56a69 } .accountbind-pop-jump-wap { font-size: 18px; margin: 14px auto 0; padding: 10px 5px 3px; width: 40px } .accountbind-pop-wap { width: 480px } .accountbind-pop-wap>h1 { font-size: 30px; padding-top: 20px } .accountbind-pop-wap p { font-size: 18px; padding-top: 8px } .accountbind-pop-wap input[type=text],.accountbind-pop-wap input[type=password] { width: 410px; height: 40px; line-height: 40px; padding: 10px 0; font-size: 20px; margin-top: 30px; -webkit-appearance: none; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .accountbind-surebtn { width: 412px; height: 62px; line-height: 62px; font-size: 20px; margin: 13px auto 0 } .send-captchas-gray-btn,.send-captchas-gray-btn:hover { background: #a0a0a0 } .accountbind-second { display: none } .accountbind-weixin { width: 258px; height: 258px; display: none } .presell-sku-pop { width: 100%; min-width: 1200px; height: auto; display: none; position: relative } .presell-sku-closebtn { width: 60px; height: 60px; position: absolute; right: 64px; top: -94px; z-index: 2; background: url(/static/imgs/pop-close-black-btn_a97886d.png) #fff no-repeat center; cursor: pointer } .presell-sku-content { height: auto; overflow: hidden } .presell-sku-prevbtn,.presell-sku-nextbtn { width: 64px; height: 100%; float: left; margin: 0 2.5%; background-image: url(/static/imgs/banner-arrow-icon_82574f5.png); background-repeat: no-repeat; cursor: pointer } .presell-sku-prevbtn:hover,.presell-sku-nextbtn:hover { opacity: .8; filter: alpha(opacity=80) } .presell-sku-prevbtn { background-position: 0 80px } .presell-sku-nextbtn { background-position: -64px 80px; float: right } .presell-sku-content>.presell-sku-list { width: auto; height: 100%; float: left; overflow: hidden; text-align: center } .presell-sku-list>ul { width: auto; height: 100%; display: inline-block; zoom: 1; *display: inline; overflow: hidden } .presell-sku-list>ul>li { width: auto; min-width: 217px; height: 100%; float: left; margin: 0 35px; background: #fff; text-align: left } .presell-sku-list>ul>li img { width: 100%; height: auto } .presell-sku-list>ul>li>dl { height: 70px; padding: 15px; line-height: 34px } .presell-sku-list>ul>li>dl>dt { font-size: 18px } .presell-sku-list>ul>li>dl>dt>b:after { content: ''; width: 19px; height: 19px; margin: 0 5px; position: relative; top: 3px; display: inline-block; background: url(/static/imgs/gray-slash_63bb760.png) no-repeat left top } .presell-sku-list>ul>li>dl>dd { font-size: 15px; color: #a0a0a0; line-height: 35px; border-top: #d2d2d2 1px solid } .video-pop { width: 1400px; height: auto; background: #fff; display: none } .video-pop video { display: block } .double-eleven-pop { width: 618px; height: 410px; background: #fff; display: none } .double-eleven-pop-closebtn,.double-eleven-pop-closebtn:hover,.exchange-coupons-pop-closebtn,.exchange-coupons-pop-closebtn:hover { width: 30px; height: 30px; background-image: url(/static/imgs/icon-30_06cad93.png?v=1); background-repeat: no-repeat; background-position: -810px 0 } .double-eleven-pop>img { width: 100%; min-height: 209px } .double-eleven-content { padding: 25px 165px; text-align: center; display: none } .double-eleven-content-full { padding: 25px 0 } .double-eleven-content>h1 { font-size: 30px; color: #000; line-height: 40px; font-weight: 400; padding-top: 15px } .double-eleven-content>p { line-height: 35px; padding-bottom: 10px; border-bottom: #a0a0a0 1px solid; font-size: 18px; color: #e56a69 } .double-eleven-content>p>i { padding-right: 10px; color: #313131; display: inline-block; position: relative } .double-eleven-content>p>i:before { content: ''; width: 100%; height: 1px; position: absolute; left: -5px; top: 17px; z-index: 2; background: #e56a69 } .double-eleven-content>h3 { font-size: 18px; font-weight: 400; line-height: 50px } .customer-service-weixin-pop { width: 645px; height: 480px; background: #fff; overflow: hidden } .customer-service-qrcode>img { width: 100%; height: auto } .customer-service-weixin-pop>p { padding: 0 155px; font-size: 24px; line-height: 40px; position: relative; top: -100px; text-align: center } .customer-service-weixin-pop>a { font-size: 24px; line-height: 40px; position: relative; top: -90px; text-align: center; display: block; color: #313131 } .canju-icon { height: 80px; float: left; position: relative; top: 0; background-image: url(/static/imgs/canju-icon_bf78bc6.png); background-repeat: no-repeat } .canju-shao { width: 29px; background-position: 0 0 } .canju-cha { width: 19px; background-position: -29px 0 } .canju-dao { width: 15px; background-position: -48px 0 } .banner-pop { width: 1200px; height: 640px; background: #fff; text-align: center; overflow: hidden } .banner-pop>img { width: 100%; height: auto } .banner-pop-closebtn,.view-activity-closebtn { width: 50px; height: 50px } @media all and (-webkit-min-device-pixel-ratio:0) { select { [;right: -1px; ] } } .view-activity-pop { display: none } .lp-apply-pop { width: 260px; height: 235px; padding: 40px; background: #f0f3f2; display: none } .lp-apply-pop>h1 { font-size: 18px; padding-bottom: 10px; text-align: center } .lp-apply-pop>input { width: 238px; margin-top: 15px; height: 20px; padding: 9px 10px; border: #d2d2d2 1px solid; color: #666; font-size: 13px } .lp-apply-pop>input#apply_code { width: 55%; display: inline-block } .lp-apply-codebtn { width: 32%; height: 40px; line-height: 40px; background: #7ac5a6; color: #fff; float: right; margin-top: 15px; text-align: center; cursor: pointer; font-size: 13px } .lp-apply-codebtn-disable { background: #cacaca } .lp-apply-pop>.lp-apply-surebtn { width: 100%; height: 40px; margin-top: 15px; line-height: 40px } .weixin-sharepop-minisite { width: 726px; height: 484px } .weixin-sharepop-minisite>img { width: 100% } .pay-stage-bank-pop { width: 870px; height: auto; padding: 20px; border: #a0a0a0 2px solid; background: #fff; position: relative; display: none } .pay-stage-bank-pop>dl { min-height: 60px } .pay-stage-bank-pop>dl>dt { width: 100px; float: left; padding: 10px 0; line-height: 30px; font-size: 14px } .pay-stage-bank-pop>dl>dt.middle { margin-top: 80px } .pay-stage-bank-pop>dl>dt>h1,.pay-stage-bank-pop>dl>dt>p { font-size: 24px; text-align: center } .pay-stage-bank-pop>dl>dt>p { font-size: 12px; line-height: 20px } .pay-stage-bank-pop>dl>dd { margin-left: 130px; padding: 10px 0; position: relative } .pay-stage-bank-pop>dl>dd::before { content: ''; width: 1px; height: 100%; background: #c9c9c9; position: absolute; left: -10px; z-index: 2 } .pay-stage-bank-pop>dl>dd:after { content: ''; width: 100%; height: 1px; background: #c9c9c9; display: block; position: relative; bottom: -10px; visibility: visible } .pay-stage-bank-pop>dl:last-of-type>dd:after { visibility: hidden } .pay-stage-bank-pop>dl>dd>p { width: auto; float: left; margin-right: 10px } .pay-stage-bank-pop>dl>dd>p>img { width: auto; height: 20px; float: left; margin: 10px 5px } .pay-stage-bank-pop>dl>dd>p>span { width: 120px; float: left; line-height: 40px; font-size: 14px } .pay-stage-bank-pop>dl>dd>p>i { display: block; position: relative; top: -7px; left: 45px; color: #aaa9a9 } .pay-noopen-pop { width: 435px; height: 470px; padding: 0 40px; background: #f6f6f5; text-align: center; color: #595757; display: none } .pay-noopen-pop:before { content: ''; height: 101px; display: inline-block; margin: 70px auto 30px; background: url(/static/pic/pay-title-icon.png) no-repeat } .pay-noopen-quick:before,.pay-bank-unbind:before { width: 124px; background-position: -404px -100px } .pay-noopen-stage:before { width: 101px; background-position: -303px -100px } .pay-noopen-pop>h1 { font-size: 28px; line-height: 40px } .pay-noopen-stage>h1,.pay-noopen-stage>span { font-size: 24px; font-weight: 400 } .pay-noopen-pop>p { font-size: 20px; line-height: 50px } .pay-prompt-pop { width: 300px; height: auto; padding: 40px 30px; background: #f5f5f5; text-align: center } .pay-prompt-pop:before { content: ''; width: 60px; height: 60px; display: inline-block; margin: 10px auto 30px; background: url(/static/pic/pay-title-icon.png) no-repeat; background-position: -375px -60px; background-size: auto 120px } .pay-prompt-error:before { background-position: -315px -60px } .pay-prompt-pop>h1 { line-height: 35px; font-size: 24px; color: #3e3a39; font-weight: 400 } .pay-unbind-card,.pay-stage-prompt-pop { width: 280px; height: 160px; background: #fff; border: #a0a0a0 2px solid; color: #595858; display: none } .pay-unbind-card>p,.pay-stage-prompt-pop>p { padding-top: 40px; font-size: 18px; line-height: 25px; text-align: center } .pay-stage-prompt-pop>p { padding: 55px 20px; font-size: 16px } .pay-unbind-card>.newpop-closebtn,.pay-stage-bank-pop>.newpop-closebtn,.pay-stage-prompt-pop>.newpop-closebtn { width: 28px; height: 28px; background: #434343; right: 2px; top: 2px } .pay-stage-bank-pop>.newpop-closebtn { right: 0; top: 0 } .pay-unbind-card>.newpop-closebtn:after,.pay-stage-bank-pop>.newpop-closebtn:after,.pay-stage-prompt-pop>.newpop-closebtn:after { content: ''; width: 20px; height: 20px; display: block; margin: 4px; background: url(/static/imgs/icon-20_a9560dc.png) #434343 no-repeat; background-position: -240px 0 } .pay-grayborder-btn { width: 74px; height: 36px; margin: 30px auto 0; border: #7d7d7d 2px solid; background: #fff; font-size: 18px; line-height: 36px; text-align: center; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer } .iframe-pop { width: 1110px; height: 560px; display: none } #iframe_presell { width: 620px; height: 460px } .iframe-pop>.quickbuy-closebtn,.iframe-pop>.freeshipping-box,.iframe-pop>.preorder-closebtn { display: none } .prompt-pop { width: 218px; height: auto; padding: 28px 20px; background: #fff; font-size: 13px; line-height: 25px; display: none } .prompt-pop>p { text-align: center; color: #313131; padding-top: 10px } .prompt-pop:before { content: ''; width: 50px; height: 50px; display: block; margin: 0 auto; background-image: url(/static/imgs/icon-50_c0d7642.png); background-repeat: no-repeat } .success-pop:before { background-position: -850px -50px } .error-pop:before { background-position: -800px -50px } @media all and (max-width:1440px) { .vipperfect-pop { margin: -270px 0 0 -320px } .video-pop { width: 1000px } .official-ceo-pop { width: 730px; padding: 20px 85px } .official-ceo-pop>p { font-size: 13px } .official-ceo-pop>p.letter-title { padding-top: 50px } .official-explain-pop { width: 900px; height: 500px } .official-explain-pop>h4 { padding-top: 80px } .fullgive-pop { width: 900px; height: 590px } .fullgive-content { padding: 34px 100px 0 } .fullgive-footer { padding: 21px 205px; margin-top: 25px } .banner-pop { width: 900px; height: 480px } .banner-pop-closebtn { width: 40px; height: 40px } .weixin-sharepop-minisite { width: 600px; height: 400px } .pay-stage-bank-pop>dl>dt { padding-bottom: 0 } .pay-stage-bank-pop>dl>dd { padding: 5px 0 } .pay-stage-bank-pop>dl>dt>h1 { font-size: 20px } .stage-detail-pop { width: 718px; height: 550px } } @media all and (max-width:1340px) { .republic-closebtn { right: -20%; top: -10% } .recommend-pop>input.recommend-name { margin-top: 2em } .vipperfect-pop { margin: -250px 0 0 -320px; padding: 1em } } @charset "utf-8"; header { z-index: 5 } .headerx .menu-bar { margin-right: 5% } .appheader { width: 100%; background: #171614; height: 50px } .preheating-header,.header-video { background: transparent } .header-video .contactchat-wrapper { margin-left: 100px; float: left } .preheating-wrapper { min-height: 300px; padding: 2px 0 0 2px; height: auto; background: #333; position: relative; overflow: hidden } .preheating-box,.activity-z-box { height: 0; float: left; background: #fff; margin: 0 2px 2px 0; position: relative } .preheating-box { width: 33%; height: 300px } .preheating-box>a { width: 100%; height: 100%; float: left; text-align: center; position: relative } .preheating-box>a>img { width: 100%; height: auto } .preheating-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; color: #fff; opacity: 0; filter: alpha(opacity=0) } .preheating-layer-00 { background: #000 } .preheating-layer-01 { background: #0ecbe7 } .preheating-layer-02 { background: #e51b59 } .preheating-layer-03 { background: #efcc2a } .preheating-layer-04 { background: #0eb166 } .preheating-layer>h1 { height: 70px; font-size: 2.5em; line-height: 70px; padding: 30% 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis } .preheating-layer>h3 { font-size: 1em; padding-top: 10px; line-height: 30px; color: #e6e6e6; font-weight: 400 } .preheating-layer>p { height: 30px; line-height: 20px; padding: 0 10px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis } .team-works-title { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; background: url(/static/imgs/team-title_d4e5816.png) no-repeat center } .designer-operate { width: auto; height: 20px; position: absolute; right: 30px; bottom: 20px; z-index: 3; line-height: 20px; font-size: .875em; color: #fff; opacity: 0; filter: alpha(opacity=0) } .designer-operate>.icon-20 { float: left; margin-left: 20px; cursor: pointer } .designer-operate>span { float: left; padding-left: 5px } .preheating-box img { width: 100%; height: auto; min-height: 100% } .up-coming { width: 100%; height: 247px; padding-top: 110px; float: left } .up-coming>h1 { font-size: 1.875em; color: #fff; line-height: 50px; font-weight: 400; text-align: center } .opening-notice { width: 235px; height: 35px; background: #484848; margin: 30px auto; line-height: 35px; font-size: 13px; color: #fff; text-align: center; cursor: pointer } .preheating-box>.icon-50-tags { width: 55px; height: 55px; position: absolute; right: 20px; top: 20px; z-index: 3; line-height: 20px; color: #fff; background-image: url(/static/imgs/updates-icon_7430c51.png); background-position: 0 0; text-align: center; letter-spacing: 0 } .preheating-box>.icon-50-tags>h1 { font-size: 1.875em; font-weight: 400; padding-top: 10px } .preheating-box>.icon-50-tags>p { font-size: .8125em; line-height: 20px } #team_title { width: 230px; height: 86px; min-height: 0; position: absolute; left: 50%; top: 50%; margin: -43px 0 0 -115px } .animate-wrapper { width: 100%; height: 100%; text-align: center; color: #fff; position: relative } .preheating-box img.vip-cart { width: 25.4%; height: auto; min-height: 0; position: absolute; left: 37.3%; top: 33% } .preheating-box img.zaozuo-sofa { width: 28.6%; height: auto; min-height: 0; position: absolute; left: 35.7%; top: 33% } .preheating-box img.designer-table { width: 23.9%; height: auto; min-height: 0; position: absolute; left: 38%; top: 25% } .userking { background: url(/static/imgs/like-designer-bg_c139224.gif) repeat left top } .vip-waiting { background: url(/static/imgs/vip-bg_d457204.gif) repeat left top } .zaozuo-host { background: url(/static/imgs/zaozuo-host-bg_a58a478.gif) repeat left top } .animate-wrapper>h1,.animate-wrapper>h2,.animate-wrapper>p { width: 100%; height: 35px; position: absolute; left: 0; bottom: 25%; line-height: 35px; font-size: 1em; color: #fff; font-weight: 400 } .animate-wrapper>h2 { bottom: 21.5%; opacity: 0; filter: alpha(opacity=0) } .animate-wrapper>p { height: 30px; bottom: 18%; line-height: 30px; font-size: 1em } .zaozuo-host>h1,.zaozuo-host>h2,.zaozuo-host>p { color: #313131 } .what-wrapper { margin: 0 2px; padding: 35px 0 50px; background: #fff } .what-title { line-height: 90px; margin: 0 5%; border-bottom: #d2d2d2 1px solid; font-size: 1.5em; text-align: center } .what-content { width: 25%; height: auto; float: left } .what-icon { width: 220px; height: 220px; margin: 0 auto; background-image: url(/static/imgs/what-icon_1fad2d4.png); background-repeat: no-repeat } .what-icon-01 { background-position: 0 0 } .what-icon-02 { background-position: -220px 0 } .what-icon-03 { background-position: -440px 0 } .what-icon-04 { background-position: -660px 0 } .what-content>h3,.what-content>p { width: 220px; margin: 0 auto; font-size: 1.125em; font-weight: 400; text-align: center } .what-content>p { width: 215px; color: #323232; font-size: 13px; line-height: 25px; padding: 10px 0 0 5px; text-align: left } .userking-banner { height: 322px; margin-top: 50px; overflow: hidden; position: relative } .userking-banner>img { width: 100%; min-height: 322px } .userking-self { width: 1200px; height: 322px; position: absolute; left: 50%; top: 0; z-index: 3; margin-left: -550px; text-align: center; color: #fff } .userking-self>h1 { font-size: 2.5em; font-weight: 400; line-height: 60px; padding-top: 55px } .userking-self>p { width: 50%; margin: 30px auto 10px; line-height: 30px } .userking-self>.gray-border-btn { width: 380px; height: 50px; margin: 10px auto 0; border: 0; color: #e56a69; font-size: 1.25em; line-height: 50px } .userking-wrapper { width: 80%; margin: 0 auto; padding-bottom: 100px } .userking-wrapper>h1 { padding-top: 120px; font-size: 2.25em; text-align: center; font-weight: 400 } .userking-wrapper>h4 { font-size: 1.125em; line-height: 80px; margin-bottom: 20px; text-align: center; font-weight: 400; border-bottom: #d2d2d2 1px solid } .userking-wrapper>h4>i { color: #ea0048 } .userking-list { width: 100%; height: auto } .userking-list>li#userking_topped { width: 100% } .userking-list>li { width: 50%; float: left; height: auto; margin-top: 30px; position: relative } .userking-list>li>img { width: 70px; height: 70px; float: left; -o-border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px } .userking-score { height: 70px; padding-left: 90px; font-size: 13px } .userking-score>p { line-height: 20px; padding-top: 10px } .userking-score>.score-box { width: 200px; height: 10px; float: left; margin-top: 5px; margin-right: 10px; background: #88abda } .score-detail { width: auto; height: 20px; float: left; line-height: 20px; color: #6695d5 } #userking_topped>img { width: 130px; height: 130px; margin-left: 10px; -o-border-radius: 65px; -moz-border-radius: 65px; -webkit-border-radius: 65px; border-radius: 65px } #userking_topped>.icon-40-userking { position: absolute; left: 5px; top: 0; z-index: 3 } #userking_topped>.userking-score { height: 130px; padding-left: 190px } .userking-bonus { width: 130px; float: right; line-height: 120px; font-size: 13px; letter-spacing: 0 } .userking-bonus>span { float: left; font-size: 2.5em; line-height: 130px; padding-right: 5px } #userking_topped>.userking-score>p { padding-top: 40px } #userking_topped .score-box { background: #ff2d59; height: 20px } #userking_topped .score-detail { color: #ff2d59; line-height: 30px } .userking-score-front>.score-box { background: #ffadc6 } .userking-score-front>.score-detail { color: #ffadc6 } .userking-footer { height: auto; position: relative } .userking-footer>img { width: 100%; max- height: auto } .userking-footer-box { width: 100%; height: 175px; position: absolute; left: 0; top: 50%; z-index: 3; margin-top: -88px; text-align: center; color: #fff } .userking-footer-box>h1,.userking-footer-box>h4,.userking-footer-box>p { opacity: .8; filter: alpha(opacity=80); font-weight: 400 } .userking-footer-box>h1 { font-size: 2.5em; line-height: 60px } .userking-footer-box>h4 { font-size: 1.5em; line-height: 50px } .userking-footer-box>p { width: 1000px; margin: 20px auto; text-align: center; font-size: 1em; line-height: 25px } .userking-result-wrapper { height: auto; margin: 74px auto 0; padding: 80px 0; text-align: center } .userking-result-wrapper p { text-align: center } .userking-result-head,.userking-result-head>img { width: 130px; height: 130px; margin: 0 auto; -o-border-radius: 65px; -moz-border-radius: 65px; -webkit-border-radius: 65px; border-radius: 65px } .userking-result-wrapper>h1 { font-size: 2.25em; line-height: 2em; font-weight: 400 } .userking-result-wrapper>h4 { width: 1035px; margin: 0 auto; font-size: 1.125em; line-height: 35px; font-weight: 400 } .userking-result-wrapper>h4>span { color: #e56a69 } .userking-share-box { width: 200px; height: 45px; margin: 65px auto } .userking-share-icon { width: 45px; height: 45px; float: left; background-image: url(/static/imgs/userking-share-icon_ebf43f0.png); background-repeat: no-repeat; cursor: pointer } .userking-weixin-icon { background-position: 0 0 } .userking-weibo-icon { float: right; background-position: -45px 0 } .designer-banner { width: 100%; height: auto; margin-top: 50px; overflow: hidden; position: relative } #ie_show { display: none } .designer-infor-layer { width: 300px; height: 86%; position: absolute; right: 55px; top: 7%; z-index: 3; padding: 0 30px; background: url(/static/imgs/black-layer-bg_e9ebb13.png) repeat left top; display: none } .designer-infor-box { width: 100%; height: auto; margin-top: 10px; overflow: hidden; color: #fff; letter-spacing: .5px; font-size: 13px } .designer-infor-box h4 { font-size: 1.2em; line-height: 40px; padding-top: 5px; font-weight: 400 } .designer-infor-box i { display: block; padding-bottom: 22px } .designer-infor-box p,.designer-infor-box #div_description { line-height: 25px; padding-bottom: 10px } .more-infor { width: 100%; height: 28px; line-height: 28px; text-align: right; border-bottom: #fff 1px solid; border-bottom: rgba(255,255,255,.5) 1px solid } .more-infor>a { color: #fff; font-style: italic } .designer-operate-btn { width: 149px; height: 46px; float: right; line-height: 46px; margin-top: 13px; text-align: left; position: relative; overflow: hidden } .designer-share-box { width: 100%; height: 46px; position: absolute; left: 0; top: 0; z-index: 1 } #share_wrapper { cursor: auto } #share_path { top: 46px } .designer-share-box>.icon-20 { float: left; margin: 13px 10px 13px 30px } .designer-share-box>.icon-20-share { margin-left: 35px } .designer-share-box>.icon-20-star { margin-left: 40px } .designer-share-box>span { float: left } #share_path>.icon-20 { cursor: pointer; margin: 13px 0 13px 38px } .designer-infor-layer>.ml-1 { width: 150px; margin-left: 1px } .worktype { background: #fff } .worktype-wrapper { width: 1296px; height: auto; margin: 0 auto; text-align: center } .worktype-wrapper>h1 { font-size: 24px; line-height: 70px; padding-top: 25px; font-weight: 400 } .worktype-wrapper>p { font-size: 18px; line-height: 20px } .worktype-already,.worktype-presell { display: table; margin: 0 auto } .worktype-already-wrapper { border-top: 1px solid #a0a0a0 } .worktype-already { margin-bottom: 40px } .worktype-already>h1,.worktype-presell>h1 { font-size: 24px; line-height: 70px } .worktype-ul { width: auto; max-width: 1000px; padding: 40px 0; display: inline-block } .worktype-ul>li { width: 250px; height: 230px; padding-bottom: 20px; float: left } .worktype-ul>li>.icon-furniture { margin-bottom: 15px } .worktype-ul>li>.blackbg-btn { width: 95px; height: 32px; line-height: 32px; margin: 15px auto; text-align: left; position: relative; font-size: 13px } .worktype-ul>li>.blackbg-btn:before { content: ''; width: 30px; height: 30px; float: left; margin: 1px 0; background: url(/static/imgs/icon-30_06cad93.png) no-repeat; background-position: -90px -30px } .worktype-ul>li>.blackbg-btn.redbg-btn:before { background-position: -150px 0; position: relative; top: -1px; margin: 1px 2px 1px 8px } .worktype-ul>li>p { line-height: 25px; font-size: 13px } .feed-wrapper { padding: 70px 0; display: none } .product-specs-wrapper { background: #fff } .live-blog-wrapper { padding: 30px 0 50px } .blog-wrapper>h1,.blog-wrapper>p { line-height: 120px; font-size: 1.5em; text-align: center; font-weight: 400 } .blog-wrapper>p { margin-top: -50px; line-height: 50px; font-size: 13px } .load-morebtn { width: 250px; height: 40px; line-height: 40px; font-size: 1.125em; background: #d2d2d2; color: #313131; margin: 0 auto 40px } .load-morebtn:hover { background-color: #a0a0a0 } .blog-box { text-align: center; font-size: 13px } .blog-box>.feed-designer-name { width: 1280px; margin: 10px auto; display: block; text-align: right; font-size: 13px; line-height: 20px; color: #e56a69 } .blog-box>h4,.blog-box>p,.blog-box>img { /*width: 900px;*/ /*width: 94%;*/ width: 98%; margin: 0 auto; text-align: left } .blog-box>h4,.blog-box>p,.blog-box>img { overflow: hidden } .comment-wrapper { padding-bottom: 10px } .blog-box>img.full-screen { width: 100%; padding-top: 20px } .blog-box>img { height: auto; display: block; margin: 20px auto 10px } .blog-box>h4 { padding-top: 20px; line-height: 30px; font-weight: 700 } .blog-box>p { padding-top: 5px; line-height: 25px } .sudoku-box { width: 906px; margin: 10px auto; overflow: hidden } .sudoku-box>img { width: 296px; height: 296px; float: left; margin: 0 3px 6px } .video-box { width: 900px; margin: 20px auto 10px } .video-box img { width: 100%; height: auto } .works-wrapper { margin-top: 50px; min-height: 1200px } .team-members { width: 25%; height: auto; float: left; position: relative } .team-members>img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } .member-infor { width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 3; color: #fff; padding: 15px 0; text-align: center; overflow: hidden; opacity: 0; filter: alpha(opacity=0) } .member-infor>i { width: 100%; height: 40px; float: left; margin: 0 0 0 -100%; text-align: center; line-height: 40px; font-size: 1.125em } .member-infor>i.member-position { float: right; font-size: 13px; margin: 0 -100% 0 0 } .member-infor>.icon-50-white-arrow { position: absolute; right: 5%; top: 30px; z-index: 3 } .target-img { opacity: 0; filter: alpha(opacity=0); z-index: 2 } .coupon-banner,.coupon-vip-banner { width: 100%; height: auto; padding-top: 50px; position: relative; background: #fff } .coupon-vip-banner { border-bottom: #d2d2d2 1px solid; display: none } .coupon-banner>img,.coupon-vip-banner>img { width: 100%; height: auto } .coupon-banner-text { width: 40%; height: auto; position: absolute; left: 6%; top: 16em; z-index: 3 } .coupon-banner-text>h1 { font-size: 2em; line-height: 1.4em; font-weight: 400 } .coupon-banner-text>h1.success-infor { color: #e56a69; padding-top: 10px } .call-friend-btn { height: 40px; line-height: 40px; position: absolute; left: 6%; top: 8.125em; font-size: 1.125em; color: #e56a69; padding: 0 20px 0 40px; border: #e56a69 1px solid; -o-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: url(/static/imgs/share-red-icon_a37e85f.png) no-repeat 15px center; cursor: pointer } .coupon-banner-text>p { font-size: 1.125em; line-height: 1.8em } .success-flag { display: none } .tobe-vip-btn { width: 380px; height: 2.08em; margin-top: .75em; line-height: 2.08em; font-size: 1.5em } .vip-wrapper { width: 1060px; height: auto; margin: 0 auto; padding: 0 20px 40px; text-align: center; overflow: hidden } .vip-wrapper>h1 { font-size: 1.5em; line-height: 5em; font-weight: 400; text-align: center } .vipuser-list { width: auto; height: auto; margin: 0 auto; display: inline-block; overflow: hidden } .vipuser-list>li { width: 70px; height: 70px; float: left; margin: 0 31px 30px; display: inline } .vipuser-list>li>img { width: 70px; height: 70px; -o-border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px } .all-vipuser { width: 165px; height: auto; margin: 60px auto; padding: 10px 0; text-align: center; line-height: 2em; border-top: #d2d2d2 1px solid } .all-vipuser>h1 { font-size: 20px; font-weight: 400 } .all-vipuser>span { font-size: 13px; color: #e56a69; line-height: 1em; cursor: pointer } .coupon-vip-banner>.call-friend-btn { left: 10% } .coupon-vip-banner>.coupon-vip-text { width: 650px; height: 200px; z-index: 2; text-align: center; margin: -160px auto 75px auto; position: relative } .coupon-vip-text>h1 { font-size: 2em; line-height: 2em; font-weight: 400 } .coupon-vip-text>p { font-size: 1em; line-height: 1.5em } .buy-coupon-btn,.view-mycoupon-btn { width: 360px; height: 3em; font-size: 1.5em; line-height: 3em; margin: 2em auto 1em; display: block } .view-mycoupon-btn { border: #040000 1px solid; box-sizing: border-box; color: #313131 } .invite-wrapper { width: 100%; height: auto; background: url(/static/images/invite-wap.jpg) no-repeat center; position: relative } .invite-header { width: 43%; height: auto; float: left; margin: 6.67% 0 18% 8.67% } .invite-header>img { width: 100%; height: 100% } .invite-wrapper>p { width: 100%; float: left; font-size: 4vw; line-height: 2em; text-align: center; color: #fff } .invite-footer { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 1 } .invite-footer>.invite-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000; opacity: .7 } .invite-footer>.invite-content { width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 2 } .invite-content>h1,.invite-content>h2 { font-size: 4.5vw; line-height: 1.5em; color: #fff; text-align: center } .invite-content>h1 { padding-bottom: .8em } .invite-content>h2 { font-weight: 400; padding-top: 1em } .price-trend-wrapper { background: #fff; padding-bottom: 30px } .price-trend { width: 1200px; padding: 30px 0; margin: 0 auto; text-align: center; overflow: hidden } .price-trend>h1,.vote-specs-wrapper>h1 { font-size: 25px; line-height: 1.5em; font-weight: 400; color: #000 } .vote-lines { height: 1px; margin: 20px 0; background: url(/static/imgs/vote-lines-bg_d38e54a.png) repeat-x left top; position: relative } .vote-lines-crown { width: 30px; height: 30px; position: absolute; right: -30px; top: -15px; z-index: 2; background: url(/static/imgs/crown_a54a2b6.png) #d2d2d2 no-repeat left top } .price-trend>p { font-size: 13px; line-height: 2em } .price-trend>p>em { color: #e56a69 } .price-trend>p.red-color { padding-top: 10px; line-height: 20px } .price-trend>p>a { color: #e56a69 } .price-trend-chart { padding: 0 50px } .price-trend-chart>ul.barchart-box { height: 170px; padding: 0 10px; border-bottom: #d2d2d2 1px solid } .price-trend-chart>ul>li { width: 180px; float: left; display: inline; position: relative; letter-spacing: 1px; cursor: pointer } .price-trend-chart>ul>li>p { color: #a0a0a0 } .price-trend-chart>ul.barchart-box>li { height: 170px } .barchart-area { width: 45px; height: 0; max-height: 135px; position: absolute; left: 67px; bottom: 1px; z-index: 1; background: url(/static/imgs/barchart-bg_2cf71c7.gif) #eee no-repeat left top } .barchart-price { width: 180px; height: auto; position: absolute; left: -67px; top: -40px; z-index: 1; font-size: 13px } .price-trend-chart>ul.barchart-title { padding: 1.5em 10px 0 } .price-trend-chart>ul.barchart-title>li>p { font-size: 13px; line-height: 1.67em } .price-trend-chart>ul.barchart-title>li>p.step-now-tag { font-size: 24px; line-height: 30px } .price-trend-chart>ul.barchart-box>li .barchart-price { opacity: .5; filter: alpha(opacity=50) } .price-trend-chart>ul.barchart-box>li.barchart-now .barchart-price,.price-trend-chart>ul.barchart-box>li.barchart-past .barchart-price { opacity: 1; filter: alpha(opacity=100) } .price-trend-chart>ul>li.barchart-past>.barchart-area { background: #ffadc6 } .price-trend-chart>ul>li.barchart-past>.barchart-area>.barchart-price { color: #ffadc6 } .price-trend-chart>ul>li.barchart-now>.barchart-area { background: #e56a69 } .price-trend-chart>ul>li.barchart-now>.barchart-area>.barchart-price,.price-trend-chart>ul>li.barchart-past>.barchart-area>.barchart-price-hover,.price-trend-chart>ul.barchart-title>li.barchart-past>p,.price-trend-chart>ul.barchart-title>li.barchart-now>p { color: #e56a69 } .price-trend-chart>ul>li>.icon-45 { margin: 0 auto 10px } li.barchart-now>.icon-45-sketch,li.barchart-past>.icon-45-sketch { background-position: 0 0 } li.barchart-now>.icon-45-model,li.barchart-past>.icon-45-model { background-position: -45px 0 } li.barchart-now>.icon-45-vote,li.barchart-past>.icon-45-vote { background-position: -90px 0 } li.barchart-now>.icon-45-specs,li.barchart-past>.icon-45-specs { background-position: -135px 0 } li.barchart-now>.icon-45-proofing,li.barchart-past>.icon-45-proofing { background-position: -180px 0 } li.barchart-now>.icon-45-mass,li.barchart-past>.icon-45-mass { background-position: -225px 0 } .barchart-prompt { width: 300px; text-align: center; color: #fff; font-size: 36px; font-weight: 700 } .price-trend-chart>ul.barchart-title>li { opacity: .5; filter: alpha(opacity=50) } .price-trend-chart>ul.barchart-title>li.barchart-now,.price-trend-chart>ul.barchart-title>li.barchart-further,.price-trend-chart>ul.barchart-box>li.barchart-further .barchart-price { opacity: 1; filter: alpha(opacity=100) } .gray-wrapper { background: #f6f6f6; margin-bottom: 4em } .gray-wrapper-nomb { margin-bottom: 0 } .gray-wrapper-padding { padding: 50px 0 } .vote-specs-wrapper { width: 900px; padding: 30px 100px; margin: 0 auto; text-align: center } .vote-specs-paddingno { padding: 0 100px } .vote-specs-wrapper>ul { margin: 0 auto; max-width: 900px } .vote-specs-wrapper>ul>li { border: #e56a69 1px solid; float: left; padding-top: 20px; position: relative } .vote-specs-wrapper>ul>li>p { color: #e56a69 } .vote-specs-wrapper>ul>li>.choose-vote-btn { width: 100%; height: 26px; line-height: 26px; font-size: 13px; background: #e56a69; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2 } .vote-specs-wrapper>ul.lineselect>li>.choose-vote-btn { width: 100%; position: absolute; left: 0; margin: 0; bottom: 0 } .vote-specs-wrapper>ul>li.not-selected { border: transparent 1px solid } .vote-specs-wrapper>ul>li.not-selected>.choose-vote-btn { display: none } .vote-specs-wrapper>ul>li.not-selected>p { color: #313131 } .color-voteresult,.color-voteresult>img { width: 50px; height: 50px; margin: 0 auto; -o-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px } .vote-specs-wrapper>ul { width: auto; height: auto; margin: 0 auto } .vote-specs-wrapper>ul.colorselect,.vote-specs-wrapper>ul.lineselect { display: inline-block; zoom: 1; *display: inline } .vote-specs-wrapper>ul.colorselect>li { width: 98px; margin: 15px 14px 0; text-align: center } .vote-specs-wrapper>ul.lineselect>li { width: 280px; height: 145px; margin: 15px 9px 0; position: relative } .vote-specs-wrapper>ul.colorselect>li>h1 { font-size: 13px; padding-top: 10px; line-height: 20px; font-weight: 400 } .vote-specs-wrapper>ul.colorselect>li>p { font-size: .8125em; line-height: 18px } .vote-specs-wrapper>ul.lineselect>li>h1 { padding-top: 20px; font-weight: 400 } .vote-specs-wrapper>ul.lineselect>li>h1,.vote-specs-wrapper>ul.lineselect>li>p { line-height: 30px; font-size: 1.125em; text-align: left; padding-left: 145px } .vote-specs-wrapper>ul.lineselect>li>.color-voteresult { margin-left: 30px } .vote-specs-wrapper>ul.lineselect>li>.color-voteresult,.vote-specs-wrapper>ul.lineselect>li>.color-voteresult>img { width: 100px; height: 100px; float: left; -o-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px } .vote-specs-wrapper>ul.colorselect>li.not-selected>p,.vote-specs-wrapper>ul.lineselect>li.not-selected>p { color: #313131 } .winning-tips { margin-top: 20px; padding: 0 50px; background: #eee; line-height: 50px; text-align: center; font-size: 13px } .winning-tips>h3 { height: 50px; font-size: 1.2em; line-height: 50px; font-weight: 400; text-align: center; display: inline-block; zoom: 1; *display: inline } .winning-tips>h3>.icon-20 { float: left; margin: 15px 5px; text-indent: 30px; white-space: nowrap } .winning-tips>p { border-top: #d2d2d2 1px solid } .vote-specs-wrapper>ul.specs-detail { margin-top: 30px } .vote-specs-wrapper>ul.specs-detail>li { width: 419px; min-height: 50px; border: 0; line-height: 30px; border-left: #d2d2d2 1px solid; padding: 0 0 0 30px; text-align: left } .vote-specs-wrapper>ul.specs-detail>li.first-child { width: 409px; padding-left: 0; border-left: 0; padding-right: 20px; border-right: #d2d2d2 1px solid; position: relative; right: -1px; clear: left } .vote-specs-wrapper>ul.specs-detail>li>p { padding: 10px 0; color: #313131 } .vote-specs-wrapper>ul.specs-detail>li>em { font-weight: 700 } .vote-specs-wrapper>ul.specs-detail>li>span { color: #a0a0a0 } .specs-img-list { width: 1050px; position: relative; left: -75px } .specs-img-list>ul>li { width: 200px; height: 200px; float: left; margin: 60px 5px 30px } .specs-img-list>ul>li>img { width: 100%; height: 100% } .republicvote-wrapper { padding: 30px 0 120px; overflow: hidden } .republicvote-box { width: 910px; height: 260px; position: relative; left: -5px; border-bottom: #d2d2d2 1px solid; text-align: center } .republicvote-box>ul { width: auto; height: 260px; margin: 0 auto; display: inline-block; zoom: 1; *display: inline } .republicvote-box>ul>li { width: 150px; height: 100%; float: left; padding: 0 5px } .votebar-box { width: 30px; height: 100%; margin: 0 auto; position: relative } .votebar-color,.votebar-color>img,.addvote-btn { width: 30px; height: 30px; position: absolute; left: 0; bottom: 10px; z-index: 1; -o-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; cursor: pointer } .votebar-color>img { bottom: 0 } .addvote-btn { background: url(/static/imgs/addvote-btn_aa2a729.png); border: 0; z-index: 2; bottom: 0; display: none } .votebar-box:hover .addvote-btn { display: block } .votebar { width: 30px; height: 0; max-height: 180px; position: absolute; left: 0; bottom: 50px; z-index: 1; background: transparent } .crown-icon { width: 30px; height: 30px; position: absolute; left: 0; top: -35px; background-image: url(/static/imgs/crown_a54a2b6.png); background-repeat: no-repeat; z-index: 2 } .votetitle { width: 150px; height: 100px; position: absolute; left: -60px; bottom: -101px; z-index: 1 } .votetitle>h4,.votetitle>p { line-height: 35px; font-weight: 400; color: #000; font-size: 15px } .votetitle>p { color: #313131; font-size: 13px; line-height: 25px } .republic-vote-btn { width: 88px; height: 32px; margin: 6px auto 0; background: #e56a69; border: #e56a69 1px solid; font-size: 13px; line-height: 32px; color: #fff; cursor: pointer } .republic-vote-btn-click { background: #fff; color: #e56a69 } .republic-comment { margin-top: 30px; display: block } .republic-comment-more { width: 100%; height: 50px; margin-top: 20px; line-height: 50px; background: #e9e9e9; text-align: center } .grain-parent { width: 900px; margin: 0 auto; padding: 0 50px; overflow: hidden; text-align: center } .padding-none { padding: 0 } .grain-wrapper { width: 1040px; position: relative; left: -70px } .grain-wrapper>ul { width: auto; max-width: 1101px; margin: 0 auto; display: inline-block; zoom: 1; *display: inline } .grain-wrapper>ul>li { width: 120px; height: auto; margin: 0 70px; float: left } .grain-wrapper>ul>li>h1 { font-size: 18px; line-height: 30px; font-weight: 400 } .grain-wrapper>ul>li>h4 { height: 50px; font-size: 13px; line-height: 25px; padding-top: 5px; color: #a0a0a0; font-weight: 400; overflow: hidden } .grain-wrapper>ul>li>p { line-height: 25px; font-size: 13px } .grain-vote { width: 88px; height: 34px; margin: 0 auto; background: #e56a69; border: #e56a69 1px solid; font-size: 1.125em; color: #fff; cursor: pointer } .grain-vote-click { background: #fff; color: #e56a69 } .dis-grain-vote { border: #d2d2d2 1px solid; background: #d2d2d2; color: #fff } .grain-box { width: 120px; height: 120px; margin: 40px auto 15px; position: relative } .ringbar,.ringbar-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3 } .ringbar-img { width: 80px; height: 80px; left: 20px; top: 20px; z-index: 4; -o-border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; cursor: pointer } .ringbar-img>img { width: 100%; height: 100%; -o-border-radius: 58px; -moz-border-radius: 58px; -webkit-border-radius: 58px; border-radius: 58px } .vote-icon { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; z-index: 4; margin: -20px 0 0 -20px; background: url(/static/imgs/vote-icon_dea3cd6.png) no-repeat center; display: none } .grain-box:hover .vote-icon { display: block } .vote-share-btn { width: 330px; height: 60px; margin: 20px auto; line-height: 60px; font-size: 18px; text-indent: 30px; background: url(/static/imgs/vote-share-icon-black_860b55a.png) #fff no-repeat 60px center; border: #a0a0a0 1px solid; -o-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; cursor: pointer } .vote-share-btn:hover { background: url(/static/imgs/vote-share-icon_07e18f5.png) #fff no-repeat 60px center; border: #ffadc6 1px solid } .grain-wrapper .vote-ul { padding-bottom: 20px } .sure-order-btn,.white-border-btn { width: 12.26em; height: 2.67em; line-height: 2.67em; position: fixed; left: 50%; bottom: 1em; z-index: 4; margin-left: -6.13em; -o-border-radius: 1.335em; -moz-border-radius: 1.335em; -webkit-border-radius: 1.335em; border-radius: 1.335em } .sure-order-btn { bottom: 2.5em } .white-border-btn { width: 10.5em; height: 38px; position: absolute; margin-left: -5.25em; top: 60%; background: transparent; color: #fff; line-height: 38px; font-size: 13px; border: #fff 1px solid; -o-border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px; display: block } .video-arrow { width: 36px; height: 36px; position: absolute; left: 50%; top: 86%; margin-left: -18px; z-index: 2; background-image: url(/static/imgs/video-btn_e8610c1.png); background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; opacity: 1; cursor: pointer } .video-arrow-ie { background-image: url(/static/imgs/video-btn-36_77a26f9.png); background-position: 0 0 } .unit-wrapper,.goto-goods-wrapper { height: auto; border-top: #333 2px solid; cursor: pointer; position: relative; color: #fff } .goto-goods-wrapper { display: block } .unit-wrapper>img,.goto-goods-wrapper>img { width: 100%; height: auto } .unit-price-box { width: auto; height: auto; position: absolute; left: 9%; top: 11%; z-index: 2 } .unit-price-box>h1,.unit-price-box>i,.unit-price-box>p { width: auto; float: left; clear: both } .unit-price-box>h1 { font-size: 40px; line-height: 42px; color: #e56a69 } .unit-price-box>i,.unit-price-box>p { font-size: 15px; line-height: 25px } .unit-price-box>i { text-decoration: line-through; display: block } .unit-info { width: 94%; height: auto; position: absolute; right: 6%; bottom: 14%; z-index: 2; color: #fff; text-align: right } .unit-info>h1,.unit-info>h2,.unit-info>p { width: auto; float: right; clear: both } .unit-info>h1 { font-size: 40px; line-height: 64px; border-bottom: #fff 1px solid; border-bottom: rgba(255,255,255,.3) 1px solid } .unit-info>p { font-size: 20px; line-height: 30px } .unit-info>h2 { width: 60%; font-size: 20px; line-height: 25px; padding-top: 10px; color: #e56a69 } .unit-price-box>p.red-color,.unit-price-box>p>em,.unit-info>p.red-color { color: #e56a69 } .unit-price-box>h1>i,.unit-price-box>h1>em { float: left } .unit-price-box>h1>em { font-size: 15px; line-height: 25px } .unit-price-box>p,.unit-price-box>i,.unit-info>p,.unit-info>h2 { letter-spacing: 2px } .goto-goods-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; text-align: center } .goto-goods-box>h1 { font-size: 40px; line-height: 64px; padding: 6% 0 10px; color: #fff } .goto-goods-box>p { font-size: 18px; line-height: 30px; color: #fff } .more-unit-bg { height: 315px; background: #eee; cursor: auto; position: relative } .more-unit { height: 100%; padding-right: 5%; background-image: url(/static/images/public-history-bg.jpg); background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://zaozuo.com.cn/static/images/public-history-bg.jpg', sizingMethod='scale') } .more-unit>h1,.more-unit>h2 { text-align: center; font-weight: 400; font-size: 18px; color: #fff; padding-top: 150px } .more-unit>h2 { font-size: 13px; padding-top: 10px; opacity: .5; filter: alpha(opacity=50) } .unit-wrapper-white .unit-price-box>p,.unit-wrapper-white .unit-price-box> i,.unit-wrapper-white .unit-info>p { color: #9fa0a0; font-size: 15px; line-height: 25px } .unit-wrapper-white .unit-price-box>p.red-color { color: #e56a69 } .unit-wrapper-white .unit-info>h2 { font-size: 15px } .unit-wrapper-white .unit-info>h1 { font-size: 24px; color: #3f3b3a; border-bottom: #fff 1px solid; border-bottom: rgba(0,0,0,.3) 1px solid } .basic-wrapper { width: 100%; height: auto; border-top: #333 2px solid; overflow: hidden } .basic-wrapper>ul>li { width: 25%; height: auto; float: left; border-right: #333 1px solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative } .basic-wrapper>ul>li img { width: 100%; height: auto } .basic-content,.basic-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2 } .basic-layer { background: #fff; opacity: 0; filter: alpha(opacity=0); z-index: 1 } .basic-layer>p { width: 100%; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; z-index: 1; color: #000; text-align: center; font-size: 18px } .basic-layer>p>span { color: #e56a69 } .basic-content>.basic-info { width: 100%; height: auto; position: absolute; left: 0; bottom: 25px; z-index: 3; text-align: center; color: #656565 } .basic-info>p { width: auto; display: inline-block; zoom: 1; *display: inline; line-height: 30px; text-align: center } .basic-info>h4 { font-weight: 400 } .basic-info>p>span,.basic-info>p>i { float: left } .basic-info>p>span { font-size: 30px; color: #000 } .basic-info>p>i { font-size: 15px; line-height: 20px; padding-left: 5px } .presell-info { width: 1000px; margin: 0 auto; padding: 30px 50px; border-bottom: #d2d2d2 1px solid; text-align: center; position: relative } .presell-info>h1,.presell-info>h2 { font-size: 40px; line-height: 1.5em; font-weight: 400; color: #000 } .presell-info>h1.small-slogn { line-height: 2em; font-size: 20px; color: #313131 } .presell-info>h2 { color: #e56a69; font-size: 20px; padding-top: 10px } .presell-info>p { padding-top: 10px; font-size: 13px; line-height: 1.75em } .presell-info>p.red-color { color: #e56a69 } .presell-info>.unit-collection { width: 36px; height: 36px; position: absolute; right: 0; top: 55px; z-index: 2; background-image: url(/static/imgs/unit-collection-icon_86c7168.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer } .presell-info>.unit-collection:hover,.presell-info>.unit-collection-click,.presell-info>.unit-collection-click:hover { background-position: -36px 0 } .sununit-wrapper { background: #f6f6f6; padding-bottom: 50px } .sununit-box { width: 1110px; padding: 20px; margin: 0 auto } .sununit-box>h1 { font-size: 25px; line-height: 2em; font-weight: 400; text-align: center } .sununit-box>ul>li { width: 210px; height: auto; float: left; padding: 10px 5px } .sununit-box>ul>li>img { width: 210px; height: 210px; padding-bottom: 10px } .sununit-box>ul>li>p,.sununit-box>ul>li>h4 { font-size: 13px; line-height: 25px } .sununit-box>.all-vipuser { margin: 10px auto 0 } .modelselect { margin-top: 25px; background: #fff } .modelselect-box { padding: 30px; border-bottom: #d2d2d2 1px solid } .modelselect-box>h3 { font-size: 1.125em; line-height: 2em; font-weight: 400 } .modelselect-box>.panicbuying-box { float: none; margin: 0 auto; border: 0 } .colorselect,.linesselect { width: auto; height: auto; margin: 0 auto } .colorselect>li { width: 100px; float: left; padding-bottom: 30px; margin: 15px 15px 0; border: transparent 1px solid; text-align: center; cursor: pointer } .colorselect>li.colorselect-click,.linesselect>li.linesselect-click { border-color: #e56a69 } .publicorder-sure .colorselect>li.colorselect-click,.publicorder-sure .linesselect>li.linesselect-click { border-color: #ffadc6 } .colorselect>li>.colorselect-box { margin: 12px 25px } .colorselect>li>.colorselect-box,.colorselect>li>.colorselect-box>img { width: 50px; height: 50px; -o-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px } .colorselect>li>h4,.linesselect>li>h4 { font-size: 13px; line-height: 20px; font-weight: 400 } .colorselect>li>p,.linesselect>li>p { font-size: .8125em; line-height: 18px } .colorselect>li.colorselect-click>p,.linesselect>li.linesselect-click>p { color: #e56a69 } .colorselect>li>.color-vote-btn,.linesselect>li>.lines-vote-btn { height: 26px; line-height: 26px; font-size: 13px; display: none } .colorselect>li>.color-vote-btn { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2 } .modelselect-box .colorselect>li>.color-vote-btn,.modelselect-box .linesselect>li>.lines-vote-btn { background: url(/static/imgs/vote-sure_279d364.png) #e56a69 no-repeat center } .modelselect-box .colorselect>li>.color-vote-btn:hover,.modelselect-box .linesselect>li>.lines-vote-btn:hover { background-color: #d06665 } .publicorder-sure .colorselect>li>.color-vote-btn,.publicorder-sure .linesselect>li>.lines-vote-btn { background: url(/static/imgs/vote-sure_279d364.png) #ffadc6 no-repeat center } .publicorder-sure .colorselect>li>.color-vote-btn:hover,.publicorder-sure .linesselect>li>.lines-vote-btn:hover { background-color: #ff729d } .colorselect>li.colorselect-click>.color-vote-btn,.linesselect>li.linesselect-click>.lines-vote-btn { display: block } .linesselect>li { width: 285px; height: 150px; float: left; padding-top: 20px; margin-top: 15px; border: transparent 1px solid; text-align: center; cursor: pointer } .colorselect>li.colorselect-no,.linesselect>li.linesselect-no { height: 125px; background: #e5e5e5; cursor: auto } .linesselect>li.linesselect-no { height: 120px } .linesselect>li>.lines-vote-btn { width: 100%; height: 30px; float: left; margin: 0; line-height: 30px } .linesselect>li>.linesselect-box { margin: 0 25px 20px } .linesselect>li>.linesselect-box,.linesselect>li>.linesselect-box>img { width: 100px; height: 100px; float: left; -o-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px } .linesselect>li>p { line-height: 32px; padding-top: 25px } .linesselect>li>h4,.linesselect>li>p { padding-left: 150px; text-align: left; font-size: 1.125em } .publicorder-text>li { float: left; padding: 0 30px } .publicorder-text>li>h4 { line-height: 25px; font-size: 1.125em; font-weight: 400 } .publicorder-text>li>p { line-height: 25px; font-size: 13px } .publicorder-sure>h1 { font-size: 1.5em; line-height: 5em; color: #e56a69; font-weight: 400; text-align: center } .publicorder-sure>.order-submit { width: 285px; height: 2em; margin: 0 auto 30px; font-size: 1.5em; line-height: 2em } .public-designer-box { padding: 30px 0 10px; text-align: center } .public-designer-box img { width: 116px; height: 116px; -o-border-radius: 58px; -moz-border-radius: 58px; -webkit-border-radius: 58px; border-radius: 58px } .public-designer-box>p { padding-top: 10px } .public-designer-box>p,.public-designer-box>a.public-designer-name { width: auto; height: auto; line-height: 30px; font-size: 15px; color: #313131 } .live-wrapper { height: auto; padding: 75px 0 10px; background: #fff; text-align: center } .live-goodsname,.live-goodsname>ul { width: auto; text-align: center; display: inline-block; zoom: 1; *display: inline; clear: both } .live-goodsname>h1 { width: auto; height: 70px; display: inline-block; zoom: 1; *display: inline; font-size: 2.25em; line-height: 70px; padding: 0 40px; border-bottom: #d2d2d2 1px solid; font-weight: 400 } .live-goodsname>p { line-height: 45px; font-size: 1.125em; clear: both } .live-goodsname>p.live-dec { width: 60%; margin: 0 auto; font-size: .93em; line-height: 30px } .live-goodsname>ul>li { height: 50px; float: left; position: relative; margin-top: 40px; padding: 10px 25px; line-height: 25px; color: #cacaca; cursor: pointer } .live-goodsname>ul>li.live-click { color: #000 } .live-comment-arrow { width: 0; height: 0; position: absolute; left: 50%; bottom: -30px; z-index: 2; margin-left: -20px; border-left: transparent 20px solid; border-right: transparent 20px solid; border-bottom: #f6f6f6 30px solid; display: none } .live-goodsname>ul>li.live-click>.live-comment-arrow { display: block } .live-empty { height: 470px; text-align: center; background: url(/static/imgs/live-empty-bg_3d93565.png) no-repeat center 70% } .live-empty>h1 { padding-top: 20px; font-size: 1.5em; line-height: 70px; font-weight: 400 } .live-empty>p { font-size: 1.125em; color: #a0a0a0 } .index-sidebar { display: none } .index-sidebar>ul { width: auto; height: 100%; float: left; position: relative; left: 106px } .index-sidebar>ul>li { width: auto; height: 100%; line-height: 50px; float: left; color: #c2c2c2; font-size: 13px; margin: 0 20px; cursor: pointer } .index-sidebar>ul>li.index-sidebarli { color: #fff } .index-sidebar>ul>li.index-sidebar-line { width: 34px; height: 1px; position: absolute; left: 0; bottom: 5px; z-index: 2; background: #fff } .index-wrapper { width: 1200px; height: auto; margin: 0 auto; overflow: hidden } .index-wrapper-gray { background-color: #f6f6f6; padding: 30px 0 } .index-wrapper-bordertop { border-top: 10px solid #f6f6f6 } .index-wrapper-borderbttom { border-bottom: 10px solid #f6f6f6; padding-top: 30px } #screening_wrapper>.index-wrapper { width: 100%; padding-top: 0; background-color: #fff } .container-screening { background: #fff; width: 1280px } .category-wrapper { width: 100%; height: auto; background: url(/static/imgs/category-banner-bg_5e36f98.jpg) no-repeat; text-align: center; padding: 80px 0 20px } .category-wrapper>dl { text-align: center; border: #fff 1px solid; width: 690px; margin: 0 auto; height: 40px } .category-wrapper>dl >dd { width: 230px; height: 40px; line-height: 40px; float: left; color: #fff; font-size: 13px; cursor: pointer } .category-wrapper>dl>dd.choosed { background-color: #fff; color: #313131 } .category-wrapper>dl>dd.choosed>span { color: #e56a69 } .category-wrapper>dl >dd:hover { background-image: url(/static/imgs/category-hover-bg_ad598ba.png); background-repeat: repeat } .category-wrapper>dl>dd.choosed:hover { background-color: #fff } .category-wrapper>dl >dd:after { content: ''; width: 1px; height: 100%; float: right; border-right: #fff 1px solid } .category-wrapper>dl>dd.category-last:after { content: ''; width: 0; border: 0 } .category-screening { width: 100%; height: auto; padding: 15px 0 25px; border-bottom: #d2d2d2 1px solid; text-align: center; position: relative; background-color: #fff } .category-screening-fixed { position: fixed; top: 50px; z-index: 4 } .category-screening-tab { width: 170px; height: 32px; margin: 35px auto; padding: 0 10px; border: #d2d2d2 1px solid; line-height: 32px; text-align: center; font-size: 15px } .category-screening-tab>dt,.category-screening-tab>dd { width: 78px; float: left; position: relative; cursor: pointer } .category-screening-tab>dt.screening-tab-click,.category-screening-tab>dd.screening-tab-click { color: #ff004e } .category-screening-tab>dd { float: right } .category-screening-tab>dd:before { content: ''; width: 14px; height: 32px; position: absolute; left: -15px; top: 0; z-index: 2; background: url(/static/imgs/tags-line-gray_fcf8b66.png) no-repeat left -3px } .category-screening>ul { width: auto; height: 100%; display: inline-block; zoom: 1; *display: inline; text-align: center } .category-screening>ul>li { min-width: 60px; height: 75px; float: left; margin-right: 20px; line-height: 30px; font-size: 12px; position: relative; cursor: pointer } .category-screening>ul>li:after { content: ''; width: 27px; height: 27px; position: absolute; right: -42px; top: 63px; z-index: 2; background: url(/static/imgs/tags-line-gray_fcf8b66.png) no-repeat left top; display: none } .category-screening>ul>li:last-child { margin-right: 0 } .category-screening>ul>li:last-child:after { display: none } .category-screening>ul>li>p { height: 25px; color: #000; white-space: nowrap; color: #A0A0A0; font-size: 12px } .category-screening>ul>li.screening-click>p { color: #e56a69 } .category-screening>ul>li>img { width: 50px; height: 50px; display: block; margin: 0 auto } .category-screening>ul>li>img.screening-img-hover,.category-screening>ul>li>img.screening-img-click { display: none } .category-screening>ul>li.screening-click img.screening-img-click,.category-screening>ul>li:hover img.screening-img-hover { display: block } .category-screening>ul>li:hover img.screening-img-normal,.category-screening>ul>li.screening-click img.screening-img-normal,.category-screening>ul>li.screening-click img.screening-img-hover { display: none } .index-wrapper>h1 { font-size: 24px; text-align: center; line-height: 50px; font-weight: 400 } .category-screening .tag-count { border-top: #A0A0A0 1px solid; margin: 0 2px; display: none } .category-screening>ul>li:hover>.tag-count { display: block } .category-screening>ul>li.screening-click>.tag-count { border-top: #e56a69 1px solid; display: block } .index-wrapper .index-title { text-align: center } .index-wrapper div.index-title>i { font-size: 26px; line-height: 26px; display: block; font-weight: 700 } .index-wrapper div.index-title>p { font-size: 16px; line-height: 20px; color: #626e71; padding-top: 5px; } .dz_left { width: 30%; height: 550px; float: left; /* margin: 30px 14px 0 0; */ margin: 10px 0px 0 0; position: relative; } .dz_list { width: 70%; float: left; } .dz_left>a { width: 96%; margin: auto; height: 550px; border:1px solid #ccc; position: relative; } .dz_left>a img { width: 100% } .index-goods-dz { /*width: 312px; */ width: 50%; height: 270px; float: left; /* margin: 30px 14px 0 0; */ margin: 10px 0px 0 0; position: relative; } .index-goods-dz>a { width: 97%; margin: auto; border:1px solid #ccc; position: relative; } .index-goods-dz>a>img { width: 100%; height: 270px; display: inline; visibility: hidden; } .in-pic { background: rgba(255,255,255,0.7); position: absolute; bottom: 0px; width: 100%; color: #595757; } .index-goods-dz a>dl.basic>dd>i:before { content: '¥'; font-weight: 400; display: inline-block; padding-right: 2px; } .in-pic>dt { text-align:center; } .in-pic>dt,.in-pic>dd{ width: 50%; float: left; padding:10px 0px; } .fial-list .index-goods-box { } .fial-list .index-goods-box:nth-child(4n) { margin: 0px 0px 0 0; } .wra-img { padding-bottom: 10px; padding-top: 40px; } .wra-img img { width: 96%; margin:auto; } .golbal { background: #f8f9f5; float: left; width: 98%; margin-top: 30px; padding:10px; /*margin-bottom: 30px;*/ } .gol-fl { width: 48%; float: left } .gol-fl:nth-child(2) { float: right; } .golbal img { width: 100% } .more-a { float: right; margin-right: 5px; font-size: 14px; padding-top: 15px; color: #595757; } .more-a a { background-color: #f8f8f8; color: #666666;font-size:12px; padding: 7px 15px; } .more-a a:hover { border-top:3px solid #000000;color:#000000; } .official-countdown-box { width: auto; height: 40px; display: inline-block; margin-top: 15px; padding: 20px 0; line-height: 40px; border-top: #a0a0a0 1px solid; font-size: 47px } .official-countdown-box>span.notime-text { color: #a0a0a0 } .official-countdown-box>span:after { content: ''; width: auto; height: 14px; position: relative; top: -23px; display: inline-block; line-height: 15px; font-size: 13px; padding-left: 30px; margin-left: -10px; background: url(/static/imgs/tags-line-gray_fcf8b66.png) no-repeat left top } .official-countdown-box>span#day_left:after { content: '天' } .official-countdown-box>span#hour_left:after { content: '小时' } .official-countdown-box>span#minute_left:after { content: '分钟' } .official-countdown-box>span#second_left:after { content: '秒' } .official-wrapper { text-align: center } .official-explain-wrapper { display: inline-block; margin: 10px auto 20px } .official-explain { width: 240px; height: 55px; float: left; background: #1b1b1b; font-size: 24px; line-height: 55px; color: #fff; text-align: center; cursor: pointer } .official-ceoword { width: 55px; height: 55px; float: left; position: relative; margin-left: 12px; background: #e56a69 } .official-ceoword:before { content: ''; width: 0; height: 0; position: absolute; left: -7px; top: 20px; z-index: 2; border-top: transparent 7px solid; border-bottom: transparent 7px solid; border-right: #e56a69 7px solid } .official-ceoword:after { content: ''; width: 40px; height: 40px; display: block; margin: 7px auto; background-image: url(/static/imgs/icon-40_909faee.png); background-repeat: no-repeat; background-position: -400px 0; cursor: pointer } .official-explain:hover,.official-ceoword:hover { opacity: .8; filter: alpha(opacity=80) } .index-wrapper div.index-title>i.sub-title { font-size: 20px; padding-top: 7px; line-height: 30px; font-weight: 400; /*border-bottom: 1px solid #a0a0a0;*/ display: table; margin: 0 auto 5px; color: #f18700 } .index-wrapper div.index-title>a { border: 1px solid #e56a69; padding: 4px 20px 4px 8px; cursor: pointer; font-size: 13px; color: #e56a69; position: relative; top: -4px; left: 10px; background-image: url(/static/imgs/a_arrow_88b5baf.png); background-repeat: no-repeat; background-position: 90% 50% } .newgoods-line { width: 100%; height: 22px; margin-top: 10px; background: url(/static/imgs/itemdetail-line_32c6edf.png) repeat-x left top } .zaozuo-future { width: 100%; height: 427px; margin: 25px 0 60px; display: block; position: relative } .zaozuo-future img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } .zaozuo-future-hover img { width: 1290px; height: 430px; left: -5px; top: -2px } .index-wrapper p { font-size: 13px; text-align: center } .index-wrapper>p>i>a { color: #ff8baf } .index-wrapper>p>i>a:hover { text-decoration: underline } .prefectgoods-btn { background: #ffadc6; color: #fff } .prefectgoods-btn:hover { background: #ff729d } .prefectgoods-container { width: 1500px; height: auto; padding-bottom: 15px; margin: 0 auto } .prefectgoods-container-right { width: 1500px; height: auto; padding-bottom: 15px; overflow: hidden; /*float: right;*/ padding-bottom: 40px; } .prefectgoods-goods { padding-bottom: 15px; overflow: hidden; } .pre-cont { padding-bottom: 30px; } .goods-container-title { text-align: center; margin-top: 20px; height: 25px } .goods-container-title>i { font-size: 18px; font-weight: 400; position: relative } .goods-container-title.all-tag>i { position: relative; left: 0 } .goods-container-title>a { border: 1px solid #e56a69; padding: 4px 20px 4px 8px; cursor: pointer; font-size: 13px; color: #e56a69; position: relative; top: -2px; left: -12px; background-image: url(/static/imgs/a_arrow_88b5baf.png); background-repeat: no-repeat; background-position: 90% 50%; float: right } .goods-container-title.all-tag>a { display: none } .goods-container-moregoods-btn { width: 500px; height: 50px; display: block; margin: 20px auto 30px; line-height: 50px; font-size: 15px; text-align: center; background: #e56a69; color: #fff; cursor: pointer } .loading-more-box { width: auto; height: 60px; line-height: 60px; margin: 20px auto; text-align: center; display: none } .prefectgoods-box { width: 416px; height: auto; float: left; margin: 20px 16px 0 0 } .prefectgoods-box>a { width: 416px; height: 416px; display: block; position: relative; color: #313131 } .combination-recommend-wrapper { width: 1329px; padding-bottom: 20px; padding-top: 17px } .combination-recommend-box { margin-right: 10px; width: 420px; float: left; vertical-align: top } .combination-recommend-box>a { width: 420px; height: auto } .combination-recommend-box img,.combination-recommend-box-one img { visibility: hidden; width: 100%; height: auto } .combination-recommend-box-one,.combination-recommend-box-one img { width: 100%; height: auto } .combination-recommend-box-one { margin-bottom: 40px } .combination-recommend-boxone-dl { width: 600px; height: auto; margin: 30px auto 20px; text-align: center } .combination-recommend-boxone-dl>dt,.combination-recommend-boxone-dl>dd { font-size: 20px; font-weight: 700; line-height: 25px } .combination-recommend-boxone-dl>dd { padding-bottom: 5px } .combination-recommend-boxone-dl>dt>.combine-price { padding-left: 10px } .combination-recommend-boxone-dl>dd>span.last-children:before { content: '/'; width: 19px; height: 19px; display: inline-block; position: relative; margin: 0 10px } .combination-recommend-boxone-dl>dd>span.last-children:first-child:before { content: ''; width: 0; margin: 0 } .combination-recommend-boxone-dl>dd.combination-one-p { width: 550px; margin: 0 auto; font-size: 13px; font-weight: 400; line-height: 25px } .combination-recommend-boxone-dl>dd.combination-one-p.pay-stage-info { width: auto; display: inline-block } .combination-recommend-box dl>dd.pay-stage-info:before,.combination-recommend-boxone-dl>dd.combination-one-p.pay-stage-info:before { content: ''; width: 18px; height: 18px; display: inline-block; background: url(/static/imgs/icon-20_a9560dc.png) no-repeat center; background-size: auto 54px; background-position: -146px -36px; margin: 0 4px 0 0 } .combination-recommend-boxone-dl>dd.combination-one-p.pay-stage-info:before { margin: 2px 5px 2px 0 } .combination-recommend-boxone-dl>dd.combination-one-p.pay-stage-info .pay-ceil,.combination-recommend-box dl>dd.pay-stage-info .pay-ceil { color: #e56a69 } .combine-onlyone { padding-top: 30px } .combine-onlyone>img { min-height: 523px } .index-presell-hover { position: absolute; top: 345px; left: 10%; opacity: 0 } .prefectgoods-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(/static/imgs/black-layer-bg_e9ebb13.png) repeat left top; opacity: 0; display: none\9; text-align: center } .prefectgoods-layer .new-product-flag { width: 51px; height: 31px; position: absolute; left: 10px; top: 0; z-index: 1 } .spot-flag { width: 55px; height: 20px; position: relative; left: 10px; top: -5px; display: inline-block; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; background: #a0a0a0; color: #fff; text-align: center } .prefectgoods-box img { width: 100%; height: auto; max-height: 100% } .prefectgoods-box dl { font-size: 15px; line-height: 20px; margin-right: 5px } .prefectgoods-box dl>dt,.prefectgoods-box dl>dd { padding: 10px 0 } .prefectgoods-box dl>dt { float: left } .prefectgoods-box dl>dd,.prefectgoods-box dl>dd>.prefectgoods-name { max-width: 411px; height: 20px; position: relative; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis } .prefectgoods-box dl>dd>.prefectgoods-name { max-width: 230px; display: inline-block } .prefectgoods-box dl>dt { font-weight: 700 } .prefectgoods-box dl>dd:before { content: ''; width: 20px; height: 20px; float: left; margin: 0 4px; background-image: url(/static/imgs/icon-20_a9560dc.png); background-repeat: no-repeat; background-position: -220px -20px } .prefectgoods-box dl>dd.prefectgoods-slogan { display: block; height: 20px; line-height: 20px; padding: 8px 0 0; margin-right: 5px; border-top: #d2d2d2 1px solid; font-size: 12px; color: #797979 } .prefectgoods-box dl>dd.prefectgoods-slogan:before { display: none } .combination-recommend-box dl { margin: 10px 0 } .combination-recommend-box dl>dt,.combination-recommend-box dl>dd { text-align: center; font-weight: 700; height: 22px; display: block; font-size: 15px; line-height: 22px } .combination-recommend-box dl>dd { font-size: 13px; font-weight: 400 } .combination-recommend-box dl>dt>em { margin-left: -4px; font-size: 14px; position: relative; top: -.5px } .prefectgoods-layer>h1 { width: 70%; min-height: 30px; margin: 145px auto 15px; line-height: 30px; padding: 15px 0 10px; font-size: 20px; font-weight: 400; text-align: center; color: #fff; border-bottom: #fff 1px solid; border-bottom: rgba(255,255,255,.3) 1px solid } .combine-banner { overflow: hidden; position: relative } .goods-statistics { width: 100%; height: 30px; position: absolute; left: 0; bottom: 35px; z-index: 2; line-height: 30px; color: #a0a0a0; font-size: 13px; text-align: center } .goods-statistics>p { margin: 0 auto; display: inline-block; zoom: 1; *display: block } .goods-statistics>h3 { font-size: 13px; color: #fff; line-height: 23px; font-weight: 400; letter-spacing: 2px } .goods-statistics>p>span { float: left } .goods-statistics span.vote-presonnumber { border-right: #a0a0a0 1px solid; padding-right: 5px; margin-right: 5px } .presale-wrapper { width: 1314px; height: auto; padding-bottom: 20px; background: #f6f6f6; margin: 0 auto } .presale-goods-layer { position: relative } .presale-goods-layer .prefectgoods-layer { background: url(/static/imgs/black-layer-0.1_1300cc2.png) repeat left top \9 } .presale-wrapper>ul>li { width: 621px; height: 300px; float: left; margin: 25px 34px 10px 0; background: #fff; border: 1px solid transparent } .presale-wrapper>ul>li:hover { border: #a0a0a0 1px solid } .presale-goods,.presale-goods img { width: 298px; height: 298px; float: left; margin: 1px; cursor: pointer } .presale-goods img { width: 298px; height: 298px; margin: 0 } .presale-info { width: 281px; height: 300px; float: left; padding: 0 20px; cursor: pointer } .presale-info>h1 { font-size: 22px; color: #000; line-height: 40px; padding-top: 45px; font-weight: 400; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis } .presale-info>h2 { font-size: 15px; line-height: 28px; font-weight: 400 } .presale-info>p { height: 44px; text-align: left; line-height: 22px; overflow: hidden } .presale-info-line { width: 100%; height: 10px; margin: 10px auto 20px; background: url(/static/imgs/presale-info-line-bg_dc69915.png) repeat-x left top } .presale-btn { padding: 0 15px; height: 40px; margin-top: 15px; line-height: 40px; font-size: 13px; display: block } .presale-btn>span { float: left } .presale-btn>em { max-width: 70px; height: 40px; float: right; padding-right: 15px; background: url(/static/imgs/presale-btn-arrow_4279867.png) no-repeat right center } .gosale-btn { background: #ffadc6 } .gosale-btn:hover { background: #ff729d } .endsale-btn,.endsale-btn:hover { background: #d2d2d2!important; opacity: 1!important } .designer-team-wrapper { background: #1b1b1b } .designer-team-wrapper h1,.designer-team-wrapper p { width: 880px; margin: 0 auto; color: #a0a0a0 } .designer-team-wrapper p { line-height: 25px } .designer-team { width: 1282px; height: auto; max-height: 320px; margin-top: 20px; overflow: hidden } .designer-team>li { width: 254px; height: 300px; float: left; margin: 0 1px 20px; position: relative; overflow: hidden } .designer-team>li:after { content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; z-index: 2; background: #313131 } .designer-team>li:hover:after { background: #e56a69 } .designer-team>li.odd-afterbg:after { background: #535353 } .designer-team>li.odd-afterbg:hover:after { background: #00c393 } .designer-team>li>a { width: 100%; height: 100%; display: block; position: relative } .designer-team>li img { width: 100%; height: auto } .designer-team-layer { width: 100%; height: 254px; position: absolute; left: 0; top: 0; z-index: 2; background: url(/static/imgs/black-layer-bg_e9ebb13.png) repeat left top; opacity: 0; display: none\9 } .designer-team-layer>p { width: 214px; float: left; margin-top: 190px; text-align: center; padding: 0 20px; line-height: 25px; color: #fff; font-size: 15px } .designer-team-btn { background: transparent; color: #d2d2d2; margin: 40px auto; display: block; border: #d2d2d2 1px solid } .designer-team-btn:hover { background: transparent; border-color: #525252; color: #fff } .aboutus-wrapper { height: 400px; background: url(/static/imgs/aboutus-wrapper-bg_f1fdd99.jpg) 0 0; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://zaozuo.com.cn/static/imgs/aboutus-wrapper-bg.jpg', sizingMethod='scale'); overflow: hidden; position: relative } .aboutus-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #454545; opacity: .5; filter: alpha(opacity=50); z-index: 1 } @media screen and (min-width:0) { .designer-team-layer,.prefectgoods-layer { display: block } .presale-goods-layer .prefectgoods-layer { background: url(/static/imgs/black-layer-0.1_1300cc2.png) repeat left top \9 } } .aboutus-wrapper>.index-wrapper { width: 920px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -460px; z-index: 2 } .aboutus-box { width: 188px; height: auto; float: left; margin-top: 105px; color: #fff; text-align: center } .aboutus-box>h1 { font-size: 18px; line-height: 35px; padding-top: 25px } .aboutus-line { width: 30px; height: 57px; float: left; margin: 200px 13px 0; background: url(/static/imgs/aboutus-line_6924c24.png) no-repeat 0 0 } .aboutus-icon { width: 75px; height: 75px; margin: 0 auto; background-image: url(/static/imgs/aboutus-icon_d8991d9.png); background-repeat: no-repeat } .aboutzz-icon { width: 75px; height: 75px; margin: 0 auto; background-image: url(/static/imgs/aboutzz-icon_f0c3a51.png); background-repeat: no-repeat; background-size: cover } .aboutus-box:hover .aboutzz-icon-05 { width: 75px; height: 75px; margin: 0 auto; background-image: url(/static/imgs/aboutzz-icon-05_dd07fe3.png); background-repeat: no-repeat; background-size: cover } .aboutus-icon-01 { background-position: 0 0 } .aboutus-icon-02 { background-position: -75px 0 } .aboutus-icon-03 { background-position: -150px 0 } .aboutus-icon-04 { background-position: -225px 0 } .aboutus-box:hover .aboutus-icon-01 { background-position: 0 -75px } .aboutus-box:hover .aboutus-icon-02 { background-position: -75px -75px } .aboutus-box:hover .aboutus-icon-03 { background-position: -150px -75px } .aboutus-box:hover .aboutus-icon-04 { background-position: -225px -75px } .activiti-z-secondshow .activity-z-box img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray } .activiti-z-firstshow,.activiti-z-secondshow { display: none } .activity-z-box img { width: 100%; height: auto } .activity-z-onlineshow { width: 100%; height: 420px; background: #4c4948; position: relative; display: none } .activity-z-onlineshow-content { width: 1400px; height: auto; margin: 0 auto } .activity-z-onlineshow-content>div { float: left; margin: 50px auto } .activity-z-onlineshow-content>div:first-child { width: 700px; margin-left: 5%; padding-right: 50px; border-right: 1px solid #A0A0A0 } .activity-z-onlineshow-content>div>p { font-size: 13px; margin: 10px auto; text-align: left; color: #A0A0A0 } .activity-z-onlineshow-content>div>p:first-child { margin-top: 0 } .activity-z-onlineshow-content-lastp { margin-bottom: 0!important } .activity-z-onlineshow-content-lastdiv { margin-left: 50px!important } .activity-z-onlineshow-content-lastdiv-content { float: left; margin-right: 60px } .activity-z-onlineshow-content-lastdiv-content>h4 { font-weight: 400; font-size: 13px; color: #fff; margin-bottom: 15px } .activity-z-onlineshow-content-lastdiv-content>p { font-size: 12px; color: #A0A0A0; margin-bottom: 6px } .activity-z-onlineshow-content-lastdiv-last { margin-top: 70px } .activity-attention-btn-formal { width: 12.5%; height: 7.8%; position: absolute; left: 50%; bottom: 20.7%; margin-left: -6.25%; z-index: 2; background: url(/static/pic/activity-z-blank.png) repeat; opacity: 0; filter: alpha(opacity=0); cursor: pointer } .activity-attention-btn { width: 660px; height: 53px; cursor: pointer; position: absolute; border: 1px solid #fff; bottom: 13%; left: 50%; margin-left: -330px } .activity-attention-btn>div { width: 220px; height: 35px; margin-top: 9px; float: left; text-align: center; line-height: 35px; font-size: 15px; color: #fff } .activity-attention-btn-last:before { content: ''; width: 0; border: 0!important } .activity-attention-btn-selected { background-color: #fff; line-height: 54px!important; color: #000!important; height: 54px!important; margin-top: 0!important; margin-left: -1px; padding-right: 1px } .activity-attention-btn>div:before { content: ''; height: 100%; width: 1px; border-right: 1px solid #fff; float: right } #activity_z_web #banner_slide>li { cursor: auto } .activity-attention-pop { width: 400px; margin-top: -10%; display: none } .activity-attention-pop img { width: 100%; height: auto } .activity-z-box-layer { background: #fff; background: transparent\9; opacity: 0; width: 100%; height: 100%; position: relative; top: -100%; z-index: 2; display: table } .activity-z-box-layer-white { background: url(/static/imgs/white-layer-bg_6081daf.png) repeat } .activity-z-box-layer>p { height: 100%; font-size: 18px; line-height: 30px; text-align: center; position: relative; overflow: hidden; display: table-cell; vertical-align: middle; padding: 0 20px; color: #000 } .activity-z-box-layer>p.addclass { padding-top: 40% } @media screen and (min-width:0) .activity-z-box-layer { background:#fff }} .activiti-z-secondshow,.activiti-z-lastshow { display: none } .activiti-z-secondshow,.activiti-z-lastshow { background: #000; padding-bottom: 50px; min-height: 50px } .activiti-z-lastshow { padding-bottom: 0 } .activiti-z-lastshow #online_post { margin: -3px auto 0 auto; width: 1250px; height: auto; border-top: 1px solid #A0A0A0 } .activiti-z-lastshow #online_post>video { margin-top: 50px } @media all and (max-width:1400px) { .activiti-z-lastshow #online_post #online_post_video { width: 1000px!important; margin: 50px auto 0!important; display: block } } .activiti-z-lastshow #online_post #online_post_video img { width: 100%; height: auto } .activiti-z-lastshow>#online_post_div { width: 101%; height: auto; background: #4c4948; margin-left: -2px; padding-bottom: 50px } .activity-z-box-morebtn { width: 500px; height: 48px; color: #fff; text-align: center; line-height: 48px; margin: 0 auto; background: transparent; border: #d2d2d2 1px solid; color: #d2d2d2; font-size: 15px; position: relative; top: 30px; cursor: pointer } .activity-z-box-morebtn:hover { border: #525252 1px solid; color: #fff } .special-wrapper { min-width: 1200px } .special-model-box { width: 100%; min-height: 350px; position: relative; background: #fff; cursor: pointer } .special-model-box>img { width: 100%; height: auto } .special-model-detail { width: 36%; height: auto; position: absolute; top: 0; z-index: 2; color: #000 } .special-model-detail>h1 { padding-top: 14%; font-size: 3em; line-height: 105px; font-weight: 400 } .special-model-detail>h2 { font-size: 1.5em; line-height: 35px; padding: 10px 0; font-weight: 400 } .special-model-detail>p { padding-top: 3.5%; font-size: .9375em; line-height: 30px; text-align: justify; text-justify: inter-ideograph } .special-model-detail>a { width: 158px; height: 48px; margin-top: 7%; display: inline-block; border: #474647 1px solid; font-size: .9375em; text-align: center; line-height: 48px; color: #616161 } .special-model-detail-01 { left: 7% } .special-model-detail-01>h1 { font-size: 2.25em; line-height: 60px } .special-model-detail-01>h2 { font-size: 1.875em; line-height: 45px; font-weight: 700 } .special-model-detail-01>a { color: #000 } .special-model-detail-02,.special-model-detail-06 { left: 50%; padding-top: 2% } .special-model-detail-02>a { width: auto; padding: 0 20px; cursor: default; cursor: pointer; border: 0; background: #e56a69; color: #fff } .special-model-detail-06>a { width: 158px; padding: 0; border: 0; background: #e56a69; color: #fff; cursor: pointer } .special-model-detail-06 { padding-top: 0 } .special-model-detail-02>p,.special-model-detail-04>p { color: #999 } .special-model-detail-05>p,.special-model-detail-05>a { color: #868d40 } .special-model-detail-05>a { border: 0; background: #e56a69; color: #fff } .special-model-detail-03,.special-model-detail-05 { left: 18%; padding-top: 1%; color: #fff } .special-model-detail-03>p { color: #d5dedf } .special-model-detail-03>a { border: 0; background: #e56a69; color: #fff } .special-model-detail-04 { width: 70%; left: 15%; text-align: center } .special-model-detail-04>h1 { padding-top: 5% } .special-model-detail-04>p { text-align: center } .special-model-detail-04>a { margin: 4% auto 0; border: 0; background: #e56a69; color: #fff } .special-model-detail-05>h1,.special-model-detail-05>h2 { color: #000 } .further-video-box { width: 620px; height: auto; float: left } .further-video-box>p { font-size: 24px; line-height: 35px; padding: 15px 0; text-align: left } .further-video-box>video>a>img { width: 100%; height: auto } .further-content { width: 1305px; height: auto } .further-content>li { width: 219px; height: 320px; float: left; padding: 40px 40px 0; margin: 30px 25px 0 0; border: #d2d2d2 1px solid; background: url(/static/imgs/further-tag-bg_b115df7.png) #fff no-repeat 40px 40px } .further-content>li>a { color: #313131 } .further-content>li>a>h1 { height: 35px; margin-top: 40px; line-height: 35px; font-size: 18px; color: #020202 } .further-content>li>a>p { height: 125px; font-size: 13px; line-height: 25px; letter-spacing: 0; overflow: hidden; text-align: left } .further-host { height: 70px; display: table } .further-host>dt { width: 70px; height: 70px; font-size: 13px; display: table-cell } .further-host>dt>img.no-radius { width: auto; height: auto; border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .further-host>dt>img { width: 70px; height: 70px; border-radius: 35px; -o-border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; margin-top: 20px } .further-host>dd { display: table-cell; vertical-align: middle; padding-left: 15px; padding-top: 20px } .further-host>dd>p { text-align: left } .further-host>p { font-size: 13px; color: #a0a0a0; line-height: 120px } .further-content-bignews>li { float: left; width: 390px; margin-left: 55px } .further-content-bignews>li:first-child { margin-left: 0 } .further-content-bignews>li>a>img { width: 100%; height: 100% } .further-content-bignews>li>h1 { font-size: 15px; text-align: center; padding-top: 20px; padding-bottom: 10px } .further-content-bignews>li>p { font-size: 15px; text-align: justify; line-height: 23px; padding-bottom: 40px } .index-wrapper>h1.further-bignews-title { font-size: 25px; text-align: center; border-top: 1px solid #A0A0A0; line-height: 100px } .zzfurther-moregoods-btn { margin-bottom: 60px } .bignews-banner { width: 100%; margin-top: 50px } .promotion-off-box { color: #e56a69 } .promotion-off-box,.promotion-off-box:after,.promotion-reduction-box { background-image: url(/static/imgs/discount-5_f1974ec.png); background-repeat: no-repeat; display: inline-block; text-align: center; font-size: 45px; font-weight: 700 } .promotion-reduction-box { font-size: 30px } .promotion-off-box,.promotion-reduction-box { width: 140px; height: 140px; line-height: 140px; position: absolute; left: 50%; top: 50%; margin: -70px 0 0 -70px; background-position: 0 0; z-index: 2; opacity: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .prefectgoods-box:hover .promotion-off-box,.prefectgoods-box:hover .promotion-reduction-box { opacity: 1; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg) } .promotion-off-box:after { content: ''; width: 40px; height: 40px; position: relative; top: 3px; display: inline-block; background-position: -240px 0 } .promotion-reduction-box:after { content: '元'; display: inline-block; font-size: 15px; position: relative; top: -10px } .further-content-bignews { margin-top: 40px; margin-bottom: 60px } .index-model .active{ display:block !important; } .index-list,.fial-list { padding: 20px 0px; } .index-goods-box,.index-presell-box { /*position: relative;*/ /*background:#f4f4f4;*/ /*margin: 15px 17px;*/ /*padding:5px 5px 10px 5px;*/ /*padding: 2em;*/ margin-bottom: 2em; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; /*background: #f60;*/ } .index-goods-box:nth-child(4n),.index-presell-box:nth-child(4n){ margin: 30px 0px 0 0; } .index-goods-box>a,.index-presell-box>a.clearfixed { height: 210px; margin: auto; /*border:1px solid #f5f5f5;*/ border-radius:6px; text-align: center; overflow: hidden; position: relative; } .index-goods-box>a>.boxs,.index-presell-box>a.clearfixed>.boxs{ display: none; position: absolute; width: 100%; height: 100%; top: 0; background:rgba(255, 255, 255,.9) none repeat scroll 0 0 !important; -moz-opacity:0.9; filter:alpha(opacity=9); } .index-goods-box>a:hover .boxs,.index-presell-box>a.clearfixed:hover .boxs{ display: block; } .index-goods-box>a>.boxs .sp,.index-presell-box>a.clearfixed>.boxs .sp{ display: flex; align-items: center; width: 100%; height: 100% } .index-goods-box>a>.boxs .samllbox,.index-presell-box>a.clearfixed>.boxs .samllbox { margin:auto; border:2px solid #595757; border-radius:5px; padding:14px; /* display: inline-block; margin-top: 55px;*/ } .index-goods-box>a>.boxs .samllbox h3,.index-presell-box>a.clearfixed>.boxs .samllbox h3{ font-size:12px; color:#434040; font-weight: 400; padding-bottom:2px; } .index-goods-box>a>.boxs .samllbox p,.index-presell-box>a.clearfixed>.boxs .samllbox p{ font-size:12px; color:#999999; /*font-family:PingFangSC-Regular;*/ } .index-goods-box>a>.boxs .samllbox .sen,.index-presell-box>a.clearfixed>.boxs .samllbox .sen{ padding-top: 5px; } .index-goods-box>a>.boxs .samllbox span,.index-presell-box>a.clearfixed>.boxs .samllbox span{ font-size:12px; color:#434040; } .index-goods-box>a>.boxs .samllbox .sen span:first-child{ margin-right:10px; } .index-goods-box>a>.boxs .samllbox span img,.index-presell-box>a.clearfixed>.boxs .samllbox span img{ vertical-align: initial; margin-right: 5px; } .index-presell-box { height: 430px } .index-presell-box>a { position: relative } .index-goods-box>dl,.index-presell-box>dl { color: #000; text-align: center; font-size: 15px; line-height: 25px } .index-goods-box>dl>dt,.index-presell-box>dl>dt { padding-top: 10px; font-weight: 400; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; color: #595757; float: left } .index-goods-box>dl>dt { line-height: 20px } .index-goods-box>dl>dt>i.dollar:before { content: '¥'; font-weight: 400; display: inline-block } .index-goods-box>dl>dt>i.qijia:after,.index-goods-box>dl>dt>i.qijiared:after,.index-goods-layer dt.qijia:after,.index-goods-box>dl>dt>i.qijia:after,.index-goods-box>dl>dt>span.qijia:after { content: '起'; font-size: 14px; display: inline-block; font-weight: 400 } .index-goods-box>dl>dt>i.qijiared,.index-goods-box>dl>dt>i.qijiared:after,.index-goods-box>dl>dt>i.jiared { color: #e56a69 } .index-goods-layer>dd.mt { margin-top: -6px; font-size: 13px } .index-goods-box>dl>dt>span:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 14px; z-index: 2; background: #000!important; margin-left: 3px; margin-right: 0 } .index-goods-box>dl>dt>span { position: relative; line-height: 30px; font-weight: 400; display: inline-block } .index-goods-box>dl.basic>dd { font-size: 13px; /*margin-top: -2px;*/ padding-top: 7px; color: #595757; text-align: left; width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .index-big>dl.basic>dd { margin-top: 0 } .index-goods-box>dl.basic>dd>i:before { content: '¥'; font-weight: 400; display: inline-block; padding-right: 2px } .index-goods-box>dl>dd.available { width: auto; display: table; border-top: 1px solid #d2d2d2; font-size: 11px; margin: 3px auto; color: #a0a0a0; height: 20px; line-height: 20px; padding: 2px 5px 0 } .index-goods-box>dl>dd.event { width: 80px } .index-goods-box>dl>dd.slogan { width: 80px; display: block; color: #e56a69; opacity: 0; position: relative; top: -26px } .index-goods-box>dl>dd.available>i.last:before { content: ''; background: url(/static/imgs/tags-line-gray_fcf8b66.png) no-repeat center; width: 15px; height: 10px; background-size: cover; display: inline-block } .index-goods-box>dl.normal-hover { border-top: 1px solid #d2d2d2 } .index-goods-box>dl.event-hover { border-top: 1px solid #e56a69 } .index-goods-box>dl.event-hover>dt { color: #e56a69 } .index-presell-box>dl>dd { width: 80%; margin: -5px auto 0 auto; border-bottom: 1px solid #d2d2d2; padding-bottom: 3px; min-height: 25px } .index-presell-btn { width: 30%; font-size: 13px; height: 30px; line-height: 32px; background-color: #000; color: #fff; text-align: center; display: block; margin: 10px auto 0 } .index-presell-btn:hover { opacity: .7 } .index-presell-buybtn { background-color: #e56a69 } .index-goods-layer { opacity: 0; box-sizing: border-box; height: 60px; position: absolute; width: 100%; top: 310px } .index-big { width: 100%!important; height: 100%!important; margin: 30px 0 20px; display: table } .index-big>a { float: left; height: 100%; width: 99% } .index-big>a>img { height: auto; width: 100% } .index-big>dl { width: 25%; text-align: left; padding-left: 35px; padding-right: 20px; display: table-cell; vertical-align: middle } .index-big>dl.basic-left { padding-left: 0; padding-right: 35px } .index-big>dl>dd.available { margin: 0; text-align: center; border: 0; padding-left: 0 } .index-big>dl>dd.describe>h2 { font-weight: 400; padding-bottom: 5px } .index-big>dl>dd.describe>h3 { font-weight: 400; font-size: 13px; color: #000; border-top: 1px solid #d2d2d2; line-height: 18px; padding: 10px 0 15px; white-space: normal; word-break: break-word } .index-big>dl.event-hover { top: 75px; right: 0; width: 274px } .index-big>dl.event-hover>dt,.index-big>dl.event-hover>dd { padding: 0 } .index-big-name { line-height: 20px; padding-top: 7px } .index-big>dl.basic>dd { margin-top: 0 } .index-big>dl>dd.event { width: auto } .live-like-designer { width: 100%; height: auto; background: url(http://astatic.zaozuo.com.cn/c9369a01aa8d185a3b055a47b032a6c1) no-repeat center; background-size: cover; color: #fff; text-align: center; display: table } .live-likedesigner-container { display: table-cell; vertical-align: middle; position: relative; top: 15px } .live-likedesigner-container>h1 { font-size: 20px } .live-likedesigner-container>p { font-size: 15px; padding: 10px 0 15px } .live-likedesigner-container>a { width: 200px; height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; margin: 0 auto; display: block; font-size: 13px } .live-likedesigner-container>a:hover { background: #fff; color: #2b2b2b } .index-aboutzz-belt-five { display: table; width: 800px; margin: 30px auto } .index-aboutzz-belt-five>a { display: table-cell; width: 175px } .index-aboutzz-belt-five>a>div { width: 50px; height: 50px; margin: 0 auto; border: 2px solid #fff; border-radius: 30px } .index-aboutzz-belt-five>a>div>div { width: 35px; height: 35px; margin: 7.5px auto; background-image: url(/static/imgs/icon-35-aboutzz_8cbb853.png); background-position: 0 0; position: relative } .index-aboutzz-belt-five>a.aboutzz-belt-world>div>div { background-position: 0 -35px } .index-aboutzz-belt-five>a.aboutzz-belt-furniture>div>div { background-position: -35px -35px; left: -1px; top: 1px } .index-aboutzz-belt-five>a.aboutzz-belt-create>div>div { background-position: -70px -35px; top: 1px } .index-aboutzz-belt-five>a.aboutzz-belt-quality>div>div { background-position: -105px -35px; left: -1px } .index-aboutzz-belt-five>a.aboutzz-belt-post>div>div { background-position: -140px -35px; left: -1px } .index-aboutzz-belt-five>a>div:hover { background-color: #fff } .index-aboutzz-belt-five>a.aboutzz-belt-world>div:hover>div { background-position: 0 0 } .index-aboutzz-belt-five>a.aboutzz-belt-furniture>div:hover>div { background-position: -35px 0 } .index-aboutzz-belt-five>a.aboutzz-belt-create>div:hover>div { background-position: -70px 0 } .index-aboutzz-belt-five>a.aboutzz-belt-quality>div:hover>div { background-position: -105px 0 } .index-aboutzz-belt-five>a.aboutzz-belt-post>div:hover> div { background-position: -140px 0 } .index-aboutzz-belt-five>a>p { padding-top: 10px; color: #fff; font-size: 15px; font-weight: 700; line-height: 20px } .index-aboutzz-belt-five>a>p>span { font-size: 12px; font-weight: 400 } .index-goods-smallbox { width: 245px; height: 320px } .index-goods-smallbox>a { width: 245px; height: 245px } .index-goods-smallbox>a>img { width: 100%; height: 245px } .index-goods-smallbox>dl>dt { line-height: 30px } .index-goods-smallbox>dl>dt>span:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 14px; z-index: 2; background: #000!important; background: 0 0; margin-left: 3px; margin-right: 0 } .index-goods-smallbox>dl>dt>span { color: #000; font-size: 15px; position: relative; display: inline-block; line-height: 30px } .index-goodslist-subtitle { text-align: center; display: table; margin: 35px auto 0; font-size: 21px !important; padding: 0 30px; color: #595757; font-weight: 400; line-height: 30px; } .index-goodslist-subtitle:before,.index-goodslist-subtitle:after { content: ''; width: 444px; height: 1px; position: relative; border-top: 1px solid #d2d2d2; float: left; top: 15px; left: -70px } .index-goodslist-subtitle:after { float: right; left: 70px } .border-bottom-10 { border-bottom: 10px solid #f6f6f6; padding-bottom: 70px } .index-wrapper div.index-title>i.redcolor { color: #e56a69 } .sofa-explain { float: right; margin-top: 180px; text-align: right } .sofa-explain>p { text-align: right; line-height: 25px; color: #a0a0a0 } .sofa-explain>h1 { font-size: 40px; color: #474747; line-height: 60px } .anniersary-countdown-wrapper { margin-top: 20px; text-align: center } .anniersary-countdown-wrapper>dt { display: inline-block } .anniversary-index-container { width: 235px; height: 30px; margin: 0 auto; float: left; background: url(http://astatic.zaozuo.com.cn/8ae3dba8fd4b95aaad1a6ff012ddc5c8) no-repeat center; background-size: auto 30px; position: relative } .anniversary-index-container { background: url(http://astatic.zaozuo.com.cn/d46877188ec4e339a2b781560bcda70c)\9 } .anniversary-index-text { width: auto; background: 0 0; line-height: 30px; font-size: 18px; color: #e56a69; padding-right: 10px } .anniversary-index-container>span { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #e56a69; position: absolute } .anniversary-index-container>.day { left: 22px } .anniversary-index-container>.hour { left: 78px } .anniversary-index-container>.minute { left: 133px } .anniversary-index-container>.second { left: 185px } .anniversary-index-wrapper,.anniersary-index-formal { display: table; width: 100%; margin: 45px 0 0 -12px } .anniversary-index-wrapper>div,.anniersary-index-formal>div { display: table-cell; width: 277px; height: auto } .anniversary-index-wrapper>div>h1 { font-size: 24px; padding: 20px 0 7px } .anniversary-index-wrapper>div>p { font-size: 13px; line-height: 18px } .anniversary-index-combine { width: 314px; height: 177px; float: left; display: block; margin: 0 10px 10px 0; position: relative; color: #fff; overflow: hidden; cursor: pointer } .anniversary-index-combine>img { width: 100%; height: auto } .anniversary-index-combine>h1 { font-size: 14px; position: absolute; top: 20px; left: 18px; z-index: 4 } .anniversary-index-combine>p { font-size: 12px; position: absolute; top: 40px; left: 20px; z-index: 4 } .anniversary-index-combine>div { width: 314px; height: 177px; background: url(/static/imgs/banner-layer-bg_859d47e.png) repeat; position: relative; top: -177px; left: 0; z-index: 3; display: none } .anniversary-index-combine>div>p { font-size: 13px; position: absolute; top: 80px; left: 20px; border-top: 1px solid #fff; text-align: left; padding-top: 3px; text-indent: -1px } .anniversary-index-combine>div>p>span { font-size: 12px; position: relative } .anniversary-index-combine>div>p>i { color: #d2d2d2; position: relative; display: inline-block; line-height: 17px } .anniversary-index-combine>div>p>i:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 8px; z-index: 2; background: #a0a0a0!important } .anniversary-index-combine:hover>div { display: block } .anniversary-pop-fuli,.anniversary-pop-shu,.anniversary-pop-dian,.anniversary-pop-movie { width: 1080px; height: auto; display: none } .anniversary-pop-fuli .red { color: #e56a69 } .anniversary-pop-fuli>div,.anniversary-pop-fuli>div>img,.anniversary-pop-shu>div,.anniversary-pop-shu>div>img,.anniversary-pop-dian>div,.anniversary-pop-dian>div>img,.anniversary-pop-movie>div,.anniversary-pop-movie>div>img { width: 100%; height: auto; position: relative } .anniversary-pop-fuli>.anniversary-pop-fulidown { display: table; padding: 50px; text-align: center; width: 980px; background: #fff } .anniversary-pop-fulidown>div { display: table-cell; width: 140px; height: 175px; padding: 0 30px; border-left: 1px solid #d2d2d2 } .anniversary-pop-title { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; color: #fff; text-align: center } .hasget-title { display: none } .anniversary-pop-title>h1 { font-size: 46px; line-height: 70px; padding-top: 100px } .hasget-title>h1 { padding-top: 80px } .anniversary-pop-title>h1>img { width: auto; height: 100%; margin-bottom: 20px } .anniversary-pop-title>h2 { font-size: 24px; line-height: 40px } .anniversary-pop-title>p { font-size: 30px; line-height: 54px } .anniversary-pop-title>div { width: 290px; height: 50px; margin: 25px auto; line-height: 50px; font-size: 18px; border: #fff 3px solid; border-radius: 10px -moz-border-radius:10px; -o-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer } .anniversary-pop-title>div.hasget { cursor: auto } .anniversary-pop-fulidown>div:first-child { border-left: 0 } .anniversary-pop-fulidown>div>div { width: 100px; height: 100px; background: url(/static/imgs/icon-100_340920e.png) no-repeat center; background-position: 0 0; margin: 0 auto } .anniversary-pop-fulidown>div>div.zhe { background-position: -100px 0 } .anniversary-pop-fulidown>div>div.suite { background-position: -200px 0 } .anniversary-pop-fulidown>div>div.shu { background-position: -300px 0 } .anniversary-pop-fulidown>div>div.chair { background-position: -400px 0 } .anniversary-pop-fulidown>div>p { font-size: 13px; font-weight: 700; line-height: 19px } .anniversary-pop-shu>.up>a,.anniversary-pop-dian>.up>a,.anniversary-pop-movie>.up>a { display: block; width: 200px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; background-color: #e56a69; color: #fff; position: absolute; top: 280px; left: 50%; margin-left: -100px } .anniversary-pop-shu>.up>a:hover,.anniversary-pop-dian>.up>a:hover,.anniversary-pop-movie>.up>a:hover { background-color: #d06665 } .anniversary-pop-shu>.down,.anniversary-pop-dian>.down,.anniversary-pop-movie>.down { height: 135px; padding: 60px 0; text-align: center; background-color: #fff } .anniversary-pop-shu>.down>p,.anniversary-pop-dian>.down>p,.anniversary-pop-movie>.down>p { font-size: 18px; line-height: 30px; color: #7d7d7d; letter-spacing: 2px } .anniversary-index-wrapper>div>div { width: 277px; height: 277px; margin: 0 auto; cursor: pointer; position: relative } .anniversary-index-wrapper>div>div:after { content: ''; width: 105px; height: 105px; position: absolute; left: 50%; top: 50%; z-index: 2; margin: -42px 0 0 -49px; background-image: url(http://astatic.zaozuo.com.cn/a3b03c329602f86fb9687850a6fe8739); background-repeat: no-repeat; background-size: auto 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://astatic.zaozuo.com.cn/a3b03c329602f86fb9687850a6fe8739', sizingMethod='scale'); opacity: 0 } .anniversary-index-wrapper>div>div:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0 } .anniversary-index-wrapper>div>div>p { width: 80%; height: auto; position: absolute; left: 0; top: 70%; padding: 0 10%; color: #fff; font-size: 13px; line-height: 20px; z-index: 3; opacity: 0 } .anniversary-index-wrapper>div>div.first { background: url(http://astatic.zaozuo.com.cn/6c47ce8f791da969dcf98fd5f0469ade) } .anniversary-index-wrapper>div>div.second { background: url(http://astatic.zaozuo.com.cn/5ed446eb55cbc78a92afe9beabdfdec6) } .anniversary-index-wrapper>div>div.third { background: url(http://astatic.zaozuo.com.cn/1d260fa6c6a473b07b3fad9949912228) } .anniversary-index-wrapper>div>div.fourth { background: url(http://astatic.zaozuo.com.cn/860189784ae3d9551de94d6336869fed) } .anniversary-index-wrapper>div>div.first:after { background-position: 0 0 } .anniversary-index-wrapper>div>div.second:after { background-position: -105px 0 } .anniversary-index-wrapper>div>div.third:after { background-position: -210px 0 } .anniversary-index-wrapper>div>div.fourth:after { background-position: -315px 0 } .anniversary-index-wrapper>div>div.first:before { background: #269e94 } .anniversary-index-wrapper>div>div.second:before { background: #dcc1ad } .anniversary-index-wrapper>div>div.third:before { background: #ffd800 } .anniversary-index-wrapper>div>div.fourth:before { background: #1a0d05 } .anniversary-index-wrapper>div>div:hover:before,.anniversary-index-wrapper>div>div:hover>p,.anniversary-index-wrapper>div>div:hover:after { opacity: .95; transition: .5s ease all; -webkit-transition: .5s ease all; -moz-transition: .5s ease all } .anniversary-index-wrapper>div>div:hover>p,.anniversary-index-wrapper>div>div:hover:after { opacity: 1; font-weight: 400 } .anniersary-index-formal>div>img { width: 260px; height: auto; margin-bottom: 12px } .anniersary-index-formal p { font-size: 17px; text-align: center; line-height: 26px; font-weight: 700 } .anniersary-index-formal p.desc { font-weight: 400; font-size: 16px } .anniersary-index-formal p em { color: #e56a69 } .anniersary-index-formal>div>div { width: 100px; height: 35px; line-height: 35px; border: 1px solid #000; text-align: center; font-size: 13px; margin: 10px auto; border-radius: 10px; cursor: pointer } .anniersary-index-formal>div>div:hover { background: #000; color: #fff } .anniersary-index-formal>div>div.hasget,.anniersary-index-formal>div>div.hasget:hover { border: 1px solid #bfbfbf; color: #bfbfbf; background: 0 0; cursor: auto } .anniversary-coupon-popget { width: 1080px; height: auto; position: relative; display: none } .anniversary-coupon-popget>img { width: 100%; height: auto } .anniversary-coupon-popget>a { background: #e56a69; width: 200px; height: 50px; line-height: 50px; position: absolute; left: 50%; margin-left: -100px; top: 200px; text-align: center; font-size: 16px; color: #fff; display: block } .anniversary-coupon-popget>a:hover { background: #d06665 } .anniversary-indexheader-gotobuyweb { position: fixed; width: 150px; height: 26px; line-height: 26px; top: 12px; right: 660px; background: #e56a69; border-radius: 20px; color: #fff; z-index: 10; font-size: 12px; text-align: center; cursor: pointer } .anniversary-indexheader-gotobuyweb:hover,.anniversary-indexheader-gotobuyweb-nologin:hover { background: #d06665 } .anniversary-indexheader-gotobuyweb-nologin { position: fixed; width: 150px; height: 26px; line-height: 26px; top: 12px; right: 570px; background: #e56a69; border-radius: 20px; color: #fff; z-index: 10; font-size: 12px; text-align: center; cursor: pointer } .fl { float: left } .fr { float: right } .ml-20 { margin-left: 20px } .mt-header { margin-top: 50px } .mt-none { margin-top: 0 } .border-bottom-gray { border-bottom: #d2d2d2 1px solid } @media all and (max-width:1650px) { .preheating-layer>h1 { font-size: 2.25em } } @media all and (max-width:1450px) { .fl-detail { width: 680px !important; } .over-btn a { /*width: 156px !important*/; /* margin-right: 190px !important;*/ } /* .fr-img-box ul li { height: 77px!important; }*/ .empity ul li a { } .index-sidebar>ul { left: 40px } .index-sidebar>ul>li { margin: 0 15px } .header-video .contactchat-wrapper { margin-left: 40px } .index-wrapper { width: 1024px } .container-screening { width: 1024px } .prefectgoods-container-right { width: 1200px; } .prefectgoods-box { width: 334px; margin: 20px 11px 0 0 } .prefectgoods-box>a { width: 334px; height: 334px } .combination-recommend-wrapper { width: 1045px } .combination-recommend-box { width: 340px; margin-right: 5px } .combination-recommend-box>a { width: 340px; height: auto } .prefectgoods-layer>h1 { margin-top: 100px } .spot-flag { left: 5px } .prefectgoods-box dl>dd { max-width: 335px } .prefectgoods-box dl>dd>.prefectgoods-name { max-width: 150px } .combination-recommend-box dl>dd { max-width: 500px } .designer-team>li { width: 203px; height: 240px } .designer-team-layer { height: 203px } .designer-team-layer>p { width: 163px; margin-top: 150px } .presale-wrapper { width: 1034px } .presale-wrapper>ul>li { width: 505px; height: 204px; margin: 20px 10px 5px 0 } .presale-goods,.presale-goods img { width: 202px; height: 202px } .presale-info { height: 204px; padding: 0 10px } .presale-info>h1 { font-size: 18px; padding-top: 10px; font-weight: 700 } .presale-info>h2 { font-size: 13px; line-height: 21px; padding-top: 5px } .presale-info>h2+p { font-size: 12px } .presale-info>p { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis } .presale-info-line { margin: 7px auto } .presale-btn { height: 35px; line-height: 35px; margin-top: 7px } .userking-text { bottom: 10% } .preheating-layer>h1 { padding-top: 30% } .fivesafe-box,.blank-wrapper { height: 240px } .colorselect>li { margin: 15px 7px 0 } .linesselect>li { width: 265px } .linesselect>li>.linesselect-box { margin: 0 15px 20px } .prefectgoods-layer>h2 { top: 80px } .prefectgoods-cutprice-box .prefectgoods-layer>h1 { margin-top: 135px } .category-screening>ul>li:after { right: -39px } .activity-attention-pop { width: 300px } .special-model-detail>h1 { padding-top: 6% } .special-model-detail-02 { padding: 2% } .special-model-detail-03,.special-model-detail-05,.special-model-detail-06 { padding-top: 0 } .special-model-detail-04>h1 { padding-top: 3% } .special-model-detail-04>p { padding-top: 1.5% } .special-model-detail-05>h1 { padding-top: 5% } .designer-show-wrapper>dt>a>img { width: 333px; height: 333px } .designer-show-wrapper>dd { width: 328px } .designer-show-wrapper>dd>a.rectangle-w { height: 170px } .designer-show-wrapper>dd>a.rectangle-h { width: 150px; height: 150px } .designer-show-wrapper>dd>a.rectangle-s { width: 165px; height: 95px } .designer-show-wrapper>dd>a.designer-morebtn { width: 165px; height: 41px; line-height: 41px } .designer-show-wrapper>dd>a.designer-morebtn { margin-top: 13px; font-size: 15px } .further-video-box { width: 500px } .further-video-box>p { font-size: 20px } .further-content { width: 1047px } .further-content>li { width: 242px } .zaozuo-future { height: 341px } .zaozuo-future-hover img { width: 1034px; height: 345px } .further-content-bignews>li { width: 308px; margin-left: 50px } .blog-box>.feed-designer-name { width: 1024px } .promotion-off-box,.promotion-reduction-box { width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; background-position: -140px -20px; font-size: 36px; text-indent: 2px } .promotion-reduction-box { font-size: 22px } .promotion-reduction-box:after { font-size: 13px; top: -5px } .promotion-off-box:after { width: 30px; height: 30px; top: 2px; background-position: -280px 0 } .index-goods-box>a>img,.index-presell-box>a>img { height: 148px; /*margin-top: 30px;*/ } .double-eleven-itemwrapper>.prefectgoods-box>dl>dt,.double-eleven-itemwrapper>.prefectgoods-box>dl>dd { font-size: 20px } .fullgive-info-list>li { padding: 0 19px } .index-goods-box { } .index-presell-box { width: 220px; height: 360px } .index-goods-box>a,.index-presell-box>a.clearfixed { height: 170px } .index-presell-btn { height: 25px; line-height: 25px } .index-goods-layer { top: 244px } .index-big>a>dl.event-hover { width: 209px } .index-big>a,.index-big>a>img { height: auto } .index-big>a { width: 98% } .live-like-desc { margin-top: -130px } .live-like-desc>h1,.live-like-desc>h2 { font-size: 22px } .live-like-desc>p { font-size: 11px } .live-like-desc>div>a,.live-like-desc>div>a>img { width: 75px; height: 75px } .live-like-desc>div { margin: 20px auto } .index-presell-hover { top: 279px } .worktype-wrapper { width: 1032px } .combine-onlyone>img { min-height: 419px } .sofa-explain { margin-top: 150px } .anniversary-index-combine { width: 248px; height: 140px } .anniversary-index-combine>p { top: 30px } .anniversary-index-combine>h1 { top: 10px } .anniversary-index-combine>div { width: 248px; height: 140px; top: -140px } .anniversary-index-combine>div>p { top: 70px; font-size: 13px; padding-bottom: 1px } .anniversary-index-combine>div>p>span { font-size: 12px; top: 0 } .anniversary-index-combine>div>p>i { display: inline } .anniversary-index-combine>div>p>i:before { top: 7px } .anniversary-pop-fuli,.anniversary-pop-shu,.anniversary-pop-dian,.anniversary-pop-movie { width: 900px } .anniversary-pop-shu>.up>a,.anniversary-pop-dian>.up>a,.anniversary-pop-movie>.up>a { top: 230px } .anniversary-pop-shu>.down,.anniversary-pop-dian>.down,.anniversary-pop-movie>.down { height: 100px; padding: 45px 0 } .anniversary-pop-shu>.down>p,.anniversary-pop-dian>.down>p,.anniversary-pop-movie>.down>p { font-size: 15px; line-height: 25px } .anniversary-pop-fuli>.anniversary-pop-fulidown { padding: 30px; width: 840px } .anniversary-index-wrapper>div>h1 { font-size: 20px } .anniversary-index-wrapper>div>p { font-size: 12px } .anniversary-pop-fulidown>div { padding: 0 20px; width: 160px } .anniversary-pop-fulidown>div>p { font-size: 12px } .anniversary-index-wrapper { width: 1080px; margin: 30px 0 0 -22.5px } .anniversary-index-wrapper>div>div,.anniersary-index-formal>div { width: 240px; height: 240px } .anniversary-index-wrapper>div>div.first { background: url(http://astatic.zaozuo.com.cn/91c9e69af229a1247889d3b2407281e2)\9 } .anniversary-index-wrapper>div>div.second { background: url(http://astatic.zaozuo.com.cn/49d6f4703ca060e3802cae673b60f0af)\9 } .anniversary-index-wrapper>div>div.third { background: url(http://astatic.zaozuo.com.cn/0d92456d5128a7bdc68cf71f498867ac)\9 } .anniversary-index-wrapper>div>div.fourth { background: url(http://astatic.zaozuo.com.cn/779c6a5165e0e3348378dabb88488f9d)\9 } .anniversary-index-wrapper>div>div:after { background-image: url(http://astatic.zaozuo.com.cn/79e7b7034a591558a1926ce31c6ac8ca)\9 } .anniversary-index-wrapper>div>div.first,.anniversary-index-wrapper>div>div.second,.anniversary-index-wrapper>div>div.third,.anniversary-index-wrapper>div>div.fourth { background-size: auto 240px } .anniversary-index-wrapper>div>div:after { width: 90px; height: 90px; background-size: auto 90px; margin: -36px 0 0 -36px } .anniversary-index-wrapper>div>div.first>p { text-indent: 9.5px } .anniversary-index-wrapper>div>div.first:after { background-position: 0 0 } .anniversary-index-wrapper>div>div.second:after { background-position: -90px 0 } .anniversary-index-wrapper>div>div.third:after { background-position: -180px 0 } .anniversary-index-wrapper>div>div.fourth:after { background-position: -270px 0 } .index-wrapper div.index-title>i { font-size: 24px; line-height: 24px } .index-wrapper div.index-title>i.sub-title { font-size: 13px; line-height: 25px } .anniersary-index-formal>div>img { width: 210px; height: auto; margin-bottom: 10px } .anniersary-index-formal p { font-size: 15px; line-height: 20px } .anniersary-index-formal p.desc { font-size: 14px } .anniersary-index-formal>div>div { width: 85px; height: 30px; line-height: 30px; font-size: 12px } .anniversary-coupon-popget { width: 900px } .index-goods-smallbox { width: 193px; height: 260px } .index-goods-smallbox>a { width: 193px; height: 193px } .dz_left { height: 450px; } .dz_left>a { height: 450px; } .index-goods-dz { height: 220px; } .index-goods-dz>a>img { height: 220px; } .index-goods-smallbox>a>img { width: 100%; height: 193px } .index-goods-smallbox>dl>dt { line-height: 30px } .index-goodslist-subtitle { margin: 25px auto 0; font-size: 18px !important; } .index-goodslist-subtitle:before,.index-goodslist-subtitle:after { width: 340px } .s-sub-tit:before,.s-sub-tit:after { width: 340px } .anniversary-pop-title>h1 { font-size: 36px; line-height: 60px; padding-top: 70px } .anniversary-pop-title>p { font-size: 26px; line-height: 40px } .anniversary-pop-title>div { width: 240px; height: 40px; line-height: 40px; font-size: 16px } .hasget-title>h1 { padding-top: 55px } .anniversary-pop-title>h2 { font-size: 20px; line-height: 34px } /*.Menu_list { left: 1% !important; } .left_item { width: 155px!important; }*/ #nav_all li .s-sort { font-size:27px!important; } .sort-list dl { padding: 0 10px!important; } /*.sort-list dl dt:before, .sort-list dl dt:after { width: 30px!important; }*/ /* .logo { margin-left: 0%; }*/ .sort-list dl dd { padding: 8px 0 !important; } .side-bar { right: 2%; } } @media all and (max-width:1200px) { .preheating-layer>h1 { font-size: 1.875em } .special-model-detail-03 { padding-top: 0 } } @charset "utf-8"; .os-body { min-width: 1280px; background: #fff } .os-pop-body { width: 1080px; min-width: 1080px; max-width: 1080px; background: #fff; overflow: hidden } .os-banner,.os-banner>img { width: 100%; height: auto; min-height: 436px; position: relative } .os-banner-content { width: 100%; height: auto; position: absolute; left: 0; top: 20%; z-index: 2; color: #fff; text-align: center } .os-banner-content>h1 { font-size: 60px; line-height: 85px } .os-banner-content>p { font-size: 45px; line-height: 65px } .os-banner-content .os-ordershare-btn { margin-top: 1.3% } .os-banner-content .os-need-attention { margin-top: 30px } .os-banner-content>dl { width: 1000px; padding: 1.2% 0; margin: 2.6% auto 20px; border-top: rgba(255,255,255,.3) 5px solid } .os-banner-content>dl>dt,.os-banner-content>dl>dd { width: 42%; height: 120px; float: left; position: relative; text-align: left } .os-banner-content>dl>dd { float: right } .os-banner-content>dl>dt:before,.os-banner-content>dl>dd:before { content: '1'; width: 90px; height: 90px; float: left; line-height: 90px; font-size: 60px; border: #fff 5px solid; border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; text-align: center } .os-banner-content>dl>dd:before { content: '2'; border-color: transparent } .os-banner-content>dl>dt:after { content: ''; width: 1px; height: 100%; background: rgba(255,255,255,.5); position: absolute; right: -18%; top: 0; z-index: 2 } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @-ms-keyframes rotate { from { -ms-transform: rotate(0deg) } to { -ms-transform: rotate(360deg) } } @-o-keyframes rotate { from { -o-transform: rotate(0deg) } to { -o-transform: rotate(360deg) } } .os-banner-content>dl>dd:after { content: ''; width: 106px; height: 106px; position: absolute; left: -5px; top: -3px; z-index: 2; background: url(http://astatic.zaozuo.com.cn/dec1bc8c42a08b56d77289152c5f7262) no-repeat center; animation: 20s linear 0s normal none infinite rotate; -webkit-animation: 20s linear 0s normal none infinite rotate } .os-banner-content>dl h2 { font-size: 24px; line-height: 40px; padding-top: 5px } .os-banner-content>dl p { font-size: 15px; line-height: 25px } .os-banner-content>dl h2,.os-banner-content>dl p { padding-left: 120px } .os-need-attention { width: 135px; height: 40px; position: relative; margin: 10px auto; line-height: 40px; font-size: 15px; color: #fff; text-align: center; background: rgba(0,0,0,.4); border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; cursor: pointer } .os-need-attention:hover { background: #e56a69 } .os-need-attention:before { content: '?'; width: 20px; height: 20px; float: left; margin: 8px 0; position: relative; left: 16px; line-height: 20px; font-size: 12px; border: #fff 1px solid; border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; -webkit-border-radius: 11px; -ms-border-radius: 11px; text-align: center } .os-attention-box { width: 800px; height: auto; position: absolute; left: 50%; margin-left: -430px; z-index: 2; padding: 35px 30px; background: rgba(0,0,0,.95); text-align: center; display: none } .os-attention-box-bottom { bottom: 60px } .os-attention-box-top { top: 60px } .os-need-attention:hover .os-attention-box { display: block } .os-banner-content .os-need-attention:hover .os-attention-box { display: none } .os-viewdetail-pop { width: 1000px; height: 628px; background: #fff; display: none } .os-viewdetail-pop img { width: 100%; height: auto } .os-attention-box:before { content: ''; width: 0; height: 0; position: absolute; left: 50%; z-index: 2; margin-left: -15px; border-left: transparent 15px solid; border-right: transparent 15px solid } .os-attention-box-top:before { top: -10px; border-bottom: rgba(0,0,0,.95) 15px solid } .os-attention-box-bottom:before { bottom: -10px; border-top: rgba(0,0,0,.95) 15px solid } .os-attention-box>dd>h1 { width: 80%; height: 40px; margin: 10px auto 0; line-height: 40px; font-size: 32px; font-style: italic; border-bottom: rgba(255,255,255,.3) 1px solid } .os-attention-box>dd { width: 28%; margin: 0 2%; display: inline-block; vertical-align: top; text-align: center } .os-attention-box>dd>p { line-height: 25px; font-size: 15px; padding-top: 10px } .os-content { width: 82%; height: auto; margin: 90px auto } .os-ordershare-box { width: 25%; height: auto; min-height: 224px; float: left; border: #fff 1px solid; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; cursor: pointer; overflow: hidden } .os-ordershare-images-len { width: 40px; height: 40px; position: absolute; left: 25px; top: 25px; z-index: 1; line-height: 40px; color: #fff; font-size: 20px; text-align: center } .os-ordershare-images-len:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .5; filter: alpha(opacity=50); z-index: -1 } .os-ordershare-box>img { width: 100%; height: auto } .os-ordershare-info { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(/static/imgs/white-layer-bg-double11_c9cf623.png) repeat; opacity: 0; filter: alpha(opacity=0) } .os-ordershare-info>p { text-align: center; font-size: 12px; margin-top: 10px } .os-userheader,.os-userheader-pop { width: 114px; height: 114px; display: block; margin: 10% auto 0; border: transparent 6px solid; border-radius: 63px; -moz-border-radius: 63px; -o-border-radius: 63px; -webkit-border-radius: 63px; -ms-border-radius: 63px; overflow: hidden } .os-userheader-pop { margin-top: 0 } .os-userheader-gold { border-color: #dbc29b } .os-ordershare-info>p.os-comment-info { width: 60%; height: 60px; margin: 15px auto 0; font-size: 15px; line-height: 20px; overflow: hidden; position: relative; word-break: break-all } .os-share-coupon { width: auto; height: 30px; display: table; padding: 5px 10px; margin: 10px auto 0; background: #e56a69; position: relative } .os-share-coupon>dd { display: block; height: 15px; line-height: 16px; font-size: 12px; color: #fff } .os-share-coupon:before,.os-share-coupon:after { content: ''; width: 0; height: 0; position: absolute; top: 0; z-index: 1; border-top: #e56a69 20px solid; border-bottom: #e56a69 20px solid } .os-share-coupon:before { left: -10px; border-left: transparent 10px solid } .os-share-coupon:after { right: -10px; border-right: transparent 10px solid } .index-ordershare .os-content { width: 101%; margin: 40px auto 0 -.5% } .index-ordershare .os-ordershare-box { width: 20%; border-right: #fff 5px solid } .os-ordershare-modify { background: 0 0 } .os-ordershare-modify>img { width: 100%; height: auto } .os-ordershare-noimg { width: 100%; height: 100%; background: #fff; font-size: 18px; line-height: 30px } .os-ordershare-noimg>dt { height: 150px; padding: 22% 30px 0; overflow: hidden } .os-ordershare-noimg>dt:before { content: ''; width: 75px; height: 2px; display: block; position: relative; top: -20px; background: #d2d2d2 } .os-ordershare-noimg>dd { padding: 30px 30px 0 } .os-view-iframe-wrapper { width: 1080px; height: auto; overflow: hidden; display: none } .os-view-usershare-pop { width: 1080px; height: auto; background: #fff; text-align: center; overflow: hidden } .os-usershare-info { padding: 25px 90px 45px } .os-userinfo-box { width: 100%; margin: 40px auto; display: table } .os-userheader-wrapper { display: table-cell; vertical-align: middle } .os-usershare-info h1 { width: 447px; display: table-cell; vertical-align: middle; padding: 0 50px 0 40px; font-size: 24px; line-height: 30px; text-align: left } .os-userinfo-box .os-share-coupon-wrapper { display: table-cell; vertical-align: middle; padding-right: 18px } .os-share-coupon-wrapper .os-share-coupon { height: 50px; padding: 10px 10px 9px } .os-share-coupon-wrapper .os-share-coupon:before,.os-share-coupon-wrapper .os-share-coupon:after { border-width: 35px } .os-share-coupon-wrapper .os-share-coupon:before { left: -25px; border-left-width: 26px } .os-share-coupon-wrapper .os-share-coupon:after { right: -25px; border-right-width: 26px } .os-share-coupon-wrapper .os-share-coupon>dd { font-size: 20px; line-height: 25px; height: 25px } .os-usershare-info>p { margin: 0 auto; font-size: 18px; line-height: 30px; border-top: #eee 10px solid; padding-top: 20px; text-align: left } .os-usershare-img { width: 100%; height: auto; margin-top: 30px } .os-usershare-info>.index-goods-box { float: none; margin: 20px auto } .os-usershare-info>.index-goods-box>a>img { visibility: visible } .os-view-usershare-pop .otherdesign-wrapper { width: auto; display: block; padding: 15px 46px; background: #eee } .os-view-usershare-pop .otherdesign-box>ul>li { margin: 15px 25px 35px!important } .os-view-usershare-pop .otherdesign-box { width: 100%!important } .os-view-usershare-pop .otherdesign-wrapper>h1 { margin-bottom: 15px } .os-myshare-body { min-width: 1280px } .os-myshare-body .os-content { margin: 50px auto } .os-myshare-body .os-ordershare-box { border: #f6f6f6 3px solid } .os-myshare-title { width: 82%; margin: 40px auto 0; display: table; zoom: 1 } .os-myshare-title>dt,.os-myshare-title>dd { display: table-cell; vertical-align: top } .os-myshare-title>dd { width: 330px; height: auto } .os-myshare-title>dt>h1 { width: auto; padding-right: 10px; font-size: 34px; line-height: 42px; font-weight: 400 } .os-myshare-title>dt>p { width: 100%; float: left; font-size: 18px; line-height: 35px } .os-myshare-title>dt>h1,.os-myshare-title .os-need-attention-wrapper { display: table-cell; vertical-align: top } .os-myshare-title .os-need-attention { margin: 0 10px 0 0 } .os-goto-ordershare-btn { width: 320px; height: 70px; float: right; line-height: 70px; background: #000; color: #fff; font-size: 22px; text-align: center; cursor: pointer } .ordershare-me-list[isselected=true]:before { content: ''; width: 70px; height: 70px; display: block; position: absolute; left: 0; top: 0; background: url(/static/imgs/ordershare-selected_dbaaa03.png) no-repeat center } .iframe-closebtn { display: none; width: 20px; height: 20px; background: url(/static/imgs/pop-close-white-btn_50c3b2a.png) no-repeat #000 center; background-size: auto 20px; padding: 5px } .iframe-closebtn:hover { width: 20px; height: 20px; background: url(/static/imgs/pop-close-white-btn_50c3b2a.png) no-repeat #000 center; background-size: auto 20px; padding: 5px; opacity: .8 } .os-myshare-desc { width: 82%; margin: 40px auto 0; display: table; zoom: 1; position: relative } .os-myshare-desc:before { content: ''; width: 80%; height: 1px; position: absolute; left: 0; top: -20px; z-index: 2; background: #d2d2d2 } .os-myshare-desc>dt:before,.os-myshare-desc>dd:before { content: '1'; width: 90px; height: 90px; float: left; line-height: 90px; font-size: 60px; border: #313131 5px solid; border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; text-align: center } .os-myshare-desc>dd { margin-left: 30px } .os-myshare-desc>dd:before { content: '2'; border-color: transparent } @-webkit-keyframes rotate1 { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes rotate1 { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @-ms-keyframes rotate1 { from { -ms-transform: rotate(0deg) } to { -ms-transform: rotate(360deg) } } @-o-keyframes rotate1 { from { -o-transform: rotate(0deg) } to { -o-transform: rotate(360deg) } } .os-myshare-desc>dd:after { content: ''; width: 107px; height: 107px; position: absolute; left: -4px; top: -3px; z-index: 2; background: url(http://astatic.zaozuo.com.cn/6cbcaee85f3c8ecdd0ccda4b2df49321) no-repeat center; animation: 20s linear 0s normal none infinite rotate1; -webkit-animation: 20s linear 0s normal none infinite rotate1 } .os-myshare-desc>dt,.os-myshare-desc>dd { width: 35%; height: 120px; float: left; position: relative; text-align: left } .os-myshare-desc h2 { font-size: 20px; color: #313131 } .os-myshare-desc p { font-size: 15px; width: 60%; text-align: justify; line-height: 25px; padding-top: 10px } .os-myshare-desc h2,.os-myshare-desc p { padding-left: 120px } @media all and (min-width:1550px) { .os-banner-content { zoom: .8 } .os-myshare-title,.os-myshare-desc { zoom: .8 } } @media all and (max-width:1550px) { .os-banner-content { zoom: .8 } .os-content { margin: 50px auto } .os-banner-content>h1 { font-size: 50px; line-height: 65px } .os-banner-content>p { font-size: 35px; line-height: 45px } .os-banner-content>dl { width: 920px } .os-banner-content>dl>dt,.os-banner-content>dl>dd { height: 85px } .os-banner-content>dl>dd:after,.os-banner-content>dl>dd:before,.os-banner-content>dl>dt:before { zoom: .8 } .os-banner-content>dl>dt:after { zoom: 1.2 } .os-banner-content>dl h2 { font-size: 18px; line-height: 30px } .os-banner-content>dl p { font-size: 13px; line-height: 20px } .os-ordershare-btn { height: 60px; line-height: 60px } .os-attention-box { width: 710px; margin-left: -385px; padding: 25px 30px } .os-attention-box>dd>h1 { height: 40px; line-height: 40px; font-size: 30px } .os-attention-box>dd>p { font-size: 13px; line-height: 24px } .os-userheader { width: 90px; height: 90px; border-width: 4px; border-radius: 49px; -moz-border-radius: 49px; -o-border-radius: 49px; -webkit-border-radius: 49px; -ms-border-radius: 49px } .os-ordershare-info>p.os-comment-info { font-size: 13px; margin-top: 10px } .os-myshare-title,.os-myshare-desc { zoom: .7 } .os-myshare-desc:before { zoom: 1.3 } .os-myshare-desc>dt,.os-myshare-desc>dd { width: 30% } .os-myshare-title>dt>h1 { font-size: 30px } .os-myshare-title>dd { width: 280px } .os-goto-ordershare-btn { width: 270px; height: 55px; line-height: 55px; font-size: 18px } .os-ordershare-noimg { font-size: 16px } .os-ordershare-noimg>dt { line-height: 20px; height: 100px } .os-ordershare-noimg>dd { padding-top: 30px } .os-ordershare-images-len { width: 30px; height: 30px; left: 15px; top: 15px; line-height: 30px; font-size: 16px } .os-viewdetail-pop { width: 800px; height: 502px } } @media all and (max-width:1440px) { .os-myshare-title>dt>h1 { font-size: 26px } .os-myshare-title>dd { width: 250px } .os-goto-ordershare-btn { width: 240px } .os-myshare-title>dt>p { font-size: 16px; line-height: 30px } .os-userheader { margin-top: 8% } .os-share-coupon { margin-top: 5px } .os-view-iframe-wrapper { width: 864px } } @media all and (max-width:1350px) { .os-banner-content>h1 { font-size: 38px; line-height: 55px } .os-banner-content>p { font-size: 24px; line-height: 30px } .os-ordershare-btn { height: 50px; line-height: 50px } .os-attention-box { width: 660px; margin-left: -360px; padding: 20px 30px } .os-attention-box>dd>h1 { height: 30px; line-height: 30px; font-size: 24px } .os-attention-box>dd>p { font-size: 12px; line-height: 20px } .os-userheader { width: 60px; height: 60px; border-width: 4px; border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; -webkit-border-radius: 34px; -ms-border-radius: 34px; margin-top: 8% } .os-ordershare-info>p.os-comment-info { font-size: 12px } } @media all and (max-width:1280px) { .os-userheader { margin-top: 5% } .os-ordershare-info>p { height: 45px; line-height: 15px } } .prefectgoods-goods .dz_list .lazy{ height: 270px; } .prefectgoods-goods .dz_left .lazy{ height: 550px; } /*.prefectgoods-goods .index-list .layz{ height: 210px; }*/ @media (max-width: 1440px){ .prefectgoods-goods .dz_list .lazy{ height: 220px; } .prefectgoods-goods .dz_left .lazy{ height: 450px; } /*.prefectgoods-goods .index-list .layz{ height: 180px; }*/ } /*左侧悬浮框*/ .side-bar .icon-qq .qq { height: 60px; padding-top: 6px; box-sizing: border-box; background-color: #f8f8f8; position: absolute; width: 145px; left: -148px; top: 0px; line-height: 60px; color: #FFF; font-size: 18px; text-align: center; opacity: 0; filter: alpha(opacity=0); border:1px solid #dddddd; border-right: none; border-radius:5px 0px 0px 5px; display: flex; justify-content: center; /* transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s;*/ } .wpa_release_a01 { display: inline-block; zoom: 1; width: 102px; height: 30px; /* background: url(../images/wpa_a.png) no-repeat #252424; */ background: #ffffff; overflow: hidden; border:1px solid; border-color:#dcdcdc; border-radius:15.04px; } .wpa_release_a01 a, .wpa_release_a01 a:link, .wpa_release_a01 a:visited, .wpa_release_a01 a:hover { display: block; /* width: 82px; */ /* height: 23px; */ /* line-height: 21px; */ /* padding: 1px 0 0 20px; */ /* text-align: center; */ /* color: #fff; */ text-decoration: none; width: auto; } .side-bar .icon-qq:hover .qq{ display: flex; left: -150px; bottom: 0px; width: 145px; /* opacity: 1; filter: alpha(opacity=10000); */ /*transform: 2s;*/ } .side-icon .wx-pic { position: absolute; left: -148px; top: 0px; display: none; width: 147px; height: 147px; box-shadow: 0 2px 8px rgba(0,0,0,.2); background: #F8F8F8; flex-direction: column; height: auto; align-items: center; padding-top: 10px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .side-icon .p-phone { background-color: #f8f8f8; position: absolute; width: 145px; left: -148px; top: 0px; line-height: 50px; color: #333333; font-size: 15px; text-align: center; display: none; border:1px solid; border-color:#dddddd; border-radius:5px 0px 0px 5px; } .side-icon .p-pay { background-color: #f8f8f8; position: absolute; width: 145px; left: -148px; top: 0px; line-height: 50px; color: #333333; font-size: 15px; text-align: center; display: none; border:1px solid; border-color:#dddddd; border-radius:5px 0px 0px 5px; } .side-icon .p-gbook { background-color: #f8f8f8; position: absolute; width: 145px; left: -148px; top: 0px; line-height: 50px; color: #333333; font-size: 15px; text-align: center; display: none; border:1px solid; border-color:#dddddd; border-radius:5px 0px 0px 5px; } .side-bar .icon-chat:hover .wx-pic{ display: flex; } /* .side-bar .icon-blog:hover .p-phone{ display: block; } .side-bar .icon-shouc:hover .p-phone{ display: block; } .side-bar .icon-pay:hover .p-pay{ display: block; } .side-bar .icon-gbook:hover .p-gbook{ display: block; } */ .header-transparent{ background:rgba(218,218,218,0.6) none repeat scroll 0 0 !important; -moz-opacity:0.6; filter:alpha(opacity=60); } .navitem .showdown .i-item{ width:1400px !important; } .navitem .showdown .i-item .sitem{ width:70px !important; }