@font-face {
    font-family: 'MSYHL';
    src: url('//xibujd.com/v4/font/msyhl.eot');
    src: url('//xibujd.com/v4/font/msyhl.eot?#iefix') format('embedded-opentype'),url('//xibujd.com/v4/font/msyhl.woff') format('woff'),url('//xibujd.com/v4/font/msyhl.ttf') format('truetype'),url('//xibujd.com/v4/font/msyhl.svg') format('svg');
    font-weight: lighter;
    font-style: normal;
}



a:hover{
    text-decoration: none;
}
.topnav .sitenav-groupsite .groupsite-sitemap-body {
    width: 1198px;
}

#feedBackWidget {
    margin-left: 620px!important;
}

.zol-footer .footerw-2015 {
    width: 1200px!important;
}

.bx-prev span,.bx-next span,.star,.star em,.btn-change i,.category-all-items .items-list a {
    background: url(/v4/imgs/icon2.png) no-repeat;
}

.category-items li i,.side-menu a i {
    background: url(/v4/imgs/s-leftsoft.png) no-repeat;
}

.qrcode-close {
    background-image: url(/v4/imgs/list20150210.png);
    background-repeat: no-repeat;
}



.category-items {
    height: 470px;
    overflow: hidden;
}

.category-items li {
    position: relative;
    padding-left: 25px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #fff;
}
.category-items li:hover {

}
.category-items li a{
    display: inline-block;
    color: #555;
    width: 100%;
    font-size: 14px;
}
.category-items li a:hover{
   color:#100e89;
    text-decoration: none;
}


.category-items .item i {
    position: absolute;
}

.category-items .item .icon-01 {
    width: 20px;
    height: 20px;
    left: 13px;
    top: 12px;
    background-position: 0 -20px;
}

.category-items .hover .icon-01 {
    left: 12px;
    background-position: -20px 0;
}

.category-items .item .icon-02 {
    width: 15px;
    height: 10px;
    left: 10px;
    top: 15px;
    background-position: 0 -20px;
}

.category-items .hover .icon-02 {
    left: 9px;
    background-position: -20px -20px;
}

.category-items .item .icon-03 {
    width: 11px;
    height: 13px;
    left: 12px;
    top: 13px;
    background-position: 0 -40px;
}

.category-items .hover .icon-03 {
    left: 11px;
    background-position: -20px -40px;
}

.category-items .item .icon-04 {
    width: 15px;
    height: 12px;
    left: 10px;
    top: 13px;
    background-position: 0 -60px;
}

.category-items .hover .icon-04 {
    left: 9px;
    background-position: -20px -60px;
}

.category-items .item .icon-05 {
    width: 15px;
    height: 19px;
    left: 12px;
    top: 10px;
    background-position: 0 -75px;
}

.category-items .hover .icon-05 {
    left: 9px;
    background-position: -18px -75px;
}

.category-items .item .icon-06 {
    width: 15px;
    height: 17px;
    left: 10px;
    top: 13px;
    background-position: 0 -100px;
}

.category-items .hover .icon-06 {
    left: 10px;
    background-position: -20px -100px;
}

.category-items .item .icon-07 {
    width: 10px;
    height: 15px;
    left: 12px;
    top: 12px;
    background-position: 0 -120px;
}

.category-items .hover .icon-07 {
    left: 11px;
    background-position: -20px -120px;
}

.category-items .item .icon-08 {
    width: 15px;
    height: 12px;
    left: 10px;
    top: 13px;
    background-position: 0 -140px;
}

.category-items .hover .icon-08 {
    left: 9px;
    background-position: -20px -140px;
}

.category-items .item .icon-09 {
    width: 15px;
    height: 16px;
    left: 10px;
    top: 11px;
    background-position: 0 -160px;
}

.category-items .hover .icon-09 {
    left: 9px;
    background-position: -20px -160px;
}

.category-items .item .icon-10 {
    width: 15px;
    height: 15px;
    left: 10px;
    top: 10px;
    background-position: 0 -180px;
}

.category-items .hover .icon-10 {
    left: 9px;
    background-position: -20px -180px;
}

.category-items .item .icon-11 {
    width: 13px;
    height: 11px;
    left: 11px;
    top: 14px;
    background-position: 0 -200px;
}

.category-items .hover .icon-11 {
    left: 10px;
    background-position: -20px -200px;
}

.category-items .item a,.category-items .item a:hover {
    color: #fff;
}

.category-items .hover {
    z-index: 2;
    padding-left: 34px;
    background-color: #fff;
    border: 1px solid #333;
    border-bottom: 0 none;
    border-right: 0 none;
    color: #333;
}

.category-items .hover a {
    color: #333;
}

.category-items .hover a:hover {
    color: #c00;
}

.category-dropdown {
    display: none;
    position: absolute;
    left: 220px;
    top: 0;
    width: 979px;
    height: 469px;
    border-right: 1px solid #100e89;
    border-bottom: 1px solid #100e89;
    zoom:1;overflow: hidden;
    background-color: #fff;
}

.category-all {
    height: 469px;
    display: none;
    background-color: #fafafa;
    overflow: hidden;
}

.category-all-visible {
    display: block;
}

.category-all-items {
    width: 659px;
    height: 467px;
    padding: 2px 30px 0;
    overflow: hidden;
    background-color: #fff;
}

.category-all-items .items {
    padding: 14px 0 14px 70px;
    zoom:1;border-top: 1px solid #eee;
}

.category-all-items .first {
    border-top: 0 none;
}

