/* --------------------------------------------------- Global ------------------------------------------------------- */
body{font-size: .8rem; padding-top: 11.0rem; color: #333; font-family: base;}
/* Page Padding top */

ul,li,ol,li{
    padding: 0;
    margin: 0;
    list-style: none;
}
/* Link */
a{color: #444; text-decoration: none;}
a:hover{color: #333; text-decoration: none;}

/* Page Max Width */


.col-xs1-1, .col-sm1-1, .col-md1-1, .col-lg1-1, .col-xs1-2, .col-sm1-2, .col-md1-2, .col-lg1-2, .col-xs1-3, .col-sm1-3, .col-md1-3, .col-lg1-3, .col-xs1-4, .col-sm1-4, .col-md1-4, .col-lg1-4, .col-xs1-5, .col-sm1-5, .col-md1-5, .col-lg1-5, .col-xs1-6, .col-sm1-6, .col-md1-6, .col-lg1-6, .col-xs1-7, .col-sm1-7, .col-md1-7, .col-lg1-7, .col-xs1-8, .col-sm1-8, .col-md1-8, .col-lg1-8, .col-xs1-9, .col-sm1-9, .col-md1-9, .col-lg1-9, .col-xs1-10, .col-sm1-10, .col-md1-10, .col-lg1-10, .col-xs1-11, .col-sm1-11, .col-md1-11, .col-lg1-11, .col-xs1-12, .col-sm1-12, .col-md1-12, .col-lg1-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs1-1, .col-xs1-2, .col-xs1-3, .col-xs1-4, .col-xs1-5, .col-xs1-6, .col-xs1-7, .col-xs1-8, .col-xs1-9, .col-xs1-10, .col-xs1-11, .col-xs1-12 {
    float: left;
}
.col-xs1-12 {
    width: 100%;
}
.col-xs1-11 {
    width: 91.66666667%;
}
.col-xs1-10 {
    width: 83.33333333%;
}
.col-xs1-9 {
    width: 75%;
}
.col-xs1-8 {
    width: 66.66666667%;
}
.col-xs1-7 {
    width: 58.33333333%;
}
.col-xs1-6 {
    width: 50%;
}
.col-xs1-5 {
    width: 41.66666667%;
}
.col-xs1-4 {
    width: 33.33333333%;
}
.col-xs1-3 {
    width: 25%;
}
.col-xs1-2 {
    width: 16.66666667%;
}
.col-xs1-1 {
    width: 8.33333333%;
}
/* ------------------------------------------------- Font ---------------------------------------------------------- */
@font-face {font-family: "Impact_ft";
    src: url(../css/font/impact.ttf) format("truetype");
}
@font-face {font-family: "Futura LT Book";
    src: url(../css/font/FuturaLTBook.OTF) format("truetype");
}
@font-face {font-family: "base";
    src: url(../css/font/Roboto-Regular.ttf) format("truetype");
}

/* ------------------------------------------------- Icon ---------------------------------------------------------- */
@font-face {font-family: "iconfont";
    src: url(../css/font/iconfont.ttf) format("truetype");
}

.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ma:before { content: "\e600"; }

.icon-game:before { content: "\e6df"; }

.icon-card:before { content: "\e608"; }

.icon-new:before { content: "\e71e"; }

.icon-sale:before { content: "\e60b"; }

.icon-steam:before { content: "\e887"; }

.icon-key1:before { content: "\e919"; }

.icon-cart:before { content: "\e601"; }

.icon-laba:before { content: "\e602"; }

.icon-news:before { content: "\e60d"; }

.icon-user:before { content: "\e6a3"; }

.icon-zhanghuzichan:before { content: "\e694"; }

.icon-8:before { content: "\e6c9"; }

.icon-mail:before { content: "\e617"; }

.icon-heart:before { content: "\e61f"; }

.icon-sale1:before { content: "\e78b"; }

.icon-iconfontdianhua:before { content: "\e615"; }

.icon-search:before { content: "\e7ea"; }

.icon-good:before { content: "\e641"; }

.icon-user1:before { content: "\e674"; }

.icon-key:before { content: "\e68b"; }

.icon-kefu:before { content: "\e621"; }

.icon-new1:before { content: "\e743"; }

.icon-steam1:before { content: "\eac3"; }

.icon-xbox:before { content: "\ebb7"; }

.icon-order:before { content: "\e60f"; }

.icon-dengchutuichuguanbi:before { content: "\e846"; }

.icon-caidan:before { content: "\e648"; }

.icon-user2:before { content: "\e6af"; }

.icon-hothuorererexiao:before { content: "\e69a"; }

.icon-meiyuan7:before { content: "\e739"; }

.icon-tianxie:before { content: "\e632"; }

.icon-tips:before { content: "\e72b"; }

.icon-iosgamecontrollerboutline:before { content: "\e774"; }

.icon-address:before { content: "\e6d9"; }

.icon-qian:before { content: "\e67c"; }

.icon-card1:before { content: "\e677"; }

.icon-jinbi1:before { content: "\e64a"; }

.icon-swticonzuqiu:before { content: "\e61a"; }

.icon-tipssuccess:before { content: "\e635"; }

.icon-user3:before { content: "\e67b"; }

.icon-bu-payment-o:before { content: "\e689"; }

.icon-flash:before { content: "\e60c"; }

.icon-flash1:before { content: "\e61e"; }

.icon-cart1:before { content: "\e604"; }

.icon-home:before { content: "\e61b"; }

.icon-ps1:before { content: "\e60a"; }

.icon-zhifuchenggong:before { content: "\e603"; }

.icon-search_list:before { content: "\e624"; }

.icon-ziyuan:before { content: "\e638"; }

.icon-freesale:before { content: "\e606"; }

.icon-HOME:before { content: "\e709"; }

.icon-zhanghuxinxi:before { content: "\e612"; }

.icon-kefu1:before { content: "\e7c2"; }

.icon-xiaolian:before { content: "\e610"; }

.icon-chat:before { content: "\e68a"; }

.icon-lock-o:before { content: "\e7b7"; }

.icon-jinqian:before { content: "\e618"; }

.icon-dizhi:before { content: "\e652"; }

.icon-jinbi:before { content: "\e60e"; }

.icon-meiyuanqian:before { content: "\e614"; }

.icon-gangtiexia-:before { content: "\e609"; }

.icon-tubiaozhizuomoban-:before { content: "\e613"; }

.icon-Safety:before { content: "\e6e9"; }

.icon-goldenline:before { content: "\e639"; }

.icon-steam2:before { content: "\e686"; }

.icon-yidongduanicon-:before { content: "\e616"; }

.icon-dingdan:before { content: "\e676"; }

.icon-jiaojieqingkuang:before { content: "\e607"; }

.icon-orderedlist:before { content: "\e7f4"; }

.icon-yuechi1:before { content: "\e649"; }

.icon-news_icon:before { content: "\e605"; }

.icon-hezuowoshou:before { content: "\e6b5"; }

.icon-dengchu_o:before { content: "\ebcc"; }

.icon-rocket:before { content: "\e669"; }

.icon-sale-:before { content: "\e66c"; }

.icon-kefu2:before { content: "\e629"; }

.icon-hot:before { content: "\e623"; }

.icon-Sound:before { content: "\e8c3"; }

.icon-sale-1:before { content: "\e671"; }

.icon-yuechi:before { content: "\e62b"; }

.icon-new2:before { content: "\e619"; }

.icon-gerendangan:before { content: "\e656"; }

.icon-hezuo:before { content: "\e63a"; }

.icon-coom-fill:before { content: "\e63f"; font-size: 1.2rem; }

/* icon size */
.icon-cart1{font-weight: bold;}
.icon-home{font-size: 1.2rem;}
.icon-swticonzuqiu{font-size: 1.2rem;}
.icon-ma{font-size: 1.2rem;}
.icon-gangtiexia-{font-size: 1.2rem;}
.icon-meiyuanqian{font-size: 1.2rem;}
.icon-hothuorererexiao{font-size: 1.6rem;}
.icon-jinbi1{}
.icon-key{font-size: 1.1rem; font-weight: bold;}
.icon-news_icon{font-size: 1.1rem;}
.icon-ps1{}
.icon-xbox{}
.icon-steam{}
.icon-user2{}
.icon-order{}
.icon-kefu{font-size: 1.2rem;}
.icon-tianxie{}

/* Page Left */
.sidebar-a{width: 200px; float: left; margin-right: 20px;}
.sidebar-a-user{width: 200px; float: left; margin-right: 20px;}
/* Page Center */
.center-wrap{ width: 720px; float: left; margin-right: 20px;}
.conter-auto-wrap{width: 980px; float: left;}
/* Page Right */
.sidebar-b{width: 240px; float: left;}

/* Triangular shadow */
.sjx-rb,.sjx-lb{border:2px solid transparent;border-bottom-color:#a77223;width:0; height:0; position:absolute;top:1px;}
.sjx-rb{border-right-color:#943023;left:-4px;}
.sjx-lb{border-left-color:#943023;right:-4px;}
.sjx-b{width:0; height:0; border-bottom:15px solid #f8a80d; border-left:15px solid transparent; left:-15px; top:-15px; position: absolute;}

/* Buy Now */
.buy-now-btn{border-radius: .2rem !important; font-size: .8rem;}
.buy-now-btn-sm{border-radius: .2rem !important; font-size: .8rem; padding-top: .2rem; padding-bottom: .2rem; font-size: .7rem;}
/* Submit */
.sub-btn{border-radius: .2rem !important; font-size: .8rem;}
.btn-yellow{ background:#f8a80d; border-color: #f8a80d; }
.btn-yellow:hover{ background:#ff862e; border-color: #ff862e; }
.shadow-btn{border-radius: .2rem !important; font-size: .8rem; padding-top: .25rem; padding-bottom: .25rem; margin-bottom: .6rem;}

/* Page Images */
.page-img{}
.page-img img{width: 100%;}

/* margin */
/* Top */
.margin-top-sm{margin-top: .5rem;}
.margin-top-md{margin-top: 1rem;}
.margin-top-lg{margin-top: 2rem;}
.margin-f-t-md{margin-top: 1rem;}
/* Left */
.margin-left-sm{ margin-left: .6rem;}
.margin-left-md{ margin-left: 1rem;}
/* Bottom */
.margin-bottom-sm{margin-bottom: .7rem;}
.margin-bottom-md{margin-bottom: 1.4rem;}
.margin-bottom-no{margin-bottom: 0 !important;}
.margin-f-b-md{margin-bottom: .5rem;}

.btn-xs{padding-top: .2rem !important; padding-bottom: .2rem !important; padding-left: .4rem; padding-right: .4rem;}
.btn-xs:hover{color: #fff !important;}
/* 2D btn */
.btn-td {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em .6rem .5rem;
    text-shadow: 0 -1px 1px rgba(19,28,0,.35);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .2em !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-left: .3rem; margin-right: .3rem;
}

.green {
    /* color: #fff;
    border: solid 1px #5c831d;
    background: #8fcd31;
    background: -webkit-gradient(linear, left top, left bottom, from(#71d220), to(#549817));
    background: -moz-linear-gradient(top,  #71d220,  #549817);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#71d220', endColorstr='#549817');
    font-weight: 600; */
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#8fcf00),color-stop(100%,#6b9c00));background:-webkit-linear-gradient(top,#8fcf00,#6b9c00);background:-moz-linear-gradient(top,#8fcf00,#6b9c00);background:-o-linear-gradient(top,#8fcf00,#6b9c00);background:linear-gradient(top,#8fcf00,#6b9c00);background-color:#7db500;border-color:#5a8200;color:#fff;text-shadow:0 -1px 1px rgba(19,28,0,.35);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.2);
}
.green:hover {
    color: #fff;
    background: #8fcd31;
    background: -webkit-gradient(linear, left top, left bottom, from(#a0e639), to(#6e9f24));
    background: -moz-linear-gradient(top,  #a0e639,  #6e9f24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0e639', endColorstr='#6e9f24');
}
.green:active {
    color: #fff;
    background: #8fcd31;
    background: -webkit-gradient(linear, left top, left bottom, from(#a0e639), to(#6e9f24));
    background: -moz-linear-gradient(top,  #a0e639,  #6e9f24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0e639', endColorstr='#6e9f24');
}

.gray {
    color: #999;
    border: solid 1px #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f9f9f9,  #e1e1e1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e1e1e1');
    text-shadow: none !important;
}
.gray:hover {
    color: #666;
    background: #8fcd31;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f9f9f9,  #e1e1e1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e1e1e1');
}
.gray:active {
    color: #666;
    background: #8fcd31;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f9f9f9,  #e1e1e1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e1e1e1');
}

.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* Padding */
.padding-top-sm{padding-top: 1rem;}

/* BG Color */
.bgc-white{ background: #fff;}
.bgc-white-pad{background: #fff; padding: 1.5rem;}
.bgc-white-pad-2{background: #fff; padding: 1rem; box-shadow: 0px 3px 9px #666;}
.bgc-white-special-1{ background: #fff; padding: 1rem 1rem 0rem 1rem;}
.bgc-white-special-2{ background: #fff; padding: .9rem 1rem .9rem 1rem;}
.bg-sel-white select{background: #fff !important;}
.bg-inp-dynamic{background: none; border: none; color: #e94c15; font-weight: bold;}

/* Text Color */
.text-light-grey{color: #bbb;}
.text-yellow{color: #fd7e14;}

/* Text Size */
.text-size-sm{font-size: .7rem;}
.text-size-s{font-size: .8rem;}
.text-size-md{font-size: 1rem;}
.text-size-lg{font-size: 2rem;}

/* ol */
.list-no-pad{padding-left: 0px; padding-bottom: 0px;}

/* Dynamic text */
.dynamic-text{ border: none !important; background: none !important; font-size: 1rem; font-weight: bold; padding-top: .3rem; padding-left: 0; color: #f8a80d !important;}
/* Currency text */
.currency-text{ font-size: 1rem; color: #f8a80d; font-weight: bold; padding-top: .3rem;}

/* Input */
.i-b-md{position: relative; margin-bottom: .5rem;}
.i-b-md input{border: 1px solid #cecece !important; padding: .4rem 1.6rem; font-size: .8rem; background-clip: border-box;}
.i-b-round-md{margin-bottom: .5rem;}
.i-b-round-md input{border: 1px solid #cecece !important; padding: .4rem .5rem; font-size: .8rem; background-clip: border-box; border-radius: .25rem !important;}

/* Breadcrumb */
.bc-nav-wrap{border-radius: 0; background: rgba(0,0,0,0.7);}
.bc-nav{border-radius: 0; background:none; margin-bottom: 0; padding-top: .5rem; padding-bottom: .5rem; font-size: .7rem;}
.bc-nav a{color: #888;}
.bc-nav .active{color: #888;}
.pages-breadcrumb{background: none !important; margin-bottom: 0;}

/* alert */
.my-alert-1{background: #fff; border: 1px solid #cecece; color: #666; font-size: .7rem; border-radius: 0;}

/* Phone Display */
.only-phone-display{display: none;}

/* Pages */
.col-list-five{max-width: 20%; flex: 0 0 20%;} /* Add:flex: 0 0 20% */
.col-list-seven{max-width: 14.2222%;}
.cover-sm-text{color: #777; text-align: right; padding-top: .5rem; display: block; margin: 0;}

/* Input */
.sm-input-style{border-radius: .3rem !important; padding-top: .3rem; padding-bottom: .3rem;}
.input-rad{border-radius: .2rem !important; font-size: .8rem; padding-top: .45rem; padding-bottom: .45rem;}

/* Form Card */
.form-card{background: #fff; border: 1px solid #eee; padding: 1.5rem; margin-top: 1rem; box-shadow: 0px 2px 2px #f5f5f5;}
.form-card .f-c-header{font-size: 1.2rem; margin-bottom: 1rem; border-bottom: 1px solid #eee; padding-bottom: 1rem; color: #6c757d;}

/* Tabele */
.table thead th{border-color: #eee;}
.table-bordered td, .table-bordered th{border-color: #eee;}
.table-rad-left{background: url("../img/cartrad1.png") no-repeat -1px -1px;}

/* Text Right */
.i-text-right{text-align: right;}

/* Impact */
.plus-text{font-family: 'Futura LT Book' !important; font-weight: normal !important;}


/* -------------------------------------------------- Boot ---------------------------------------------------------- */
/* button */
.btn{border-radius: 0;}
.btn-rad{border-radius: .2rem !important; font-size: .8rem; font-weight: 500; padding-top: .45rem; padding-bottom: .45rem;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle{border: none; background: none;}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{box-shadow: none;}
.btn-dark{border-color: #555; background: #555;}
.btn-primary{background: #02c6bc; border-color: #02c6bc;}
.btn-primary:hover{background: #02b2a9; border-color: #02b2a9;}
.btn-dark.focus, .btn-dark:focus{box-shadow: none !important;}
.btn-outline-light{border-color: #cecece; background: #fff; color: #666; box-shadow: 0px 1px 2px #ccc; text-shadow: 0px 1px 1px #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e2e2));
    background: -moz-linear-gradient(top,  #fff,  #e2e2e2);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e2e2e2');
}

/* Dropdowns */
.dropdown-menu{border-radius: 0;}
.dropdown-item{padding: .25rem 1rem;}
.dropdown:hover>.dropdown-menu {
    display: block;
}

/* Input */
.form-control{border-radius: 0;}

/* Select */
select.form-control:not([size]):not([multiple]){height: calc(2rem + 2px);background: #f8f8f8; font-size: .8rem; border-color: #cecece;}

/* Nav Bar */
.navbar{padding: 0rem 1rem;}
.navbar-dark .navbar-nav .nav-link{color: #fff; padding-top: .45rem; padding-bottom: .5rem; padding-left: 1rem; padding-right: 1rem;}

/* Carousel */
.carousel-control-next, .carousel-control-prev{width: 10%;}

/* Alert */
.alert-dark{background: none; color: #cecece; border-color: #7a7a7a; font-size: .75rem;}

/* Text Color */
.text-info{color: #02c6bc !important;}
.text-danger{color: #e94c15 !important;}

/* JS Tab */
.nav-tabs{border-bottom: 3px solid #e6e6e6;}
.nav-tabs .nav-item{margin-bottom: -3px;}

/* Card */
.card{border-radius: 0; background: none; border: 0;}
.card-header{border-bottom: 0; padding: 0rem 1.3rem;}
.card-header:first-child{border-radius: 0;}

/* Collapse */
.card-header{background: none; border-radius: 0; margin-bottom: -1px;}
.card-header p{margin: 0; padding: 0; color: #999; cursor: pointer; padding-top: .3rem; padding-bottom: .3rem;}
.card-header a{color: #444;}

/* Table */
.table td, .table th{padding-top: .5rem; padding-bottom: .5rem;}

/* Alert */
.alert-secondary{ background: #f5f5f5; border-color: #eee; color: #444;}
.alert-secondary img{width: 100%!important; height: auto!important; margin-top: 1rem; margin-bottom: .5rem; border-radius: .2rem;}

/* Pages */
.page-link{padding: .3rem .5rem; color: #999; font-size: .7rem;}
.page-item a:hover{color: #666;}
.page-item.active .page-link{background: #999; border-color: #999;}



/* -------------------------------------------------- Top Bar ------------------------------------------------------- */
.top-bar{background: #333; border-bottom: 0px solid #16a085; padding-top: .35rem; padding-bottom: .3rem;}
.top-bar .t-b-menu{margin: 0; padding: 0;}
.top-bar .t-b-menu li{float: left; list-style-type: none; font-size: .8rem; color: #777;}
.top-bar .t-b-menu .line-block{display: block; border-right: 1px solid #777; height: .65rem; margin-top: .3rem; margin-right: .6rem;}
.top-bar .t-b-menu .line-block .icon{float: left; margin-top: -.15rem; margin-right: .6rem;}
.top-bar .t-b-menu .line-block .text{float: left; margin-top: -.29rem; margin-right: .6rem; color: #777;}
.top-bar .t-b-menu .line-block .text a{ color: #fdc236; text-decoration: none;}
.top-bar .t-b-menu .line-block .text a:hover{color: #ff862e;}
/* SM Drop-down menu */
.sm-d-d-menu{padding: 0rem !important;}
.sm-d-d-menu .btn-target{border: 0; background: none; font-size: .8rem; color: #fdc236; padding: 0;}
.sm-d-d-menu .menu-wrap{left: auto; right: 0; min-width: auto !important; font-size: .8rem; padding: 0;}
.sm-d-d-menu .m-content{background: #333; border-color: #333;}
.sm-d-d-menu .m-content a{color: #eee;}
.sm-d-d-menu .m-content a:hover{color: #333;}

/* Only Phone Nav */
/* Phone Nav Btn */
.p-n-btn{display:none !important;}

/* Only Phone Nav2 */
.only-phone-row{ width: 100%; overflow: hidden; background: #333; padding-top: 1rem; padding-bottom: .7rem; display: none;}
.only-phone-row .only-phone-col{width: 20%; float: left; text-align: center; color: #fff; font-size: .7rem;}
.only-phone-row .only-phone-col img{margin-bottom: .2rem;}


/* -------------------------------------------------- Header ------------------------------------------------------- */
.header-wrap{background: #02c6bc; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.header-wrap .logo{}
.header-wrap .logo img{width: 15.3rem;}
/* Search */
.search-wrap{margin-top: .4rem;}
.search-wrap .search-put{border: none;}
/* Join */
.join-us{margin-top: .3rem; font-weight: bold;}
/* Shopping Cart */
.s-cart{float: right; margin-top: .4rem;}
.top-cart-btn{font-size: .8rem; padding-top: .15rem;}
.top-cart-btn:hover{}
.top-cart-ico{font-size: 1.2rem !important;}
.s-cart-content{width: 300px; top: 93% !important;}
.s-cart-content .tips{width: 100%; text-align: center; color: #999; margin: 0; padding: 0;}
.s-cart-content .cart-list{ margin: 0; padding: 0;}
.s-cart-content .cart-list li{width: 100%; list-style-type: none; margin-bottom: .5rem; overflow: hidden; border-bottom: 1px dotted #cecece; padding-bottom: .5rem;}
.s-cart-content .cart-list .p-pic{width: 60px; height: 60px; line-height:60px; border: 1px solid #e0e0e0; display: table-cell; vertical-align: middle; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
.s-cart-content .cart-list .p-pic img{ /*height: 100%; width: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);*/}
.s-cart-content .cart-list .p-name{width: 160px; height: 60px; overflow: hidden; float: left; display: block; padding-left: 10px; color: #444;}
.s-cart-content .cart-list .p-operation{width: 40px; height: 60px; display: block; float: left; text-align: right; color: #999;}
.s-cart-content .cart-list .p-operation a{color: #999;}
.s-cart-content .p-subtotal{ width: 100%;}
.s-cart-content .p-subtotal .p-num{width: 100%; height: 35px; float: left; color: #666; overflow: hidden;}
.s-cart-content .p-subtotal .p-btn{width: 100%; float: left; text-align: right; padding-top: 8px; overflow: hidden;}
/* Nav */
.nav-wrap{background: #161616;}
.nav-wrap .nav-line-style li a{border-right: 1px solid #3a3a3a; font-size: 1.05rem; height: 2.8rem;}
.nav-hot-games{width: 200px; position: relative;}
.nav-hot-games a{background: #f8a80d !important; border-right: 1px solid #f8a80d !important; text-align: center; font-size: 1.4rem !important; font-weight: bold; padding-top: 0rem !important; padding-bottom: .65rem !important; text-transform: uppercase;}
.nav-hot-games .top-l-r-hand{ width: 200px; height: 5px; background: #f8a80d; position: absolute; top: -5px; left: 0px; display: block;}
/* Home big images */
.home-b-pic{padding-left: 0px !important; padding-right: 0px !important;}
/* Pgae Nav */
.dd-title{font-size: 1.1rem !important; line-height: 2.6rem; font-family: 'Futura LT Book' !important;}
/* Welcome */
.wel-text{font-size: 1.7rem; color: #fff; text-align: left; padding-top: .4rem; font-weight: normal; border-left: 1px solid #60d7cf; padding-left: 4rem;}
/* Top xs Pic */
.top-xs-pic{ padding-top: .39rem;}
.top-xs-pic img{height: 40px;}

/* ------------------------------------------------- Sidebar-a ------------------------------------------------------ */
/* Hot games */
.hot-game-logo{width: 200px; height: 311px; background: #fff; position: absolute; margin-top: -310px; border: 2px solid #f5a931; overflow: hidden;}
.hot-game-logo .logo-list{ margin: 0; padding: 0;}
.hot-game-logo .logo-list li{width: 98px; height:auto; text-align: center; float: left; list-style-type: none;}
.hot-game-logo .logo-list li img{width: 100%; border-left: 1px dotted #ccc; border-top: 1px dotted #ccc; margin-left: -1px; margin-top: -1px; padding-left: 5px; padding-right: 5px; padding-top: 16px; padding-bottom: 16px;}

/* Choose Game */
.choose-games{width: 200px;}
.choose-games a{color: #fff; background: #f5a931 !important; text-align: center; font-size: 1.1rem; font-weight: bold; padding-top: .35rem !important; padding-bottom: .37rem !important; text-transform: uppercase; display: block; text-decoration: none;}
/* Left Menu */
.sidebar-nav{width: 100%; margin: 0;padding: 0;}
.sidebar-nav dl{margin: 0; width: 100%; font-size: .75rem}
.sidebar-nav dl dt{width:100%;}
.sidebar-nav dl dd{height:33px; position:relative; margin-bottom: 1px !important; background: #f6f4eb url("../img/arrow-right.png") no-repeat; background-position: 92% 13px;}
.sidebar-nav dl dd .nav_right{width: 255px; height:auto;overflow:hidden;position:absolute;left:100%;top:0px; padding: 0; background:#eee3c3;display:none; z-index: 2;}
.sidebar-nav dl dd .nav_right a{border-bottom: 1px solid #fff; color: #333; width:255px;height:34px;line-height:34px;text-align:left;padding-left:10px; padding-top: 1px; display:block;float:left;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;font-size: .75rem;}
.sidebar-nav dl dd .nav_right a:hover{width:255px;height:34px;line-height:34px;text-align:left;color:#333; background: #fbb231; padding-left:10px;text-decoration:none;}
.sidebar-nav dl dd a.nav_left{height:33px; padding-left: 1rem; padding-top: 7px; display:block;border-bottom:0px solid #eee;color:#404040;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.sidebar-nav dl dd a.nav_left:hover{color:#000; background: #eee3c3; text-decoration:none;}

/* ------------------------------------------------- Sidebar-b ------------------------------------------------------ */
/* Sidebar Login */
.sidebar-login{width: 100%; height: 270px; background: #555; padding: 0rem 1.3rem 0rem 1.3rem; margin-bottom: 0px;}
.sidebar-login .head-block{width:240px; height: 15px; background: #555; position: absolute; left: 0; top: -15px;}
.sidebar-login .head-text{font-size: 1rem; color: #fff; font-weight: bold; padding-bottom: .9rem; text-transform: uppercase;}
.sidebar-login .icon{display: block; position: absolute; top: 6px; left: 6px;  width: 20px; height: 20px; color: #b4b4b4; font-size: .95rem;}
.sidebar-login .lab-text{font-size: .7rem; color: #999; padding-top: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #444; box-shadow: 0px 1px 0px #666; display: block;}
.sidebar-login .lab-text a{color: #fff;}
/* Get Account */
.get-account{width: 100%; height: 58px; line-height: 58px; color: #999; font-weight: bold; text-align: center; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; border-top: 0px solid #cecece; display: block; margin-bottom: 1rem;}
.get-account:hover{background: #999; border-color: #999; color: #fff;}
/* List */
.sidebar-list{margin: 0; padding: 0;}
.sidebar-list li{list-style-type: none; line-height: 1rem; margin-bottom: 1rem;}
.sidebar-list li a{font-size: .7rem; color: #666; text-decoration: none;}
.sidebar-list li a:hover{font-size: .7rem; color: #555;}
/* Hot Sale */
.hot-sale-text{font-size: .7rem; padding: 1rem 0rem 1rem .3rem; color: #666; height: 10.05rem;}

/* ------------------------------------------------- Page Center ---------------------------------------------------- */
/* Channel List */
.channel-wrap-head{width: 100%; height: 40px;border-bottom: 3px solid #e6e6e6; position: relative;}
.channel-wrap-head .channel-name{height: 41px; position: absolute; bottom: -3px; margin: 0; padding: 0;}
.channel-wrap-head .channel-name a{ display: block; border-bottom: 3px solid #fda93b; line-height: 37px; color: #fda93b; font-size: 1.1rem; font-weight: 700; float: left;}
.channel-wrap-body{border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; border-top: 0px; overflow: hidden; margin-bottom: 15px;}

/* Gold Fast Checkout */
.fast-in-cover{}
.fast-in-cover img{width: 10rem; margin-left: 2rem;}
.fast-ol-height{height: 4.4rem;}

/* Hot Games */
/* Image Guide */
.img-guide-wrap{width: 100%; height: 200px; position: relative; overflow: hidden; cursor: pointer; overflow: hidden; border-radius: .3rem; box-shadow: 1px 1px 2px #999; }
.img-guide-wrap .t-name{width: 100%; height: 30px; font-weight: normal; z-index: 1; margin: 0; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; font-size: .75rem; text-shadow:#000 1px 1px 6px;}
.img-guide-wrap .t-name a{ color:#fff !important;}
.img-guide-wrap .t-bg{position: absolute; left: 0; top: 0; width: 100%; height: 200px; border-radius: .3rem; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));}
.img-guide-wrap img{border-radius: .3rem;}
.conimg-two{width: 100%;height: auto;  }
.txt-six{position: absolute; left: 0; top: 0; width: 100%; height: 230px; padding-top: 130px; line-height: 45px; text-align: center; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); display: none;  }
.txt-six h3{font-weight: normal; }
.txt-six p{font-size: .9rem;display: block;line-height:.8rem;}

/* CDK */
.tab-nav-channel{ border-bottom: 3px solid #fda93b; margin-right: 2rem; cursor: default; padding-top: .5rem; }
.tab-nav-channel .text{font-size: 1.1rem; color: #fda93b; font-weight: 700;}
.tab-content-wrap{border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece; padding: 1rem; }


/* --------- News List --------- */
/* small */
.news-list-sm{margin: 0; padding: 0;}
.news-list-sm li{list-style-type: none; font-size: .75rem; margin-bottom: 20px; overflow: hidden;}
.news-list-sm .date-box{display: block; float: left; width:12%; height: 60px; padding-top: 10px; border: 1px solid #e0e0e0; background: #f5f5f5; border-radius: 4px; text-align: center; color: #999;}
.news-list-sm .infotext{display: block; float: left; width: 88%; height: 60px; overflow: hidden; padding-left: 15px; color: #666;}
.news-list-sm .infotext a{color: #666; text-decoration: none;}
.news-list-sm .time{border-top: 1px dotted #cecece; margin-top: 9px; padding-top: 9px; display: block; color: #ccc;}

/* Order Search */
.sidebar-channel{width: 100%; height: auto;}
.sidebar-channel .c-head{ width: 100%; height: 40px; border-bottom: 3px solid #e6e6e6; line-height: 37px; color: #4c4c4c; font-size: 1.1rem; font-weight: 400; margin-bottom: 0;}
.sidebar-channel .c-head a{}
.sidebar-channel .c-body{border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: .9rem .6rem 0rem .6rem;}

/* Pic Text Media */
.p-t-media-pic{width: 100%; height: 135px; overflow: hidden; text-align: center;}
.p-t-media-pic img{width: 100%; border-right: 3px solid #555; border-bottom: 2px solid #333; border-left: 1px solid #ccc; border-top: 1px solid #e0e0e0;}
.p-t-media-txt{width: 100%; height: 2rem; margin-bottom: 0; overflow: hidden; font-size: .7rem !important; text-align: center;}
.p-t-media-txt-color{ display: block; font-size: .7rem; font-weight: bold; color: #fda93b; padding-top: .3rem; padding-bottom: .3rem; text-align: center;}
.p-t-media-btn{width: 100%; text-align: center;}

/* ----------------------------------------------------- Login ------------------------------------------------------ */
.user-page-wrap{background: #fff; border: 3px solid #e6e6e6; margin-bottom: 6rem;}
.user-page-wrap .cover-pic{width: 100%;}
.user-page-wrap .cover-pic img{ width: 100%;}
.user-page-wrap .form-wrap{ padding: 2rem 3.5rem 2rem 1.5rem;}
.user-page-wrap .form-wrap .icon{display: block; position: absolute; top: 6px; left: 6px;  width: 20px; height: 20px; color: #b4b4b4; font-size: .95rem;}
/* In */
.my-id-name{color: #ccc; font-weight: 300; border-top: 1px solid #666; display: block; padding-top: .5rem;}
/* Level */
.my-glo{width: 100%; height: 2rem; line-height: 2rem; background: #333; color: #ffc000; text-align: center; margin-top: .5rem; margin-bottom: .5rem; font-weight: bold; border-radius: 5rem;}
/* user menu */
.s-b-user-menu{ margin: 0; padding: 0;}
.s-b-user-menu li{list-style-type: none; color: #fff; padding-top: .3rem; padding-bottom: .3rem; margin-top: .3rem; font-weight: 300;}
.s-b-user-menu li a{color: #ccc;}
.s-b-user-menu li a:hover{color: #fff;}

/* ---------------------------------------------------- Register ---------------------------------------------------- */
.register-wrap{padding: 2rem 6rem 2rem 4rem; background: #fafafa;}
.r-w-right{border-bottom: 1px solid #e0e0e0; margin-bottom: 2rem; padding-bottom: 1rem;}
.r-w-lable{text-align: right;}

/* ---------------------------------------------------- All --------------------------------------------------------- */
.all-link-wrap{border: 1px solid #e6e6e6; padding: 1.6rem; overflow: hidden; background: #fafafa; margin-top: -.25rem;}
.all-link-wrap h2{font-size: 1.5rem; font-weight: normal;}
.a-z-list{ margin: 1.2rem 0 0 0; padding: 0 0 .2rem 0; border-bottom: 1px solid #eee; overflow: hidden;}
.a-z-list .all-active{background: #fd9a2c !important; color: #fff;}
.a-z-list li{list-style-type: none; float: left; margin-right: .5rem; margin-bottom: 1rem;}
.a-z-list li a{padding: .3rem .6rem .3rem .6rem; color: #fff; background: #999; display: block;}
.a-z-list li a:hover{background: #fd9a2c; color: #fff;}
.letter-guide{width: 100%; height: 2rem; background: #eee; position: relative; margin-top: 1.8rem;}
.letter-guide .l-text{position: absolute; left: .3rem; top: -1.3rem; font-size: 4rem; font-family:Impact_ft, Arial, Helvetica, sans-serif; font-style: italic; color: #fd9b2c;}
.letter-list-link{margin: 1.5rem 0 0 0; padding: 0; overflow: hidden;}
.letter-list-link li{width: 25%; padding-top: .5rem; padding-bottom: 0rem; float: left; list-style-type: none; font-size: .79rem; margin-bottom: 0rem; padding-left: .2rem; padding-right: .2rem;}
.letter-list-link li a{background: #fff; padding: .5rem; border: 1px solid #e0e0e0; border-radius: .3rem; text-align: center; display: block;}
.letter-list-link li a:hover{color: #fd9a2c}

/* --------------------------------------------------- News --------------------------------------------------------- */
.news-page-nav-header{width: 100%; background: #f5a931; color: #fff; padding-left: 1rem; font-size: .8rem; padding-top: .65rem; padding-bottom: .65rem; margin-bottom: 0;}
.news-page-nav-body{width: 100%; background: #fff; border-left: 1px solid #f5a931; border-right: 1px solid #f5a931; border-bottom: 1px solid #f5a931; margin-top: 0; padding-left: 0; padding-bottom: .5rem; padding-top: .5rem;}
.news-page-nav-body li{list-style-type: none; padding: .4rem 1rem .4rem 1rem; font-size: .7rem; margin: 0; background: url("../img/arrow-right.png") no-repeat; background-position: 92% 11px;}
.news-page-nav-body li a{padding: 0; margin: 0;}
.news-page-nav-body li a:hover{color: #f5a931}
.news-body-wrap{background: #fafafa; border: 1px solid #cecece; padding: 1.5rem; overflow: hidden;}
/* Tags */
.tags-wrap{width: 100%; margin-top: 1.5rem;}
/* Bottom News List */
.b-n-l-wrap{background: #f8f8f8; overflow: hidden; padding: 1rem; border: 1px solid #eee;}
.b-n-l-header{width: 100%; padding-top: .6rem; padding-bottom: .6rem; background: #f8f8f8; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; margin-top: 2rem; margin-bottom: 0; padding-left: 1rem; color: #fd7e14; font-weight: bold; font-size: .9rem;}
.bottom-news-list{margin: 0; padding: 0;}
.bottom-news-list li{width: 50%; float: left; list-style-type: none; padding-top: .3rem; padding-bottom: .3rem;}
/* News List */
.news-list-wrap-in{padding: 1.5rem; border-bottom: 1px dotted #cecece;}
.news-list-wrap-in:hover{}
.news-list-date{ width: 100%; height: 95px; border: 1px solid #f5a931; border-radius: 4px; background: #fff;}
.news-list-date .d-text1{width: 100%; padding-top: 1.5rem; text-align: center; font-size: 1rem; font-weight: bold; display: block; color: #f5a931;}
.news-list-date .d-text2{width: 100%; text-align: center; font-size: .8rem; display: block; color: #f5a931; }
.news-list-headlines{ width: 100%; height: 1rem; color: #333; font-size: 1rem;}
.news-list-headlines a{color: #333; text-decoration: none;}
.news-list-headlines a:hover{}
.news-list-date-line{width: 100%; display: block; font-size: .8rem; color: #666; padding-top: 0rem; padding-bottom: 0rem;}
.news-list-date-line .txt{ color: #999;}
.news-list-summary{height: 2.5rem; font-size: .7rem; color: #999; margin-top: .5rem; overflow: hidden; margin-bottom: .3rem;}
/* News Page */
.news-page-headlines{width: 100%; overflow: hidden; border-bottom: 1px solid #e0e0e0; padding-bottom: .5rem; margin-bottom: 1rem;}

/* ----------------------------------------------------- Sell To US ------------------------------------------------- */
.Sell-headlines{width: 100%; padding-top: .6rem; padding-bottom: .6rem; background: #e0e0e0; color: #444; padding-left: 1rem; font-size: .8rem; margin-top: 1rem; margin-bottom: 0rem; border-radius:.3rem .3rem 0rem 0rem ;}
.sell-body{background: #fff; padding: 1.5rem 1.5rem .5rem 1.5rem; border: 0px solid #e0e0e0;}

/* ----------------------------------------------------- Cart ------------------------------------------------------- */
.cart-shadow{box-shadow: 0px 2px 2px #f5f5f5;}
.quantity-num{width: 2rem; background: #f8f8f8; border: 1px solid #e0e0e0; text-align: center; border-radius: .2rem;}
.form-bg-gray{ background: #f5f5f5;}
.table-rad{border-top-left-radius:.3em;border-top-right-radius:.3em;}
.cart-tab-header{background: #24c5bb; color: #fff;}
.cart-tab-header th{border-color:#1fb9af !important;}
.coupon-wrap{margin-top: 1.4rem;}
.cart-pay-btn{padding: .6rem 2.5rem .6rem 2.5rem; font-size: 1rem; margin-top: 1rem; margin-bottom: .5rem;}
.pay-in-active{background: #fff !important; border: 2px solid #fd7e14 !important;}
/* Select Bank */
.selectbankicon{border: 1px solid #e0e0e0; background: #eee; border-radius: 6px; cursor: pointer; padding: .2rem;}
.selectbankicon:hover{background: #fff;}
.selectbankicon img{width: 7rem;}

/* left-right */
.l-go-r{right: 66.555%}
.r-go-l{left: 33.455%}
/* Add Number */
.add-num-wrap{width: 45%; height: 1.8rem; text-align: center; margin: auto; margin-bottom: 1rem;}
.add-num-wrap .in-text{width: 1.5rem !important; text-align: center; padding-top: .2rem !important; padding-bottom: .2rem !important; border-radius: .2rem; font-size: .9rem;}
.add-num-wrap .addredbtn{border: 1px solid #cecece; width: 1.8rem; text-align: center; padding-top: .1rem !important; padding-bottom: .2rem !important; padding-left: 0; padding-right: 0;}
.add-num-wrap .addredbtn-2{border-left: 1px solid #cecece; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; width: 1.8rem; text-align: center; padding-top: .1rem !important; padding-bottom: .2rem !important; padding-left: 0; padding-right: 0;}

/* Boosting */
.boosting-list-wrap{border: 1px solid #eee; padding: 1rem; overflow: hidden; margin-bottom: 1.5rem;}
.bs-list-img img{width: 100%;}
.boosting-list-wrap h2{font-size: 1rem;}
.boosting-list-wrap p{font-weight: bold; margin-bottom: .2rem;}
.boosting-list-wrap span{font-weight:bold; font-size: .9rem;}
.boosting-list-wrap ol{padding-left: .8rem;}
.boosting-list-wrap ul{padding-left: .5rem;}
.boosting-list-wrap ul li{list-style-type: none;}

/* Pay Info */
.p-i-title{font-family: 'Futura LT Book' !important; width: 100%; text-align: center; padding-top: 1rem; padding-bottom: 1rem;}
.p-i-text-wrap{width: 100%; text-align: center;}
.p-i-text-wrap .order-num{font-size: 1.2rem; font-weight: bold; display: block; margin-bottom: .5rem;}
.p-i-t-line{width: 100%; height: 1px; background: #ccc; margin-top: 2.2rem;}
.p-i-input-sm{ height: 1.6rem !important; background: #f5f5f5 !important; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #ccc; border-radius: 0 !important; padding-left: 0;}
.p-i-btn-sm{padding: .16rem .5rem .16rem .5rem !important;}

/* ----------------------------------------------------- Footer ----------------------------------------------------- */
/* Our */
.our-advantage{background: #02c6bc;}
.media-icon-info{ text-align: left; color: #fff; padding-right: 1rem;}
.media-icon-info .icon{width: 100%; font-size: 2rem; height: 3.5rem;}
.media-icon-info .icon i{float: left;}
.media-icon-info .pic{ float: left;}
.media-icon-info .title{ font-size: .9rem; float: left; padding-left: .8rem; padding-top: .5rem;}
.media-icon-info .info{font-size: .75rem; color: #f0f6f6; }
.seg-line{border-right: 1px solid #b8fffb;}
/* Footer Menu */
.footer-bg{background: #ededed; padding-top: 1.3rem; padding-bottom: .5rem;}
.footer-menu-title{font-size: .8rem; margin-bottom: .9rem;}
.footer-menu{ margin: 0; padding: 0; width: 100%;}
.footer-menu li{width: 100%; height: 1.5rem; font-size: .7rem; color: #999; list-style-type: none;}
.footer-menu li a{ color: #999; text-decoration: none;}
.footer-menu li a:hover{ color: #666; text-decoration: none;}
/* footer about */
.f-about{font-size: .7rem; color: #999;}
/* Web Info */
.footer-site-info{ border-top: 1px solid #d4d4d4; padding-top: 1.5rem; margin-top: .5rem; font-size: .7rem; width: 100%; text-align: center; color: #999; display: block; }
/* Support payment */
.support-payment{padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.support-payment .pay-logo-icon{margin: 0; padding: 0;}
.support-payment .pay-logo-icon li{float: left; margin-right: 1rem; list-style-type: none; height: 25px;}
.support-payment .pay-logo-icon li img{ height: 25px;}

/* ----------------------------------------------------- Channel ----------------------------------------------------- */
/* Channel Drop down Nav */
.c-d-d-n-wrap{width: 1200px; overflow: hidden; background: #f8f8f8; border: 3px solid #f3aa43; margin-top: 0; padding-left: .5rem; padding-top: 1rem;}
.c-d-d-n-wrap a{background: none !important; font-size: .75rem !important; border: 0 !important; font-weight: normal !important; margin: 0 !important;}
.c-d-d-n-wrap span{display: block; padding-left: .5rem; font-size: .75rem; padding-bottom: .5rem;}
.c-d-d-n-wrap span a{font-weight: bold !important; margin-left: -.5rem !important;}
.c-d-d-n-wrap .h-game{width: 100%; margin: 0; padding: 0;}
.c-d-d-n-wrap .h-game li{ width: 38%; float: left; text-align: center; cursor: pointer; list-style-type: none; padding-top: .6rem; padding-bottom: .6rem; margin-left: 3%; margin-right: 3%; margin-bottom: .5rem; border: 1px solid #eee; background: #fff;}
.c-d-d-n-wrap .h-game li:hover{border: 1px solid #f3ab43}
.c-d-d-n-wrap .h-game li img{margin: auto; width: 85%;}
.c-d-d-n-wrap .d-list{width: 100%; margin: 0; padding: 0;}
.c-d-d-n-wrap .d-list li{width: 20%; padding-left: .4rem; float: left; font-size: .75rem; list-style-type: none; padding-top: .45rem; padding-bottom: .45rem; background: url("../img/ddarrow.png") no-repeat 0px 10px;}
.c-d-d-n-wrap .d-list li a{color: #444; padding-left: .3rem; padding-right: .3rem; padding-top: .3rem !important; padding-bottom: .3rem !important;}
.c-d-d-n-wrap .d-list li a:hover{color: #fff; background: #f3ab43 !important; border-radius: .1rem;}

.cover-title{font-size: 1.4rem; color: #ccc; font-weight: 400;}
.c-c-border-line{border-bottom: 3px solid #02c6bc !important;}
.channel-cover{position: relative; padding-left: 0 !important; padding-right: 0 !important; margin-left: -15px !important; margin-right: -15px; background: #161616;}
.channel-cover img{width: 100%;}
.channel-info{ position: absolute; top: 0; left:0; right: 0; margin-left: auto; margin-right: auto;}
.channel-nav{position: absolute; bottom: 0; left:0; right: 0; margin-left: auto; margin-right: auto;}
.channel-nav .n-wrap{border-bottom: 0; font-size: .95rem;}
.channel-nav .nav-active{ border-radius: 0; border: 0; font-weight: 500; background: #02c6bc !important; color: #fff !important; padding-top: .5rem; padding-bottom: .5rem;}
.channel-nav .nav-list{ border-radius: 0; border: 0; background: #ccc; color: #4c4c4c; margin-left: 1px; padding-top: .5rem; padding-bottom: .5rem; font-weight: bold;}
.channel-nav .nav-list:hover{background: #ddd; color: #4c4c4c;}

/* Page Top Cover */
.page-top-cover-wrap{width: 100%; height: 288px;}

/* Game Device */
.g-d-wrap{background: #fafafa; border-bottom: 1px solid #e0e0e0; padding-top: 1rem; padding-bottom: 1rem;}
.g-d-wrap-2{background: #eee; border-bottom: 1px solid #e0e0e0; padding-top: 1rem; padding-bottom: 1rem;}
.game-device{ background: #fff; width: 100%; height: auto; position: relative; border: 1px solid #cecece; padding: 0rem 0rem 0rem 0rem; border-radius: .2rem; text-align: center; cursor: pointer; display: block;}
.game-device:hover{border: 1px solid #f5a931;}
.game-device img{width: 80%;}
.game-device span{width: 1.3rem; height: 1.3rem; line-height: 1.3rem; background: #f5a931 url("../img/right.png") no-repeat; background-size: 100%; border-radius:2rem; position: absolute; right: .2rem; top: .2rem; text-align: center; color: #fff; display: none;}
.g-d-active{ border: 1px solid #f5a931;}
.g-d-active span{display: block !important;}
.g-d-text{display: block; padding-top: 1.3rem; text-align: right; font-weight:bold;}

/* Product List */
.card-list-s1{border: 1px solid #eee; padding: 1rem .5rem 0rem .5rem; /*overflow: hidden;*/ margin-bottom: 2rem;}
.card-list-s1 .pic{width: 100%; max-height: 215px; position: relative; text-align: center;}
.card-list-s1 .pic-items img{width: 70%;}/* 2019-3-12 Add Style */
.card-list-s1 .pic-2{width: 100%; height: 110px; position: relative; text-align: center;}
.card-list-s1 .pic .text{position:absolute; top: 2.8rem; width: 100%; text-align: center; display: block; text-shadow: 2px 2px 2px #000000;display: block;font-size: 26px;font-family:Impact_ft, Arial, Helvetica, sans-serif;font-style: italic;text-align: center; color: #ffe400; line-height: 1.6rem;}
.card-list-s1 .p-name{width: 100%; height: 3rem; line-height: 1rem; text-align: center; font-size: .8rem; font-weight: normal; padding-top: .3rem; color: #444;}
.card-list-s1 .p-price{color: #f60; font-weight: bold; font-family: "Arial"; text-align: center; padding-top: .5rem; padding-bottom: .5rem; font-size: .9rem;}
.card-list-s1 p{text-align: center;}
.card-list-s1 .icon-cart1{font-size: 1.3rem !important; font-weight: normal !important;}
.card-list-s1 .cart-icon-btn{ padding: .5rem .4rem .35rem .35rem !important;}

/* Custom Coins Num */
.c-c-num{ background: #f8f8f8; border: 1px solid #e0e0e0; margin-top: 1rem; padding: 1rem 1.35rem .5rem 1.35rem; border-radius: 0rem;}
.c-c-num .text{padding-bottom: .8rem; font-weight: bold;}
.c-c-num .text2{padding-bottom: .6rem; font-weight: bold; color: #fd9a2c; font-size: 1rem;}

.c-c-num-2{ background: #f8f8f8; border: 1px solid #e0e0e0; margin-top: 1rem; padding: 1rem 1.35rem .5rem 1.35rem; border-radius: 0rem;}
.c-c-num-2 .text{padding-bottom: .8rem; font-weight: bold;}
.c-c-num-2 .text2{padding-bottom: .6rem; font-weight: bold; color: #fd9a2c; font-size: 1rem;}

/* Account Page */
.a-p-card{width: 100%; background: #fff; border: 1px solid #cecece; border-radius: .6rem; box-shadow: 1px 1px 1px #999; overflow: hidden; position: relative;}
.a-p-card:hover{border: 1px solid #000; box-shadow: 3px 3px 6px #999;}
.a-p-card img{width: 100%;}
.a-p-card .x-platform{ width: 100%; position:absolute; top: 2rem; left: 0; font-size: 1.5rem; display: block; margin: 0; padding: 0; text-align: center; color: #fff;}
.a-p-card .x-platform .iconsize{font-size: 3rem !important;}
.a-p-card .x-btn{width: 100%; position: absolute; top: 9rem; left: 0; text-align: center;}
.a-p-card .x-btn a{color: #333 !important; font-weight: bold;}
.a-p-card .x-btn a:hover{color: #666 !important;}

/* Page Description */
.page-description-header{ width: 100%; padding-top: .8rem; padding-bottom: .8rem; padding-left: 1.2rem; background: #e6e6e6; color: #333; margin: 0; font-size: .9rem; display: block; margin-top: 2rem;}
.page-description-body{border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 1rem;}
.page-description-body img{width: 70%; margin: auto; display: block;}

.c-page-info-wrap{width: 100%; border: 1px solid #e0e0e0; padding: 1rem 1.5rem 1rem 1.5rem; margin-top: 1rem;}

/* Items */
.bg-list-wrap{background: #f8f8f8;}
/* Items 2 */
.it-top-sel{ padding-top: .15rem; padding-bottom: .1rem;}
.it-top-sel img{width: 20px; margin-right: 5px; margin-top: -2px;}

/* -------------------------------------------------- User Center ----------------------------------------------------------- */
.user-center-wrap{box-shadow: 0px 1px 8px #ccc;}
.user-center-nav-header{width: 100%; background: #fd7e14; color: #fff; padding-left: 1rem; font-size: .9rem; padding-top: .6rem; padding-bottom: .6rem; margin-bottom: 0;}
.user-center-nav-body{width: 100%; background: #fff; border-left: 1px solid #f5a931; border-right: 1px solid #f5a931; border-bottom: 1px solid #f5a931; margin-top: 0; padding-left: 0;}
.user-center-nav-body li{list-style-type: none; padding: .6rem 1rem .6rem 1rem; font-size: .8rem; margin: 0; background: url("../img/arrow-right.png") no-repeat; background-position: 92% 11px;}
.user-center-nav-body li:hover{background: #eee;}
.user-center-nav-body li a{padding: 0; margin: 0;}
.user-center-nav-body li a:hover{color: #f5a931}
.user-center-body-wrap{background: #fafafa; border: 1px solid #cecece; padding: 1.5rem; overflow: hidden;}
/* User Body */
.user-b-wrap{ }
.user-b-wrap .card-one{width: 100%; height: auto; background: #fff; padding: 0rem 1rem 1rem 1rem; color: #333; box-shadow: 0px 0px 10px #eee; border: 1px solid #e0e0e0; border-radius: .2rem;}
.user-b-wrap .card-one .icon-t{font-size: 3.5rem; color: #02c6bc;}
.user-b-wrap .card-one .sm-t{color: #333; padding-top: 1rem; display: block; font-size: .7rem;}
.user-b-wrap .card-one .sm-t2{color: #c2c2c2; font-size: .7rem;}
.user-b-wrap .card-one .lg-t{font-size: 1.5rem;}
.user-b-wrap .card-two{width: 100%; height: auto; background: #fff; padding: 0rem 1rem 1rem 1rem; color: #333; box-shadow: 0px 0px 10px #eee; border: 1px solid #e0e0e0; border-radius: .2rem;}
.user-b-wrap .card-two .icon-t{font-size: 3.5rem; color: #fdb131;}
.user-b-wrap .card-two .sm-t{color: #333; padding-top: 1rem; display: block; font-size: .7rem;}
.user-b-wrap .card-two .sm-t2{color: #ccc; font-size: .7rem;}
.user-b-wrap .card-two .lg-t{font-size: 1.5rem;}
/* User Information */
.member-page-wrap{background: #fff; border: 1px solid #e0e0e0; box-shadow: 0px 0px 10px #eee; padding: 1.5rem; border-radius: .1rem;}
.u-tab-a{background: #f8f8f8 !important; border: 1px solid #e0e0e0 !important;}
.u-tab-active{background: #fd7e14 !important;color: #fff !important; border: 1px solid #fd7e14 !important; font-weight: bold;}
.u-tab-ulline{border-bottom: 1px solid #fd7e14 !important;}
.u-tab-ulline li{margin-bottom: 0px !important;}
/* Affiliate */
.aff-link-wrap{background: #fff; border: 1px solid #e0e0e0; box-shadow: 0px 0px 10px #eee; border-radius: .2rem; padding: 1.2rem;}
.aff-link-wrap .id-wrap{width: 100%; border-bottom: 1px solid #cecece; padding-bottom: .5rem; margin-bottom: 1.5rem;}
.aff-link-wrap .id-name{font-size: 1.1rem;}
.aff-link-wrap .dis-text{padding-top: .2rem; display: block; font-weight: bold; font-size: 1.1rem; color: #e94c15;}
.aff-link-wrap .dis-text2{font-size: .85rem;}
.aff-link-wrap .input-style{border: 1px solid #cecece; background: #fff; color: #fd7e14; padding: .2rem; border-radius: .2rem;}

/* 2019-5-7 new */
.c-page-info-wrap p img{width: 100%!important; height: auto!important;}

header .toggle{left: -12px!important;}

.news-body-wrap p img{max-width: 100%!important; height: auto!important;}

/* Football players */
.football-players{position: absolute; top: 4rem; right: 0; background: #fff; border: 1px solid #ced4da; box-shadow: 0 0 2px #eee; width: 100%; border-radius: 4px; z-index: 9999;}
.football-players .people-list{}
.football-players .people-list a{display: block; border-bottom: 1px solid #eee; padding: .5rem .5rem 0rem .5rem;}
.football-players .people-list a:hover{background: #f2f2f2;}
.football-players .people-list a .float-left{font-weight: bold;}
.football-players .people-list a .float-right{font-weight: bold; color: #f60;}
.football-players img{width: 80%;}




/* lee 2018-12-21 新加首页顶部大图居中 */
.h-p-t-p-wrap{ height:310px;}
.home-page-top-pic{ position:relative;}
.home-page-top-pic img{ height:310px; position:absolute; left:50%; margin-left:-960px;}



/* add page gudie 2018-12-28 */
.channel-gudie-list{background: #fff; box-shadow: 0px 0px 6px #e0e0e0; overflow: hidden; padding: 1.5rem;}
.channel-gudie-list img{width: 100%; margin-bottom: .5rem; border-radius: 2px;}
.channel-gudie-list .titletxt{width: 100%; height: 30px; text-align: center; font-size: 1rem; height: 2.5rem;}

/* add product sale tag 2018-1-3 */
.card-list-s1{position: relative;}
.original-price{font-size: .8rem; font-weight: normal; color: #888; text-decoration: line-through; padding-right: 6px;}/* ori price */
.product-bar{background: #eee; margin-top: 1rem;}
.product-bar input{border: 0 !important; font-size: .7rem !important; margin-top: .5rem;}
.product-bar .btn{padding-top: .3rem; padding-bottom: .3rem; margin-top: .5rem;}
.product-bar .pb-title{font-weight: bold; padding: .85rem 1rem .7rem 1rem; display: block;}
.offtags{font-size:.85rem;font-weight:bold;line-height:22px;position:absolute;top:-1px;right:-1px;color:#fff;background:linear-gradient(55deg, transparent 20px, #fb7e2a 0); padding: 0px 5px 0px 24px; z-index: 2;}
/* Server Page List */
.server-list-wrap{}
.server-list-wrap .sel-in a{background: #fff !important; border: 1px solid #eee !important; color: #000 !important;}
.server-list-wrap .sel-in a img{padding-left: 5px; margin-top: -2px;}
.server-list-wrap .sel-in a:hover{background: #fd9a2c !important; color: #fff !important;}
.server-list-wrap .s-text{margin-top: 1.46rem;}
/* Triangle */
.tri-arrow{width: 20%; height: 13px; background: url("../img/tri-arrow.png") no-repeat; background-size: 100%; position: absolute; left: 40%; bottom: -17px;}


/* 2019-1-16 News list */
.news-list-header{width: 100%; height: 45px; background: #eee;}
.news-list-header .n-l-title{float: left; font-size: .85rem; font-weight: bold; padding:14px 0 0 15px ;}
.news-list-header .more-link{float:right; display: block; background: #999; color: #fff; padding: 2px 5px 2px 5px; border-radius: 4px; margin-top: 12px; margin-right: 15px; font-size: .7rem;}
.news-list-header .more-link:hover{background: #666;}
.news-list-body{border: 1px solid #eee; padding: 0px 15px 0px 15px;}
.news-list-body .list-loop{margin: 0; padding: 0;}
.news-list-body .list-loop li{padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #eee; list-style-type: none; background: url("../img/arrow-right.png") no-repeat 0 20px; padding-left: 16px;}
.news-list-body .list-loop li a{color: #222;}
.news-list-body .list-loop li a:hover{color: #666;}
.news-list-body .list-loop li span{float: right; color: #999;}

/* 2019-1-17 Facebook and google + btn */
.fb-login-btn{display:inline-block;height:34px;line-height:34px;background-color:#3f67c0;color:#f5f5f5;font-weight:700;font-size:14px;padding-right:10px; border-radius: 4px;}
.fb-login-btn:hover{color:#f5f5f5;text-decoration:none; background: #3259aa;}
.icon-face{margin-top:0;height:34px;width:34px;margin-right:10px;border-right:1px solid #6585cd}
.icon-face{background:url(../img/fblogin.png) 4px 5px no-repeat;float:left;margin-top:0px;width:34px;height:34px}

.google-login-btn{display:inline-block;height:34px;line-height:34px;background-color:#da4f46;color:#f5f5f5;font-weight:700;font-size:14px;padding-right:10px; border-radius: 4px; width: 182px; text-align: center;}
.google-login-btn:hover{color:#f5f5f5;text-decoration:none; background: #cb4138;}
.icon-google{margin-top:0;height:34px;width:34px;margin-right:10px;border-right:1px solid #e36159}
.icon-google{background:url(../img/goologin.png) 4px 5px no-repeat;float:left;margin-top:0px;width:34px;height:34px}

/* 2019-1-25 Affiliate */
.aff-tags-in{padding: 3px 0px 3px 15px; width: 100px; text-align: center; background: #fb7e2a; color: #fff; position: absolute; top: 0; right: 15px;
    background: linear-gradient(55deg, transparent 20px, #fb7e2a 0);
}
.user-b-wrap .card-one .sm-t2{color: #999;}
.user-b-wrap .card-two .sm-t2{color: #999;}
.aff-card{border: 1px solid #e0e0e0;}
.aff-card .card-header{background: #f7f7f7; border-bottom: 1px solid #e0e0e0; padding-top: .5rem; padding-bottom: .5rem; font-weight: bold; font-size: .875rem;}
.aff-card select{font-weight: bold;}
.phone-title-text-left{}

/* Table tr hover */
.table-striped tbody tr:nth-of-type(odd):hover{}
.aff-link-wrap table tbody tr:hover{background: #e0e0e0;}

/* Home News Height */
.pre-scrollable{max-height:469px;}

/* Aff Link */
.top-aff-link{padding-right: 10px;}
.top-aff-link a{color: #ff8a41;}
.top-aff-link a:hover{color: #ff7016;}

.s-cart-content .cart-list .p-pic img{width: 80%!important;}

/* 404 page */
.page-wrap-404{border: 1px solid #e0e0e0; padding: 1.5rem;}
.page-wrap-404 img{width: 60%; margin-top: 2rem;}
.page-wrap-404 .b-title{font-size: 5rem; font-family: 'Futura LT Book' !important; color: #fd7e14;}
.page-wrap-404 .b-title-2{font-size: 2rem; font-family: 'Futura LT Book' !important;}

/* Topbar Login Drop */
.top-bar-drop-info .m-content{background: #333; border-color: #333; font-size: .75rem; left: 2.2rem; min-width: 8rem;}
.top-bar-drop-info .m-content a{background: #333; color: #fff;}

.webui-popover-content p img{width: 150px; height: 150px;}

/* Tips */
.p-p-tip {
    color: #fff;
    background:#1d1d1d;
    display:none; /*--Hides by default--*/
    padding:15px;
    position:absolute;	z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 350px;
}
.p-p-tip p{text-align: left; font-size: 13px; padding-bottom: 0!important; padding-top: 10px !important;}

/* Home News List 2019-3-20 */
.news-list-sm .infotext a{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/* new 2019-4-11 */
.category_choose{}
.category_choose .category_name{text-align: center; line-height: 58px; font-weight: bold; font-size:20px}



/* Sea 新增请勿删除 */
.loading{width:150px;height:60px;position:fixed;left:50%;top:50%;z-index:999;margin-left:-75px}
.c-page-info-wrap p{ margin:5px 0 0}
#accordion .form-card{ margin: 0; padding-bottom: 0}
#accordion .card-header { margin: 0; padding: 0}
#accordion .card-body{ margin: 0; padding: 0}
#accordion h3{ border: 0; padding: 0}
#accordion .shopping_cart_collapse{ border-top: 1px solid #ccc; padding: 16px 0}
#user_meney_show{ padding: 0;outline:none;box-shadow: none;}
.category_list{ float: left; margin-right: 5px}
.category_list select{ width: auto}
.top-bar-sm-text p{ margin: 0; padding: 0}
.product_qty{ padding: 0; outline:none;box-shadow: none;}
#search_tip{list-style: none; padding:0; margin:40px 0 0 0; position: absolute;width: 88.9999%; background: #fff;z-index: 999;display: none}
#search_tip li { height: 35px; line-height: 25px; padding: 5px; border-bottom: 1px solid #eee;}
/* lee */
#search_tip li:hover{background: #eee;}
#search_tip li a{display: block;}
#search_tip li a:hover{color: #f06015;}
.tablebox{
    background: #fff;
    border: 1px solid #e0e0e0;
}
.tablebox .thbox{
    font-weight: bolder;
    padding: 16px;
    border-bottom: 1px solid #dee2e6;
    background: #fff;
}
.tablebox .thbox:hover{

    background: #ececec!important;

}
.tablebox .buyth{
    text-align: right;
}
.tablebox .tdbox .amountth {
    color: #3fa9e7;
    text-decoration: none;
}
.tablebox .tdbox .amountth:hover{
    color: #0056b3;

}
.tablebox .tdtr{
    padding: 16px;
    border-bottom: 1px solid #dee2e6;
    background: #fff;
}
.tablebox .tdtr .row{
    margin: 0;
}
.tablebox .tdtr:last-child{

    border-bottom: 0;

}
.tablebox .tdtr:nth-of-type(2n+1){

    background-color: rgb(242, 242, 242);

}
.tablebox .tdtr:hover{

    background: #ececec;

}
.tablebox .tdtr .text-secondary {
    color: #6c757d !important;
}
.tablebox .tdtr .font-weight-bold{
    color: #dc3545 !important;
    font-weight: 700 !important;
}
.tablebox .tdtr .badge-danger {
    color: #fff;
    background-color: #dc3545;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tablebox .tdtr .btn-gray {
    color: #666;
    border: solid 1px #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
    background: -moz-linear-gradient(top, #f9f9f9, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e1e1e1');
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 1px 1px #e0e0e0;
}
#category_list .category_list{
    padding: 0 3px;
}
#category_list .col-list-seven{
    max-width: 20%;
}
#category_list  .col-list-seven .wenben{
    text-align: center;
    line-height: 30px;
    font-size:14px;
}
.channel-wrap-body .img-guide-wrap{
    height:auto;

}
.channel-wrap-body .img-guide-wrap .t-name{
    line-height:30px;
    color: rgba(0, 0, 0, 0.8) !important;
    background: #fff;
    text-shadow: none;
}
.channel-wrap-body .img-guide-wrap .t-name a{
    line-height:30px;
    color: rgba(0, 0, 0, 0.8) !important;
    background: #fff;


}
.channel-wrap-body .img-guide-wrap .conimg-bg{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.channel-wrap-body .img-guide-wrap .buttonbox{
    position: absolute;
    bottom: 30px;

    width: 100%;

    padding: 0 10px;



    opacity: 0;
    z-index: 10;
}
.channel-wrap-body .img-guide-wrap .buttonbox .buttonli{
    height: 25px;
    margin-bottom: 10px;
    background-color: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: rgba(50, 50, 50, 0.9);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;

}
.channel-wrap-body .img-guide-wrap	.ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
}
.channel-wrap-body .img-guide-wrap:hover .ovrly{
    opacity: 1;
}
.channel-wrap-body .img-guide-wrap .buttonbox .buttonli:hover{
    background: #AAAAAA;
    color: #F8A80D;
}
.channel-wrap-body .img-guide-wrap .buttonbox .buttonli:hover a{

    color: #F8A80D;
}
.channel-wrap-body .img-guide-wrap .buttonbox .buttonli a:hover{

    color: #F8A80D;
}
.channel-wrap-body .img-guide-wrap:hover .buttonbox{
    opacity: 1;
}
.channel-wrap-body .img-guide-wrap:hover .txt-six{
    display:block;
}
.channel-wrap-body .img-guide-wrap:hover .t-name{
    background: #4c58ec;
    color: #ffd800;
}
.channel-wrap-body .img-guide-wrap:hover .t-name a{
    background: #4c58ec;
    color: #ffd800 !important;
}
.channel-wrap-body .img-guide-wrap:hover .conimg-bg{
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/*新增 *************start*/

.b-p-menu{
    border: none;
    margin: 15px auto;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.b-p-menu li{
    list-style-type: none;
    float: left;
    background: #f60;
    color: #fff;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 15px;
}
.b-p-menu li a{color: #fff; text-decoration: none; padding: 10px 12px; display: block;}
.b-p-menu li a:hover{background: #d03c1d; border-radius: 4px;}
.b-p-menu .active{background: #d03c1d!important; border-radius: 4px!important;}
#dlb_info_a{
    display: flex;
    margin-top: 16px;
    flex-wrap: wrap;
    justify-content: space-between;

}
.boosting_list{
    width: calc(50% - 8px);
    background: #FAFAFA;
    border: 1px solid #E7E7E7;
    margin-bottom: 16px;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    padding-right: 30px;

}
.boosting_list .list_imgbox{
    min-width: 100px;
    height: 80px;
}
.boosting_list .list_imgbox img{
    max-width: 80px;
    height: 100%;
}
.boosting_list .list_content{
    flex-grow: 1;

}
.boosting_list .gooddetail{
    display: none;
}
.boosting_list .list_content .list_contentbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 10px;
}
.boosting_list .list_content .content_ul{
    flex-grow: 1;
    padding-right: 10px;
}
.boosting_list .list_content .content_ul li{ font-size: .9rem;}
.boosting_list .list_content .content_ul span{font-weight:bold; font-size: .9rem;}
.dlb_title{
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;

}
.boosting_list .text-muted{
    font-size: 15px;
    font-weight: bold;
    color: #000 !important;
}
.boosting_list .buy_now{
    width: 120px;
    min-width: 80px;
}
.boosting_list .list_content .list_contentbox.priceactive .content_ul{
    width: 100%;
    padding-left: 50%;
}
.boosting_list .list_content .list_contentbox.priceactive form{
    width: 100%;
    padding-left: 50%;
}
.boosting_list .list_content .list_contentbox.priceactive .buy_now{
    width: 100%;
}
@media (max-width: 991px){
    .boosting_list{
        width: 100%;
    }
}
@media (max-width: 767px){
    .boosting_list .list_content .list_contentbox.priceactive .content_ul{
        width: 100%;
        padding-left: 30%;
    }
    .boosting_list .list_content .list_contentbox.priceactive form{
        width: 100%;
        padding-left: 30%;
    }
    .b-p-menu{width: 100%;}
    .b-p-menu li{width: 50%; text-align: center; padding-left: 0; padding-right: 0; float: left; margin-right: 0; border-radius: 0; box-sizing: border-box; border: 1px solid #fff;}

    .b-p-menu li{margin-bottom: 0px;}
}
/*新增 *************end*/
/* ------------------------------------------------- Media Query ---------------------------------------------------- */


@media (max-width: 575.98px) {

    .game-device img{ height: 37px;}

}

@media (max-width: 767.98px) {
    .phone-title-text-left{text-align: left!important;}
    .phone-m-top-md{margin-top: 1rem;}
    .tri-arrow{display: none;}
    /* Body */
    body{padding-top: 9rem !important;}

    /* Top Bar */
    .top-bar{background: #333}
    .t-p-r-show{display: none !important;}

    /* Header */
    .header-wrap{padding-top: .5rem; padding-bottom: .8rem;}

    /* Logo */
    .header-wrap .logo img{width: 13rem;}

    /* Shopping Cart Btn */
    .btn-dark{ background: #00b3aa; border-color: #00b3aa;}

    /* Phone Nav Btn */
    .p-n-btn{display: block !important;}

    /* Only Phone Nav 2 */
    .only-phone-row{display: block;}

    /* Margin Top */
    .margin-phone-bottom{margin-bottom: 1.5rem;}
    /* No Display */
    .not-display{display: none;}
    /* Logo */
    .header-wrap .logo{text-align: center;}
    /* Fast Checkout */
    .fast-ol-height{ display: none;}

    /* CDK */
    .nav-tabs .nav-item{width: 100%; margin-right: 0 !important; margin-bottom: 5px;}
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border: 0; font-weight: bold; background: #fd9a2c; color: #fff;}
    .nav-tabs .nav-link{background: #eee;}

    /* Footer Logo */
    .support-payment{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
    .support-payment .pay-logo-icon li img{height: 15px;}
    /* Right line */
    .seg-line{border: none;}

    /* Our */
    .padding-top-sm{padding-top: .3rem !important; padding-bottom: .7rem !important;}
    .media-icon-info{text-align: center; width: auto; padding: 0;}
    .media-icon-info .pic{width: 100%; text-align: center; height: 3rem; margin-top: -5px; }
    .media-icon-info .pic img{width: 1.5rem;}
    .media-icon-info .title{ width: 100%; padding: 0; font-size: .7rem; line-height: .8rem;}

    /* Page */
    .g-d-active span{display: none !important;}
    .g-d-text{text-align: left; padding-bottom: .5rem;}
    .btn-td{margin-left: 0; margin-right: 0;}
    .channel-cover{background: #333;}
    .channel-cover img{display: none;}
    .bc-nav .active{color: #fd9a2c;}

    /* Phone Display */
    .only-phone-display{display: block !important;}

    /* Page Cart Display */
    .p-c-di{display:none;}

    /* Account Page */
    .a-p-card{margin-top: 1rem;}
    .a-p-card img{width: 100%;}
    .a-p-card .x-platform{ top: 1rem; left: 0; font-size: .8rem; display: block; margin: 0; padding: 0; text-align: center; color: #fff;}
    .a-p-card .x-platform .iconsize{font-size: 3rem !important; display: block !important;}
    .a-p-card .x-btn{width: 100%; position: absolute; top: 9rem; left: 0; text-align: center;}
    .a-p-card .x-btn a{color: #333 !important; font-weight:normal; font-size: .8rem;}
    .a-p-card .x-btn a:hover{color: #666 !important;}

    /* Login Page */
    .user-page-wrap{margin-bottom: 2rem;}
    .user-page-wrap .form-wrap{ padding: 1.6rem;}

    /* Register */
    .register-wrap{padding: 1.5rem; background: #fafafa;}
    .r-w-right{border-bottom: 1px solid #e0e0e0; margin-bottom: 2rem; padding-bottom: 1rem;}
    .r-w-lable{text-align: left;}
    .reg-btn{width: 100%;}
    .reg-btn-no-margin{ margin-left: 0;}

    /* All Link */
    .letter-list-link li{width: 50%;}

    /* Width */
    .conter-auto-wrap{width:100% !important; float: none !important;}

    /* News List */
    .news-list-wrap-in{padding: 1rem; border-bottom: 1px dotted #cecece;}
    .news-list-wrap-in:hover{}
    .news-list-date{ width: 100%; height: 95px; border: 1px solid #f5a931; border-radius: 4px; background: #fff;display: none;}
    .news-list-date .d-text1{width: 100%; padding-top: 1.5rem; text-align: center; font-size: 1rem; font-weight: bold; display: block; color: #f5a931;}
    .news-list-date .d-text2{width: 100%; text-align: center; font-size: .8rem; display: block; color: #f5a931; }
    .news-list-headlines{ width: 100%; height: 1rem; color: #333; font-size: .8rem;}
    .news-list-headlines a{color: #333; text-decoration: none;}
    .news-list-headlines a:hover{}
    .news-list-date-line{width: 100%; display: block; font-size: .8rem; color: #666; padding-top: .5rem; padding-bottom: 0rem;}
    .news-list-date-line .txt{ color: #999;}
    .news-list-summary{height: 2.5rem; font-size: .7rem; color: #999; margin-top: .5rem; overflow: hidden; margin-bottom: .3rem;}

    .card-list-s1 .pic-2{height: 70px;}
    .card-list-s1 .pic-2 img{width: 85%;}

    /* Text Right */
    .i-text-right{text-align: left;}

    /* Cart */
    .l-go-r{right: 0%}
    .r-go-l{left: 0%}
    .coupon-wrap{margin-top: 0rem;}

    /* Phone Btn */
    .phone-block-btn{width: 100%;}

    /* Phone Padding bottom */
    .phone-padding-bottom{padding-bottom: .5rem;}

    /* 2019-4-30 add */
    .col-list-five{flex: 0 0 50%;}

    /* ---------------------------------------------------- All --------------------------------------------------------- */
    .all-link-wrap{border: 1px solid #e6e6e6; padding: .5rem; overflow: hidden; background: #fafafa; margin-top: -.25rem;}

    /* User */
    .member-page-wrap{padding:0; border: 0; background: none;}
    .u-tab-ulline li{float: left; width: 100px !important;}
    .tab-width{width: 100px !important;}

    /* User Sidebar a */
    .sidebar-a-user{}

    /* Add Number */
    .add-num-wrap{width: 70%;}

    /* Items 2 */
    .it-top-sel{}/* del margin-top */
    .item-pro-s2{}
    .item-pro-s2 img{width: 80%;}

    /* Page Margin */
    .margin-f-t-md{margin-top: 0rem;}
     #category_list{
         margin-top: 10px;
     }
    .c-c-num-2{ background: #f8f8f8; border: 1px solid #e0e0e0; margin-top: 3rem; padding: 1rem 1.35rem .5rem 1.35rem; border-radius: 0rem;}

    .p-i-t-line{width: 100%; height: 1px; background: #ccc; margin-top: .2rem; margin-bottom: 1rem;}

    /* Home Big pic phone show */
    .pc-phone-ok{ width:100% !important;}

    /* Home Big */
    .h-p-t-p-wrap{ height: 80px !important; overflow:hidden;}
    .home-page-top-pic img{ height: 80px !important; position: relative !important; left:0 !important; margin-left:0 !important;}

    /* game server select */
    .game-device img{width: 90%; height:40px;}

    .col-list-seven{margin-bottom: .5rem; margin-top: .5rem; height: 3rem;}
    #category_list .col-list-seven{margin-bottom:10px;margin-top: 0;height:auto}
    /* Items 2 */
    .it-top-sel img{width: 20px; height: 20px; display: block; margin: auto;}

    .page-description-body img{width: 100%;}

}

@media (max-width: 991.98px) {

    /* Body */
    body{padding-top: 7.5rem;}

    /* Top Bar */
    .t-p-r-show{display: block;}

    /* Phone Nav Btn */
    .p-n-btn{display:none;}

    /* Logo */
    .header-wrap .logo{}

    /* Sidebar a */
    .sidebar-a{display: none;}
    .hot-game-logo{}

    /* Shopping Cart */
    .not-display{display: none;}

    /* Page Center */
    .center-wrap{width:100% !important; margin-right: 0; float: none;}

    /* News */
    .sidebar-b{display: none;}

    /* Hot Games */


    /* CDK */
    .tab-nav-channel{margin-right: 2rem !important;}
    .tab-nav-channel .text{font-size: 1rem !important;}
    .p-t-media-pic{ height: 130px !important;}

    /* Footer Logo */
    .support-payment{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
    .support-payment .pay-logo-icon li img{height: 15px;}
    /* Right line */
    .seg-line{border: none;}

    /* Our */
    .padding-top-sm{padding-top: .3rem; padding-bottom: .3rem;}

    /* Page Cart Display */
    .p-c-di{display: none;}

    /* Page */
    .g-d-text{text-align: left; padding-bottom: .5rem;}
    .g-d-active span{display: none !important;}


}

@media (max-width: 1199.98px) {
    /* Text Size */
    .text-size-md{font-size: .7rem;}

    /* Top bar text */
    .top-bar-sm-text{display: none;}

    /* Nav Icon */
    .icon-home{display: none;}
    .icon-swticonzuqiu{display: none;}
    .icon-ma{display: none;}
    .icon-gangtiexia-{display: none;}
    .icon-meiyuanqian{display: none;}
    .icon-kefu{display: none;}
    .icon-ps1{display: none;}
    .icon-xbox{display: none;}
    .icon-steam{display: none;}

    /* Phone Nav Btn */
    .p-n-btn{display:none;}

    /* Join Now */
    .join-now-aff{display: none;}

    /* Nav */
    .navbar-dark .navbar-nav .nav-link{padding-top: .7rem;}
    .nav-wrap .nav-line-style li a{font-size: .8rem;}

    /* Hot Game Logo Card */
    /* Hot games */
    .hot-game-logo{width: 200px; height: 258px; background: #fff; position: absolute; margin-top: -257px; border: 2px solid #f5a931; overflow: hidden;}
    .hot-game-logo .logo-list{ margin: 0; padding: 0;}
    .hot-game-logo .logo-list li{width: 98px; height:auto; text-align: center; float: left; list-style-type: none;}
    .hot-game-logo .logo-list li img{width: 100%; border-left: 1px dotted #ccc; border-top: 1px dotted #ccc; margin-left: -1px; margin-top: -1px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px;}

    /* Page Center */
    .center-wrap{width: 450px;}

    /* Gold Fast Checkout */
    .fast-in-cover{display: none;}
    .fast-ol-height{ padding-left: 1rem;}

    /* Hot Games */


    /* CDK */
    .tab-nav-channel{ margin-right: 0;}
    .tab-nav-channel .text{font-size: .9rem;}
    .nav-tabs .nav-link{padding-left: .5rem; padding-right: .5rem;}
    .p-t-media-pic{height: 65px;}

    /* News */
    .news-list-sm .date-box{display: none;}
    .news-list-sm .infotext{width: 100%; height: 50px;}

    /* Channel Drop down Nav */
    .c-d-d-n-wrap{width: 930px; overflow: hidden; background: #f8f8f8; border: 3px solid #f3aa43; margin-top: 0; padding-left: .5rem; padding-top: 1rem;}

    /* Page Cart Display */
    .p-c-di{display: none;}

    /* Account Page */
    .a-p-card{margin-top: 1rem;}
    .a-p-card img{width: 100%;}
    .a-p-card .x-platform{ top: 1rem; left: 0; font-size: .8rem; display: block; margin: 0; padding: 0; text-align: center; color: #fff;}
    .a-p-card .x-platform .iconsize{font-size: 3rem !important; display: block !important;}
    .a-p-card .x-btn{width: 100%; position: absolute; top: 9rem; left: 0; text-align: center;}
    .a-p-card .x-btn a{color: #333 !important; font-weight:normal; font-size: .8rem;}
    .a-p-card .x-btn a:hover{color: #666 !important;}

    /* Pages */
    .col-list-five{max-width: none;}
    .col-list-seven{max-width: none;}
    .g-d-text{text-align: left; padding-bottom: .5rem;}
    .g-d-active span{display: none !important;}

    /* Width */
    .conter-auto-wrap{width:710px; float: left;}

    /* Top xs Pic */
    .top-xs-pic{}
    .top-xs-pic img{width: 80%; height: 39px;}

    #category_list  .col-list-seven{
        max-width: none;
    }
}
@media (max-width: 767px) {
    .category_choose{width: 50%!important; max-width: 50%!important; flex: 0 0 50%; font-size: 1.25rem; font-weight: bold;}
    .category_choose .category_name{text-align: center; line-height: 38px; font-weight: bold; font-size:1.25rem;}

    .phone-margin-top-server{margin-top: 40px!important;}
    .just-text-left-server{text-align: left!important;}

    .letter-list-link li a{height: 3.25rem; display: flex; justify-content: center; align-items: center;}
    #search_tip{width: 81.999%;}
    .thbox{
        display: none;
    }
    .col-xs1-1, .col-xs1-2, .col-xs1-3, .col-xs1-4, .col-xs1-5, .col-xs1-6, .col-xs1-7, .col-xs1-8, .col-xs1-9, .col-xs1-10, .col-xs1-11, .col-xs1-12 {
        padding:0;
    }
}

@media (min-width: 768px) {
    .col-sm1-1, .col-sm1-2, .col-sm1-3, .col-sm1-4, .col-sm1-5, .col-sm1-6, .col-sm1-7, .col-sm1-8, .col-sm1-9, .col-sm1-10, .col-sm1-11, .col-sm1-12 {
        float: left;
    }
    .col-sm1-12 {
        width: 100%;
    }
    .col-sm1-11 {
        width: 91.66666667%;
    }
    .col-sm1-10 {
        width: 83.33333333%;
    }
    .col-sm1-9 {
        width: 75%;
    }
    .col-sm1-8 {
        width: 66.66666667%;
    }
    .col-sm1-7 {
        width: 58.33333333%;
    }
    .col-sm1-6 {
        width: 50%;
    }
    .col-sm1-5 {
        width: 41.66666667%;
    }
    .col-sm1-4 {
        width: 33.33333333%;
    }
    .col-sm1-3 {
        width: 25%;
    }
    .col-sm1-2 {
        width: 16.66666667%;
    }
    .col-sm1-1 {
        width: 8.33333333%;
    }
    #category_list .col-md-2{
        flex: 0 0 21%;
    }
    #category_list .col-sm-3{
        flex: 0 0 28%;
    }

}
@media (min-width: 768px) and  (max-width: 1200px){
    .add-num-wrap{
       width: 100%;
    }
}
@media (min-width: 992px) {
    .col-md1-1, .col-md1-2, .col-md1-3, .col-md1-4, .col-md1-5, .col-md1-6, .col-md1-7, .col-md1-8, .col-md1-9, .col-md1-10, .col-md1-11, .col-md1-12 {
        float: left;
    }
    .col-md1-12 {
        width: 100%;
    }
    .col-md1-11 {
        width: 91.66666667%;
    }
    .col-md1-10 {
        width: 83.33333333%;
    }
    .col-md1-9 {
        width: 75%;
    }
    .col-md1-8 {
        width: 66.66666667%;
    }
    .col-md1-7 {
        width: 58.33333333%;
    }
    .col-md1-6 {
        width: 50%;
    }
    .col-md1-5 {
        width: 41.66666667%;
    }
    .col-md1-4 {
        width: 33.33333333%;
    }
    .col-md1-3 {
        width: 25%;
    }
    .col-md1-2 {
        width: 16.66666667%;
    }
    .col-md1-1 {
        width: 8.33333333%;
    }

}


@media (min-width: 1200px) {
    .col-lg1-1, .col-lg1-2, .col-lg1-3, .col-lg1-4, .col-lg1-5, .col-lg1-6, .col-lg1-7, .col-lg1-8, .col-lg1-9, .col-lg1-10, .col-lg1-11, .col-lg1-12 {
        float: left;
    }
    .col-lg1-12 {
        width: 100%;
    }
    .col-lg1-11 {
        width: 91.66666667%;
    }
    .col-lg1-10 {
        width: 83.33333333%;
    }
    .col-lg1-9 {
        width: 75%;
    }
    .col-lg1-8 {
        width: 66.66666667%;
    }
    .col-lg1-7 {
        width: 58.33333333%;
    }
    .col-lg1-6 {
        width: 50%;
    }
    .col-lg1-5 {
        width: 41.66666667%;
    }
    .col-lg1-4 {
        width: 33.33333333%;
    }
    .col-lg1-3 {
        width: 25%;
    }
    .col-lg1-2 {
        width: 16.66666667%;
    }
    .col-lg1-1 {
        width: 8.33333333%;
    }
    .container{ max-width: 1230px;}
}

@media (min-width: 576px){

}

@media (min-width: 575.98px) and (max-width:767px) {
                                   .channel-wrap-body .img-guide-wrap .buttonbox{


						         padding: 0 5px;




           							}
                 .channel-wrap-body .img-guide-wrap .buttonbox .buttonli {
							    height: 16px;
							    margin-bottom: 4px;


							    line-height: 16px;
							    font-size: 14px;

							}
    #category_list .col-sm-3{
        flex: 0 0 40%;
    }
}



@media only screen and (max-width: 991px){
    .tablebox .priceth{
        margin-top: 5px;
    }
}


@media (max-width: 576px) {
    .selectbankicon img{width: 3.5rem !important;}
    #category_list .col-sm-3{
        flex: 0 0 50%;
    }
    #category_list .col-sm-3:nth-of-type(2n+1){
        padding-right: 0;
    }
}
@media (max-width: 400px) {
    #category_list .col-list-seven .wenben{
        font-size: 12px;
    }

}
@media (max-width: 992px) {
    .selectbankicon img{width: 4rem;}
}
@media (max-width: 1200px) {
    .selectbankicon img{width: 4rem;}
}
@media (max-width: 1199.98px) and (min-width: 992px){
 .channel-wrap-body .img-guide-wrap{
                                height:137px;

                            }
                             .channel-wrap-body .img-guide-wrap .buttonbox{


						         padding: 0 5px;




           							}
                            .channel-wrap-body .img-guide-wrap .buttonbox .buttonli {
							    height: 16px;
							    margin-bottom: 4px;


							    line-height: 16px;
							    font-size: 14px;

							}
}
/* ------------------------------------------------- Media Query end********/
-------------------------- Media Query end********/