body {
        font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
        color: #333;
        background-color: #fff;
        min-width: 1226px;
    }

    body {
        margin: 0;
    }

    @font-face {
        font-family: iconfont;
        src: url("iconfont.ttf");
    }

    .site-bn-bar {
        width: 100%;
        background-repeat: no-repeat;
        background-position: center 0;
    }

    .site-bn-bar .site-bn-bar-link {
        display: block;
        width: 100%;
        height: 120px;
        text-indent: -9999em;
    }

    a {
        color: #757575;
        text-decoration: none;
    }

    .container {
        width: 1226px;
        margin-right: auto;
        margin-left: auto;
    }

    .site-category {
        display: block;
    }

    .site-category {

        display: block;
        position: absolute;
        top: 88px;
        left: -199px;
        z-index: 21;
        width: 234px;
        height: 680px;
        font-size: 14px;
    }

    /* site-category-list {
        height: 420px;
        border: 0;
        color: #fff;
        background: #333;
        background: rgba(0,0,0,0.6);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;
    } */
 .site-category .hover{
     background-color: #ff6700;
 }
    .site-category-list {

        margin: 0;
        padding: 20px 0;
        list-style-type: none;
        background: #fff;
        height: 649px;
        border: 0;
        color: #fff;
        background: #333;
        background: rgba(0, 0, 0, 0.6);
    }

    .clearfix:before, .clearfix:after {
        content: " ";
        display: table;
    }

    .site-category-list .title {
        color: #fff;
    }

    .site-category-list .title {
        position: relative;
        display: block;
        padding-left: 30px;
        height: 42px;
        line-height: 42px;

    }

    .site-category-list .title i {
        color: #fff;
        color: rgba(255, 255, 255, 0.5);
    }

    .site-category-list .title i {
        position: absolute;
        top: 12px;
        right: 20px;
        font-size: 16px;
        line-height: 16px;
        color: #e0e0e0;
    }

    .site-category-list .children-col-3 {
        width: 795px;
    }
    .site-category-list .hover .children {
        display: block;
    }
    .site-category-list .children {
        opacity: 0.9;
        display: none;
        position: absolute;
        left: 234px;
        top: 0;
        z-index: 24;
        min-height: 680px;
        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);
    }
    .children-col-3 .star-goods .SubCategory{
        color: #ff6700;
     padding: 8px;
     /*border-right: 3px solid #eee;*/
     }
    .site-category-list .children-list-col {
        float: left;
        width: 265px;
    }

    .site-category-list .children-list {
        width: 796px;
        height: 680px;
        margin: 0;
        padding: 2px 0;
        list-style-type: none;
    }

    .site-category-list .children-list li {
        position: relative;
        float: left;
        width: 265px;
       min-height: 76px;
    }

    .site-category-list .children-list li.star-goods .link {
        width: 170px;
        padding-right: 0;
    }

 .site-category-list .children-list li.star-goods  a {
     position: relative;
 }
    .site-category-list .children-list .link {
        display: block;
        padding: 18px 20px;
        line-height: 40px;
        color: #333;
        -webkit-transition: color .2s;
        transition: color .2s;
    }

    .site-category-list .children-list .btn-buy {
        position: absolute;
        right: 10px;
        top: 26px;
        width: 58px;
        height: 22px;
        line-height: 22px;
    }

    .btn-line-primary {
        border-color: #ff6700;
        background: #fff;
        color: #ff6700;
    }

    .btn-small {
        width: 118px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
    }

    .btn {
        display: inline-block;
        width: 158px;
        height: 38px;
        padding: 0;
        margin: 0;
        border: 1px solid #b0b0b0;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        color: #b0b0b0;
        cursor: pointer;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .site-category-list .children-list .thumb {
        margin-right: 12px;
        vertical-align: middle;
    }

    img {
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    .site-category-list .children-list .text {
        line-height: 40px;
    }

    Inherited from a.link
    .site-category-list .children-list .link {
        display: block;
        padding: 18px 20px;
        line-height: 40px;
        color: #333;
        -webkit-transition: color .2s;
        transition: color .2s;
    }

    .site-header .nav-item {
        float: left;
    }

    .site-header .nav-item .link {
        display: block;
        padding: 26px 10px 38px;
        color: #333;
    }

    .site-header .nav-item .link {
        display: block;
        padding: 26px 10px 38px;
        color: #333;
    }

    .site-header .nav-item .item-children {
        display: none;
    }

    menu, ol, ul {
        padding: 0 0 0 40px;
    }

    dl, menu, ol, ul {
        margin: 1em 0;
    }

    img {
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    p, pre {
        margin: 1em 0;
    }
    .home-hero-container {
        position: relative;
        z-index: 10;
    }

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .home-hero {
        position: relative;
        margin-bottom: 26px;
    }


    .home-hero .home-hero-sub {
        margin-top: 20px;
    }

    .row {
        margin-left: -14px;
        _margin-left: 0;
    }

    .row:after {
        clear: both;
    }

    .home-channel-list i {
        display: block;
        height: 24px;
        margin-bottom: 4px;
        font-size: 24px;
        line-height: 24px;
    }


    .row {
        margin-left: -14px;
        _margin-left: 0;
    }

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .span4 {
        width: 234px;
    }

    .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16, .span17, .span18, .span19, .span20 {
        float: left;
        margin-left: 14px;
        min-height: 1px;
    }

    .home-channel-list {
        margin: 0;
        height: 164px;
        padding: 3px;
        list-style-type: none;
        font-size: 12px;
        text-align: center;
        background: #5f5750;
    }

    .home-channel-list li {
        position: relative;
        float: left;
        width: 70px;
        height: 82px;
        padding: 0 3px;
    }

    .home-channel-list a {
        display: block;
        padding-top: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        color: #fff;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transition: color .2s;
        transition: color .2s;
    }

    .span16 {
        width: 978px;
    }

    .home-promo-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .home-promo-list li.first {
        margin-left: 9px;
    }

    .home-promo-list li {
        float: left;
        width: 235px;
        height: 170px;
        margin-left: 15px;
        -webkit-transition: -webkit-box-shadow .2s linear;
        transition: box-shadow .2s linear;
    }

    .home-promo-list a {
        display: block;
        height: 170px;
    }

    .home-promo-list img {
        width: 235px;
        height: 170px;
    }

    /* С�����Dz�Ʒ�Ƽ� */

    .xm-plain-box .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .xm-plain-box .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }

    .xm-plain-box .box-hd .more {
        position: absolute;
        top: 0;
        right: 0;
    }

    .home-star-goods .box-hd .more {
        top: 24px;
    }

    .xm-plain-box .box-hd .more .control {
        margin-left: -1px;
    }

    .xm-controls-line-small .control {
        width: 24px;
        height: 16px;
        padding: 3px 5px;
        border: 1px solid #e0e0e0;
        font-size: 16px;
        line-height: 16px;
    }

    .xm-controls .control {
        display: inline-block;
        text-align: center;
        color: #b0b0b0;
        -webkit-transition: color .5s;
        transition: color .5s;
    }
 .xm-controls .control:hover, .xm-controls .control.active {
     color: #ff6700;
 }
    .xm-controls .control-disabled {
        cursor: default;
    }

    .home-star-goods .box-bd {
        position: relative;
        width: 1226px;
        overflow: hidden;
        _zoom: 1;
        padding-bottom: 40px;
    }

    .home-star-goods .xm-carousel-wrapper {
        height: 340px;
    }

    .home-star-goods .goods-list {
        height: 340px;
        overflow: hidden;
        _zoom: 1;
    }

    .home-star-goods .xm-carousel-list {
        width: 1240px;
        height: 340px;
    }

    .xm-carousel-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .home-star-goods .rainbow-list .rainbow-item-1 {
        border-top-color: #ffac13;
    }

    .home-star-goods .goods-list li {
        height: 300px;
        padding-top: 39px;
        border-top-width: 1px;
        border-top-style: solid;
        text-align: center;
        background: #fafafa;
        -webkit-transition: all .6s;
        transition: all .6s;
    }

    .xm-carousel-col-5-list li {
        float: left;
        width: 234px;
    }

    .xm-carousel-list li {
        float: left;
        width: 234px;
        margin-right: 14px;
    }

    .home-star-goods .goods-list .thumb {
        display: block;
        width: 160px;
        margin: 0 auto 22px;
    }

    .home-star-goods .goods-list .thumb img {
        width: 160px;
        height: 160px;
    }

    .home-star-goods .goods-list .title, .home-star-goods .goods-list .title a {
        color: #212121;
    }

    .home-star-goods .goods-list .title {
        margin: 0 20px 3px;
        font-size: 14px;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
    }

    .home-star-goods .goods-list .desc {
        height: 18px;
        margin: 0 20px 12px;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        color: #b0b0b0;
    }

    .home-star-goods .goods-list .price {
        margin: 0;
        color: #ff6709;
    }

    .home-star-goods .rainbow-list .rainbow-item-2 {
        border-top-color: #83c44e;
    }

    .home-star-goods .rainbow-list .rainbow-item-3 {
        border-top-color: #2196f3;
    }

    .home-star-goods .rainbow-list .rainbow-item-4 {
        border-top-color: #e53935;
    }

    .home-star-goods .rainbow-list .rainbow-item-5 {
        border-top-color: #00c0a5;
    }

    .home-star-goods .rainbow-list .rainbow-item-6 {
        border-top-color: #ffac13;
    }

    .home-star-goods .rainbow-list .rainbow-item-7 {
        border-top-color: #83c44e;
    }

    .home-star-goods .rainbow-list .rainbow-item-8 {
        border-top-color: #2196f3;
    }

    .home-star-goods .rainbow-list .rainbow-item-9 {
        border-top-color: #e53935;
    }

    .home-star-goods .rainbow-list .rainbow-item-10 {
        border-top-color: #00c0a5;
    }

    /* �ҵ� */
    .home-main {
        padding-top: 60px;
    }

    .page-main {
        background: #f5f5f5;
    }
.slidesjs-container li{
    list-style-type: none;
}
    /*.home-brick-row-2-box {*/
        /*height: 686px;*/
    /*}*/

    .home-brick-box {
        margin-bottom: 8px;
    }

    .xm-plain-box .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .xm-plain-box .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }

    .xm-plain-box .box-hd .more .tab-list {
        margin: 0;
        padding: 16px 0 0;
        list-style-type: none;
        font-size: 16px;
    }

    .xm-plain-box .box-hd .more .tab-list li:hover, .xm-plain-box .box-hd .more .tab-list li.tab-active {
        color: #ff6700;
        border-bottom: 2px solid #ff6700;
    }

    .home-brick-box .box-hd .more .tab-list li {
        margin: 0 0 0 30px;
    }

    .xm-plain-box .box-hd .more .tab-list li {
        display: inline-block;
        padding: 0;
        margin: 0 15px;
        color: #424242;
        border-bottom: 2px solid #f5f5f5;
        border-bottom: 2px solid transparent;
        -webkit-transition: border-color .5s;
        transition: border-color .5s;
        cursor: pointer;
    }

    .home-brick-box .box-hd .more .tab-list li {
        margin: 0 0 0 30px;
    }

    .row {
        margin-left: -14px;
        _margin-left: 0;
    }

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .span4 {
        width: 234px;
    }
    .tab-container>ul{
        display: none;
    }
    .home-brick-box .brick-list, .home-brick-box .brick-promo-list {
        margin: 0 0 -14px -14px;
        _margin-left: 0;
    }

    .brick-list, .brick-promo-list {
        height: 614px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .brick-item-l {
        height: 614px;
    }

    .brick-item {
        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;
    }

    .brick-promo-list a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .brick-promo-list .brick-item-l img {
        height: 614px;
    }

    .brick-promo-list img {
        width: 234px;
    }

    .span16 {
        width: 978px;
    }

    .home-brick-box .brick-list, .home-brick-box .brick-promo-list {
        margin: 0 0 -14px -14px;
        _margin-left: 0;
    }

    .brick-list {
        width: 992px;
    }

    .brick-list, .brick-promo-list {
        height: 614px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .brick-item-m {
        height: 246px;
        padding: 34px 0 20px;

    }
 .brick-list-active{
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     transform: translate3d(0,-2px,0);
 }

    .brick-item {
        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;
    }

    .brick-item-m .figure-img {
        width: 150px;
        height: 150px;
        margin: 0 auto 18px;
    }

    .brick-item-m .figure-img a {
        display: block;
    }

    .brick-item-m .title, .brick-item-m .title a {
        color: #333;
    }

    .brick-item-m .title {
        margin: 0 10px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

    .brick-item-m .title a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
    }

    .brick-item-m .title, .brick-item-m .title a {
        color: #333;
    }

    .brick-item-m .desc {
        margin: 0 10px 10px;
        height: 18px;
        font-size: 12px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        color: #b0b0b0;
    }
 .brick-item-m .price {
     margin: 0 10px 10px;
     text-align: center;
     color: #ff6700;
 }
    .brick-item-m .price del {
        color: #b0b0b0;
    }

    .brick-item-m .rank {
        margin: 0 10px;
        font-size: 12px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        color: #b0b0b0;
    }

    .brick-item .flag-saleoff {
        background-color: #e53935;
    }

    .brick-item .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;
    }

    .brick-item-m .review-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        width: 234px;
        height: 0;
        overflow: hidden;
        _zoom: 1;
        font-size: 12px;
        background: #ff6700;
        opacity: 0;
        filter: alpha(opacity=0) \9;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .brick-item-m .review-wrapper a {
        display: block;
        padding: 8px 30px;
        outline: 0;
    }

    .brick-item-s {
        height: 93px;
        padding-top: 50px;
    }

    .brick-item-s .figure-img {
        position: absolute;
        right: 20px;
        top: 32px;
        width: 80px;
        height: 80px;
    }

    .brick-item-s .figure-img img {
        width: 80px;
        height: 80px;
    }

    .brick-item-s .title, .brick-item-s .title a {
        color: #333;
    }

    .brick-item-s .title {
        margin: -10px 110px 5px 30px;
        font-size: 14px;
        font-weight: 400;
    }

    .brick-item-s .title a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
    }

    .brick-item-s .price {
        margin: 0 110px 0 30px;
        font-size: 12px;
        color: #ff6700;
    }

    .brick-item-s .price .num {
        font-size: 14px;
    }

    .brick-item-s .figure-more {
        position: absolute;
        right: 35px;
        top: 48px;
        width: 48px;
        height: 48px;
    }

    .brick-item-s .figure-more a {
        display: block;
        color: #ff6700;
    }

    .brick-item-s i {
        font-size: 48px;
        line-height: 48px;
    }

    .brick-item-s .more {
        display: block;
        margin: 0 110px 0 30px;
        font-size: 18px;
        color: #333;
    }

    .brick-item-s .more small {
        display: block;
        font-size: 12px;
        color: #757575;
    }

    /* Ϊ���Ƽ� */

    .home-recm-box {
        margin-bottom: 22px;
    }

    .home-brick-row-1-box {
        height: 358px;
    }

    .xm-plain-box .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .xm-plain-box .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .home-recm-box .xm-carousel-wrapper {
        position: relative;
        width: 1226px;
    }

    .xm-recommend ul, .xm-recommend li, .xm-recommend dl, .xm-recommend dt, .xm-recommend dd {
        padding: 0;
        margin-top: 0;
        list-style: none;
    }

    .xm-carousel-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .home-recm-box .xm-recommend ul.xm-carousel-list li {
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .xm-recommend ul.xm-carousel-list li {
        margin-right: 14px;
    }

    .xm-recommend ul li {
        margin-bottom: 14px;
        height: 300px;
        background-color: #fff;
        text-align: center;
        position: relative;
    }
    .xm-recommend dl {
        padding: 0 20px;
        margin-bottom: 0;
    }
    .xm-recommend dl dt {
        padding: 40px 0 15px;
        height: 145px;
    }
    .xm-recommend dl dt img {
        width: 140px;
        height: 140px;
    }
    .xm-recommend ul, .xm-recommend li, .xm-recommend dl, .xm-recommend dt, .xm-recommend dd {
        padding: 0;
        margin-top: 0;
        list-style: none;
    }
    .xm-recommend .xm-recommend-name {
        margin-bottom: 10px;
        height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
    }
    .xm-recommend .xm-recommend-name a {
        color: #333;
    }
    .xm-recommend .xm-recommend-price {
        margin-bottom: 10px;
        color: #ff6700;
    }
    .xm-recommend .xm-recommend-tips {
        position: relative;
        color: #757575;
    }
    .xm-carousel-col-5-list li {
        float: left;
        width: 234px;
    }

    /* ������Ʒ */

    .home-review-box {
        margin-bottom: 22px;
    }

    .xm-plain-box .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .xm-plain-box .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }

    .review-list {
        width: 1240px;
        height: 415px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .review-item:first-child, .review-item-first {
        margin-left: 0;
    }

    .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 .figure-img {
        width: 296px;
        height: 220px;
        margin: 0 0 28px;
    }

    .review-item .figure-img a {
        display: block;
    }

    .review-item .figure-img img {
        width: 296px;
        height: 220px;
    }

    .review-item .review, .review-item .review a {
        color: #333;
    }

    .review-item .review {
        height: 72px;
        margin: 0 28px 22px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        overflow: hidden;
        _zoom: 1;
    }

    .review-item .review a {
        display: block;
    }

    .review-item .review, .review-item .review a {
        color: #333;
    }

    .review-item .author {
        position: relative;
        height: 18px;
        margin: 0 28px 8px;
        padding: 0 10px 0 0;
        font-size: 12px;
        color: #b0b0b0;
    }

    .review-item .info {
        margin: 0 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
    }

    .review-item .title {
        display: inline-block;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        max-width: 170px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        vertical-align: bottom;
        color: #333;
    }

    .review-item .title a {
        color: #333;
    }

    .home-review-box .sep {
        color: #e0e0e0;
    }

    .review-item .sep {
        color: #b0b0b0;
    }

    .sep, .ndash {
        margin: 0 .25em;
        font-family: sans-serif;
    }

    .review-item .price {
        display: inline;
        margin: 0;
        color: #ff6700;
    }

    /* ���� */
    .home-content-box {
        margin-bottom: 22px;
    }

    .xm-plain-box .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .xm-plain-box .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }

    .content-list {
        width: 1240px;
        height: 420px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .content-item:first-child, .content-item-first {
        margin-left: 0;
    }

    .content-item-book {
        border-top-color: #ffac13;
        color: #ffac13;
    }

    .content-item {
        position: relative;
        float: left;
        width: 296px;
        height: 374px;
        padding: 45px 0 0;
        border-top: 1px solid #e0e0e0;
        margin-left: 14px;
        margin-bottom: 14px;
        background: #fff;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .content-item .title {
        margin: 0 10px 18px;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
    }

    .content-item .item-list {
        height: 340px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
        overflow: hidden;
        _zoom: 1;
        color: #333;
    }

    .content-item .item-list li {
        float: left;
        width: 296px;
        height: 340px;
    }

    .content-item .name, .content-item .name a {
        color: #333;
    }
    .content-item .figure-img img {
        width: 216px;
        height: 154px;
    }
    .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;
        _zoom: 1;
    }

    .content-item .name a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        _zoom: 1;
        outline: none;
    }

    .content-item .desc, .content-item .desc a {
        color: #b0b0b0;
    }

    .content-item .desc {
        margin: 0 48px 10px;
        height: 40px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        overflow: hidden;
        _zoom: 1;
        color: #b0b0b0;
    }

    .content-item .desc, .content-item .desc a {
        color: #b0b0b0;
    }

    .content-item .price, .content-item .price a {
        color: #333;
    }

    .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 a {
        display: block;
        height: 154px;
    }

    .content-item .xm-pagers-wrapper {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 296px;
    }

    .xm-pagers-wrapper {
        text-align: center;
    }

    .xm-pagers {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .xm-pagers .pager-active {
        cursor: default;
    }

    .xm-pagers .pager {
        display: inline-block;
        width: 10px;
        height: 10px;
        padding: 10px;
        margin: 0 2px;
        cursor: pointer;
    }

    .xm-pagers .pager {
        display: inline-block;
        width: 10px;
        height: 10px;
        padding: 10px;
        margin: 0 2px;
        cursor: pointer;
    }

    .xm-pagers .pager-active .dot, .xm-pagers .pager-active:hover .dot {
        border-color: #ff6700;
        background-color: #f5f5f5;
        background-color: transparent;
    }

    .home-content-box .dot {
        border-color: #fff;
    }

    .xm-pagers .dot {
        display: block;
        width: 6px;
        height: 6px;
        border: 2px solid #f5f5f5;
        border-radius: 6px;
        text-align: left;
        text-indent: -9999em;
        overflow: hidden;
        _zoom: 1;
        background-color: #b0b0b0;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .home-content-box .dot {
        border-color: #fff;
    }

    .xm-pagers .dot {
        display: block;
        width: 6px;
        height: 6px;
        border: 2px solid #f5f5f5;
        border-radius: 6px;
        text-align: left;
        text-indent: -9999em;
        overflow: hidden;
        _zoom: 1;
        background-color: #b0b0b0;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .content-item .xm-controls .control-prev {
        left: 0;
    }

    .content-item .xm-controls .control {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        opacity: 0;
        filter: alpha(opacity=0) \9;
        -webkit-transition: all .6s;
        transition: all .6s;
    }

    .xm-controls .control-disabled {
        cursor: default;
    }

    .xm-controls-block-small .control {
        width: 20px;
        height: 24px;
        padding: 12px 0;
        font-size: 18px;
        line-height: 24px;
    }

    .content-item .xm-controls .control-next {
        right: 0;
    }

    .content-item .xm-controls .control {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        opacity: 0;
        filter: alpha(opacity=0) \9;
        -webkit-transition: all .6s;
        transition: all .6s;
    }

    .xm-controls-block-small .control {
        width: 20px;
        height: 24px;
        padding: 12px 0;
        font-size: 18px;
        line-height: 24px;
    }
    .content-item-book {
        border-top-color: #ffac13;
        color: #ffac13;
    }
    .content-item-theme {
        border-top-color: #83c44e;
        color: #83c44e;
    }

    .content-item-game {
        border-top-color: #e53935;
        color: #e53935;
    }

    .content-item-app {
        border-top-color: #2196f3;
        color: #2196f3;
    }

    /* ��Ƶ */
    .home-video-box {
        margin-bottom: 60px;
    }

    .xm-plain-box .box-hd {
        position: relative;
        height: 58px;
        -webkit-font-smoothing: antialiased;
    }

    .xm-plain-box .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }
    .home-recm-box .box-hd .more {
        top: 15px;
    }
    .xm-plain-box .box-hd .more .more-link {
        font-size: 16px;
        line-height: 58px;
        color: #424242;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .xm-plain-box .box-hd .more .more-link .iconfont {
        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;
    }

    .video-list {
        width: 1240px;
        height: 285px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .video-item:first-child, .video-item-first {
        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 {
        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 .figure-img {
        position: relative;
        width: 296px;
        height: 180px;
        margin: 0 0 28px;
    }

    .video-item .figure-img a {
        display: block;
        height: 180px;
    }

    .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 .desc {
        height: 18px;
        margin: 0;
        font-size: 12px;
        color: #b0b0b0;
    }
    .video-item .play {
        position: absolute;
        left: 20px;
        bottom: 10px;
        width: 32px;
        height: 20px;
        border: 2px solid #fff;
        border-radius: 12px;
        background-color: #424242;
        background-color: rgba(0,0,0,0.6);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;
        color: #fff;
        -webkit-transition: all .2s;
        transition: all .2s;
        overflow: hidden;
        _zoom: 1;
    }
    .video-item .play i {
        font-size: 30px;
        line-height: 20px;
    }
    .container:after {
        clear: both;
    }

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    /* ���� */

    .btn-line-primary {
        border-color: #ff6700;
        background: #fff;
        color: #ff6700;
    }

    .btn-small {
        width: 118px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
    }

    .btn {
        display: inline-block;
        width: 158px;
        height: 38px;
        padding: 0;
        margin: 0;
        border: 1px solid #b0b0b0;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        color: #b0b0b0;
        cursor: pointer;
        -webkit-transition: all .4s;
        transition: all .4s;
    }