/*index*/
body{background: white;}
.main .container{background-color: #f7f7f7;}
.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:575px;height: 352px;}
.mall_slide .carousel a img{border-radius:5px;width:100%;height: 100%;}
.mall_slide{padding-top:12px;padding-right:0px;height: 359px;}
.mall_slide>div:first-child{padding-left: 0px;padding-right: 0px;}
.mall_slide ul{padding-left: 0px;margin-top: 15px;}
.mall_slide ul li{float: left;border-radius: 2px; width:293px}
.mall_slide ul li img{height: 230px;width: 280px;margin-right: 15px;border-radius: 6px;}

.mall_slide ul li:last-child{margin-right:0px; }
.mall_slide .carousel-indicators .active{background:#ee1c24;border:1px solid #ee1c24;width:10px;height:10px}
.mall_slide .carousel-indicators li{width:10px;height:10px;margin:0px 2px;background-color: white;}
.mall_slide .carousel-indicators{bottom:15px;left: 500px;}
.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;}

.slide_right{padding-right:0px;padding-left: 12px;}
.slide_right img{width:281px;height: 352px;border-radius: 6px;}
.mall_right {padding-top: 12px;padding-left: 17px;padding-bottom: 20px;}
.mall_right .platforms{background:#fff;height: 596px;border-radius: 5px;}
.mall_right .platforms img{width: 100%;height: 100%;border-radius: 6px;}

.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:#1f8ceb;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:#1f8ceb;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}

.slide_bottom{padding-left:0px;}
.slide_bottom a{width: 100%;height: 100%;}
.slide_bottom ul{width: 1060px;}
.slide_bottom li{position: relative;}
.slide_bottom .ribbon{color:white;position: absolute;top:15px;left:-9px;padding:8px 10px;background-color: #f65656;box-shadow: 0px 2px 4px rgba(0,0,0,0.5);}
.ribbon strong{font-size: 18px;}
.ribbon:before,.ribbon:after{position: absolute;content: "";display: block;}
.ribbon:before{content: "";position: absolute;height: 0;width: 0;border-top: 10px solid #f65656;border-left: 10px solid transparent;bottom: -10px;left: 0;}
.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;}
.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%;height: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;
}

/* end-time */
.item .end-time{position:absolute;right:0px;bottom:20px;height:68px;z-index:0;min-width: 245px;right: -18px;}
.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;width: auto;}
.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;margin-top: 16px;}
.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 .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;}

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

