/*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;margin: 0px;}
.mall_slide .carousel {border-radius: 16px;}
.mall_slide .carousel-inner a{display:block;width:100%;}
.mall_slide .carousel a img{border-radius:5px;width:100%;}
.mall_slide .carousel-indicators .active{background:#D4682E;border:1px solid #D4682E;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;}

.mian-banner {background: #000; background: linear-gradient(90deg, #05080a 0%,  #0b4e32 100%);padding:12px 0px; margin: 0px auto;position: relative;}
.mall_right .carousel-inner>.item>a>img, .mall_right .carousel-inner>.item>img, .mall_right  .img-responsive, .thumbnail a>img, .mall_right  .thumbnail>img{width:100%;height:100%}
.mall_right .mall_time{position:relative;}
.mall_right .mall_time .rightoff{display:none;width:80px;height:80px;background:url(../../image/rightoff.png) no-repeat center center;background-size:100%;text-align:center;line-height: 74px;font-weight:bold;font-size:16px;color:#000;padding-left: 5px;position: absolute;right:-6px;top:2px;}
.mall_right .mall_time .rightprice{display:none;height:32px;background:url(../../image/rightprice.png) no-repeat 0px 0px;text-align:center;line-height: 32px;font-weight:bold;font-size:16px;color:#fff;padding-left:42px;padding-left: 5px;position: absolute;right:0px;bottom:8px;padding-left: 20px;padding-right:6px;}
.mall_right .riming{position:absolute;bottom:26px;left:2px;width:100%}
.mall_right .riming ul{width:140px;margin:auto}
.mall_right .riming li{background:#D4682E;width:30px;font-weight:bold;height: 30px;border-radius: 30px;line-height: 30px;text-align: center;}
.mall_right .riming .st_text li{ background:none;width:30px;height: 30px;}
.mall_right .riming_text{position:absolute;bottom:8px;left:2px;width:100%}
.mall_right .riming_text ul{width:140px;margin:auto}
.mall_right .riming_text li{font-size:10px;color:#fff;text-align: center;width:30px;text-transform:capitalize;}
.mall_right .eur_c{background:#D4682E;border-radius:5px;color:#000;font-weight:bold;position:absolute; padding:6px;line-height:22px;top: 25px;right: 0px;padding: 4px;font-size:12px;border-top-right-radius:0px;border-bottom-right-radius:0px}
.carousel-inner>.item{ z-index:0}
.carousel-indicators{ z-index:1}
.minhead{float: right;}
.mall_right .eur_c{ display:none}
.mall_right .riming{ display:none}
.mall_right .riming_text{ display:none}
.mall_right .platforms-title{font-size: 18px;padding-top:17px ;padding-left:20px;}
.mall_right  .platforms ul{padding:15px;padding-top: 8px;}
.mall_right  .platforms li{height:70px;background:#000;margin-top:12px;border-radius:5px;line-height: 42px;position:relative;opacity: 0.8}
.mall_right  .platforms li:hover{opacity: 1}
.mall_right a{ width: 100%;display: block;border-radius: 5px;color:#fff; overflow: hidden; font-size: 30px; line-height: 74px;}
.mall_right .platforms li span { background: #fff;left: 14px;height: 50px;position: absolute; border-left: 19px;top: 11px;display: block;border-radius: 55px; width: 50px;text-align: center;}

.banner_img{position: relative;}
.banner_img .item{width: 33.3%;float:left;position: relative;}
.banner_img .item img{ transition:all 0.5s linear;width: 100%;border-radius: 20px;box-shadow: 5px 7px 10px rgb(28 22 22 / 73%); border: 1px solid #35413a;}
.banner_img .item:hover img{    box-shadow: 5px 3px 20px 0px rgb(183 135 25 / 73%); border: 1px solid #736b09;}
.banner_img .item a{display: block;padding:20px; }
.banner_img .item .bannertitle{position: absolute;bottom: 20px; left:0px;width: 100%;opacity: 0.7;s}
.banner_img .item .b_title{font-size:22px;padding: 22px;margin-right: 20px;margin-left: 20px;text-align: center;background: #000;color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}

.banner_img .item .web-money {text-align: right;background:#7d2b00;position: absolute;bottom: 63px; right: 20px;padding: 11px 7px;}
.banner_img .item .web-money .s_us { font-size: 26px;color: #f6ff00;display: block; font-weight: bold;}
.banner_img .item .web-money .c_price {font-size: 15px;color: #f0f0f0; display: block;padding-bottom: 8px;line-height: 12px;}

.mall_right .platforms li img {height: 30px;top: 11px;position: absolute;left: 6px;}
.mall_right .platforms .nav_steam img {height: 31px; top: 10px; position: absolute; left: 6px;}
.mall_right .platforms .nav-opigin img {height: 36px;top: 8px;position: absolute;left: 12px;}
.mall_right .platforms .nav-xbox img {height: 36px;top: 8px;position: absolute;left: 6px;}
.mall_right .platforms .nav-uplay img {height: 30px; top: 12px;position: absolute;left: 3px;}

/* end-time */
.item .end-time {left: 40px; position: absolute;right: 0px;bottom: 81px;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}