.category-all-items .items strong {
    float: left;
    margin: 0 0 0 -70px;
    line-height: 28px;
    font-weight: 700;
    _display: inline;
}

.category-all-items .items-list {
    overflow: hidden;
}

.category-all-items .items-list a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    margin: 0 0 0 -1px;
    padding: 0 9px;
    vertical-align: top;
    background-position: -78px -83px;
}

.category-extra {
    position: absolute;
    right: 0;
    top: 0;
    height: 465px;
    padding: 2px 30px 0;
    width: 200px;
    overflow: hidden;
}

.category-extra h4 {
    height: 24px;
    overflow: hidden;
    font: 700 12px/2 'Microsoft YaHei';
    margin: 15px 0 5px;
}

.brand-list,.hot-list {
    width: 210px;
    overflow: hidden;
    zoom:1;line-height: 28px;
}

.brand-list a,.hot-list a {
    float: left;
    margin-right: 10px;
    white-space: nowrap;
}

.category-extra .extra-promotions {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 200px;
    overflow: hidden;
}

.category-extra .extra-promotions img {
    vertical-align: middle;
}

.main {
    float: left;
    width: 750px;
    height: 460px;
    margin-top: 10px;
    padding-left: 230px;
}

.focus-list {
    width: 750px;
    height: 275px;
    overflow: hidden;
}

.focus-list img {
    vertical-align: middle;
}

.recommened-box {
    width: 748px;
    height: 160px;
    border: 1px solid #ebebeb;
    border-top: 0 none;
    overflow: hidden;
}

.recommened-list ul {
    float: left;
    width: 748px;
    height: 184px;
    overflow: hidden;
}

.recommened-list li {
    float: left;
    width: 186px;
    height: 184px;
    overflow: hidden;
    border-left: 1px solid #ebebeb;
}

.recommened-list .first {
    border-left: 0 none;
    width: 120px;
}

.recommened-list li a {
    display: block;
    position: relative;
    padding: 10px 5px 0 15px;
    height: 160px;
}

.recommened-list li a:hover {
    text-decoration: none;
}

.recommened-list li img {
    position: absolute;
    bottom: 30px;
    right: 10px;
    width: 100px;
    height: 100px;
}

.recommened-list li h3 {
    height: 24px;
    overflow: hidden;
    font: 16px/24px 'Microsoft YaHei';
}

.recommened-list li p {
    height: 20px;
    overflow: hidden;
    font: 12px/20px 'Microsoft YaHei';
    color: #999;
}

.recommened-list .price {
    margin-top: 4px;
    height: 22px;
    overflow: hidden;
    font: 18px/22px verdana,'Microsoft YaHei';
    color: #f33;
}

.recommened-list a:hover p {
    color: #999;
}

.recommened-list a:hover .price {
    color: #f33;
}

.aside {
    float: right;
    margin: 10px 0 0;
    width: 208px;
    border: 1px solid #ebebeb;
}
.user-box{

}
.user-box .t{
    height: 50px;
    line-height: 50px;
}
.user-box .t .avatar{
    width: 50px;
    height: 50px;
    float:left;
}

.user-box .t span{
    height: 40px;
    line-height: 40px;
}
.user-box .b{

}
.user-box .b a{
    display: block;

    height: 32px;
    border-radius: 2px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}
.user-box .b .login{
    background: #2769DC;
}
.user-box .b .reg{
    border:1px solid #c3c6cc;
    color: #2769DC;
}

.product-notice {
    padding: 15px 10px;
    height: 48px;
    overflow: hidden;
    text-align: center;
    font: 14px/24px 'Microsoft YaHei';
}

.product-notice strong {
    font-size: 20px;
    color: #f33;
}

.product-notice em {
    color: #f33;
}

.product-notice strong a,.product-notice strong a:hover {
    color: #f33;
}



.aside .banner {
    padding: 20px 10px;
    border-top: 1px solid #ebebeb;
}

.aside .banner img {
    vertical-align: middle;
}



.tab-trigger {
    height: 45px;
}

.tab-trigger li {
    float: left;
    margin: 0 35px 0 0;
    height: 44px;
    overflow: hidden;
    line-height: 44px;
    font-family: 'MSYHL';
    font-size: 24px;
    cursor: pointer;
    color: #666;
    zoom:1;font-weight: lighter;
}

.tab-trigger li:hover {
    color: #333;
}

.tab-trigger .current {
    position: relative;
    margin-bottom: -2px;
    border-bottom: 2px solid #100e89;
    color: #333;
}

.tab-container {
    border: 1px solid #ebebeb;
    zoom:1;}

.btn-change {
    float: right;
    width: 36px;
    height: 20px;
    margin: -26px 0 0;
    line-height: 20px;
    padding-left: 21px;
    position: relative;
    zoom:1;color: #666;
    overflow: hidden;
}

.btn-change:hover {
    color: #c00;
    text-decoration: none;
}

.btn-change i {
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 14px;
    overflow: hidden;
    background-position: -38px -90px;
}

.product-list {
    padding: 20px 19px 15px;
    width: 1200px;
    height: 196px;
    overflow: hidden;
    position: relative;
    margin-right: -40px;
}

.product-list li {
    float: left;
    width: 160px;
    margin: 0 40px 0 0;
    overflow: hidden;
}

.product-list .pic img {
    vertical-align: middle;
}

.product-list h3 {
    margin: 6px 0 0;
    height: 40px;
    font: 14px/20px 'Microsoft YaHei';
    word-break: break-all;
    word-wrap: break-word;
}

