/*顶边栏*/
.header-top{
    min-width:1200px;
    height: 40px;
    background-color: #333333;
}
.navbar-nav{
  line-height: 40px;
    padding: 0 0 0 8px;
}
.navbar-nav a,.register,.login,.tz{
    color:#b0b0b0;
}
.navbar-nav a:hover,.register:hover,.login:hover,.tz:hover{
    color:#fff;
}
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.cart{
    position: relative;
    z-index: 32;
    display:inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #b0b0b0;
    background: #424242;
    width: 120px;
    margin-left: 15px;
}
.cart .cart-mini{
    font-size: 20px;
    margin-right: 5px;
    vertical-align: -4px;
}
.cart .cart-menu{
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 31;
    width: 316px;
    min-height: 85px;
    line-height: 85px;
    padding: 15px 0 0;
    color: #424242;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.cart:hover {
    /*background: #fff;*/
    color: #ff6700;
}
.cart:hover .cart-menu{
    display: block;
}
/*导航栏*/
.header-navbar{
    position: relative;
    height: 100px;
}
.logo{
     display: block;
     width: 255px;
     height: 55px;
     margin-top: 22px;
     position: relative;
     padding-top: 10px

}
.nav .nav-item{
    width:732px;
    height:80px;
    position: absolute;
    top:8px;
    left:65px;
    right:0;
    bottom:0;
    margin:auto;
}
.nav{
    width:720px;
    height:100px;
    position:relative;
    margin-left: 20px;
}
.nav-rt{
    margin-top: 30px;
}
.item-children{
    /*display: none;*/
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
}
.nav-item .link{
    display: block;
    padding: 26px 12px 30px;
    color: #333;
    font-size: 18px;
 }
.nav-item  .link:hover{
    color:#ff6700;
}
.nav-item{
    position:relative;
}
.header-nav-menu {
    display: none;
    position: absolute;
    top: 140px;
    left: 0;
    z-index: 24;
    width: 100%;
    height: 229px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
}
 .header-nav-menu .title {
     margin: 0;
     line-height: 20px;
     color: #333;
 }
.header-nav-menu-active {
    border-bottom: 1px solid #e0e0e0 \9;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.18);
    box-shadow: 0 3px 4px rgba(0,0,0,0.18);
    -webkit-transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
}
.header-nav-menu .figure-thumb {
    width: 160px;
    height: 110px;
    margin: 0 auto 16px;
    text-align: center;
}
 .header-nav-menu .figure-thumb a {
    display: block;
}
.header-nav-menu .figure-thumb img {
    width: 160px;
    height: 110px;
}
.header-nav-menu .children-list {
    display: none;
    font-size: 12px;
    width:1226px;
    margin-left: 84px;
    position:absolute;
}
.header-nav-menu .children-list li {
    position: relative;
    float: left;
    width: 180px;
    padding: 35px 12px 0;
    text-align: center;
}
 .header-nav-menu .children-list li:before {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 1;
    width: 1px;
    height: 100px;
    content: "";
    background-color: #e0e0e0;
}
.children-list .first:before {
    display: none;
}
.header-nav-menu .price {
    margin: 0;
    line-height: 20px;
    color: #ff6700;
}
.search-form{
    position: relative;
    width: 186px;
    height: 50px;
}
.search-form .search-text{
    position: absolute;
    top: 0;
    right: 51px;
    z-index: 1;
    width: 197px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ff6600;
    font-size: 14px;
    line-height: 48px;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.search-form .search-btn{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 52px;
    height: 40px;
    border: 1px solid #ff6600;
    font-size: 24px;
    line-height: 24px;
    background: #fff;
    color: #616161;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.search-form .search-btn span{
    font-size: 18px;
}
.search-form .search-btn:hover{
    background-color: #ff6700;
    color:#fff
}
.search-form .search-focus{
    border-color:#ff6700;
}
.search-words{
    position: absolute;
    top: 14px;
    right: 62px;
    z-index: 2;
    text-align: right;
}
.search-words a{
    display: inline-block;
    margin-left: 5px;
    padding: 0 5px;
    font-size: 12px;
    background: #eee;
    color: #757575;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.search-words a:hover{
    background-color: #ff6700;
    color:#fff;
}
.keywords{
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 20;
    width: 241px;
    border: 1px solid #ff6700;
    border-top: 0;
    background: #fff;
}
.keywords li span.result{
    position: absolute;
    right: 15px;
    top: 6px;
    color: #b0b0b0;
}
.keywords li>a{
    position: relative;
    display: block;
    padding: 6px 15px;
    font-size: 12px;
    color: #424242;
}
.keywords li:hover{
    background-color:#FAFAFA;
}


/* category slider */
.slider{
    position:relative;
}
.slider-main li {
    position:absolute;
}
.slider-main{
    height: 434px;
    margin-left: -34px;
}
.index{
    display: block;
    left: auto;
    right: 30px;
    text-align: right;
    font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 20px;
}
.index li{
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-color: rgba(255,255,255,0.3);
    border-radius: 10px;
    text-align: left;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    background: #f5f5f5;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.index .active{
    background: #fff;
    background: rgba(255,255,255,0.4);
    border-color: #757575;
    border-color: rgba(0,0,0,0.4);
}
.slider .btn{
     position: absolute;
     top: 50%;
     width: 41px;
     height: 69px;
     margin-top: -35px;
     overflow: hidden;
     outline: 0;
}
.slider .next:hover{
    background-position: -42px 50%;
}
.slider .next{
    right: -29px;
    background: url('../img/icon-slides.png') no-repeat -125px 50%;

}
.slider .pre{
    left: -3px;
    background: url('../img/icon-slides.png') no-repeat -84px 50%;
}
.slider .pre:hover{
    background-position: 0 50%;
}
.category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 234px;
    height: 460px;
    font-size: 14px;
    background: rgba(0,0,0,0.6);

}
.category-list {
    height: 420px;
    color: #fff;
    padding: 20px 0;
}
.category-item:hover {
    width: 100%;
    height: 42px;
    background: #ff6700;
    color: #fff;
}