.indexbg{background: #fff;position: relative;}
.indexbg .slider-items-products .best-title {border-bottom: 1px solid #ddd;margin-right:5px;}
.indexbg  .xobx_psn .owl-item { margin-bottom: 0px;}
.indexbg  .in-platforms li{margin-top: 20px}
.indexbg  .slider-items-products{margin-top: 0px}
.indexbg  .owl-item {margin-bottom: 0;}


.besthot { padding-right: 0px;}

.indextitle {
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    color: #515151;
    height: 48px;
    position: relative;
    padding-top: 27px;
}
.platforms{background:#5d6985;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: #000;opacity:0.8}
.best-title .more:hover{opacity:1}

/* Best Sellers */

.zz-sever {padding-left:0px;position:relative;}
.zz-sever .list-item{position: relative;overflow: hidden;margin-right: 1px;}
.zz-sever span[class*="-btn"]{line-height: 42px;font-size: 29px;color: #8d8d8d;text-align: center;border-radius: 43px;width: 45px;height: 45px;top: 28%;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:0px;}
.zz-sever span.next-btn{right:0px;}
.list-item .wrapbox{width:3000px;position: relative;}



.mytab{border-left:0px solid #fff;margin:0px;}
.mytab li{float:left;}
.mytab li a{ color: #333;float:left;padding-right:23px;padding-left:10px;outline-color:-moz-use-text-color;outline-style:none;text-decoration:none;}
.mytab .active a {color: #ff5400;}

.slider-items-products .best-title { overflow: hidden;height: 48px;font-weight: bold;padding:12px 0px; background: transparent;margin-top:10px;margin-bottom: 10px;padding-left:10px;}

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

.paddingright{padding-right:0px;}




.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: 18px;top: 25px;}

.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: #fff;opacity: 0.8}
.slider-items-products .mytab  li .b-more a:hover{opacity: 1;color: #fff;}

.tab-content .writer span { padding-right:10px; color: #a7a7a7;}

.owl-item{ width: 231px;margin-bottom:30px;}
.owl-item .blockbox{ padding: 15px;width: 100%; background: #fff;height:327px;border-radius: 13px;position: relative;}
.owl-item .blockbox a{display: block;}
.owl-item img{display: block;height:270px;border-radius:5px;}
.owl-item em{background:#f66a78;border-radius: 32px;color:#fff;height:32px;right:22px;position: absolute;top: 22px;width: 32px; text-align:center; line-height:32px;}


.matter{font-size:12px;color:#000000;margin:3px;font-weight:bold;}
.matter p{line-height: 15px;float: left;padding-top: 5px;max-height: 50px;overflow: hidden;width: 100%;}
.matter p a{color:#000;}
.matter p a:hover{color:#ff5400}
.web-money{margin-top:3px;float: left;}
.web-money .s_us{font-size:14px;color:#ff5400;display:block;}
.web-money .c_price{font-size:12px; color:#c4c4c4;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 .actions-links {background:url(../../image/h_bg.png) repeat;border-radius: 5px;height: 179px;left:15px;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;}


.xobx_psn{ position: relative; }
.xobx_psn .owl-item {width: 188px; margin-bottom: 30px; padding: 0px 9px;}
.xobx_psn .owl-item img{height: 196px;}
.xobx_psn  .slider-items-products{padding:0px 5px;}


.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{ font-size:14px; color:#FFF; background:#6DCCA4; padding:8px;position: absolute;left:0px;top:60px; 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:60px;opacity:0.8;transition: all 0.3s linear 0s;}

.web-repertory{border-bottom: 1px solid #504f4d;border-top: 1px solid #504f4d;color: #c5c5c5;font-size: 14px;padding: 10px 5px;text-align: center;width: 160px;position: absolute;left:0px;bottom:73px;}

.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: 139px;padding:6px 0;}
.web-h-y:hover{color: #fff;}
.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:40px}
.owl-item:hover .actions-links .glyphicon-heart{right:40px}

.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;}
.product-headline a{color:#000}
.product-headline a:hover{color:#E03800;}
.writer{width:100%; float:left; padding:10px 0px;}
.writer .writer_div{font-size:11px;color:#666;float:left;padding-right:20px;}
.writer .writer_div span{font-size:12px;color:#666;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{
background: linear-gradient(to bottom,rgba(231,231,226,0) 0%,#fff 100%);
background: -o-linear-gradient(to bottom,rgba(231,231,226,0) 0%,#fff 100%);
background: -ms-linear-gradient(to bottom,rgba(231,231,226,0) 0%,#fff 100%);
background: -moz-linear-gradient(to bottom,rgba(231,231,226,0) 0%,#fff 100%);
background: -webkit-linear-gradient(to bottom,rgba(231,231,226,0) 0%,#fff 100%);
width:100%;height:20%;position:absolute;bottom:0px;}
.state p{display: none}

/* in-platforms */
.in-platforms{margin-bottom: 25px;margin-top: 0px;}
.in-platforms ul{display: flex;justify-content: space-between; padding: 0px 10px;}
.in-platforms li{flex: 1;;margin:15px;margin-top:0px;position:relative;overflow: hidden;text-align: center;opacity: 0.8;transition:all 0.5s linear;}
.in-platforms li a{display: block;height: 150px;width: 150px;border-radius: 50%;margin: auto;overflow: hidden;position: relative;border: 6px solid #ead1f9;}
.in-platforms li:hover{opacity: 1}
.in-platforms li img{margin-top:32px;height: 55px;;}
.in-platforms li em{width: 100%;color:#fff;position: absolute;bottom:15px;padding:2px;text-align: center;left: 0px;background:#060606a3}
.in-platforms li:nth-child(1)  a{background: #1b2838}
.in-platforms li:nth-child(2) a{background: #f66c2d}
.in-platforms li:nth-child(3) a{background: #069e69}
.in-platforms li:nth-child(4) a{background: #229fd0}
.in-platforms li:nth-child(5) a{background: #118585}
.in-platforms li:nth-child(6) a{background: #039ed9}


/* 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{background: #fff;margin-bottom: 20px;padding:0px;text-align: center;}

.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} 
 .banner_img .item{width: 100%}
.list-item .wrapbox{position:initial}
.owl-item img {
    display: block;
    width: auto;
    height: 207px;
    border-radius: 5px;
    margin: auto;
}.owl-item {
    width: 100%;
    margin-bottom: 30px;
}.xobx_psn .owl-item {width: 100%;
   }

.xobx_psn .list-item .wrapbox {
    position: initial;
    width: 100%;
}
.in-platforms{display: none;}
}