.product-list .price {
    margin: 6px 0 0;
    height: 24px;
    line-height: 24px;
    color: #999;
    font-family: verdana,"Microsoft YaHei";
}

.product-list .price span {
    font-size: 17px;
    color: #f33;
}

.product-list .price span .price-note {
    font-size: 14px;
}



.section-header {
    height: 44px;
    line-height: 44px;
    overflow: hidden;
}

.section-header h2 {
    float: left;
    font-size: 24px;
    font-weight: bold;
}

.section-header h2 strong {
    font-family: 'MSYHL';
    font-weight: lighter;
}

.section-header h2 span {
    margin-right: 8px;
}

.section-header .links {
    float: right;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    color: #ccc;
    text-align: right;
    font-family: 'simsun';
}

.section-header .links a {
    font-family: 'Microsoft YaHei';
}

.section-header .links em {
    font-family: 'simsun';
}

.section-content .side {
    float: left;
    width: 200px;
    overflow: hidden;
}

.section-content .content {
    float: right;
    width: 999px;
    border: 1px solid #ebebeb;
    border-left: 0 none;
    overflow: hidden;
}

.rank {
    width: 200px;
    overflow: hidden;
}

.rank h4 {
    height: 38px;
    padding: 0 0 0 10px;
    font: 16px/38px 'Microsoft YaHei';
    color: #fff;
}

.rank-tab {
    float: right;
    width: 200px;
    height: 38px;
    margin: -38px 0 0;
    padding-right: 15px;
}

.rank-tab li {
    float: left;
    width: 55px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.rank-tab .current {
    cursor: default;
}

.rank-tab-container {
    padding-bottom: 10px;
    overflow: hidden;
    zoom:1;}

.rank-tab-container-cell {
    padding: 10px;
    overflow: hidden;
}

.rank-list {
    float: left;
    width: 125px;
    margin-right: 15px;
    _width: 124px;
}

.rank-list-row {
    float: none;
    width: auto;
}

.rank-list li {
    position: relative;
    zoom:1;height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 26px;
}

.rank-list a,.rank-list a:hover {
    color: #fff;
}

.rank-list em {
    position: absolute;
    top: 7px;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-style: italic;
    color: #fff;
    text-align: center;
    font-family: arial;
}

.rank-list .n1 {
    background-color: #fff;
}

.rank-more-link {
    width: 260px;
    margin: 0 auto;
    padding: 15px 0;
    height: 22px;
    font: 14px/22px 'Microsoft YaHei';
    border-top-width: 1px;
    border-top-style: dashed;
    text-align: center;
}

.rank-more-link a,.rank-more-link a:hover {
    color: #fff;
}

.rank-more-link em {
    font-family: 'simsun';
}

.hot-search {
    height: 208px;
    padding: 25px 0 0 20px;
    border: 1px solid #ebebeb;
    background-color: #f5f5f5;
}

.hot-search strong {
    display: block;
    height: 26px;
    font: 16px/26px 'Microsoft YaHei';
    color: #666;
}

.hot-search-list {
    margin: 5px 0 0;
    line-height: 30px;
    overflow: hidden;
    zoom:1;}

.hot-search-list a {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    white-space: nowrap;
}

.good-list-slide {
    height: 561px;
    overflow: hidden;
    zoom:1;}

.goods-list {
    width: 1000px!important;
    height: 561px!important;
    overflow: hidden;
}



.goods-pager {
    padding: 20px;
    height: 12px;
    overflow: hidden;
    border-top: 1px solid #ebebeb;
    text-align: center;
}

.goods-pager a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #e6e6e6;
    vertical-align: top;
    cursor: pointer;
}

.floor-1 .rank {
    background-color: #42afa7;
}

.floor-1 .rank h4 {
    background-color: #25948d;
}

.floor-1 .rank-tab .current,.floor-1 .rank-tab .current:hover {
    background-color: #42afa7;
}

.floor-1 .rank-tab li:hover {
    background-color: #3b9f99;
}

.floor-1 .rank-list .n1 {
    color: #25948d;
}

.floor-1 .rank-more-link {
    border-color: #25948d;
}

.floor-1 .buttons .buy-button {
    border-color: #42afa7;
    background-color: #42afa7;
}

.floor-1 .buttons .buy-button:hover {
    border-color: #25948d;
    background-color: #25948d;
}

.floor-1 .goods-pager .active {
    background-color: #42afa7;
}

.floor-2 .rank {
    background-color: #52a7d9;
}

.floor-2 .rank h4 {
    background-color: #1d89bf;
}

.floor-2 .rank-tab .current,.floor-2 .rank-tab .current:hover {
    background-color: #52a7d9;
}

.floor-2 .rank-tab li:hover {
    background-color: #3495c6;
}

.floor-2 .rank-list .n1 {
    color: #1d89bf;
}

.floor-2 .rank-more-link {
    border-color: #1d89bf;
}

.floor-2 .buttons .buy-button {
    border-color: #52a7d9;
    background-color: #52a7d9;
}

.floor-2 .buttons .buy-button:hover {
    border-color: #1d89bf;
    background-color: #1d89bf;
}

.floor-2 .goods-pager .active {
    background-color: #52a7d9;
}

.floor-3 .rank {
    background-color: #6d75c7;
}

.floor-3 .rank h4 {
    background-color: #4b52a6;
}

