/*index*/

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

.mall_slide{padding-right:0px;padding-left: 0px;}
.mall_slide .carousel-indicators .active{background:var(--theme);border:1px solid var(--theme);width:15px;height:15px}
.mall_slide .carousel-indicators li{width:15px;height:15px;margin:0px 2px}
.mall_slide .carousel-indicators{bottom:10px}
.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;}



/* 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}


.mallwarp { background:#393939;padding: 11px;border-radius: 10px;z-index: 11;position: relative; margin-top: 23px;width: auto;max-width:1903px}
.mallwarp .mallleft{margin-right: 15px}
.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: normal;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: 18px;font-weight:bold;padding-left: 9px;color: #fff;opacity:0.8}
.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 .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:3000px;position: relative;}

.xobx_psn {margin-bottom:0px;}
.xobx_psn .slider-items-products{width:49.2%;padding: 0px;}
.xobx_psn .psn_right{float:right}
.xobx_psn .zz-sever {padding-left:0px}
.xobx_psn .list-item .item {width:198px}
.xobx_psn .zz-sever span[class*="-btn"]{border-radius: 3px;border:0px;padding:0px; width:30px;top:-33px;font-size:29px;color:var(--theme);left:auto; right:0px;height:30px;line-height:28px;background: transparent;}
.xobx_psn .zz-sever span.prev-btn{right:51px;}
.xobx_psn .slider-items-products .b-more{display:none}

.xobx_psn .zz-sever .list-item { margin-right: 0px;;}
.xobx_psn .owl-item .actions-links .web-system img{max-width: auto;height: 20px;display: inline-block;}
.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 .zz-sever .list-item{padding-left:8px;}



.bestwarp{padding:0px;}

.xobx_psn .bestsellers{width: 100%}
.xobx_psn .bestsellers .best-title .more{color:var(--theme);font-size: 33px;position: absolute;right: 11px;top: 7px;}
.xobx_psn .bestsellers  .list-item .item{width: 247px}


.newcom{text-align: center;}
.newcom li {
    background: transparent;display: inline-block;    font-size: 18px;
    height: 48px;
    line-height: 40px;
    padding: 12px 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.newcom li a{ color:#979797;}
.newcom li a:hover{opacity:#333}
.newcom .active a{ color:#333;}

.new_pro .tab-content{padding:0px;min-height: 390px}
.new_pro .container{background:#f7f7f7;position: relative;border-radius: 5px;margin-top:22px;}
.new_pro .tab-content .list-item .wrapbox{width: 1260px}
.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: #fff; height:41px;margin-top: -5px; padding-top: 10px; border-radius: 0px;}
.slider-items-products .best-title {background: transparent; overflow: hidden;height: 48px;      line-height: 40px;  padding: 12px  22px;font-weight: bold;text-transform:uppercase;text-align: center;color:#979797;}
.slider-items-products .tab-pane{min-height:640px}
.load_more{float:left;width:97%;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;}


.best_service{background:#f9ebfe;position:relative;z-index: 11;margin-top:64px;}
.best_service ul{display:flex;justify-content: center;align-items: center;height: 111px;padding: 0px}
.best_service ul li{flex: 1;position: relative;padding:0px 71px}
.best_service ul li i{background: url(../../image/indexico.png) no-repeat;padding:31px 33px;position: absolute;left:0px;top:-12px;}
.best_service ul li:nth-child(1) i{background-position: -6px 0px}
.best_service ul li:nth-child(2) i {background-position: -308px 0px;}
.best_service ul li:nth-child(3) i {background-position: -610px 0px;}
.best_service ul li:nth-child(4) i {background-position: -931px 0px;}
.best_service ul li:nth-child(5) i {background-position: -1241px 0px;}


.gs-platform {
    padding: 44px 0px;
    padding-left: 42px;
    background: #f7f7f7;
    margin: 21px 0px;
    border-radius: 9px;
}
.gs-platform .list-item .item{float: left;width: 257px;}
.gs-platform .list-item .item a{border:1px solid var(--theme);border-radius: 5px;width: 200px;display: block;margin:auto;opacity: 0.6}
.gs-platform .list-item .item a:hover{opacity: 1}
.gs-platform .list-item .item a span{background:var(--theme);display: block;margin: 7px;border-radius: 6px;font-size:18px;color: #fff;text-align: center;padding:10px 0px;}
.gs-platform .list-item .item a img {margin-right:6px;height: 23px;}
.gs-platform  span[class*="-btn"]{color:var(--theme);border: 0;background:transparent;font-size: 42px;top: 49px;}

.gamepro {
    position: absolute;
    width: 233px;
    margin-top: 31px;
    left: 39px;
    top: 10px;
}
.gamepro li a {
    padding-left: 53px;
    margin: 0px;font-weight: bold;
    padding-top: 10px;color: #000;
}
.gamepro li a .active{background: #429fe4}
.gamepro  li { padding-left: 25px;border: 1px solid var(--theme); margin-bottom: 30px;border-radius: 35px;position: relative;height: 38px;line-height:16px;width: 100%}
.gamepro  li.active{background: #429fe4}
.gamepro  li.active a{margin: 0px;height: 26px;background: #429fe4;color:#fff;}
.list-item .gameright {left: 296px;width: 845px;top: 7px;  overflow: hidden;height: 328px;}
.gamepro li a {padding-left: 41px;}

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

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


.slider-items-products{ margin-top:20px; position:relative; z-index:9; overflow:hidden; border-radius:5px;background:#f7f7f7 }
.slider-items-products .b-more {position: absolute;right: 18px;top: 15px;}
.slider-items-products .mytab li .b-more {padding: 0;position: absolute;right: 18px;top:22px;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:164px; float:left;height:345px;margin-top:24px;}
.owl-item img{display: block;max-width: 160px;height:224px;  margin-right:6px;border-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.owl-item em{background:#41c9a3;border-top-right-radius: 50%;border-bottom-right-radius: 50%;color:#fff;font-weight: bold;height:32px;left:5px;position: absolute;top:26px;width: 40px; text-align:center; line-height:32px;}
.matter{font-size:12px;margin:3px;font-weight:bold;width: 160px;}
.matter p{line-height: 15px;padding: 6px;max-height:60px;    height: 60px;overflow: hidden;width: 100%;background: #fff;}
.matter p a{color:#333;}
.matter p a:hover{color:#ff3039}
.web-money{background:#e8d2f9;text-align: center;padding: 8px 0px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
.web-money .s_us{font-size:14px;color:#000;display:inline-block;}
.web-money .c_price{font-size:12px; color:#666;text-decoration:line-through;display:inline-block;}
.web-money .plusprice{background: url(../../image/user/plus_pro.png) no-repeat 0px 1px;padding-left: 50px;color: #000;display: none}


.owl-item .actions-links {background:url(../../image/h_bg.png) repeat;border-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;height: 224px;left:5px;opacity: 0;overflow: hidden;position: absolute;top: 0;width:160px;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}
.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:60px;}

.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: 136px;padding:6px 0;font-size: 12px}
.actions-links .btn{position:absolute;bottom:0px;left:0px;transition: all 0.3s linear 0s;opacity:0.4}
.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:normal;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: 0;padding-bottom: 0px; height: auto;}
.paddingright {
    padding: 0px 12px;
}
	.mall_slide .carousel a img{height: auto}
.mallwarp{max-width: 100%}
}