.slider-items-products{padding-top: 20px; background:#FFF; margin-top:20px; position:relative; z-index:9; overflow:hidden; border-radius:5px;box-shadow:1px 1px 4px rgba(120, 120, 120, 0.3)}

.owl-item{ position:relative;margin-bottom: 20px; width:190px; float:left;height: auto;}
.owl-item img{border-radius:5px;height:222px;width:100%;display: block;margin: auto;}
.owl-item em{background:#f66a78;border-radius: 32px;color:#fff;height:32px;left:140px;position: absolute;top: 5px;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;height: 36px;overflow: hidden;min-width: 155px;}
.web-money{margin-top:3px;}
.web-money .s_us{font-size:14px;color:#ef7c00;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;}


.owl-item .actions-links {background:url(../../image/h_bg.png) repeat;border-radius: 5px;height: 222px;left:15px;opacity: 0;overflow: hidden;position: absolute;top: 0;width:167px;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{ 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: #000000;margin: 15px 10px 0;width: 139px;padding:6px 0;}
.web-h-y:hover{color: #000000;}
.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;background-color: #1f8ceb;color:white;}
.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;}
/* Best Sellers */
.zz-sever .list-item .item{width:172px;padding-left:5px;}
.zz-sever .list-item .item .actions-links{left:5px}
.zz-sever .list-item .item em{left:127px}
.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 .slider-items-products{width:49.2%}
.xobx_psn .psn_right{float:right}
.xobx_psn .zz-sever {padding-left:0px}
.xobx_psn .list-item .item {width: 182px;}
.xobx_psn .zz-sever span[class*="-btn"]{border-radius: 3px;border:0px;padding:0px;width:30px;top:-46px;font-size:19px;background:#f5f5f5;color:#000;left:auto;right:0px;height:30px;line-height:28px}
.xobx_psn .zz-sever span.prev-btn{right:38px;}
.xobx_psn .slider-items-products .b-more{display:none}

.xobx_psn .best-title::after{background:none;}
.xobx_psn .zz-sever .list-item { margin-right: 0px;}
.xobx_psn .best-title{border:0px;padding-left:0px;font-size: 16px;    margin-bottom: 0px;height: 50px;text-align: left;font-weight: bold;}
.xobx_psn .b_line{display:block;position:absolute;left:0px;top: 20px;width: 0px;height: 18px;}

.xobx_psn .zz-sever span.prev-btn,
.xobx_psn .zz-sever span[class*="-btn"]{top:-60px;}
.xobx_psn .zz-sever .prev-btn .fa,
.xobx_psn .zz-sever .next-btn .fa{padding-top:5px;}


.mytab{border-left:0px solid #fff;margin:0px;}
.mytab li{float:left;}
.mytab li a{float:left;padding:0px 23px;border-top:4px solid #fff;outline-color:-moz-use-text-color;outline-style:none;text-decoration:none}
.mytab .active a{color:#000;display:block;}
.tab-pane{min-height:320px}
.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}

/*featured games*/
.featured-tab{width: 100%;height: 100%;margin-top: 20px;overflow: hidden;}
.featured-tab .featured-title{height:25px;font-weight: bold;font-size: 16px;float: left;line-height: 25px;margin-right: 40px;margin-left: 15px;text-transform:uppercase;}
.featured-tab .choice li{cursor:pointer;height:25px;width:55px;float:left;line-height: 25px;text-align: center;font-size: 13px;margin-right: 20px;border:1px solid #1f8ceb;border-radius:2px;color:#1f8ceb;background: #fff;opacity: 0.8}
.featured-tab .choice li:hover{opacity: 1}
.featured-tab .choice li:last-child{width:100px;margin-right: 0px;}
.featured-tab .choice .active{background-color: #1f8ceb;color: white;}
.featured-tab .more{float: right;margin-right: 3%;color:#1f8ceb;width:55px;line-height: 25px;overflow: hidden;margin-right: 0px;}
.featured-tab .more a{color: #1f8ceb;}
.featured-content{width: 100%;position: relative;}
.featured-content>ul{width:100%;overflow: hidden;padding-bottom: 20px;}
.featured-content>ul>li{float: left;position: relative;width:214px;height: 291px;padding-top: 10px;padding-left: 13px;box-shadow: 1px 1px 4px rgba(120, 120, 120, 0.3);margin-right: 0px;margin-top:20px;margin-left: 16px;padding-right: 13px;background: #fff;}
.featured-content>ul li img {
    width: auto;
    height: 189px;
    display: block;
    margin: auto;
}
.featured-content>ul ul{position: absolute;top:8px;}
.featured-content>ul ul li{overflow: hidden;margin-top: 2px;}
.featured-content>ul ul .sale span:first-child{display:block;float:left;height:20px;width:40px;background-color: #f65656;line-height: 22px;color:white;text-align: center;}
.featured-content>ul ul .sale span:last-child{display:block;float:left;width: 0;height: 0;border-top: 10px solid #f65656;border-right: 9px solid transparent;border-bottom: 10px solid #f65656;}
.featured-content>ul ul .new span:first-child{display:block;float:left;height:20px;width:40px;background-color: #00a9e0;line-height: 22px;color:white;text-align: center;}
.featured-content>ul ul .new span:last-child{display:block;float:left;width: 0;height: 0;border-top: 10px solid #00a9e0;border-right: 9px solid transparent;border-bottom: 10px solid #00a9e0;}
.featured-content .goods-info{margin-left: 10px;}
.featured-content .goods-info p{line-height: 18px;font-size: 12px;margin-top: 5px;height: 32px;overflow: hidden;}
.featured-content .goods-info span{line-height: 35px;font-size:14px;color:#f65656;font-weight: 800;}
.featured-content .goods-info span:last-child{margin-left:10px;line-height: 20px;font-size:12px;color:#686868;text-decoration: line-through;font-weight: normal;}

/*trust*/
.main .container .wer_ul{background-color: #f5a939;height: 228px;padding-top: 30px;width: 32.4%;}
.trustboxes{position:relative;border-radius:3px;width: 100%;height:50px;background:#fff;}
.trustboxes .trus_m{width:98%;height:100px;overflow:auto;position:absolute;top:10px;}
.trustboxes .fa-caret-down{position: absolute;top:-14px;left: 58px;font-size: 24px;color: #fff;}
.truslogo{background:url(../../image/trustpilot-logo.png) no-repeat 0px 10px;height:50px; background-size:150px}
.truslogo a{display:block;height:50px;width:160px;text-indent:-100px;overflow:hidden}
.trustpilot-star{background:url(../../image/trustpilot-star.png) no-repeat 0px 14px;height:50px;position:relative}
.main .container .wer_ul .view{position: absolute;right:0px;top:18px;font-size: 12px;font-weight: bold}
.main .container .wer_ul .view a{color:#231808;opacity:0.5}
.main .container .wer_ul .view a:hover{opacity:1}
.main .container .wer_ul .view i{font-size: 8px;opacity: 0.8;top: 0px;}
.ad{height: 228px;padding-right: 0px;width: 67.601%}
.ad img{width: 100%;height: 100%;}
.ad a{display: block;width: 100%;height: 100%;}

.main .container div[class*="-game"]{background-color:#efefef;width: 32.4%;margin-right: 15px;}
.main .container div[class*="-game"]>p{width:160px;height:44px;font-size: 16px;font-weight: bold;line-height: 44px;float: left;}
.main .container div[class*="-game"]>div{width:100px;height: 44px;font-size: 12px;color:#0c89c5;line-height: 44px;float: right;text-align: right;}
.main .container div[class*="-game"]>div a{width:100px;height: 44px;font-size: 12px;color:#0c89c5;line-height: 44px;text-align: right;}
.main .container div[class*="-game"]>ul{clear: both;}
div[class*="-game"]>ul li{height: 155px;margin-bottom:20px;width:100%;background: #fff;border-radius: 5px;padding: 3px 0px;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);padding:14px;}
.main .container div[class*="-game"]>

div[class*="-game"]>ul li>a{display: block;float: left;}
div[class*="-game"]>ul li>a>img{height: 126px;width:90px;float: left;height: 126px;}
div[class*="-game"]>ul .game-info{float: left;margin-left: 10px;}
div[class*="-game"]>ul .game-info p{font-weight: bold;overflow: hidden;width:212px;max-height:40px; }
div[class*="-game"]>ul .game-info span{display: block;font-size: 12px;text-decoration: line-through; color: #686868;height: 23px;line-height: 23px;}
div[class*="-game"]>ul .game-info .price{color:#f65656;font-size: 15px;text-decoration: none;}
div[class*="-game"]>ul .platform img{width: 29px;height: 29px;} 
div[class*="-game"]>ul .buy{float: left;width: 113px;height: 32px;line-height: 32px;text-align: center;font-size: 18px;color:white;background-color: #1f8ceb;font-weight: 400;border-radius: 3px;}
div[class*="-game"]>ul .cart{float: left;height: 32px;width: 32px;padding-top:6px;padding-left:5px;border: 1px solid #fbafaf;border-radius: 3px;margin-left: 10px;}
div[class*="-game"]>ul .cart a{color:#ef7474;}
/*keys*/
.keys{background-image: url(../../image/service.jpg);height: 360px;background-position: 0px -100px;background-repeat: no-repeat;}
.keys .introduce{width: 75%;float: left;height: 360px;text-align: center;height: 360px;position: relative;}
.keys .introduce .bgc{background-color: black;opacity: 0.6;width: 100%;height: 100%;position: absolute;}
.keys .introduce .content{width: 100%;height: 100%;position: absolute;display: none;}
.keys .introduce .active{display: block;}
.keys .introduce .content p:first-child{font-size: 30px;margin-top: 40px;margin-bottom: 10px;}
.keys .introduce .content p:first-child span{color:red;}
.keys .introduce .content .title{font-size: 30px;margin-top: 50px;}
.introduce .blue-line{height: 6px;width: 35px;background-color: #1f8ceb;margin:20px auto;}
.keys .introduce .content p{color: white;font-size: 16px;margin-bottom: 20px;}
.keys .introduce .info{margin:10px auto;line-height: 25px;width: 90%;}
.keys .introduce .info a{color:white;}
.keys .introduce .info a:hover{color: #1f8ceb;}
.keys .subject{position:relative;width:25%;float: left;height: 360px;text-align: center;}
.keys .subject .bgc{background-color: #145c9b;opacity: 0.6;width: 100%;height: 100%;position: absolute;}
.subject ul{position: absolute;width: 100%;height: 100%;padding-top:50px;}
.subject ul li{height: 45px;color: white;font-size: 15px;cursor: pointer;}
.subject ul .active{color:#ff5e5e;font-size: 25px}
/* news */
.gamenews{width: 50%;padding: 20px;border-right: 1px solid #d4cbcb;float: left;}
.gamenews>p:first-child{border-left: 3px solid #0c89c5;font-weight: bolder;font-size: 17px;margin-bottom: 15px;}
.gamenews>p:first-child span{color:#0c89c5;float: right;font-weight: normal;font-size: 14px;}
.gamenews article>div{float: left;}
.gamenews article>div img{height: 262px;width:262px;}
.gamenews article .content{margin-left: 20px;font-size: 14px;width: 242px;}
.gamenews article .content p{max-width: 261px;}
.gamenews .content p:first-child{color:#666;font-size:12px}
.gamenews .content p span{padding-left:7px;}
.gamenews .content .sub{font-weight: bolder;margin-top: 20px;margin-bottom: 20px;max-width:261px;max-height: 40px;overflow: hidden;}
.gamenews .content .sub a{color:#0c89c5;font-size:14px}
.gamenews .content .para{font-weight: lighter;color: #66615e;line-height: 30px;}
.gamenews .content p:last-child{width: 142px;height: 30px;margin-top: 20px;}
.gamenews .content p:last-child span:first-child{width: 112px;height: 30px;background-color: #454545;display: block;float: left;line-height: 30px;font-size: 12px;font-weight: bolder;color: white;text-align: center;border-bottom-left-radius: 17px;border-top-left-radius: 17px;}
.gamenews .content p:last-child span:last-child{width: 30px;height: 30px;background-color: #00a9e0;display: block;float: left;line-height: 30px;font-size: 12px;font-weight: bolder;color: white;text-align: center;border-top-right-radius: 17px;border-bottom-right-radius: 17px;}
.aboutus{width:50%;float: left;padding: 20px;}
.aboutus>p:first-child{border-left: 3px solid #0c89c5;font-weight: bolder;font-size: 17px;margin-bottom: 15px;}
.aboutus>p:first-child span{color:#0c89c5;float: right;font-weight: normal;font-size: 14px;}
.aboutus article>div{float: left;max-width: 275px;}
.aboutus article .content{font-size:14px;margin-right: 20px;width: 265px;line-height: 24px; }
.max-content{max-height: 193px;overflow: hidden;}
/* 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}

@media (max-width:1199px){
.web-product .col-sm-4{width:100%}
.web-product .col-sm-8{width:100%}
.owl-item{padding:0 0 0 15px;width:176px; margin:0 10px 20px 0}
.web-like .web-fb{ height:109px;}
.web-like .web-fb .btn-fanpage{margin:20px auto 0;}
.web-like .web-fb .btn-fanpage .web-em1{font-size:24px; color:#000000; margin:0 3px}
.web-like .web-fb .btn-fanpage .web-em2{font-size:18px; color:#009566;margin:0 3px; background:#1f8ceb; padding:13px 10px; border-radius:100%; font-weight:bold}
.web-like .web-fb .btn-fanpage .web-em3{font-size:24px; color:#000000;margin:0 3px}
}
@media (max-width:999px){
.owl-item{margin:0 0 20px 0;padding: 0 0 0 15px;width: 176px;}
.web-like .col-xs-12{ padding-right:0px;}
.web-like .web-fb{ margin:0 0 20px 0}
}
@media (max-width:992px){
.URcdkeys_slide{ padding-right:15px;}
.xobx_psn .slider-items-products{width:100%}
}
@media screen and (max-width:768px){ 
.URcdkeys_slide{padding-right:12px;}
.mall{display: none;}
.bg{display: none;}
.featured-tab .choice{clear: both;overflow: hidden;margin-left: 15px;}
.featured-tab .more{clear: both;}
.featured-content>ul>li{margin-left: 25%;}
.wer_ul{display: none;}
.ad{display: none;}
.advantages .container{display: none;}
.main .container div[class*="-game"]{clear: both;width: 380px;}
.introduce{display: none;}
.subject{display: none;}
.keys{display: none;}
.gamenews{display: none;}
.aboutus{display: none;}
}

@media screen and (max-width:436px){
.owl-item{ float:none; margin:0 auto 20px auto}
}

/* last-mc-product*/
.recently {background: #fff; width: 100%;display: inline-block; position: relative; height:127px; margin: 20px 0 0;display: flex;align-items: center;background: url(../../image/recently-bg.jpg) no-repeat 0px 0px;background-size: 100%;}
.recently .rec-font{font-size: 33px;    width: 574px;text-align: center;text-indent: 94px;}
.recently .rec-icon{background: url(../../image/recently-1.png) no-repeat 0px 0px;}
.recently .rec-icon {background: url(../../image/recently-1.png) no-repeat 0px 0px;width:103px; height: 53px; background-size: 61px;}
.recently .rec-pro{display: flex;}
.recently .rec-pro img{height: 118px;border-radius: 5px;}
.recently .rec-pro .rec-price{padding-left: 12px;padding-left: 20px;padding-top: 16px;}
.recently .rec-pro .rec-price .rec-special{color: #ef7c00;font-size: 23px;font-weight: bold; padding-right: 12px;}
.recently .rec-pro .rec-price .rec-old{font-size: 15px;color: #666;text-decoration: line-through;    padding: 8px 0px;}
@media screen and (max-width:768px){
.recently{background: #fff;height: auto; display: inline-block; margin-top: -6px;}
.recently .rec-font { font-size: 25px;width: 100%;text-align: center; text-indent: 0; padding-top: 19px;}
.recently .rec-pro {display: flex; padding: 20px 12px 12px 62px;}
.recently .rec-icon { width: 39px;height: 30px; background-size: 31px;  position: absolute;  top: 52px; left: 15px;}
}

/*price suspend*/
.suspend-whokeys{position: absolute;bottom: 10px;left: 7px;background: #fff;color: #999;height: 30px;width: 90%;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.suspend-whokeys .price-now{font-size: 24px;font-weight: bolder;color: #ff5757;padding-right: 5px;}
.suspend-whokeys .price-past{text-decoration: line-through;font-size: 12px;align-self: flex-end;}