.floor-3 .rank-tab .current,.floor-3 .rank-tab .current:hover {
    background-color: #6d75c7;
}

.floor-3 .rank-tab li:hover {
    background-color: #5d64af;
}

.floor-3 .rank-list .n1 {
    color: #4b52a6;
}

.floor-3 .rank-more-link {
    border-color: #4b52a6;
}

.floor-3 .buttons .buy-button {
    border-color: #6d75c7;
    background-color: #6d75c7;
}

.floor-3 .buttons .buy-button:hover {
    border-color: #4b52a6;
    background-color: #4b52a6;
}

.floor-3 .goods-pager .active {
    background-color: #6d75c7;
}

.floor-4 .rank {
    background-color: #47abcc;
}

.floor-4 .rank h4 {
    background-color: #2185a6;
}

.floor-4 .rank-tab .current,.floor-4 .rank-tab .current:hover {
    background-color: #47abcc;
}

.floor-4 .rank-tab li:hover {
    background-color: #3891af;
}

.floor-4 .rank-list .n1 {
    color: #2185a6;
}

.floor-4 .rank-more-link {
    border-color: #2185a6;
}

.floor-4 .buttons .buy-button {
    border-color: #47abcc;
    background-color: #47abcc;
}

.floor-4 .buttons .buy-button:hover {
    border-color: #2185a6;
    background-color: #2185a6;
}

.floor-4 .goods-pager .active {
    background-color: #47abcc;
}

.floor-5 .rank {
    background-color: #74a3b3;
}

.floor-5 .rank h4 {
    background-color: #547e8c;
}

.floor-5 .rank-tab .current,.floor-5 .rank-tab .current:hover {
    background-color: #74a3b3;
}

.floor-5 .rank-tab li:hover {
    background-color: #658b98;
}

.floor-5 .rank-list .n1 {
    color: #547e8c;
}

.floor-5 .rank-more-link {
    border-color: #547e8c;
}

.floor-5 .buttons .buy-button {
    border-color: #74a3b3;
    background-color: #74a3b3;
}

.floor-5 .buttons .buy-button:hover {
    border-color: #547e8c;
    background-color: #547e8c;
}

.floor-5 .goods-pager .active {
    background-color: #74a3b3;
}

.floor-6 .rank {
    background-color: #cc709e;
}

.floor-6 .rank h4 {
    background-color: #b3477d;
}

.floor-6 .rank-tab .current,.floor-6 .rank-tab .current:hover {
    background-color: #cc709e;
}

.floor-6 .rank-tab li:hover {
    background-color: #bb5a8a;
}

.floor-6 .rank-list .n1 {
    color: #b3477d;
}

.floor-6 .rank-more-link {
    border-color: #b3477d;
}

.floor-6 .buttons .buy-button {
    border-color: #cc709e;
    background-color: #cc709e;
}

.floor-6 .buttons .buy-button:hover {
    border-color: #b3477d;
    background-color: #b3477d;
}

.floor-6 .goods-pager .active {
    background-color: #cc709e;
}

.floor-7 .rank {
    background-color: #b3a66c;
}

.floor-7 .rank h4 {
    background-color: #9b8f5d;
}

.floor-7 .rank-tab .current,.floor-7 .rank-tab .current:hover {
    background-color: #b3a66c;
}

.floor-7 .rank-tab li:hover {
    background-color: #a59a6e;
}

.floor-7 .rank-list .n1 {
    color: #9b8f5d;
}

.floor-7 .rank-more-link {
    border-color: #9b8f5d;
}

.floor-7 .buttons .buy-button {
    border-color: #b3a66c;
    background-color: #b3a66c;
}

.floor-7 .buttons .buy-button:hover {
    border-color: #9b8f5d;
    background-color: #9b8f5d;
}

.floor-7 .goods-pager .active {
    background-color: #b3a66c;
}

.flash-sale {
    overflow: hidden;
    border: 1px solid #ebebeb;
}









