@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;
}