/* index */
footer .subscribe,
footer .fo-test{display:block;margin-top:0px;}
.warp{margin-top:0px;}


/*game-promotion*/
.game-promotion{margin-top: 25px;overflow: hidden;box-shadow: 1px 1px 4px rgba(120, 120, 120, 0.3);}
.game-promotion .slider-items-products{margin-top:0px;background: #FFF;position: relative;z-index: 1;overflow: hidden;border-radius: 5px;}
.game-promotion .best-title{}
.game-promotion .i-title{padding: 15px 0px 15px 15px;font-weight: bold;}
.game-promotion .zz-sever .list-item .item{height:auto;padding-bottom:0;overflow: hidden;}
.game-promotion .zz-sever .list-item .item{width:172px;padding-left:5px;cursor: pointer;}
.game-promotion .zz-sever .list-item .item .actions-links{left:5px}
.game-promotion .zz-sever .list-item .item em{left:127px}
.game-promotion .zz-sever .list-item .item .matter{margin:0px}
.game-promotion .zz-sever{padding-left: 0px;position: relative;}
.game-promotion .zz-sever .list-item{position: relative;overflow: hidden;margin-right: 45px;margin-left: 44px;}
.game-promotion .zz-sever span[class*="-btn"]{line-height:200px;font-size:40px;color:#5969a2;text-align:center;border-radius:3px;width:35px;height:200px;top:0px;position:absolute;border: 1px solid #5969a2;cursor:pointer; z-index:1;background:#fff;opacity:0.7}
.game-promotion .zz-sever span:hover{opacity:1}
.game-promotion .zz-sever span.prev-btn{left:6px;}
.game-promotion .zz-sever span.next-btn{right:7px;}
.game-promotion .list-item .wrapbox{width:7000px;position: relative;}
.owl{ position:relative;margin-bottom: 10px; width:190px; float:left;height: 213px;}
.owl img{display: block;width: 160px;height:160px; float:left; margin-right:6px;border-radius:5px}
.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;max-width: 155px;margin-left: 5px;}

.game-promotion .qr-code{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 3;display: none;}
.game-promotion .qr-code .wrong{position: absolute;top: 10px;right: 15px;font-size: 24px;cursor: pointer;color:black;}
.game-promotion .qr-code .img-code{margin: 0px auto;width: 355px;height: 180px;margin-top: 58px;z-index: 3;position: relative;}
.game-promotion .qr-code .img-code .code-left{width: 160px;height: 180px;float: left;margin-right: 35px;}
.game-promotion .qr-code .img-code .code-right{width: 160px;height: 180px;float: left;}
.game-promotion .qr-code .img-code img{width: 160px;height: 160px;}
.game-promotion .qr-code .img-code p{height: 15px;margin-top: 5px;font-size: 15px;line-height: 15px;text-align: center;color: black;}
.game-promotion .qr-code .code-wrap{background-color: white;opacity: 0.9;width: 100%;height: 100%;z-index: 0;position: absolute;}

/* banner */
.warpbanner {padding-top:15px}
.carousel { position: relative; height:540px;overflow: hidden;background: #000;padding:0px;border-radius: 10px;text-align: center;}


.carousel-inner{min-height: 360px;}
.carousel-indicators{z-index:1;bottom: 20px;}
.carousel-indicators .active{ background-color:#fff;border:1px solid #fff;}
.carousel-indicators .active,
.carousel-indicators li{width: 25px;height: 10px;margin-right: 14px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img,
.img-responsive, .thumbnail a > img, .thumbnail > img{width:100%;}
.carousel-control{opacity: 0}
.carousel-control i{color:red;}
.carousel-control:focus, .carousel-control:hover{opacity: 0.4}

/* hotgame  */
.hotgame {background: #fff;height: 540px;border-radius: 6px;box-shadow:0 1px 3px rgb(158 158 158 / 20%);border:1px solid #596aa2;}
.hotgame .hottitle{font-weight:bold;padding:8px 12px;position :relative;}
.hotgame .hottitle .more{position: absolute;right:15px}
.hotgame .hottitle .more a {color: #5969a2;text-transform: uppercase;font-weight: normal;}
.hotgame .hottitle .more a:hover{color: #E45E5F;}

.hotgame img{width:100%}
.hotgame .gameslist{text-align:center;padding:0px;padding-left:6px;    margin-top:6px;}
.hotgame .gameslist li {width:32%;float: left;padding: 5px;}
.hotgame .gameslist li img{border-radius:6px}
.hotgame .gameslist li p {line-height:22px;line-height: 15px;height: 30px;overflow: hidden;margin-top: 5px;font-size: 12px;text-align: left;padding-left: 3px;}

/* end-time */
.item .end-time{position:absolute;right:0px;top:270px;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; width: auto;height: 55px;}
.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}






/* paymentselect */

.quickbuy_pay{height:63px;padding-left:10px;position: relative;z-index: 2;padding-top: 20px;}
.quickbuy_pay .form_radio{float:left;margin-top:0px;margin-left: 5px;}
.quickbuy_pay .form_radio img{height:35px;margin-top:-7px}
.quickbuy_pay .form_radio .fo-text{float:left;padding-left:24px;margin-right: 14px;}
.quickbuy_pay .others{right:10px;position:absolute;z-index:2;width:58px;}
.quickbuy_pay .others .btn-othrs{padding:6px;cursor:pointer;text-align:center;border:0px;background:#5969a2;color:#fff;display:block;position:relative;font-size:12px;height:36px;line-height:11px;border-radius:4px;opacity:0.8;top: -8px;}
.quickbuy_pay .others .btn-othrs:hover{opacity:1}
.quickbuy_pay .others .arrow-down{position:absolute;left:26px;top:24px;width:0px; height:0px; border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;font-size:0px;line-height:0px;}
.paymentselect{display:none;box-shadow: 3px 4px 5px 0px #efefef ;width:424px;border: 1px solid #ddd;background:#fff;padding-bottom:14px;position:absolute;right:0px;border-radius:4px;}
.paymentselect .pay_title{font-size:14px;color:#000;padding-left:15px;padding-top:12px;}
.paymentselect .pay_title em{}
.paymentselect .pay_nom{padding:20px 0px;}
.paymentselect li{float:left;position:relative;padding-left: 14px;padding-top: 14px;}
.paymentselect li img{border: 1px solid #ddd;padding:4px;border-radius:2px;opacity:1;background:#fff;cursor:pointer;width:122px;}
.paymentselect li img:hover{opacity:1;}
.paymentselect li:hover img,
.paymentselect .active img{border:1px solid #E45E5F;opacity:1;background:#fff5f5}
.paymentselect li:hover .d_pay_hg,
.paymentselect .active .d_pay_hg{display:block}
.paymentselect li .d_pay_hg{display:none;position: absolute;right:0px; background:url(../images/pay/pay_selected_ico.png) no-repeat 0px 0px;width:20px;height:20px;border-top-right-radius:5px;}
.paymentselect li .payfreeinfos{top:-19px; background:#22916d;font-size:12px;display:none;position: absolute;color:#fff;border-radius:3px;padding:4px 6px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap}
.paymentselect li:hover .payfreeinfos{display:block}


.quickbuy,
.order_confirmation{background:#fff;margin-top:27px;margin-bottom: 32px;border-radius:5px;min-height:314px;position:relative;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);}



.quickbuy .title,
.order_confirmation .title{height:30px;position:relative;}
.quickbuy .title span,
.order_confirmation .title span{display:block;width:576px;height:38px;background:url(../images/index/i_q_1.jpg) no-repeat 0px 0px;position:absolute;top:-20px;width: 288px;text-align: center;font-weight: bold; padding-top: 7px;    left: 50%;margin-left: -150px;}


.quickbuy .select-cont{padding:0px 15px;}
.quickbuy .select-cont ul{position:relative;z-index:1;}
.quickbuy .select-cont .pro_select {width:100%}
.quickbuy .select-cont li{padding-bottom:20px;}
.quickbuy .select-cont .game-img{position:absolute;right:30px;bottom:0px;right: -18px;}
.quickbuy .select-cont .game-img img{height: 280px;;}
.quickbuy .select-cont .game-img .gamelogo{position:absolute;right:30px;height:90px;bottom:50px;z-index:1}
.quickbuy .select-cont .game-img .goldico{position: absolute;right: 12px;height: 62px;bottom: 27px;}
.quickbuy .buy-quc {padding:0px 15px;}
.quickbuy .buy-quc .price{position:relative;float:left;font-size:26px;color: #E45E5F;font-weight: bold;}
.quickbuy .buy-quc .price i{font-size:14px;color:#333;font-weight:normal}
.quickbuy .buy-quc .price span{position:absolute;width:120px;left:0px;top:-11px;color:#408f00;}
.quickbuy .buy-quc  .pun {color: #E45E5F; padding: 10px; font-size: 14px;line-height: 17px;float: left; text-align: center;padding-top: 14px;}
.quickbuy .buy-quc  .original{color: #666;text-decoration: line-through; padding: 10px; font-size: 14px;line-height: 17px;float: left; text-align: center;padding-top: 14px;}
.quickbuy .buy-quc .buy-btn{float:right;width:136px;height:38px;position:relative;}
.quickbuy .buy-quc .buy-btn .ball-clip-rotate{margin-top:2px;}
.quickbuy .buy-quc .buy-btn .btn{padding: 8px 38px;}
.quickbuy .buy-quc  span{font-size:12px;color:#54921A;padding-left:1px}


/* order_confirmation */
.order_confirmation{background-image:none}
.order_confirmation .tc-title { padding-bottom: 10px; padding-top: 8px;}
.order_confirmation .tc-title .tc-ico{top:12px;}
.order_confirmation .order_warp{height:258px;overflow:auto}
.order_confirmation .back_amo{background:#ead8d8;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.order_confirmation .back_amo li{float:left;padding:5px 10px}
.order_confirmation .back_amo .back{margin-top:3px;opacity:0.8;border:0px;padding:4px 12px;background:#fff;border-radius:4px;color:#e45e5f;}
.order_confirmation .back_amo .back:hover{opacity:1}
.order_confirmation .back_amo  .to-r{float:right;}
.order_confirmation .back_amo  .total_ao{float:left;line-height:22px;min-height: 54px;}
.order_confirmation .back_amo  .total_ao p{font-size: 12px;}
.order_confirmation .back_amo  .total_ao p strong{font-weight: 16px}
.order_confirmation .back_amo  .total_ao em{color: #c91548;padding-right: 5px;font-size: 13px;}
.order_confirmation .back_amo .btn{padding: 6px 23px;}
.order_confirmation .back_amo .btn-c{position:relative}

.hot-right{padding-right:0px}
.conprodcut{padding:20px;padding-bottom:0px}
.conprodcut .form-control{ background:#fff;margin-top:20px;}
.conprodcut .tal_text{ padding-left: 50px;width: 260px}
.conprodcut .tal_text .pt_cs {display: block;color: #666;font-size: 14px;line-height: 18px;padding-bottom:8px;}
.conprodcut .tal_text a {font-weight: bold;font-size: 14px;}
.conprodcut .img_pcut {position: absolute;}
.conprodcut .img_pcut img {border-radius: 3px; width: 35px;background: #ddd;}
.conprodcut .subtotal {font-size: 12px;}
.conprodcut .subtotal .price{color: #df3733;font-weight: bold;}
.conprodcut .subtotal .original{padding-left:10px;text-decoration: line-through;color: #666;}
.conprodcut .subtotal p{padding-top:4px;font-size:11px;}
.delivery{padding-left:50px;border-radius:5px;width: 286px;font-size: 12px}
.delivery .tabfirst{padding-top:6px}
.delivery .tabfirst li{float:left;color:#666;margin:0px 20px;height:30px;cursor:pointer;font-weight:bold;}
.delivery .tabfirst li:hover{color:#E45E5F;}
.delivery .tabfirst .hover{border-bottom:2px solid #E45E5F;color:#E45E5F;}
.delivery .auc_cont .form_radio{margin-top:15px}
.delivery .auc_cont{min-height:130px;padding:0px 20px 0px 20px}
.delivery .auc_cont ul{display:none}
.delivery .auc_cont .form-control {background: #fff;margin-top:8px;}
.delivery .auc_cont li .fix{padding-top:12px;color:#333}
.delivery .auc_cont li .fix_name{color:#666}
.delivery .auc_cont .hover{display:block}
.delivery .auc_cont .form_checkbox i{position:absolute; background:#fff;border-radius:5px;height: 20px;line-height: 21px;}
.delivery .auc_cont .fo-text{padding-left:33px;font-size: 13px;padding-top: 2px;}
.delivery .auc_cont .form_text{padding-top:6px;}
.delivery .auc_cont  li{position:relative}
.delivery .auc_cont .tips,
.delivery .auc_cont .tips_yes{top:-25px;}
.delivery_m{padding:10px 0px;color:#df3733;font-size:12px;line-height:20px}
.delivery_m img{max-width: 500px;border-radius: 5px}
.delivery_m p{padding-top:6px;font-size:14px}
.delivery_m .title{font-weight:bold;padding-bottom:3px}
.promotion_code{padding:20px;border-radius:5px;position:absolute;top:30px;right:0px;width: 137px;}
.promotion_code .tips,
.promotion_code .tips_yes{left:21px;}
.promotion_code .form-control{margin-top:0px;text-align:center;background:#fff}
.promotion_code .btn-c {position:relative;margin-top:12px}
.promotion_code .btn-c .btn{width:100%;}
.promotion_code .btn-c .btn-success,
.promotion_code .btn-c .btn-success:hover{width:100%;position: absolute;text-align: center;padding: 6px 12px;top:0px;border-radius: 4px;opacity: 1;background-color: #5cb85c;
border-color: #4cae4c;}
.promotion_code .btn-c .btn-success i{font-size: 20px}


#myCarouse2{margin-top:45px;height: 335px;border-radius:3px;background:#000}
#myCarouse2 img{border-radius:3px}
#myCarouse2 .carousel-inner{background:#000}
#myCarouse2 .carousel-indicators li{border-radius:0px}
#myCarouse2 .carousel-indicators .active,#myCarouse2 .carousel-indicators li { width: 28px;height: 8px;margin-right: 14px;background: #fff;opacity: 0.5;}
#myCarouse2 .carousel-indicators .active {opacity:1;background: #5969a2;border: 1px solid #5969a2;}

.spad{padding-right:0px}
.specl_deal{margin-top:45px;overflow:hidden;height: 335px;}
.specl_deal img{border-radius:3px;width:352px;height:160px}
.specl_deal li{margin-top:15px;border-radius:3px;width:352px;height:160px;background:#ddd;}
.specl_deal li:first-child {margin-top:0px}

.qu_mian{padding-left:230px;background:url(../images/index/i_g_bg.jpg) repeat-y 170px;}


.i-title{padding-top:20px;text-transform: uppercase;border-bottom: 1px solid #596aa2;    padding-bottom: 10px;}
.i-title .tc-text{padding-left: 0px;font-size:16px;font-weight:bold;}
.i-title .fa-angle-right{padding-left:7px;opacity:0.5;font-size: 19px;}
.i-title .more{float:right;font-size:14px;}
.i-title .more a{color:#5969a2;}
.i-title .more a:hover{color: #E45E5F;}

.bestsell-box-warp{margin-top:15px}

.bestsell-box-warp .bs-box {transition: all 0.3s linear 0s;position:relative;top:0px;background:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);padding:10px;width:145px;float:left;margin-right: 15px;text-align: center;position: relative;}
.bestsell-box-warp .bs-box:last-child{margin-right: 0px}
.bestsell-box-warp .bs-box img{width: 100%}
.bestsell-box-warp .bs-box .pro-height {position: relative;height:42px;line-height: 15px;overflow: hidden;font-size: 14px;font-weight: bold;color:#5969a2;padding-top: 5px;}
.bestsell-box-warp .bs-box .from {line-height: 17px;color: #666;font-size: 13px;height: 34px;}
.bestsell-box-warp .bs-box .from i{color: #E45E5F;font-weight: bold;}
.bestsell-box-warp .bs-box .btn {position: relative;width: 100%;padding: 5px 12px;display: block;margin-top: 6px}
.bestsell-box-warp .bs-box .e_gold{position: absolute;width: 50px;right:0px;top: 130px;}

.load_more,
.load_mg{border:1px solid #5969a2; float:left;width:100%;position:relative;color:#5969a2;font-size:14px;border-radius:3px;text-align:center;padding:4px 0px;cursor:pointer;}
.load_more:hover,
.load_mg:hover{color:52b2e0;}
.load_more i,
.load_mg i{display:none}
.load_mg{margin:4px 15px;width: 97.7%;margin-bottom: 32px;}

.best-sellers .col-md-3{  height:183px}
.best-sellers .sest_list{padding-top: 23px;height: 348px;overflow: hidden;width:102.3%;}
.best-sellers .load_active{height:auto}
.best-sellers .sest_list span{display:block;position:relative;z-index:1}
.best-sellers .sest_list .sest_li{transition: transform 0.3s linear 0s;position:relative;top:0px;min-height:140px;background:#fff;border-radius:5px;padding:3px 0px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);margin-bottom: 23px;}
.best-sellers .sest_list .sest_li:hover{transform: translateY(-5px);}
.best-sellers .sest_list .gamelogo{padding-top:12px;padding-left:4px}
.best-sellers .sest_list .gamelogo img{width:120px;margin-right:12px;}
.best-sellers .sest_list .gametest{padding-top:8px;padding-left:0px;color:#5969a2;width: 100%;font-size:14px; font-weight: bold;line-height: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.best-sellers .sest_list .gameifo{color: #666;padding-left:0px;font-size: 14px;padding-top: 6px;line-height: 18px;height: 45px;overflow: hidden;}
.best-sellers .sest_list .from{padding-left:0px;color:#666;padding-top:5px;font-size: 14px;}
.best-sellers .sest_list .from i{color:#E45E5F;font-weight:bold}
.best-sellers .sest_list .sest_li .game{position:absolute;border-radius:5px;height: 120px; top: 8px;left: 18px;}
.best-sellers .sest_list .sest_li a{display:block;padding-left:119px}
.best-sellers .sest_list .sest_li .e_gold{height:95px;position:absolute;bottom: 2px;right: 7px;}
.best-sellers .sest_list .sest_li .type{text-transform:uppercase;background:#ba0707;color:#fff;font-size:10px;position:absolute;left:0px;top:0px;padding:1px 3px;border-top-left-radius:4px;transition: all 0.3s linear 0s;opacity:0;display: none;}
.best-sellers .sest_list .sest_li:hover .type{opacity:0.6;}


.prbox{padding-top:22px;height:346px;overflow: hidden;width: 100%;}
.load_active{height:730px}
.prbox li{border-radius: 5px;width:47.2%;float:left;background:#fff;padding:0px;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);margin-bottom:50px;}
.prbox li:nth-child(even){margin-left:20px;}
.prbox .bimg{height:160px;position:relative; background:#313e50; background: linear-gradient(220deg, #4d6281 0%, #313e50 100%);border-top-left-radius:5px;border-top-right-radius:5px;}
.prbox .bimg .game{height: 186px;position: absolute;bottom: 0px;right: 43px;transition: all 0.3s linear 0s;}
.prbox .bimg .e_gold {height: 120px;position: absolute;bottom: -35px;right:67px;transition: all 0.3s linear 0s;}
.prbox .m-am{padding:0px 10px;height:98px;padding-top:20px; text-align: center;}
.prbox .m-am .gametest{line-height: 17px;font-size: 14px; height: 54px; overflow: hidden;}
.prbox .m-am .from {padding-top:0px;line-height: 17px;color: #666;}
.prbox .m-am .from  i{color: #E45E5F;font-weight: bold;}
.prbox .m-btn{padding:0px 10px;padding-bottom:20px}
.prbox .m-btn .btn{display:block;width:100%}
.game_cards .prbox .bimg{background:#064f4c; background: linear-gradient(220deg, #177b78 0%, #064f4c 100%);}
.top_game {padding-right: 0px}
.hot_gurrency {padding-left: 0px}
.top_game .prbox .bimg{background:#230033;background: linear-gradient(220deg, #66055e 0%, #230033 100%);}
.news_product{padding:0px 0px;padding-bottom:20px}
.news_product .i-title{padding-bottom:22px}
.news_product .n_pro{position:relative;padding-left:0px;margin-top: 24px;}
.news_product .news_pro_i{width:280px;position:absolute;left:0px;top:0px;height:284px; background:url(../images/index/i_new_pro.png) no-repeat 0px 0px;background-size: 224px;display:none;}
.zz-sever .list-item .item{height:434px;width:234px;padding-bottom:0;overflow: hidden;}
.zz-sever {padding-left:50px;position:relative}
.zz-sever .list-item .item .box{background:#fff;border-radius:3px;position:relative;transition: all 0.3s linear 0s;height: 280px;background: #d2d2d2;}
.zz-sever .list-item .item .box img{width:100%;height:280px;margin:0;border-radius:3px;opacity:1;}
.zz-sever .list-item .item .name_n{text-align: center;padding:0px 0px;color:#fff;width:100%;transition: all 0.3s linear 0s;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.zz-sever .list-item .item .name_n .pro-height{height:80px;line-height:18px;font-size: 15px; }
.zz-sever .list-item .item:hover .name_n{bottom:0px}
.zz-sever .list-item .item:hover .box{opacity:1}
.zz-sever .list-item .item .name_n a{color:#5969a2;}
.zz-sever .list-item .item .name_n p{position:relative;padding:0px 12px;line-height:15px;padding-top:12px;border-bottom:1px solid #aab9ec; padding-bottom: 15px;}
.zz-sever .list-item .item .name_n .uk-e{padding-bottom:10px;padding-top:12px;color:#505050;border-bottom: 0px;}
.zz-sever .list-item .item .name_n .m-btn{padding:0px;padding-bottom:19px;}
.zz-sever .list-item .item .name_n .m-btn .btn{position:relative;width:100%;padding: 5px 12px;}
.zz-sever .list-item .item .name_n .rotate{opacity:0.8;}
.zz-sever .list-item .item .name_n  i {color:#ff6600;font-weight: bold;}
.zz-sever .list-item{position: relative;overflow: hidden;margin-right: 37px;}
.zz-sever span[class*="-btn"]{line-height:46px;font-size:40px;color:#5969a2;text-align:center;border-radius:50px;width:50px;height:50px;top:105px;position:absolute;border: 1px solid #5969a2;cursor:pointer; z-index:1;background:#fff;opacity:0.7;}
.zz-sever span:hover{opacity:1}
.zz-sever span.prev-btn{left:0px;}
.zz-sever span.next-btn{right:0px;}
.zz-sever span[class*="-btn"] .fa{position: relative;top:3px;}
.zz-sever span.prev-btn .fa{left:-1px;top: 2px;}
.zz-sever span.next-btn .fa{left:2px;}
#zzscroll1 .wrapbox{width:3000px;position: relative;}
#zzscroll2 .wrapbox{width:3000px;position: relative;}
#zzscroll3 .wrapbox{width:3000px;position: relative;}
#zzscroll4 .wrapbox{width:3000px;position: relative;}

.slider-items-products{ 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)}
.slider-items-products .b-more {position: absolute;right: 18px;top: 15px;}
.owl-item{ position:relative;margin-bottom: 20px; width:190px; float:left;height: 204px;}
.owl-item img{display: block;max-width: 142px;height:200px; float:left; margin-right:6px;border-radius:5px}
.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;max-height: 50px;overflow: hidden;}
.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;}
.owl-item .actions-links {background:url(../images/h_bg.png) repeat;border-radius: 5px;height: 200px;left:15px;opacity: 0;overflow: hidden;position: absolute;top: 0;width:143px;z-index: 1000;transition: all 0.3s linear 0s; display:none\0;}


.topgame-warp{display: flex;}
.topgame-warp .bopgamebox{flex: 1}
.topgame-warp .bopgamebox .i-title{border:0px;}
.topgame-warp .sest_list {margin-top:15px;padding-right: 32px;}
.topgame-warp .sest_list .sest_li{transition: all 0.3s linear 0s;position:relative;top:0px;min-height:130px;background:#fff;border-radius:5px;padding:3px 0px;border:1px solid #ddd;margin-top:8px ;height: 145px}
.topgame-warp .sest_list .sest_li span{display: block;}
.topgame-warp .sest_list .gametext{padding-top:8px;padding-left:0px;color:#5969a2;padding-right:12px;font-size:14px; font-weight: bold;line-height: 16px;height: 42px;}
.topgame-warp .sest_list .sest_li  .m-btn{padding-top:12px;}
.topgame-warp .sest_list .sest_li  .m-btn button{width: 120px;padding: 4px 6px;}
.topgame-warp .sest_list .from{padding-left:0px;color:#666;padding-top:5px;font-size: 14px;}
.topgame-warp .sest_list .from i{color:#E45E5F;font-weight:bold;font-size: 18px;}
.topgame-warp .sest_list .sest_li .game{position:absolute;border-radius:5px; height: 125px;top: 8px;left: 13px;}
.topgame-warp .sest_list .sest_li a{display:block;padding-left: 113px;padding-bottom: 12px;;height: 140px}
.topgame-warp .sest_list .sest_li .e_gold{height:95px;position:absolute;bottom: 2px;right: 7px;}
.topgame-warp .sest_list .sest_li .type{text-transform:uppercase;background:#ba0707;color:#fff;font-size:10px;position:absolute;left:0px;top:0px;padding:1px 3px;border-top-left-radius:4px;transition: all 0.3s linear 0s;opacity:0}
.topgame-warp .sest_list .sest_li:hover .type{opacity:0.6;}
.topgame-warp .sest_list .web-money .s_us{font-size:16px;color:#E45E5F;display:block;font-weight: bold;}
.topgame-warp .sest_list .web-money .c_price{font-size:14px; color:#c4c4c4;text-decoration:line-through;display:block;}



.xobx_psn .psn_right{float:right}
.xobx_psn .zz-sever {padding-left:0px}
.xobx_psn .list-item .item {height: 268px;width:152px;padding-left: 0px;}
.xobx_psn .zz-sever span[class*="-btn"]{border-radius: 3px;border:0px;padding:0px;width:30px;top:-43px;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 .zz-sever .list-item { margin-right: 0px;}
.xobx_psn .best-title{border:0px;height: 54px;padding-top: 15px;font-weight:bold}
.xobx_psn .best-title .fa-angle-right {padding-left: 7px;opacity: 0.5;}
.xobx_psn .b_line{display:none;position:absolute;left:0px;top: 20px;width: 0px;height: 18px;}
.slider-items-products{ 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)}
.slider-items-products .b-more {position: absolute;right: 18px;top: 15px;}
.owl-item{ position:relative;margin-bottom: 20px; width:190px; float:left;height: 320px;}

.owl-item em{background:#f66a78;border-radius: 32px;color:#fff;height:32px;left:100px;position: absolute;top: 9px;width: 32px; text-align:center; line-height:32px;}
.matter{font-size:12px;color:#000000;margin:3px;font-weight:bold;width: 144px;}
.matter p{line-height: 15px;float: left;padding-top: 5px;max-height:50px;overflow: hidden;width: 100%}
.web-money{margin-top:3px;}
.web-money .s_us{font-size:14px;color:#E45E5F;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;}



.newsmain .i-title{padding:20px 15px;border: 0px}
.newsmain .mytab {position:relative;text-align: center;    margin-top:0px;}
.newsmain .mytab li{display: inline-block;}
.newsmain .mytab li .more{position:absolute;top:2px;right:20px;display:none}
.newsmain .mytab .active .more{display:block;top:14px;}
.newsmain .mytab .active .more a{color:#5969a2;border-top:0;padding: 0px;    font-size: 11px;font-weight: normal;}
.newsmain .mytab .active .more a:before{display: none;}
.newsmain .mytab .active a{color:#596aa2;padding: 7px 33px;font-size: 16px;font-weight: bold;position: relative;}
.newsmain .mytab .active a:before{background:#596aa2;content: "";position:absolute;left:50%;top:35px;height: 50px;width: 50px; height: 2px;margin-left: -20px;}

.newsmain .mytab li a{padding: 7px 33px;}
.newsmain .container .slider-items-products{width: 100%;}
.newsmain .psn_right{float:right}
.newsmain .zz-sever {padding-left:14px}
.newsmain .list-item .item {height: 285px;width: 177px;padding-left: 0px;}
.newsmain .zz-sever span[class*="-btn"]{border-radius: 3px;border:0px;padding:0px;width:30px;top:-43px;font-size:19px;background:#f5f5f5;color:#000;left:auto;right:0px;height:30px;line-height:28px}
.newsmain .zz-sever span.prev-btn{right:38px;}
.newsmain .zz-sever .list-item { margin-right: 0px;}
.newsmain .best-title{border:0px;height: 54px;padding-top: 15px;font-weight:bold}
.newsmain .best-title .fa-angle-right {padding-left: 7px;opacity: 0.5;}
.newsmain .b_line{display:none;position:absolute;left:0px;top: 20px;width: 0px;height: 18px;}
.newsmain .slider-items-products{ border-radius:0px;box-shadow:none;}
.newsmain .container .best-title a{font-size: 18px;font-weight: normal;font-family: "titillium";}
.b-content {overflow: hidden;position: relative;height:276px;background: #fff;border-radius: 5px; border: 1px solid #ddd;    padding: 0px;}
.b-content img {border-radius:0px;width:100%}
.b-content .text_more{ padding-right:6px;}
.product-headline{font-weight: 600;line-height: 20px;  padding: 7px;}
.product-headline a{color:#000}
.product-headline a:hover{color:#E03800;}
.writer{ padding:2px 0px;}
.writer .writer_div{font-size:11px;color:#666;padding-left: 8px;}
.writer .writer_div span{font-size:12px;color:#666;padding-right:5px;}
.state{font-size:13px;color:#373737;width:100%;line-height:20px;}
.state a{font-size:14px;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%,#ffff 100%);
background: -webkit-linear-gradient(to bottom,rgba(231,231,226,0) 0%,#ffff 100%);
width:100%;height:20%;position:absolute;bottom:0px;}

.i_banner{padding: 20px 0px;text-align: center;}

@media screen and (max-width:1440px){
.game-img{display:none}
.quickbuy .buy-quc {width: 100%;}
.quickbuy .select-cont {width: 100%;}
.specl_deal img {width: 100%;height: 160px;}
.prbox li { border-radius: 5px;width: 46.4%;}
.prbox .bimg .game {bottom: 0px;right: 16px;}
.prbox .bimg .e_gold { bottom: -40px;right: 10px;}
}

/* Mobile */
@media screen and (max-width:768px){
 .i_banner{display: none}

.qu_mian{padding:0px;background:none}
.quickbuy_pay{width:100%}

#myCarouse2{display:none}
.specl_deal{display:none}
.choose_game,
.news_pro_i{display:none}
.promotion_code { position: relative;top: 0px;}
.conprodcut .tal_text .pt_cs{width: 100%;}
.delivery { padding-left: 0px; border-radius: 5px; width: 100%;}
.load_mg{margin:0 14px;width:90%}
.news_product .n_pro { padding-left: 0px;}
.zz-sever span.next-btn { right: 0px;}
.xobx_psn .slider-items-products{ width: 100%;}
.news_product{margin-top:20px}
.zz-sever{padding-left:0px}
.zz-sever .list-item {margin-right:0px; width: 100%;}
.zz-sever .list-item .box{margin:0px;width:220px}
#zzscroll1{margin-left: 43px;width: 234px;}
.prbox .bimg .game{right:0px;}
.prbox .m-am { height: 118px;}
.carousel .text{padding:0px;display: none}
.carousel .text .title{margin-top:0px;font-size: 14px}
.carousel .text{height:190px}
.item .end-time {position: absolute;right: 0px;top: 119px;}
.carousel{height: 188px}
.carousel-indicators {top: 156px;margin-left: -132px;}
.i-title {padding-top: 20px;padding: 11px 11px;}

}