.group-nav-list li {
    float: left;
    width: 84px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.cpu-item .group-nav-list li {
    float: none;
}

.group-nav-list li a,.group-nav-list li a:hover {
    color: #ccc;
}

.bx-wrapper {
    position: relative;
    *zoom:1;-ms-touch-action: pan-y;
    touch-action: pan-y;
}

.bx-wrapper img {
    max-width: 100%;
}

.bx-viewport {
    -webkit-transform: translatez(0);
}

.focus .bx-pager {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 750px;
    height: 18px;
    overflow: hidden;
    font: 0/0 arial;
    text-align: center;
    text-indent: 1px;
}

.focus .bx-pager-item,.focus .bx-pager-item a {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
}

.focus .bx-pager-item {
    margin: 0 3px 0 2px;
    text-indent: 0;
    display: inline;
}

.focus .bx-pager-item a {
    border-radius: 9px;
    background-color: #303030;
    color: #fff;
}

.focus .bx-pager-item a:hover {
    text-decoration: none;
}

.focus .bx-pager-item .active {
    background-color: #100e89;
}

.focus .bx-prev,.focus .bx-next {
    position: absolute;
    top: 103px;
    width: 39px;
    height: 65px;
    overflow: hidden;
    zoom:1;}

.focus .bx-prev {
    left: 0;
}

.focus .bx-next {
    right: 0;
}

.focus .bx-prev i,.focus .bx-next i {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.focus .bx-prev:hover i,.focus .bx-next:hover i {
    display: block;
}

.focus .bx-prev span,.focus .bx-next span {
    position: absolute;
    top: 15px;
    left: 9px;
    z-index: 2;
    display: block;
    width: 21px;
    height: 38px;
    overflow: hidden;
    text-indent: -9999em;
    background-position: 0 0;
}

.focus .bx-next span {
    background-position: -28px 0;
}

.slide .bx-pager {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 748px;
    height: 10px;
    overflow: hidden;
    font: 0/0 arial;
    text-align: center;
    text-indent: 1px;
}

.slide .bx-pager-item,.slide .bx-pager-item a {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: top;
    font: 0/0 arial;
    overflow: hidden;
}

.slide .bx-pager-item {
    margin: 0 3px 0 2px;
    text-indent: 0;
    display: inline;
}

.slide .bx-pager-item a {
    border-radius: 5px;
    background-color: #e6e6e6;
}

.slide .bx-pager-item .active {
    background-color: #100e89;
}

.slide .bx-prev,.slide .bx-next {
    position: absolute;
    width: 26px;
    height: 51px;
    overflow: hidden;
}

.slide .bx-prev {
    left: -1px;
}

.slide .bx-next {
    right: -1px;
}

.slide .bx-prev i,.slide .bx-next i {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
}

.slide .bx-prev:hover i,.slide .bx-next:hover i {
    opacity: .5;
    filter: alpha(opacity=50);
}

.slide .bx-prev span,.slide .bx-next span {
    position: relative;
    z-index: 2;
    display: block;
    width: 10px;
    height: 17px;
    margin: 17px 0 0 8px;
    overflow: hidden;
    text-indent: -9999em;
    background-position: 0 -88px;
}

.slide .bx-next span {
    background-position: -16px -88px;
}








.store-slide .bx-pager {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 1200px;
    height: 10px;
    overflow: hidden;
    font: 0/0 arial;
    text-align: center;
    text-indent: 1px;
}

.store-slide .bx-pager-item,.store-slide .bx-pager-item a {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: top;
    font: 0/0 arial;
    overflow: hidden;
}

.store-slide .bx-pager-item {
    margin: 0 3px 0 2px;
    text-indent: 0;
    display: inline;
}

.store-slide .bx-pager-item a {
    border-radius: 5px;
    background-color: #e6e6e6;
}

.store-slide .bx-pager-item .active {
    background-color: #100e89;
}

.store-slide .bx-prev,.store-slide .bx-next {
    position: absolute;
    width: 26px;
    height: 51px;
    overflow: hidden;
}

.store-slide .bx-prev {
    left: -1px;
    top:90px;
}

.store-slide .bx-next {
    right: -1px;
    top:90px;
}

.store-slide .bx-prev i,.store-slide .bx-next i {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
}

.store-slide .bx-prev:hover i,.store-slide .bx-next:hover i {
    opacity: .5;
    filter: alpha(opacity=50);
}

.store-slide .bx-prev span,.store-slide .bx-next span {
    position: relative;
    z-index: 2;
    display: block;
    width: 10px;
    height: 17px;
    margin: 17px 0 0 8px;
    overflow: hidden;
    text-indent: -9999em;
    background-position: 0 -88px;
}

.store-slide .bx-next span {
    background-position: -16px -88px;
}



.recommened-box .bx-prev,.recommened-box .bx-next {
    top: 67px;
}

.today .bx-prev,.today .bx-next {
    top: 55px;
}

.today .bx-prev {
    left: 0;
}

.today .bx-controls {
    display: none;
}

.focus .bx-controls-direction,.recommened-box .bx-controls-direction {
    display: none;
}


.side-menu {
    display: none;
    position: fixed;
    left: 50%;
    top: 64px;
    margin-left: -658px;
    width: 38px;
    overflow: hidden;
}

.side-menu a {
    position: relative;
    display: block;
    height: 33px;
    margin-top: -1px;
    line-height: 14px;
    padding: 5px 0 0 8px;
}

.side-menu a:hover {
    color: #fff!important;
    text-decoration: none;
    z-index: 2;
}

.side-menu .sm-active:hover .active {
    color: #fff!important;
}

.side-menu a span {
    display: none;
}

.side-menu a em {
    position: absolute;
    left: 12px;
    top: 0;
    width: 13px;
    height: 1px;
    font: 0/0 arial;
    background-color: #e6e6e6;
}

.side-menu .sm-mobile {
    padding-top: 13px;
    height: 25px;
    margin-top: 0;
}

.side-menu .sm-mobile em {
    background-color: #fff;
}

.side-menu a i {
    position: absolute;
}

.side-menu a:hover span,.side-menu .sm-active span,.side-menu .sm-active:hover span {
    display: block;
}

.side-menu a:hover em {
    display: none;
}

.side-menu .sm-active em {
    display: block;
}

.side-menu .sm-active i,.side-menu .sm-active:hover i,.side-menu .sm-active:hover em {
    display: none;
}

.side-menu a:hover i {
    display: none!important;
}

.side-menu .sm-mobile i {
    width: 9px;
    height: 15px;
    left: 14px;
    top: 12px;
    background-position: -40px 0;
}

.side-menu .sm-nb i {
    width: 15px;
    height: 10px;
    left: 11px;
    top: 15px;
    background-position: -40px -20px;
}

.side-menu .sm-camera i {
    width: 15px;
    height: 12px;
    left: 11px;
    top: 13px;
    background-position: -40px -60px;
}

.side-menu .sm-pad i {
    width: 11px;
    height: 13px;
    left: 13px;
    top: 13px;
    background-position: -40px -40px;
}

.side-menu .sm-diy i {
    width: 15px;
    height: 19px;
    left: 11px;
    top: 10px;
    background-position: -40px -75px;
}

.side-menu .sm-tv i {
    width: 10px;
    height: 15px;
    left: 13px;
    top: 12px;
    background-position: -40px -120px;
}

.side-menu .sm-oa i {
    width: 15px;
    height: 16px;
    left: 11px;
    top: 11px;
    background-position: -40px -160px;
}

.side-menu .sm-mall i {
    width: 13px;
    height: 11px;
    left: 12px;
    top: 14px;
    background-position: -40px -200px;
}

.side-menu .sm-mobile .active {
    color: #25948d;
}

.side-menu .sm-mobile:hover {
    background-color: #42afa7;
}

.side-menu .sm-nb .active {
    color: #1d89bf;
}

.side-menu .sm-nb:hover {
    background-color: #52a7d9;
}

.side-menu .sm-camera .active {
    color: #4b52a6;
}

.side-menu .sm-camera:hover {
    background-color: #6d75c7;
}

.side-menu .sm-pad .active {
    color: #2185a6;
}

.side-menu .sm-pad:hover {
    background-color: #47abcc;
}

.side-menu .sm-diy .active {
    color: #547e8c;
}

.side-menu .sm-diy:hover {
    background-color: #74a3b3;
}

.side-menu .sm-tv .active {
    color: #b3477d;
}

.side-menu .sm-tv:hover {
    background-color: #cc709e;
}

.side-menu .sm-oa .active {
    color: #9b8f5d;
}

.side-menu .sm-oa:hover {
    background-color: #b3a66c;
}

.side-menu .sm-mall .active {
    color: #bf5668;
}

.side-menu .sm-mall:hover {
    background-color: #d97787;
}

.layerbox .close {
    background: url(/v4/imgs/product-publicIcons-20150205.png) no-repeat;
}

.layerbox a {
    color: #333;
    text-decoration: none;
}

.layerbox a:hover {
    color: #c00;
    text-decoration: underline;
}

.layerbox {
    padding: 5px;
    background: rgba(0,0,0,0.3);
    font-family: 'Microsoft YaHei',arial;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4d000000,endcolorstr=#4d000000,gradientType=1)!important;
    z-index: 9999;
}

:root .layerbox {
    filter: none;
}

.layerbox-inner {
    background-color: #fff;
}

.layerbox .layerbox-header {
    padding: 0 9px 0 15px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px #eee solid;
    zoom:1;background: #fafafa;
}

.layerbox .layerbox-header .layerbox-title {
    float: left;
    color: #333;
    font: 14px/36px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
}

.layerbox .close {
    float: right;
    width: 23px;
    height: 23px;
    margin: 7px 0 0;
    cursor: pointer;
    background-position: 6px -129px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.layerbox .close:hover {
    background-color: #b3b3b3;
    background-position: -14px -129px;
}








.header .logo {
    margin: 10px 140px 0 0;
}

.ob-title {
    height: 33px;
    line-height: 33px;
    background: #fafafa;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    color: #f33;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.ob-title .line {
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #ffb4b4;
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
}

.ob-title .title-conter {
    background: #fafafa;
    position: relative;
    z-index: 9;
    padding: 0 10px;
}

.ob-recommend {
    text-align: center;
    width: 210px;
    margin: 0px auto;
    height: 275px;
    overflow: hidden;
}

.ob-recommend ul {
    width: 170px;
    margin: 0 auto;

    overflow: hidden;
}

.ob-recommend li {
    float: left;
    overflow: hidden;
    width: 170px;
    height: 150px;
}

.ob-recommend li .title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-align: left;
}

.recommend-b2c {
    height: 16px;
    margin-left: -20px;
    margin-top: 4px;
}

.recommend-b2c a {
    color: #ff0036;
    font-weight: bold;
    float: left;
    margin-left: 20px;
    height: 16px;
    line-height: 16px;
    padding-left: 22px;
}

.recommend-b2c .jd {
    background: url(/v4/imgs/jd16.png) no-repeat left center;
}

.recommend-b2c .zoltmall {
    background: url(/v4/imgs/zoltamll-16x16.png) no-repeat left center;
}

.recommend-b2c .tmall {
    background: url(/v4/imgs/tmall16.png) no-repeat left center;
}

.ob-recommend .bx-wrapper {
    width: 170px;
    margin: 0 auto;
}

.ob-recommend .bx-controls-direction a {
    top: 34px;
    width: 32px;
    height: 47px;
    overflow: hidden;
}

.ob-recommend .bx-controls-direction .bx-prev {
    position: absolute;
    left: -20px;
}

.ob-recommend .bx-controls-direction .bx-next {
    position: absolute;
    right: -20px;
}

.ob-recommend .bx-controls-direction span {
    display: none;
    background: #a2caf2;
    width: 32px;
    height: 47px;
    text-indent: -9999em;
    position: absolute;
    top: 0;
    left: 0;
}

.ob-recommend .bx-controls-direction i {
    display: block;
    background: url(/v4/imgs/side-icon-btn.png) no-repeat;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 9;
}

.ob-recommend .bx-controls-direction .bx-next i {
    background-position: -30px 0;
    right: 9px;
    top: 12px;
}

.ob-recommend .bx-controls-direction a:hover span {
    display: block;
}

.ob-recommend .bx-controls-direction .bx-prev:hover i {
    background-position: 0 -49px;
}

.ob-recommend .bx-controls-direction .bx-next:hover i {
    background-position: -30px -49px;
}

.ob-recommend .bx-pager {
    width: 170px;
    height: 10px;
    overflow: hidden;
    font: 0/0 arial;
    text-align: center;
    text-indent: 1px;
    margin-top: 10px;
}

.ob-recommend .bx-pager-item {
    width: 6px;
    height: 6px;
    margin: 0 3px 0 2px;
    text-indent: 0;
    display: inline-block;
}

.ob-recommend .bx-pager-item a {
    border-radius: 3px;
    background-color: #e6e6e6;
    display: block;
    width: 6px;
    height: 6px;
}

.ob-recommend .bx-pager-item .active {
    background: #100e89;
}

.section-list {
    width: 290px;
    height: 360px;
    border: 1px solid #ebebeb;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.desktop-good {
    margin-right: 0;
}

.news-product {
    background: url(/v4/imgs/new-bg.jpg) no-repeat 0 30px;
}

.head-tit {
    padding: 10px 16px;
}

.head-tit a {
    font-weight: bold;
    font-size: 20px;
}

.head-tit a:hover {
    text-decoration: none;
}

.head-tit a .icon {
    background: url(/v4/imgs/zm-icon.png) no-repeat -38px -3px;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 10px;
    vertical-align: middle;
}

.head-tit a:hover .icon {
    background-position: -38px -44px;
}

.tab-button {
    padding: 0 15px;
}

.tab-button li {
    padding: 0 13px;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
    border-radius: 12px;
    background: #e3edf7;
    border: 1px solid #e3edf7;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.tab-button li.current {
    background: #ffff;
    border-color: #100e89;
    color: #100e89;
}

.tab-button li.current a {
    color: #100e89;
}

.tab-button li a:hover {
    color: #100e89;
    text-decoration: none;
}

.tab-item {
    padding: 0 15px;
    margin-top: 10px;
}

.tab-item li {
    height: 65px;
    padding-left: 125px;
    position: relative;
    margin-top: 6px;
}

.tab-item li .num {
    position: absolute;
    left: 0;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    background: url(/v4/imgs/zm-icon.png) no-repeat 0 -188px;
    top: 17px;
}

.tab-item li .n1,.tab-item li .n2,.tab-item li .n3 {
    width: 25px;
    height: 35px;
    font-weight: bold;
    line-height: 39px;
    color: #fff;
    top: 11px;
}

.tab-item li .n1 {
    background-position: 0 2px;
}

.tab-item li .n2 {
    background-position: 0 -62px;
}

.tab-item li .n3 {
    background-position: 0 -121px;
}

.tab-item li .pic img {
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
    border: 1px solid #ebebeb;
}
.show-nav{
    display: block;
}
.tab-item li .pic p {
    height: 44px;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    word-break: break-all;
}

.jd-miaosha {
    background: url(/v4/imgs/miaosha-bg.jpg) no-repeat top right;
}

.tab-button-ms li {
    background: #ffdddb;
    border-color: #ffdddb;
}

.tab-button-ms li.current {
    color: #e1251b;
    border-color: #e1251b;
}

.tab-item-ms {
    padding: 0 15px;
    margin-top: 11px;
    z;}

.tab-item-ms li {
    position: relative;
    padding-left: 90px;
    position: relative;
    height: 60px;
    margin-top: 6px;
}

.tab-item-ms li img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border: 1px solid #ebebeb;
}

.tab-item-ms .title {
    overflow: hidden;
    height: 21px;
    line-height: 21px;
}

.tab-item-ms li a {
    font-size: 14px;
    color: #000;
}

.tab-item-ms li a:hover {
    color: #c00;
}

.price-ms {
    height: 21px;
    line-height: 21px;
    border: 1px solid #e1251b;
    padding: 0 7px 0 0;
    margin-top: 5px;
}

.price-ms .ms_price_pre {
    background: #e1251b;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    float: left;
    width: 70px;
    padding: 0 5px;
}

.price-ms .icon {
    background: url(/v4/imgs/zm-icon.png) no-repeat -49px -69px;
    height: 21px;
    width: 8px;
    float: left;
}

.price-ms del {
    float: left;
    font-size: 12px;
    color: #999;
}

.price-ms .ms_price_pre i {
    font-size: 12px;
    font-style: initial;
}

.desktop-pics {
    padding: 0 15px;
    margin-left: -5px;
}

.desktop-pics li {
    width: 127px;
    height: 96px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
}

.desktop-pics li img {
    border: 1px solid #ebebeb;
}

.big-pic {
    width: 260px;
    height: 195px;
    margin-top: 5px;
    padding: 0 15px;
}

.big-pic a {
    position: relative;
    display: block;
    overflow: hidden;
}

.big-pic img {
    display: block;
    width: 258px;
    height: 193px;
    border: 1px solid #ebebeb;
}

.big-pic .opacity,.desktop-pics .opacity {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');
    background: rgba(0,0,0,0.6);
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 240px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
}

.desktop-pics .opacity {
    width: 107px;
    left: 1px;
}

.desktop-pics li .video-icon,.big-pic .video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/v4/imgs/video-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    z-index: 9;
    margin: -25px 0 0 -25px;
}

