/*index*/
.logo .logofly{height: 60px;left: 640px;position: absolute;top: 132px;width: 60px;z-index: 100;}
footer .web_game_list{display:block}
.top10{ margin-top:10px;}
.mall_slide .carousel-inner a{display:block;width:100%;}
.mall_slide .carousel a img{border-radius:5px;width:100%;height:600px;}

.mall_slide{padding-right:0px;height: height:360px;padding-left: 0px;}
.mall_slide .carousel-indicators .active{background:var(--tinge);border:1px solid var(--tinge);width:15px;height:15px}
.mall_slide .carousel-indicators li{width:15px;height:15px;margin:0px 2px}
.mall_slide .carousel-indicators{bottom:10px;z-index: 1}
.mall_slide .carousel-control{font-size: 43px;top:150px;background:#720000;height: 82px;width: 32px;line-height: 73px;}
.mall_slide .carousel-control.left{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.mall_slide .carousel-control.right{border-top-left-radius:5px;border-bottom-left-radius:5px;}


.mall_slide .text{background:rgba(0,0,0,0.6);max-width:570px;position:absolute;top: 110px;text-align: center;left:4%;}
.mall_slide .text .title{font-size:33px;color:#fff;line-height: 41px;padding:0px 33px;}
.mall_slide .text .title a{opacity: 1;color:#fff;}
.mall_slide .text  .buy{color:#e76773;font-size:18px;text-align: center;    margin: 31px 0px;}
.mall_slide .text  .buy button{border:2px solid #e76773;padding:6px 34px;background:none;float:left;margin-top: 12px;margin:auto}
.mall_slide .text  .buy button:hover{background:#e76773;color:#FFF}
.mall_slide .text  .buy a{font-size: 22px;display:block;padding: 8px 33px;margin: auto;width: 200px}
.mall_slide .text .itemPrice {color:#ffe400;line-height: 36px;text-align:center;font-size:28px;padding-top:64px;position: relative; }
.mall_slide .text del{text-decoration:line-through; line-height: 20px;display:block;color:#fff;font-size:16px;text-align: center;}

.mall_slide .text{opacity:1;
animation:myfirst 1s linear ;
-moz-animation:myfirst 1s linear ;
-webkit-animation:myfirst 1s linear ;
-o-animation:myfirst 1s   linear ;}
@keyframes myfirst{from {opacity:0.2}}
@-moz-keyframes myfirst{from {opacity:0.2}}
@-webkit-keyframes myfirst{from {opacity:0.2}}
@-o-keyframes myfirst {from {opacity:0.2}}
.carousel .text .title{opacity:1;margin-top:15px;
animation:cartitle 1s linear ;
-moz-animation:cartitle 1s linear ;
-webkit-animation:cartitle 1s linear;
-o-animation:cartitle 1s   linear ;}
@keyframes cartitle{from {margin-top:0px;opacity:0.5;}}
@-moz-keyframes cartitle{from {margin-top:0px;opacity:0.5;}}
@-webkit-keyframes cartitle{from {margin-top:0px;opacity:0.5;}}
@-o-keyframes cartitle {from {margin-top:0px;opacity:0.5;}}

.carousel .text .servers{left:70px;opacity:1;
animation:carserver 1s linear ;
-moz-animation:carserver 1s linear ;
-webkit-animation:carserver 1s linear;
-o-animation:carserver 1s   linear ;}
@keyframes carserver{from {left:-10px;opacity:0;}}
@-moz-keyframes carserver{from {left:-10px;opacity:0;}}
@-webkit-keyframes carserver{from {left:-10px;opacity:0;}}
@-o-keyframes carserver {from {left:-10px;opacity:0;}}
.carousel .text  .buy{opacity:1;
animation:carbuy 1s linear ;
-moz-animation:carbuy 1s linear ;
-webkit-animation:carbuy 1s linear;
-o-animation:carbuy 1s   linear ;}
@keyframes carbuy{from {left:210px;opacity:0.1;}}
@-moz-keyframes carbuy{from {left:210px;opacity:0.1;}}
@-webkit-keyframes carbuy{from {left:210px;opacity:0.1;}}
@-o-keyframes carbuy {from {left:210px;opacity:0.1;}}




/* end-time */
.item .end-time{position:absolute;right:0px;bottom:20px;height:68px;z-index:0;min-width: 245px;}
.item .end-time li{float:left;color:#fff;text-shadow:.2rem 0 .5rem #000,-.2rem 0 .5rem #000,0 .2rem .5rem #000,0 -.2rem .5rem #000}
.item .end-time .esymbol{ padding:0px 4px;line-height: 33px; }
.item .end-time li p{font-size:12px;text-align: center;}
.item .end-time .time_box{display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px}
.item .end-time .sales{padding-right: 6px;line-height:40px;float: left;line-height:42px;}
.item .end-time .sales span{color:#fff;font-size:18px;opacity: 0.9;text-shadow:.2rem 0 .5rem #000,-.2rem 0 .5rem #000,0 .2rem .5rem #000,0 -.2rem .5rem #000}
.item .end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.item .end-time .end-number{color:#fff;font-size:18px;margin-bottom:2px;}
.item .end-time .end-number li span{height:38px;line-height:38px;min-width: 36px;background-color:#0d0917;opacity:.8;border-radius:5px;font-size: 22px;}
.item .end-time .end-number .eday,.ehour,.emin,.esec{padding:0px 6px;display:inline-block;text-align:center}
.item .end-time .end-number .esymbol{display:inline-block;text-align:center}



.mall_right {padding-top: 12px;height: 200px;padding-right: 0px;}
.mall_right img{width:100%;height: 187px;}
.mall_right .cimgli:first-child{margin-bottom: 16px;}
.mall_right .cimgli{ position: relative;width: 100%;display: block;border-radius: 5px;color:#fff; overflow: hidden; font-size: 30px;height: auto; transition: all 0.3s linear 0s;}
.mall_right .cimgli:hover img{-webkit-filter：blur(5px);filter:blur(5px);transition: all 0.3s linear 0s;}
.mall_right label.price {font-weight:600;right:0px;bottom:8px;position:absolute; background: url(../../image/pricebg.png) no-repeat left center;text-align: right;padding: 0px 11px 0px 28px;font-size: 20px;height: 42px;line-height: 43px;color: var(--theme);}
.mall_right  button{ display: block;margin: auto; background: var(--theme);color: #000;width:auto;border-radius: 55px;border: 0px;font-size: 16px;margin-top:24px;padding:9px 38px;opacity: 0.8}
.mall_right .chover{width:100%;height: 187px;position:absolute; background: rgba(0,0,0,0.5);top:0px;opacity:0;transition: all 0.3s linear 0s;display: block;}
.mall_right .chover .title{font-size: 18px;color: #fff;display: block;text-align:center;padding-top: 40px ;}
.mall_right .cimgli:hover .chover{opacity: 1;transition: all 0.3s linear 0s;}


.besthot { padding-right: 0px;}

.platforms{background:#4b0b0b;height:305px;margin-top:20px;border-radius:4px}
.platforms ul{padding:12px;padding-top:7px;}
.platforms li {border-radius: 3px;margin-top: 12px;height: 44px; font-size: 16px;background: #f7f7f7 url(../../image/p1.png) no-repeat right center; position: relative; line-height: 44px;}
.platforms li img{    position: absolute;height: 26px;top: 15px;left: 18px;}
.platforms li em{text-indent: 22px;padding-left:76px}
.platforms li a{display: block;font-weight: bold;opacity: 0.8}
.platforms li a:hover{opacity: 1}
.mall_right .platforms li img{height: 40px;}
.mall_right  .platforms li  em{margin-left: 83px;display: block;font-style: var(--tinge);line-height: 68px;}
.mall_right  .platforms li .nav-uplay img{left:13px;}
.mall_right   .platforms  .nav_steam{background:#161614}
.mall_right   .platforms  .nav-opigin{background:#dd5c2a}
.mall_right   .platforms  .nav-xbox{background:#008bf3}
.mall_right   .platforms  .nav-uplay{background:#3b7098}
.best-title{padding-left:14px}
.best-title .more {
    font-size: 12px;
    font-weight: bold;
    padding-left: 9px;
    color:#666;
    position: absolute;
    right: 0px;

}
.best-title .more:hover{opacity:1}

/* Best Sellers */
.zz-sever .list-item .item{width:152px;padding-left:5px;}
.zz-sever .list-item .item .actions-links{left:5px}
.zz-sever .list-item .item em{left:108px}
.zz-sever .list-item .item .matter{margin:0px}
.zz-sever {padding-left:50px;position:relative;}
.zz-sever .list-item{position: relative;overflow: hidden;margin-right: 64px;}
.zz-sever span[class*="-btn"]{line-height: 42px;font-size: 29px;color: #8d8d8d;text-align: center;border-radius: 43px;width: 45px;height: 45px;top: 32%;position: absolute;border:1px solid #dbdbdb;cursor: pointer;z-index: 1;opacity: 0.7;background: #fff;}
.zz-sever span:hover{opacity:1}
.zz-sever span.prev-btn{left:15px;}
.zz-sever span.next-btn{right:18px;}
.list-item .wrapbox{width:4000px;position: relative;}

.xobx_psn {margin-bottom:0px;}
.xobx_psn .slider-items-products{padding: 0px; width: 49.5%;}
.xobx_psn .psn_right{float:right}
.xobx_psn .zz-sever {padding-left:0px}
.xobx_psn .list-item .item {width:140px;}
.xobx_psn .zz-sever span[class*="-btn"]{border-radius: 57px;border:0px;padding:0px;   width:30px;top:-40px;font-size:19px;background:#fff;color:var(--theme);left:auto; right: 10px;height:30px;line-height:25px;border:2px solid var(--theme);}
.xobx_psn .zz-sever span.prev-btn{right:51px;}

.xobx_psn .zz-sever .list-item { margin-right: 0px;}

.xobx_psn .best-title{border:0px;padding-left:0px}

.xobx_psn .b_line{display: none;border-left: 4px solid #D4682E;position:absolute;left:0px;top: 20px;width: 0px;height: 18px;}

.xobx_psn .owl-item{ height: 275px }
.xobx_psn .owl-item img { height: 162px;}
.xobx_psn .owl-item .actions-links .web-system img{max-width: auto;height: 20px;}
.xobx_psn .zz-sever .list-item{padding-left:8px;}
.xobx_psn  .list-item .item em {left: 90px;}



.newhot .slider-items-products{width: 100%}

.newhot  .zz-sever span[class*="-btn"]{top:66px;width: 80px;    line-height: 80px;height: 80px;background:transparent;font-size: 48px; right: -27px;border: 0px}
.newhot  .zz-sever span.prev-btn {left: -24px}
.newhot  .zz-sever {padding-left:50px;    padding-right: 50px;}
.newhot .list-item .item {width: 146px;}


.mytab{border-left:0px solid #fff;margin:0px;}
.mytab li{float:left;}
.mytab li a{ float:left;padding:6px 10px;margin-right:32px;outline-color:-moz-use-text-color;outline-style:none;text-decoration:none;color: #fff}
.mytab .active a { color: #000;display: block;background:transparent; height:41px;margin-top: -5px;border-radius: 0px;}

.slider-items-products .best-title { overflow: hidden;height: 48px; text-transform: uppercase;  padding:14px 12px;font-weight: bold; color:var(--theme);border-bottom: 2px solid var(--theme);font-size: 20px;}


.load_more{float:left;width:97%;text-transform: uppercase;background:#f5f5f5;margin:17px;margin-bottom:15px;color:#333;position:relative;font-size:14px;border-radius:3px;text-align:center;padding:4px 0px;cursor:pointer;margin-top:0px;}
.load_more:hover{color:#000;}
.load_more .fa-spinner{display:none}

.paddingright{padding:0px;}
.tab-content{padding-left:15px;}
.tab-content .owl-item .actions-links{height: 178px;width: 144px;}

.gamepro {
    padding: 13px 0px;
    border-bottom: 2px solid var(--theme);
    height: 51px;
}
.gamepro li a {font-size: 20px;margin-right: 21px;
    margin: 0px;
    padding-top: 4px;color: #999;
}
.gamepro li a .active{border-bottom: 2px solid var(--theme);background:transparent;}
.gamepro  li { padding:0px 10px; position: relative;height: 38px;line-height:16px;display: inline-block;}
.gamepro  li.active{border-bottom:2px solid var(--theme);}
.gamepro  li.active a{margin: 0px;height: 26px;font-weight: bold;color:var(--theme)}
.list-item .gameright {left:0px;width: 100%;top: 7px;  overflow: hidden;height: 328px;}


.gamepro li span {
    display: block;
    width: 50px;
    height: 50px;display: none;

    border-radius: 191px;
    left: -2px;    
    position: absolute;
    top: -7px;
}

.gamepro .steam span { background:var(--theme) url(../../image/platform/steam1.png) no-repeat center;background-size: 70%;}
.gamepro .origin span { background:var(--theme) url(../../image/platform/origin1.png) no-repeat center;background-size: 54%;}
.gamepro .uplay span{ background:var(--theme) url(../../image/platform/uplay1.png) no-repeat center;background-size: 54%;}
.gamepro .pc span{ background:var(--theme) url(../../image/platform/pc1.png) no-repeat center;background-size: 54%}

.safea,
.safeb,
.safec{height: 107px;border-radius: 3px;margin-top:12px;background:url(../../image/safe.png) no-repeat;opacity: 0.8}
.safeb{background-position: 0px -130px;}
.safec{background-position: 0px -257px;}
/*products*/




.slider-items-products{ margin-top:20px; position:relative; z-index:9; overflow:hidden; border-radius:5px;}
.slider-items-products .b-more {position: absolute;right: 0px;top: 10px;font-size: 12px;}
.slider-items-products{  margin-top:20px; position:relative; z-index:9; overflow:hidden; border-radius:5px;}
.slider-items-products .mytab li .b-more {padding: 0;position: absolute;right: 18px;top:7px;font-size: 12px;display:none;}
.slider-items-products .mytab li .b-more a{padding: 0;border-top: 0px solid #fff;color: #666}
.slider-items-products .mytab li .b-more a:hover{color:#000;}
.indexnews .tab-content {height: 251px;overflow: hidden;}
.slider-items-products .mytab .active .b-more {display:block;}
.slider-items-products .mytab  li .b-more a{background: transparent;color: #333;opacity: 0.8}
.slider-items-products .mytab  li .b-more a:hover{opacity: 1;color: #333;}

.tab-content .writer span { padding-right:10px; color: #a7a7a7;}
.owl-item{ position:relative;width:174px; float:left;height:307px;margin-top:24px;}
.owl-item img{display: block;width: 100%;height: 178px;float:left;margin-right:6px;border-radius:5px}
.owl-item em{background:#fc0;border-radius: 32px;color:#000;height:32px;left:122px;position: absolute;top: -14px;width: 32px; text-align:center; line-height:32px;}
.matter{font-size:13px;color:#000000;margin:3px;font-weight:bold;}
.matter p{line-height: 15px;float: left;padding-top: 5px;max-height: 51px;overflow: hidden;width: 100%;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }
.matter p a{color:#333;}
.matter p a:hover{color:#ff3039}
.web-money{margin-top:15px;float: left;text-align: center;width: 92%}
.web-money .s_us{font-size:16px;color:var(--theme);display:block;}
.web-money .c_price{font-size:12px; color:#666;text-decoration:line-through;display:block;}
.web-money .plusprice{background: url(../../image/user/plus_pro.png) no-repeat 0px 1px;padding-left: 50px;color: #000;display: none}

.owl-item .buynow{display: block;float: left;width: 80%;margin-top: 5px;margin-left:6px;height: 34px;line-height: 34px;color: #FFF;text-align: center;position: relative;overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-transform: uppercase;border-radius: 5px;
    cursor: pointer;
    background: var(--tinge);
    background: linear-gradient(90deg, var(--tinge) 0%, var(--theme) 100%);opacity: 0.9;

}
.owl-item .buynow:hover{opacity: 1}
.owl-item .buynow i{margin-right: 5px;font-size: 15px;}

.list-item .gameright .owl-item .actions-links{width: 127px;height: 179px;}
.owl-item .actions-links {background:url(../../image/h_bg.png) repeat;border-radius: 5px;height: 163px;left:15px;opacity: 0;overflow: hidden;position: absolute;top: 0;width: 126px;z-index: 1000;transition: all 0.3s linear 0s;display:none\0;}
.owl-item:hover .actions-links {background:url(../../image/h_bg.png) repeat;opacity:1;transition: all 0.3s linear 0s; display:block\0;}
.web-system{color:#20a5db;position:absolute;top:15px;right:6px;}
.web-system img{height:18px; border-radius:0px;width: 20px;}
.web-system a{color:#20a5db}
.web-collect{ width:100%; float:left;padding-top: 22px;}
.web-collect a:hover{ text-decoration:none;}
.web-collect .glyphicon-shopping-cart{ z-index: 1;font-size:14px; color:#FFF; background:#6DCCA4; padding:8px;position: absolute;left:0px;top:50px; border-radius:3px;opacity:0;transition: all 0.3s linear 0s; cursor:pointer; opacity:0.8}
.web-collect .glyphicon-shopping-cart:hover{ opacity:1}
.web-collect .pitch:hover{ opacity:1}
.web-collect .pitch:before{content: "\e013";}
.web-collect .glyphicon-heart{ font-size:14px; color:#FFF; padding:7px; border-radius:3px;position: absolute;right:0px;top:50px;opacity:0.8;transition: all 0.3s linear 0s;z-index: 1}
.web-repertory{border-bottom: 1px solid #504f4d;border-top: 1px solid #504f4d;color: #c5c5c5;font-size: 12px;padding: 4px 5px;text-align: center;width: 100%;position: absolute;left:0px;bottom:34px;}
.web-ico-right {border-radius: 3px;cursor: pointer;float: right;color: #fff; margin-top:0px;border: 1px solid #f75263;background: #f75263; opacity:0.8}
.web-ico-right:hover {color: #fff;text-decoration: none; opacity:1}
.web-collect .active, .web-collect .active:hover {color: #fff;text-decoration: none;}
.web-collect .active:before{content: "\e013";}
.web-repertory b{color:#d9b804;}
.web-repertory b.out{color:#F00;}
.web-h-y{color: #fff;margin: 15px 10px 0;width:84%;padding:6px 0;font-size: 12px}
.actions-links .btn{position:absolute;bottom:0px;left:0px;transition: all 0.3s linear 0s;opacity:0.4;display: none;}
.owl-item:hover  .actions-links .btn{bottom:20px;opacity:0.9;}
.owl-item:hover  .actions-links .btn:hover{opacity:1}
.owl-item:hover .actions-links .glyphicon-shopping-cart{left:20px}
.owl-item:hover .actions-links .glyphicon-heart{right:20px}

.owl-controls {margin-top: 10px;text-align: center;}
.owl-buttons {opacity: 1;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;}
.slider-items-products .owl-buttons .owl-prev {position: absolute;right:80px;top:20px;}
.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom:1;margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);opacity: 0.5;}
.slider-items-products .owl-buttons .owl-next {position: absolute;right:40px;top:20px;}
.slider-items-products .owl-buttons a {background: #fff;display: block;height: 28px;margin:0;position: absolute;top: 50%;width: 28px;z-index: 5;border: 1px solid #999;color: #000;line-height: 28px;}
.list-unstyled img{ max-width:20px;}


.about{padding:12px;height: 346px;line-height: 24px;}
.xobx_psn .luckinbuy{width: 100%}


/* news */
.indexnews{margin-bottom:20px;height: 309px;overflow: hidden;}
.indexnews .tab-content{padding:10px 20px 0px;}
.b-content {float:left;margin-bottom:25px;overflow: hidden;position: relative;height: 235px;}
.b-content img {width:100%;margin-bottom: 10px;border-radius:3px;height:144px;}
.product-headline{font-size: 12px;font-weight: 600;line-height: 1.1;}
.writer{width:100%; float:left; padding:10px 0px;}
.writer .writer_div{font-size:11px;color:#737373;float:left;padding-right:50px;}
.writer .writer_div span{font-size:12px;color:#737373;padding-right:5px;}
.state{font-size:12px;color:#373737;width:100%;float:left;line-height:20px;}
.state a{font-size:12px;color:#373737;}
.b-content .gradient{}
.state p{display: none}
/* affiliatepic */
.affiliatepic{background:#282828 url(../../image/bg.jpg) no-repeat 0px 0px;height:410px;position:relative;text-align:center;color:#fff}
.affiliatepic p{font-size:28px;}
.affiliatepic .aff_cent{padding-top:70px;line-height:35px;text-transform:uppercase;}
.affiliatepic .price{font-size:50px;padding:30px;font-weight:bold}
.affiliatepic .btn{width: 240px;padding: 8px 0px;text-transform: uppercase;font-size: 20px;border-radius: 43px;color:#fff; background: #0EA53B; opacity: 1;}


.alert-info{margin-bottom:20px;cursor:pointer;opacity:0.9; background:#3b5997;text-align:center;padding:10px 10px 14px;font-size:22px;color:#fff;position:relative;display: none}
.alert-info:hover{opacity:1;transition: all 0.3s linear 0s;}
.alert-info i{font-size:28px}
.alert-info .btn{border-radius:55px;font-size:18px;display: table-cell;margin-left: 16px;padding:2px 26px}
.alert-info .triangles{top:0px;left:0px;z-index:-1;position:absolute;width:100%;height:262px;opacity:0.33;background: url(../../image/triangles.jpg) repeat-x center center;}
.alert-info .close{color:#fff;font-weight:var(--tinge);opacity:0.4;position:absolute;width:20px;height:20px;background: url(../../image/close_b.gif) no-repeat center center;background-size:100%;right: 15px;top: 15px;}
.alert-info .close:hover{opacity:0.8}


.alert-info .triangles{color:#e3385c;
animation:myfirst 10s linear infinite;
-moz-animation:myfirst 10s linear infinite;
-webkit-animation:myfirst 10s linear infinite;
-o-animation:myfirst 10s  linear infinite;}
@keyframes myfirst{from {top:-161px;opacity:0.1}}
@-moz-keyframes myfirst{from {top:-161px;opacity:0.1}}
@-webkit-keyframes myfirst{from {top:-161px;opacity:0.1}}
@-o-keyframes myfirst {from {top:-161px;opacity:0.1}}


/* block_loader  */
.block_loader{height:300px;width:96%; background:transparent;top:34%;opacity:0.2}
.block_loader .ball-clip-rotate{width:100px;height:100px;}
.block_loader .ball-clip-rotate > i{background-color:#000;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #000;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;}

#adkrtbstorage{display: none}

.i_banner{padding:0px; background: transparent;box-shadow: none;text-align: left;margin-top: 0px;}
.i_banner li img{width: 100%;min-height: 285px;}
.i_banner li{padding:0px 8px;margin-top:20px;}
.i_banner li a{display: block;border-radius: 4px;overflow:hidden;position: relative;min-height: 285px;}
.i_banner .trans{transition: all 0.3s linear 0s;position: absolute;bottom:-80px;overflow: hidden;background: rgba(0,0,0,.5);padding-left:15px;width: 100%;height: 190px;padding-top:20px;}
.i_banner .trans .title{color:#666;font-size: 18px;color: #fff;display: block;height:58px;text-align:left;overflow: hidden;}
.i_banner .trans  .price{ margin-bottom: 25px;position: relative;}
.i_banner .trans .price img{height: 22px;width: auto;min-height:auto;position: absolute;top:-6px;right:12px;}
.i_banner .trans .c_price {font-size: 12px; color: #c4c4c4; text-decoration: line-through;}
.i_banner .trans  .s_us { font-size: 14px;color: #ffcc00;font-size: 16px;font-weight: bold;padding-left:12px; }

.i_banner li button{display: block;opacity: 0.8;margin: auto; background: var(--theme);color:#000;padding:10px;border-radius: 55px;border:0px;width:170px;font-size: 16px}



.zz-sever .shiwu .owl-item .a-link{height: 216px;display: block;width:162px;border: 1px solid #f6f6f6;}
.zz-sever .shiwu .owl-item img{height: 160px;margin-top: 24px;}
.zz-sever .shiwu .owl-item em{left:123px;top: 11px;}
.zz-sever .shiwu .owl-item .matter p{width:162px;}
.zz-sever .shiwu .owl-item{height: 335px;width: 172px;}

@media screen and (max-width:786px){
.xobx_psn .aboutus img { width: 100%;}
.xobx_psn .slider-items-products{width: 100%}
 .i_banner{display: none} 
.mall_right {height: auto;padding-right: 12px;}
.mall_slide { padding:12px;padding-bottom: 0px}
.paddingright {
    padding: 0px 12px;
}
	.mall_slide .carousel a img{height: auto}

}