.category-list .title {
    position: relative;
    display: block;
    padding-left: 30px;
    height: 42px;
    line-height: 42px;
    color: #fff;
}
.category-list .title span {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 20px;
    line-height: 16px;
    color: #ccc;
}
.category-list .children-col-3 {
    width: 795px;
}
.category-list .children {
    display: none;
    position: absolute;
    left: 234px;
    top: 0;
    z-index: 6;
    height: 456px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    background: #fff;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.18);
    box-shadow: 0 8px 16px rgba(0,0,0,0.18);
}
.category-list .children-list-col {
    float: left;
    width: 265px;
}
.category-list .children-col-2 {
    width: 530px;
}
.category-list .children-list {
    height: 458px;
    margin: 0;
    padding: 2px 0;
    list-style-type: none;
}
.category-list .children-list li {
    position: relative;
    float: left;
    width: 265px;
    height: 76px;
}
.category-list .children-list .link {
    display: block;
    margin-left: 40px;
    margin-top: 6px;
    line-height: 20px;
    color: #333;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.category-list .children-list .link:hover{color: #ff6700;}
.category-list .children-list .thumb {
    margin-right: 12px;
    vertical-align: middle;
}
.category-list .children-list .text {
    line-height: 40px;
    font-size: 14px;
}
.category-list .children-list .btn-buy {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 58px;
    height: 22px;
    line-height: 22px;
}

.category .btn-small {
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
}
.category .btn {
    display: inline-block;
    border-radius: 0;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid #ff6700;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #ff6700;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.category .btn:hover {
    background: #ff6700;
    color: #fff;
}
.home-nav{
    margin-top: 14px;
}
.home-channel-list li {
    position: relative;
    float: left;
    /*width: 297px;*/
    height: 82px;
    padding: 0 3px;
}
.home-channel-list{
    width: 233px;
    height:170px;
    font-size: 12px;float: right;padding: 22px 32px;
    text-align: center;
    background: #5f5750;
}
.home-channel-list h1{ font-size: 16px;color: #fff8f8;line-height: 1;}
.home-channel-list form{ margin: 0 auto;}
.home-channel-list input,.home-channel-list button{ background: #fff;margin-top: 14px;line-height: 31px;padding: 0 10px;width:208px;}
.home-channel-list button{ background: #454545;color: #fff;width: 228px;border: 0px;line-height: 40px;margin-top: 20px;}
.home-channel-list i {
    display: block;
    height: 24px;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 24px;
}
.home-channel-list li.top:before {
    display: none;
}
.home-channel-list li:before {
    top: -1px;
    left: 6px;
    width: 64px;
    height: 1px;
}
.home-channel-list li:before, .home-channel-list li:after {
    position: absolute;
    content: "";
    background: #665e57;
}
.home-channel-list li:after {
    top: 6px;
    left: 0;
    width: 1px;
    height: 70px;
}

.home-channel-list li.left:after {
    display: none;
}
.home-channel-list a:hover {
    color: #fff;
}
.home-channel-list a {
    display: block;
    padding-top: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    color: rgba(255,255,255,0.7);
    -webkit-transition: color .2s;
    transition: color .2s;
}
.home-promo-list img {
    width: 447px;
    height: 212px;
}
.home-promo-list li{
    margin-right: 14px;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
}
.home-promo-list li :hover{
    box-shadow: 6px 1px 30px rgba(0,0,0,0.2);
}
/*start-product */
.start-product{
    margin-top:20px;
}
.box-hd{
    position: relative;
}
.box-hd .title{
    margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
.box-hd .arrow{
    position: absolute;
    top: 24px;
    right: 0;
}
.start-product .arrow a{
    width: 24px;
    height: 16px;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    color: #b0b0b0;
    -webkit-transition: color .5s;
    transition: color .5s;
    margin-left: -5px;
}
.start-product .arrow .disable {
        color:#e0e0e0;
}
.start-product .arrow a:hover{
    color: #ff6700;
}
.start-product .xm-carousel-wrapper{
    position: relative;

}
.xm-carousel-wrapper .main-banner{
    position:absolute;
    left:100%;
}
.main-banner li {
    float: left;
    width: 234px;
    margin-right: 14px;
    height: 300px;
    padding-top: 39px;
    border-top-width: 1px;
    text-align: center;
    background: #fafafa;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.xm-carousel-wrapper .main-banner li:nth-child(5){
    margin-right:0;
}
.main-banner .thumb{
    display: block;
    width: 160px;
    margin: 0 auto 22px;
}
.main-banner .thumb img {
    width: 160px;
    height: 160px;
}
.main-banner h3 a{
    font-weight: 400;
    color: #212121;
    font-size: 14px;
    line-height: 20px;
}
.main-banner .desc {
    height: 18px;
    margin: 0 20px 12px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #b0b0b0;
}
.main-banner .price {
    margin: 0;
    color: #ff6709;
    font-size: 14px;
}
.rainbow-item-1 {
    border-top-color: #ffac13;
}
.rainbow-item-2 {
    border-top-color: #83c44e;
}
.rainbow-item-3 {
    border-top-color: #2196f3;
}
.rainbow-item-4 {
    border-top-color: #e53935;
}
.rainbow-item-5 {
    border-top-color: #00c0a5;
}
.rainbow-item-6 {
    border-top-color: #ffac13;
}
 .rainbow-item-7 {
    border-top-color: #83c44e;
}
.rainbow-item-8 {
    border-top-color: #2196f3;
}
.rainbow-item-9 {
    border-top-color: #e53935;
}
 .rainbow-item-10 {
    border-top-color: #00c0a5;
}
 /*main-home*/
.main-home{
    margin-top: 60px;
    background: #f5f5f5;
    min-width:1200px;
    min-height:1000px;
}
.more{
    position: absolute;
    top: 0;
    right: 0;
}
.more .more-link:hover{

    color: #ff6709;
}
.more .more-link:hover .rt{
 color: #fff;
    background-color: #ff6700;
}
.more .more-link {
    font-size: 16px;
    line-height: 58px;
    color: #424242;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.more .rt{
    width: 12px;
    height: 12px;
    padding: 4px;
    margin-left: 8px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 12px;
    background: #b0b0b0;
    color: #fff;
    vertical-align: 1px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.home-brick-row-box{
    height: 672px;
}
.home-brick-box {
    margin-top: 60px;
}
.home-brick-box-1{
    margin-top: 20px;
}
.box-wrapper{
    height:614px;
}
.box-wrapper .box-lf{
    float: left;
    width: 234px;
}
.box-wrapper .box-lf a img{
    width: 234px;
}
.box-wrapper .box-lf li{
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.box-wrapper .box-rt{
    float:right;
    width: 992px;
}
.box-wrapper .box-rt .box-pro{
    height: 260px;
    padding: 20px 0;
    position: relative;
    z-index: 1;
    float: left;
    width: 234px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.box-wrapper .box-rt li img{
    width: 160px;
    height: 160px;
    margin: 0 auto;
}
.box-wrapper .box-rt .box-pro .title{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #333;
    margin: 30px 10px 2px;
}
.box-wrapper .box-rt .desc{
    margin: 0 10px 10px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #b0b0b0;
}
.box-wrapper .box-rt .price{
    margin: 0 10px 10px;
    text-align: center;
    color: #ff6700;
    font-size: 14px;
}
.box-wrapper .box-rt .flag-new {
    background-color: #83c44e;
    z-index: 5;
}
.box-wrapper .box-rt .flag {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 64px;
    height: 20px;
    margin-left: -32px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.box-wrapper .box-rt .flag-saleoff {
    background-color: #e53935;
}
.box-wrapper .box-rt .price del {
    color: #b0b0b0;
}
.box-wrapper .box-lf li:hover,.box-rt .box-pro:hover{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.more .tab-list{
    margin: 0;
    padding: 16px 0 0;
    font-size: 16px;
}
.more .tab-list li {
    display: inline-block;
    margin: 0 0 0 30px;
    transition: border-color .5s;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #424242;
}
.more .tab-list li.tab-active{
    color: #ff6700;
    border-bottom: 2px solid #ff6700;
}
.box-well li{
    margin-bottom: 14px;
}
.box-wrapper .box-rt .review-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 234px;
    height: 0;
    opacity:0;
    overflow: hidden;
    font-size: 12px;
    background: #ff6700;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.box-wrapper .box-rt .review-wrapper a {
    display: block;
    padding: 8px 30px;
    outline: 0;
}
.box-wrapper .box-rt .review {
    display: block;
    margin-bottom: 5px;
    color: #fff;
}
.box-wrapper .box-rt .author {
    color: #fff;
    color: rgba(255,255,255,0.6);
}

.box-wrapper .box-rt li:hover .review-wrapper {
    opacity: 1;
    height: 76px;
}
.box-wrapper .box-rt .box-hot .box-pro{
    height: 103px;
    position: relative;
    z-index: 1;
    float: left;
    width: 234px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.box-wrapper .box-rt .box-hot .box-pro img{
    position: absolute;
    right: 20px;
    top: 32px;
    width: 80px;
    height: 80px;
}
.box-wrapper .box-rt .box-hot .box-pro .Price {
    margin: 0 110px 0 30px;
    font-size: 12px;
    color: #ff6700;
}
.box-wrapper .box-rt .box-hot .box-pro .title {
    margin: 25px 110px 5px 30px;
    font-size: 14px;
    font-weight: 400;
}
.box-wrapper .box-rt .box-hot .box-pro .title a{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}
.box-wrapper .box-rt .box-hot .box-pro .more{
    margin: 50px 130px 0 30px;
    font-size: 18px;
    color: #333;
}
.box-wrapper .box-rt .box-hot .box-pro .more small{
    display: block;
    font-size: 12px;
    color: #757575
}
.box-wrapper .box-rt .box-hot .box-pro .rt{
    display: inline-block;
    margin-top: 30px;
    margin-right: 35px;
    width: 48px;
    height: 48px;
    background: url("../img/arrow.png") no-repeat;
}
 .box-rt-1, .box-rt-2, .box-rt-3{
    position: relative;
    height:628px;
}
 .box-rt-1 ul.clear, .box-rt-2 ul.clear, .box-rt-3 ul.clear{
 position:absolute;
    display: none;
}
.home-brick-row-2-box{
    height:372px;
}
.slider-banner .arrow{
    position: absolute;
    top: 16px;
    right: 0;
}
.slider-banner .arrow a{
    width: 24px;
    height: 16px;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    color: #b0b0b0;
    -webkit-transition: color .5s;
    transition: color .5s;
    margin-left: -5px;
}
.slider-banner .arrow .disable {
    color:#e0e0e0;
}
.slider-banner .arrow a:hover{
    color: #ff6700;
}
.xm-carousel-wrapper-1{
    position: relative;
    height:314px;
    overflow: hidden;
}
.xm-carousel-list{
    position: absolute;
    left:100%;
}
.xm-carousel-list li {
    float: left;
    width: 234px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-right: 14px;
    margin-bottom: 14px;
    height: 300px;
    background-color: #fff;
    text-align: center;
}
.xm-carousel-list li:last-child{
    margin-right: 0;
}
.xm-carousel-list li dl{
    padding: 0 20px;
    margin-bottom: 0;
}
.xm-carousel-list li dl dt{
    padding: 40px 25px 15px;
    height: 145px;
}
.xm-recommend-name a {
    margin-bottom: 10px;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    font-size: 14px;
}
.xm-recommend-price {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #ff6700;
}
 .xm-recommend-tips {
    position: relative;
    color: #757575;
}
.xm-carousel-list li:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.home-brick-row-3-box{
 }
.review-list {
    width: 1240px;
    height: 415px;
}
.review-item {
    position: relative;
    float: left;
    width: 296px;
    height: 415px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.review-item:first-child, .review-item-first {
    margin-left: 0;
}
.review-item .figure-img img {
    width: 296px;
    height: 220px;
    margin: 0 0 28px;
}
.review-item .review {
    height: 72px;
    margin: 0 28px 22px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    overflow: hidden;
    color: #333;
}

.review-item .author {
    position: relative;
    height: 30px;
    margin: 0 0px 0px;
    padding: 0 20px 0 0;
    font-size: 12px;
    color: #b0b0b0;
}
.review-item .info {
    margin: 0 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.review-item .title {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    max-width: 260px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
    color: #333;
}
.home-review-box .sep {
    color: #e0e0e0;
}
.review-item:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.review-item .price {
    display: inline;
    margin: 0;
    color: #ff6700;
}
.home-brick-row-4-box{
    height:478px;
}
.content-list {
    width: 1240px;
    height: 420px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.content-item {
    border-top: 1px solid #ffac13;
    color: #ffac13;
    position: relative;
    float: left;
    width: 296px;
    height: 374px;
    padding: 45px 0 0;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.content-item-second{
    border-top-color: #83c44e;
    color: #83c44e;
}
.content-item-third{
    border-top-color: #e53935;
    color: #e53935;
}
.content-item-fourth{
    border-top-color: #2196f3;
    color: #2196f3;
}
.content-item:first-child{
    margin-left: 0;
}
.content-item .title {
    margin: 0 10px 18px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
.content-item .item-list {
    width:296px;
    transition: margin-left 0.5s ease;
    height: 340px;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
    color: #333;
}
.content-item .item-list li {
    position: absolute;
    left:100%;
    overflow: hidden;
    width: 296px;
    height: 340px;
}
.content-item .name {
    margin: 0 20px 5px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}
.content-item .desc {
    margin: 0 48px 10px;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    color: #b0b0b0;
}
.content-item .price {
    height: 21px;
    margin: 0 10px 15px;
    text-align: center;
    color: #333;
}
.content-item .figure-img {
    width: 216px;
    height: 154px;
    margin: 0 auto;
}
.content-item .figure-img img {
    width: 216px;
    height: 154px;
}
.xm-carousel-wrapper-2,.xm-carousel-wrapper-3,.xm-carousel-wrapper-4,.xm-carousel-wrapper-5{
    position: relative;
}
.control {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 24px;
    padding: 12px 0;
    font-size: 18px;
    line-height: 24px;
    position: absolute;
    background-color: rgba(66,66,66,0.2);
    color: #fff;
    top: 50%;
    margin-top: -65px;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.control-prev ,.control-prev-1,.control-prev-2,.control-prev-3 {
    left: 0;
}
.control-next ,.control-next-1,.control-next-2,.control-next-3 {
    right: 0;
}
.xm-carousel-wrapper-2 .btn,.xm-carousel-wrapper-3 .btn,.xm-carousel-wrapper-4 .btn,.xm-carousel-wrapper-5 .btn {
    border:1px solid #ffac13;
    background: #fff;
    color: #ffac13;
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.content-item:hover .control  {
    opacity: 1;
}
.content-item:hover{
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.content-item .arrow .change {
    background: #b0b0b0;
    color: #FFF;
}
.content-item .xm-pagers-wrapper {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 296px;
}
.xm-pagers .pager {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 10px;
    margin: 0 2px;
    cursor: pointer;
}
.xm-pagers .dot {
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #f5f5f5;
    border-radius: 6px;
    text-align: left;
    overflow: hidden;
    background-color: #b0b0b0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.xm-pagers .pager-active .dot {
    border-color: #ff6700;
    background-color: transparent;
}
.xm-pagers .pager:hover .dot {
    background: #ff6700;
}
.home-brick-row-5-box{
    height:60px;
}
.video-item:first-child {
    margin-left: 0;
}
.video-item {
    position: relative;
    float: left;
    width: 296px;
    height: 285px;
    margin-left: 14px;
    margin-bottom: 14px;
    text-align: center;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.video-item:hover{
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.video-item .figure-img {
    position: relative;
    width: 296px;
    height: 180px;
    margin: 0 0 28px;
}
.video-item .figure-img a {
    display: block;
    height: 180px;
}
.video-item .play {
    position: absolute;
    left: 20px;
    bottom: 10px;
    width: 32px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 12px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.video-item .play:hover{
    background-color: #ff6700;
    border-color: #ff6700;
}
.video-item .play img{
    width: 12px;
    margin: 3px auto;
}
.video-item .title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #333;
}
.video-item .title a{
    color: #333;
}
.video-item .title a:hover {
    color: #ff6700;
}
.video-item .desc {
    height: 18px;
    margin: 0;
    font-size: 12px;
    color: #b0b0b0;
}
.modal-video {
    width: 880px;
    height: 580px;
    margin-top: -298px;
    margin-left: -440px;
    -webkit-box-shadow: 0 18px 30px rgba(0,0,0,0.18);
    box-shadow: 0 18px 30px rgba(0,0,0,0.18);
    position: fixed !important;
    top: 50%;
    left: 50%;
    z-index: 800;
    background-color: #fff;
    outline: none;
}
body{
    position:relative;
}
/*.modal {*/
/*    position:absolute;*/
/*    display: none;*/
/*    top:0;*/
/*    left:0;*/
/*    width:100%;*/
/*    height:100%;*/
/*    z-index: 999;*/
/*    background: rgba(0,0,0,0.5);*/
}
/*.modal-header, .modal-hd {*/
/*    position: relative;*/
/*    height: 32px;*/
/*    padding: 14px 20px;*/
/*    background-color: #f5f5f5;*/
}
/*.modal-hd .title {*/
/*    margin: 0;*/
/*    font-size: 18px;*/
/*    font-weight: 400;*/
/*    line-height: 32px;*/
/*    color: #424242;*/
/*}*/
/*.modal .close {*/
/*    position: absolute;*/
/*    top: 14px;*/
/*    right: 14px;*/
/*    width: 30px;*/
/*    font-size: 24px;*/
/*    cursor: pointer;*/
/*    text-align: center;*/
/*}*/
/*.modal .close:hover{*/
/*    border-radius:50%;*/
/*    background-color: #E53935;*/
/*    color: #fff;*/
}
.modal-bd video{
    width:880px;
    height:495px;
    position:absolute;
    display: none;
}
/*footer*/
.footer{
    min-width:1200px;
    /*min-height:400px;*/
}
.site-footer .footer-service {
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}
.site-footer .list-service {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.site-footer .list-service li:first-child {
    border-left: 0;
}
.site-footer .list-service li {
    float: left;
    width: 19.8%;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}
.site-footer .list-service a {
    color: #616161;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.site-footer .list-service span {
    margin-right: 6px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: -4px;
}
.site-footer .footer-links .col-contact {
    float: right;
    width: 251px;
    height: 112px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #616161;
}

.site-footer .footer-links {
    padding: 40px 0;
}
.site-footer .footer-links .col-links {
    float: left;
    width: 160px;
    margin: 0;
}
.site-footer .footer-links .col-links dt {
    margin: -1px 0 26px;
    font-size: 14px;
    line-height: 1.25;
    color: #424242;
    font-weight: normal;
}
.site-footer .footer-links .col-links dt:hover{color: #ff6700;cursor: pointer;}
.site-footer .footer-links .col-links dd {
    margin: 10px 0 0;
    font-size: 12px;
}
.site-footer .footer-links .col-links a {
    color: #757575;
}
.site-footer .footer-links .col-links a:hover {
    color: #ff6700;
}
.site-footer .footer-links .col-contact .phone {
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 1;
    color: #ff6700;
}
.list-service a:hover{color: #ff6700;}
.site-info {
    padding: 30px 0;
    font-size: 12px;
    background: #fafafa;
}
.site-info {
    padding: 30px 0;
    font-size: 14px;
    background: #fafafa;
    text-align: center;
    line-height: 35px;
}
.site-info .logo2 {
    float: left;
    width: 57px;
    height: 57px;
    margin-right: 10px;
}
.site-info .info-text {
    color: #b0b0b0;
}
.site-info .info-text p {
    margin: 0;
    line-height: 18px;
}
.site-info .info-text .sites a {
    color: #757575;
    font-size: 14px; 
    line-height: 35px;
}
.sep, .ndash {
    margin: 0 .25em;
    font-family: sans-serif;
}
.site-info .info-links a{
    float: right;
    height: 28px;
    margin: 4px 0 0;
}
.site-info .info-links img {
    width: auto;
    height: 28px;
    margin-left: 7px;
}
.site-info .info-text .sites a:hover {
color:#ff6700;
}
.site-info .slogan {
    margin: 80px auto 0;
    width: 267px;
    height: 19px;
}
.btn-small {
    background: #fff;
    color: #ff6700;
    width: 118px;
    height: 28px;
    font-size: 12px;
    border: 1px solid #ff6700;
    padding: 8px 16px;
    margin-top: 35px;
    line-height: 50px;
}
.btn-small:hover {
    color: #fff;
    background-color: #f25807;
    border-color: #f25807;
}

.content{
	width: 1200px;
	margin: 0 auto; 
	padding:0;
}
.ny_top { padding:30px 0 0; font-size:14px; color:#333; height:30px;}
.ny_top em { padding:0 20px;}
.ny_top a { color:#ed1c24;}
.ny_nav { background:#f0f0f0}
.ny_nav dl {  line-height:51px; overflow:hidden; border-bottom:solid 1px #d8d8d8} 
.ny_nav dl dt { float:left; padding-left:50px;}
.ny_nav dl dt a em { font-size:16px; color:#333; display:block; float:left; width:90px;}
.ny_nav dl .ny_dt01 a em { width:80px;}
.ny_nav dl dt a img { display:block; float:left; padding:13px 0 0;}
.ny_nav dl dd { float: right; width:1000px;}
.ny_nav dl dd a { font-size:14px; color:#333; padding-right:30px;}
.ny_nav dl dd a:hover,.ny_nav dl dd a.cur { color:#ed1c24} 

.ny_dq { height:102px; background:#fff; box-shadow:5px 5px 5px #efefef; border:solid 1px #efefef }
.ny_dq p { float:right; padding:33px 40px 0 0;}
.ny_dq p .inp01 { background: url(../images/lb_inp.gif) no-repeat; width:148px; height:36px; line-height:36px; padding:0 10px; border:none; float:left; font-size:14px; color:#333; font-family: "黑体"; outline:none;}
.ny_dq span { display:block; float:left; padding:33px 0 0 50px; line-height:36px;}
.ny_dq span em { display:block; float:left; font-size:14px; color:#6b6b6b; width:50px;}
.ny_dq span i { display:block; float:left; width:124px;}
.ny_dq span i select { background:url(../images/lb_xl.gif) no-repeat; width:111px; height:36px; line-height:36px; font-size:13px; color:#6b6b6b;/* padding-left:11px;*/ font-family: "黑体"; -moz-appearance:none;-webkit-appearance:none;outline:none; border:0;}
.ny_dq span b { display:block; float:left; font-weight:normal; font-size:14px; padding-left:20px;}

.ny_pic { margin:25px 0 0;}
.ny_pic dl { float:left; margin:0 10px 10px 0;}
.ny_pic .nobor { margin:0 0 10px;}
.ny_pic dl dt a img { width: 289px; height:262px; }
.ny_pic dl dd { width:276px; height:82px; border:solid 1px #e4e4e4; position:relative;}
.ny_pic dl dd .ny_mr { top:-50px; left:192px;}
.ny_pic dl dd .ny_mr a img{ width:80px; height:80px;border-radius:50%;}
.ny_pic dl dd .ny_mr a span { background:url(../images/lb_pbg.png) no-repeat; width:200px; height:137px; position:absolute; top:-149px; left:-128px; padding-left:18px; display:none}
.ny_pic dl dd .ny_mr a span em { display:block; padding:15px 0 0;}
.ny_pic dl dd .ny_mr a span em i { color:#e51b23;}
.ny_pic dl dd .ny_mr a span b { display:block; font-weight:normal; line-height:22px; padding:10px 0 0;}
.ny_pic dl dd .ny_mr a:hover span { display:block;}
.ny_pic dl dd p { padding:20px 0 0 0px; text-align:center;}
.ny_pic dl dd p a { display:block; font-size:16px; color:#282828; font-weight:bold;}
.ny_pic dl dd p a em{ font-size: 13px;color: #666;margin-left:5px;}
.ny_pic dl dd p i { display:block; padding:10px 0 0 0; height:24px; line-height:24px; overflow:hidden;}
.ny_pic dl dd p i em { padding-left:20px;}
.sjs_ny_pic dl dd p{padding: 15px 0 0 10px;}
.sjs_ny_pic dl dd{ height: 80px;}
 .pa{ position:absolute;}
 .brand{ background: #fff;    background: #fff;
    padding: 14px 0 14px 14px;
    position: relative;}
.coop-list li{ float: left; width: 194px; height: 113px; border: 1px solid#EBEBEB; position: relative; margin: -1px -1px 0 0;}
.coop-list li a{ display: block; height: 100%;}
.coop-list li img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;width:90%;}


.categorys-tab-content{ height:500px; z-index:30; background-color:#000; background-color:rgba(0,0,0,0.6);position: absolute;}
.categorys-tab-content .categorys-items{ position:relative; height:100%;}
.categorys-tab-content .categorys-item{ cursor:pointer; height:14.29%;}
.categorys-tab-content .item-content{ padding:14.5px 16px; float:left; width:200px;}
.categorys-tab-content .item-content .icon-other{ float:left; width:16px; height:16px;}
.categorys-tab-content .item-content .icon-other img{ width:100%;}
.categorys-tab-content .selected .item-content{  background-color:rgba(0,0,0,1);}
.categorys-tab-content .iconfont{ float:left; color:#bfbfbf;}
.categorys-tab-content .categorys-title{ float:left; margin-left:10px; width:173px;}
.categorys-tab-content .categorys-title strong{ display:block; font-weight:normal; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.categorys-tab-content .categorys-title strong a{ color:#fff; font-size:14px;}
.categorys-tab-content .categorys-title span{ display:block; font-size:0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.categorys-tab-content .categorys-title span a{ color:#bfbfbf; margin-right:10px; font-size:14px;}
.categorys-tab-content .categorys-title span a:hover,.categorys-tab-content .categorys-title strong a:hover{ color:#24A4FC;}

.site-mast .categorys-tab-content{ display:none;}
.site-mast:hover .categorys-tab-content{ display:block;}
.site-mast .categorys-type{ background: #e31939;color: #fff;width: 219px;height: 35px;line-height: 35px;text-align: left;padding-left: 15px;font-size: 16px;font-weight: bold;}
.site-mast .categorys-type a{ color: #fff;}
.site-mast .categorys-type a img{ display: inline;margin-right: 18px;margin-top: -2px;}

.categorys-items-layer{ display:none; position:absolute; top:0; left:232px;width: 990px;z-index: 9990;
                        ; min-height:498px; border:1px solid #fff; background-color: #fff;box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);-webkit-transition: top .25s ease;transition: top .25s ease;}
.cate-layer-con{ padding:20px 20px 28px 18px;}
.cate-layer-con .lazy{ margin:100px 0 0 360px;}
.cate-layer-left{ float:left; width:100%;}
.cate-layer-rihgt{ float:right; width:200px;}
.cateLayer_items_all{ width:276px; }
.cateLayer_items_all .cate-layer-con{ padding:25px 35px; }

.cate_channel{ overflow:hidden; height:24px; width:100%;}
.cate_channel a,
.cate_two_channel a{ float:left; margin-right:10px; padding:0 10px 0 12px; height:24px; line-height:24px; color:#fff; background-color:#5f4f4f;}
.cate_channel .iconfont{ float:none; font-size:12px; margin-left:5px;}

.cate_detail{ margin-top:20px; width:100%;}
.cate_detail dl{ padding-left:80px; position:relative;}
.cate_detail dt{ overflow:hidden; position:absolute; color:#555; left:0; top:13px; width:70px; text-align:right; font-weight:700; white-space:nowrap;text-overflow: ellipsis;}
.cate_detail dt .iconfont{ font-size:12px; color:#666; margin-left:6px; float:none;}
.cate_detail dd{ padding:8px 0; overflow:hidden; border-bottom: 1px dashed #d2d2d2; min-height:28px;}
.cate_detail dl:last-child dd{ border-bottom:0;}
.cate_detail dd a{ float: left;margin: 8px 0;padding: 0 10px;height: 12px;border-left: 1px solid #e0e0e0;line-height: 12px;white-space: nowrap;}

.cate-brand{ margin:auto; font-size:0;}
.cate-brand .img{ overflow:hidden; display:inline-block; width:98px; height:48px; border:1px solid #f9f9f9; text-align:center; margin:-1px -1px 0 0;}
.cate-brand a{ display:table-cell; vertical-align:middle; width:98px; height:48px;}
.cate-brand a img{ width:100%; height:auto;}


.cate-promotion img {margin-bottom:2px;} 

.categorys-tab-content .categorys-item:hover .categorys-items-layer{ display:block;}



.nav{ height: 30px;}
.nav .categorys,
.attached-search-container .categorys{ height: 30px; width: 190px;}
.nav .categorys .categorys-type,
.attached-search-container .categorys .categorys-type{ line-height: 30px; background: #24A4FC;}
.nav .nav-main{ height: 30px; line-height: 30px;}
.categorys-tab-content{ height: 464px; background: #625d56;}
.categorys-tab-content .categorys-item{ height: 12.5%;}
.categorys-tab-content .iconfontCate{float: left; color: #fff;}
.categorys-tab-content .item-content{ width: 189px; padding-top: 16px; padding-bottom: 17px; padding-left: 35px; padding-right: 10px; border-bottom: 1px solid #625d56; position: relative;}
/*.categorys-tab-content .item-content:before{ content: ''; position: absolute; width: 4px; height: 4px; border: 1px solid #fff; border-top-color: transparent; border-left-color: transparent; transform: rotate(-45deg); right: 21px; top: 25px;}*/
.categorys-tab-content .categorys-title{ width: 116px; margin-left: 12px;}
.categorys-tab-content .categorys-title strong{ line-height: 24px;}
.categorys-tab-content .categorys-title span{ display: none;}
.categorys-tab-content .selected .iconfontCate{ color: #24A4FC;}
.categorys-tab-content .selected .item-content{ background: #858079; position: relative; z-index: 9991; /*border: 1px solid #24A4FC;*/ padding-bottom: 16px;}
.categorys-tab-content .selected .item-content:after{ content: ''; position: absolute; height: 100%; width: 1px; background: #fff; top: 0; right: -1px;}
.categorys-tab-content .selected .item-content:before{ border-right-color: #24A4FC; border-bottom-color: #24A4FC;}
.categorys-tab-content .selected .categorys-title strong a,
.categorys-tab-content .selected .iconfont{ color: #fff;}
.categorys-items-layer{ left: 234px; box-shadow: 0 0 0 transparent; /*border: 1px solid #24A4FC;*/ top: -1px; min-height: 463px;}
.cate_channel a:hover,
.cate_two_channel a:hover{ color: #fff;}
table {border-collapse: collapse;border-spacing: 0;}
.dialog_buttons{}
.dialog_buttons .dialog_btn{border:1px solid #ccc;margin-right:5px;cursor:pointer;width:50px;height:22px;}
table.pop_dialog_table {border-collapse:collapse;margin:auto;table-layout:fixed;}
td.pop_topleft,td.pop_topright,td.pop_bottomleft,td.pop_bottomright {height:9px;overflow:hidden;padding:0 !important;width:9px !important;}
td.pop_topleft {background-image:url(../images/pop_dialog_top_left.png) !important;}
td.pop_topright {background-image:url(../images/pop_dialog_top_right.png) !important;background-position:-4px 0;}
td.pop_bottomleft {background-image:url(../images/pop_dialog_bottom_left.png) !important;background-position:0 -4px;}
td.pop_bottomright {background-image:url(../images/pop_dialog_bottom_right.png) !important;background-position:-4px -4px;}
td.pop_border {background-image:url(../images/pop_dialog_border.png) !important;}
td.pop_content {background-color:#FFFFFF;padding:0;}
td.pop_content.morpadding_bluebg {background-color:#D2D9E6;padding:10px;}
td.pop_content h2 span {display:block;padding:4px 10px 5px;}
td.pop_content h2 a.floatright {float:right;}
td.pop_content .dialog_content {background:#FFFFFF none repeat scroll 0 0;border-color:#898989;border-style:solid;border-width:0 1px 1px;}
td.pop_content .dialog_body p {color:#333333;}
td.pop_content .dialog_body a,td.pop_content .dialog_body a:visited {color:#595757;}
td.pop_content .dialog_content.borderblue {border:1px solid #8598C0;}
td.pop_content .dialog_body {padding:10px;}
/*td.pop_content .dialog_buttons input {background-color:#005EAC !important;background-image:none !important;border-color:#B8D4E8 #124680 #124680 #B8D4E8 !important;border-style:solid;border-width:1px;color:#FFFFFF;}
td.pop_content .dialog_buttons input.gray {background:#F0F0F0 none repeat scroll 0 0 !important;border-color:#FFFFFF #848484 #848484 #FFFFFF !important;border-style:solid;border-width:1px;color:#333333 !important;}
*/td.pop_content .share_popup {padding:0;}
td.pop_content .dialog_summary {background:#F2F2F2 none repeat scroll 0 0;border-bottom:1px solid #CCCCCC;padding:8px 10px;}
td.pop_content .dialog_summary p.centertext {line-height:20px;margin:30px;text-align:center;}
td.pop_content .dialog_summary ul.classlist {list-style-image:none;list-style-position:outside;list-style-type:none;}
td.pop_content .dialog_summary ul.classlist li {height:25px;line-height:25px;list-style-image:none;list-style-position:outside;list-style-type:none;}
td.pop_content .dialog_summary ul.classlist li input.floatleft {background:transparent none repeat scroll 0 0;float:left;margin-right:5px;margin-top:7px;vertical-align:middle;}
* + html td.pop_content .dialog_summary ul.classlist li input.floatleft {margin:3px 0 0;}
td.pop_content .dialog_summary ul.classlist li .gray {color:#B4B4B4;}
td.pop_content .dialog_summary.higher {height:100px;padding:10px;}
td.pop_content .dialog_buttons.alignleft {text-align:left;}
td.pop_content .dialog_buttons input {margin-left:5px;}
td.pop_content .dialog_buttons_left_msg {float:left;}
td.pop_content .loading {background:#F7F7F7 none repeat scroll 0 0;font-size:14px;font-weight:700;padding:10px;}


.dialog_popup {display:none;width:350px;left:50%;top:50%;margin-left:-175px!important;margin-top:-80px;position:fixed!important;position:absolute;_top:40%;}
table.pop_dialog_table {border-collapse:collapse;margin:auto;table-layout:fixed;direction:ltr;width:100%;}
table.pop_dialog_table .pTitle {font-size:18px;margin-bottom:10px;}
td.pop_topleft,td.pop_topright,td.pop_bottomleft,td.pop_bottomright {height:6px;overflow:hidden;padding:0px!important;padding:5px;width:6px;width:6px!important;}
td.pop_content {background-color:#898989;padding:0px;border:1px solid #898989;direction:ltr;}
td.pop_content h2 {background:none repeat scroll 0 0 #9FA0A0;color:white;font-size:14px;font-weight:bold;margin:0px;height:28px;position:relative;border:none;}
td.pop_content h2 span {display:block;padding:5px 10px 5px 10px;*padding:8px 10px 5px 10px;}
td.pop_content h2 a {float:right;padding:4px 10px 5px 10px;font-weight:normal;color:#fff;position:absolute;cursor:pointer;top:0px;right:0px;}
td.pop_content h2 a:link {color:#fff}
td.pop_content h2 a:visited {color:#fff}
td.pop_content h2 a:hover {color:#fff}
td.pop_content h2 a:active {color:#fff}
td.pop_content .dialog_content {background:#fff;}
td.pop_content .dialog_body {padding:15px;overflow:hidden}
.closeX {float:right;padding-right:5px;cursor:pointer;}
td.pop_content .dialog_body p {}
td.pop_content .dialog_body_img {float:left;padding:20px 10px 20px 40px}
td.pop_content .dialog_buttons {padding:7px;padding-right:20px;text-align:center;border-top:0px #d4d8db solid;}
td.pop_content .dialog_buttons input {margin-left:5px;}
td.pop_content .dialog_group_list {width:280px;height:93px;overflow:auto;margin:0 auto 10px auto;}
td.pop_content .dialog_group_list li {float:left;margin:2px 0;width:130px;}
td.pop_content .dialog_group_list li span {margin:0 5px}
td.pop_content .dialog_group_list li .group_list_checkbox {vertical-align:middle;height:20px}
td.pop_content .dialog_group_list li .group_list_onclick {border:1px #808080 solid;padding-top:1px;*padding-top:0px}
td.pop_content .dialog_group_list li .group_list_onclick input {border-left:1px solid #000000;border-top:1px solid #000000;border-right:none;border-bottom:none;width:80px;vertical-align:inherit}
td.pop_content .member_list {border:1px #9a9a9a solid;width:295px;margin:10px 0 0 0}
td.pop_content .member_add {background:#f3f6fb;height:23px;padding:7px 0px 0px 20px;}
td.pop_content .member_add input {vertical-align:middle}
td.pop_content .member_add  a {margin-left:8px}
td.pop_content .member_list_ul {height:92px;overflow-y:scroll;}
td.pop_content .member_list_ul li {border-bottom:1px solid #EBEBEB;float:left;height:23px;padding:7px 0 0 20px;width:72px;}
td.pop_content .member_list_ul li input {margin-right:5px}
td.pop_content .dl_dialog {clear:both;margin:2px 0;float:left;width:100%;text-align:left;margin-top:10px}
td.pop_content .dl_dialog dt {font-weight:bold;margin-bottom:5px}
td.pop_content .dl_dialog dd {margin-bottom:3px}
@media (min-width:1440px) {
    .cases .case-list .item .conimg-box { height: 220px }
    .building .building-box .building-list .item .conimg-box { height: 205px }
}

@media (min-width:1600px) {
    .cases .case-list .item .conimg-box { height: 220px }
    .building .building-box .building-list .item .conimg-box { height: 215px }
}