.desktop-pics li .video-icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin: -15px 0 0 -15px;
}

.section-list a:hover .opacity {
    text-decoration: underline;
}

.pre_banner_scroll {
    margin: auto;
    width: 292px;
    height: 210px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contrves {
    width: 100%;
    height: auto;
    position: absolute;
}

.blue_nav {
    background: #63B504;
    color: #fff;
}

.banner_tree {
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: -30px;
}

.color_font {
    width: 45px;
    height: 100px;
    font-size: 24px;
    text-align: center;
    line-height: 100px;
    border-radius: 5px;
    font-weight: 700;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    cursor: pointer;
    background: fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19FFFFFF',endColorstr='#19FFFFFF');
    background: rgba(255,255,255,0.1);
}

.left_btn {
    left: 0;
}

.right_btn {
    right: 0;
}

.img_phone {
    width: 100%;
    height: 100%;
}

.show_s_ui {
    width: 100%;
    height: 100%;
    position: absolute;
}

.show_s_ui>li {
    width: 200px;
    height: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 30;
    cursor: pointer;
}

.show_s_ui>li:last-child {
    display: block;
    left: -18%;
}

.show_s_ui>li:nth-last-child(2) {
    left: -18%;
}

.show_s_ui .sider-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
}

.slider-box {
    display: none;
    text-align: center;
    margin-top: 20px;
}

.on .slider-box {
    display: block;
}

.show_s_ui li:first-child .slider-box {
    display: block;
}

.slider-box h3 {
    font-size: 14px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slider-box h3 a {
    font-size: 14px;
    color: #333;
}

.slider-box p a:hover,.slider-box .price a:hover,.slider-box h3 a:hover {
    color: #c00;
}

.slider-box p a {
    color: #999;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.slider-box .price {
    color: #f33;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}

.slider-box .price a {
    color: #f33;
}

.slider-box .price em {
    font-weight: normal;
    font-size: 12px;
}

.show_s_ui>li .pic img {
    width: 100%;
    height: 100%;
    border: 1px solid #ebebeb;
}

#middel_shows {
    width: 200px;
    height: 150px;
    left: 20%;
    display: block;
}

#left_shows {
    left: -54px;
    display: block;
}

#right_shows {
    left: 256px;
    display: block;
}

#small_left,#small_right {
    width: 154px;
    height: 249px;
}

#small_left {
    left: -18%;
}

#small_right {
    left: 102.5%;
}

.pre_banner_scroll {
    width: 292px;
    height: 150px;
}

#middel_shows {
    left: 46px;
    display: block;
}

.show_s_ui>li {
    width: 90px;
    height: 75px;
}







*html body {
    background-image: url(about:black);
    background-attachment: fixed;
}











#QrCode {
    width: 46px;
    height: 74px;
    position: relative;
    margin-top: 10px;
}

.QrCode span {
    position: relative;
    z-index: 2;
    display: block;
    height: 56px;
    overflow: hidden;
    padding: 8px 5px 8px;
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    font: normal 12px/14px 'Microsoft YaHei',arial;
    text-align: center;
    color: #999;
    cursor: default;
}

.QrCode span i {
    display: block;
    margin: 5px auto 0;
    width: 17px;
    height: 21px;
    overflow: hidden;
    background: url("/v4/imgs/detail-qr-code-20150818.png") 0 0 no-repeat;
}

.QrCode-on span {
    color: #666;
    border-left: 0 none;
    padding-left: 9px;
    margin-left: -3px;
    border-color: #ccc;
}

.QrCode-on span i {
    background-position: 0 -22px;
}

.QrCode .qrcode-box {
    display: none;
    position: absolute;
    top: 0;
    right: 48px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fafafa;
}

.QrCode .qrcode-box img {
    vertical-align: middle;
}

.QrCode-on .qrcode-box {
    display: block;
}
.store-list {
    width: 280px;
    height: 300px;
    float: left;
    margin: 10px;
    border: 1px solid #f1f0f0;
    box-shadow: 1px 1px 12px 3px #ccc;
    box-sizing: border-box;
}
.store-logo {
    margin: 10px auto;
    height: 45px;
}
.store-logo>img {
    width: 50px;
    height: 50px;
    border-radius: 60px;
    float: left;
    margin: 0 10px;
}
.store-name {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #262626;
}
.store_desc {
    text-overflow: ellipsis;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 66px;
    padding:0px 10px;
    width: 100%;
    font-size: 14px;
    color: #6a6a6a;

}
.store-prods {
    height: 90px;
}
.store-prods>.store-prod {
    width: 80px;
    height: 80px;
    float: left;
    margin: 5px;
}
.go-store {
    text-align: center;
    margin-top: 5px;
}
.go-store>a {
    width: 100px;
    height: 40px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #04e6a2;
    color: #000;
    font-size: 20px;
}
.goto {
    display: inline-block;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    color: red;
}
.store-prods>.store-prod>a>img {
    width: 100%;
}
.prods-lists{
    width:1200px;
    float:left;

}
.prods-lists>div{
    float: left;
    width: 180px;
    height: 240px;
    border: 1px solid #ddd;
    margin: 5px;
    background: #fff;
    box-shadow: 1px 0px 6px 2px #ddd;
    border-radius: 10px;

}

.prods-lists>div>a {
    display: block;
    padding: 10px;
    height: 180px;
    box-sizing: border-box;
}
.prods-lists>div>a:hover{
    /*
    border: 1px solid #ddd;
*/
}
.prods-lists>div>a:hover>img,.prods-lists>div>a>img {
/*
    width: 160px;
    max-height: 180px;
*/}
.rindex{
    float: right;
    width: 330px;

}
.rindex>div{
    margin-bottom: 20px;
}
.bg-white{
    background: #fff;
}