a:link, a:active, a:visited, a:hover {
    background: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

input {
    border: none
}

.layout {
    width: 1300px;
    margin: 0 auto
}

iframe {
    width: 100%
}
html,body{
    height: 100%;
}
body {
    overflow-x: hidden;
    font-size: 14px;
    overflow-y: auto !important;
    background: #fff;
}

a {
    text-decoration: none;
    font-size: px2rem(14)
}

.fixclear::after {
    content: '';
    display: block;
    clear: both
}

ul, ol, li {
    list-style: none
}

.not-allowed {
    background: #ccc !important
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.model {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 5000
}

.button:hover {
    opacity: 0.7
}

button:hover {
    opacity: 0.7
}

.display-none {
    display: none !important
}

.display-block {
    display: block !important
}

img {
    color: transparent
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 20px
}

@font-face {
    font-family: all;
    font-display: auto;
    src: url("./arial_0.woff"), url("./arial_0.ttf"), url("./arial_0.eot"), url("./arial_0.otf"), url("./arial_0.svg")
}

@font-face {
    font-family: font;
    src: url("./Roboto-Regular.woff") format("truetype"), url("./Roboto-Regula.woff") format("woff2"), url("./Roboto-Regula.svg") format("svg"), url("./Roboto-Regula.otf") format("otf"), url("./Roboto-Regula.eot?#iefix") format("embedded-opentype")
}

header, nav, main.index > section, footer {
    font-family: "Microsoft YaHei";
    font-family: font, Arial, Helvetica Neue, Helvetica, sans-serif
}

section, .model {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

header {
    background: #fff;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 504
}

header .header {
    display: flex;
    align-items: center;
    height: 94px
}

header .header .logo-img {
    width: 260px;
    height: 62px;
    background: url("../../themes/default/Home/statics/images/logo.png") no-repeat;
}

header .header .logo-img a {
    display: block;
    width: 100%;
    height: 100%
}

header .header .logo-img:hover {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9
}

header .header form {
    margin-left: 122px;
    position: relative;
    width: 520px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    border-radius: 3px;
    overflow: hidden
}

header .header form input {
    width: calc(520px - 40px);
    padding-left: 15px;
    transition: all .5s;
    border: 1px solid #ccc;
    border-right: none;
}

header .header form input[type=submit] {
    width: 110px;
    height: 40px;
    background: RGB(0, 142, 204);
    color: white;
    cursor: pointer;
    display: flex;
    padding-right: 9px;
    justify-content: flex-end;
    border: 1px solid #0175b0;
    background: #0175b0 url(../../themes/default/Home/statics/images/icon26.png) no-repeat
}

header .header form input[type=text]:hover {
    outline: none;
    box-shadow: 2px 2px 10px #0175b0 inset, -2px -2px 10px #48b8f0 inset;
    border: 1px solid #0175b0;
}

header .header form input[type=text]:active {
    outline: none;
    box-shadow: 5px 5px 8px RGB(0, 142, 204) inset, -5px -5px 8px RGB(0, 142, 204) inset;
    border: 1px solid RGB(0, 142, 204)
}

header .header form .search-result {
    position: absolute;
    top: 40px;
    z-index: 500;
    width: 480px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

header .header form .search-result li {
    background: white;
    height: 35px;
    border-bottom: 1px solid #ccc
}

header .header form .search-result li a {
    line-height: 35px;
    padding-left: 12px;
    display: block;
    width: 100%;
    height: 100%;
    color: black;
    font-size: 14px;
    background: transparent
}

header .header form .search-result li:last-child {
    border: none
}

header .header form .search-result li.display {
    background: RGB(0, 142, 204);
    color: white
}

header .header form .search-result.display {
    opacity: 1;
    visibility: visible
}

header .header .user {
    flex-grow: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center
}

header .header .user .user-con:hover {
    /*color: RGB(0, 142, 204)*/
}

header .header .user .user-con:hover a {
    /*color: RGB(0, 142, 204)*/
}

header .header .user .user-con:hover .login-box {
    opacity: 1;
    visibility: visible
}

header .header .user li {
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    position: relative;
}

header .header .user > li:nth-child(2) .currency-part {
    border-right: 1px solid #555;
    border-left: 1px solid #555;
    padding-right: 20px;
    height: 15px;
}

header .header .user li .sign-in {
    cursor: pointer;
    height: 15px;
    line-height: 15px;
}

header .header .user li .sign-in a {
    display: inline-block;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000
}

header .header .user li i.yonghu {
    font-size: 20px
}

.currency-part {
    cursor: pointer;
    min-width: 95px;
    text-align: right;
}

.currency-ul {
    position: absolute;
    background: #fff;
    top: 20px;
    min-width: 90px;
    box-shadow: -8px 6px 10px -4px #ccc, 2px 3px 10px -4px #ccc;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    margin: 14px 0;
    z-index: 11111;
    line-height: normal;
}

.currency-part:hover .currency-ul {
    visibility: visible;
    opacity: 1;
}

.currency-ul li:hover {
    color: #0175b0;
}

.currency-ul li a {
    color: black;
    width: 100%;
    text-align: left;
}

.currency-ul li a span:first-child {
    padding-right: 10px;
}

.currency-ul li {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px !important;
}

.currency-ul li:hover a {
    color: #0175b0;
}

.language-part {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.language-part .language {
    color: #555;
    padding-left: 20px;
    height: 15px;
    line-height: 15px;
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.language-part .language img {
    width: 26px;
    height: 26px;
    margin-right: 5px;
}

.language-part .language:after, .currency:after, header .header .user li .sign-in:after {
    position: relative;
    top: 11px;
    content: '';
    border-color: transparent;
    border-width: 5px;
    border-style: solid;
    border-top-color: #555;
    margin-left: 8px;
}

.language-part .language:after {
    top: 2px;
}

header .header .user li .sign-in:after {
    top: 5px;

}

.currency-ul li .currency-unit-li {
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
}

.currency-part .currency {
    color: #000;
    padding-left: 20px;
    text-align: left;
}

.language-part .language-ul {
    position: absolute;
    background: #fff;
    top: 20px;
    min-width: 118px;
    box-shadow: -8px 6px 10px -4px #ccc, 2px 3px 10px -4px #ccc;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    margin: 14px 0;
    z-index: 111;
    display: none;
}

.language-part .language-ul:before, .currency-ul:before {
    content: '';
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent white transparent;
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -20px;

}

.language-part .language-ul:before {
    left: 44px;
}

.currency-ul:before {
    left: 35px;
}

.language-part:hover .language-ul {
    visibility: visible;
    opacity: 1;
}

nav .nav .nav-intro li i.gouwuche {
    margin-right: 4px;
    font-size: 26px;
    color: white;
}

.language-part .language-ul li {
    border-bottom: 1px solid #ccc;
    padding: 5px 20px !important;
}

.language-part .language-ul li a {
    color: black;
    width: 100%;
    text-align: left;
}

.language-part .language-ul li a img {
    margin-right: 5px;
}

.language-part .language-ul li:hover {
    color: #0175b0;
}

.language-part .language-ul li:hover a {
    color: #0175b0;
}

nav .nav .nav-intro li #goods-num {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    height: 16px;
    background: red;
    border-radius: 16px;
    position: absolute;
    top: 8px;
    left: 55px;
    font-size: 12px;
    padding: 0 3px;
}

nav .nav .nav-intro li .cart-text {
    color: white;
}

header .header .user li .triangle {
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-color: white transparent transparent transparent;
    border-style: solid;
    display: inline-block;
    vertical-align: bottom;
    transform-origin: 3px 3px;
    transition: all 0.3s
}

header .header .user li .lang {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 5px;
    min-width: 65px;
    z-index: 500;
    cursor: pointer
}

header .header .user li .lang .triangle {
    position: relative;
    left: 3px;
    top: 3px
}

header .header .user li .lang .lang-close {
    box-shadow: -8px 6px 10px -4px #ccc,
    2px 3px 10px -4px #ccc;
    position: absolute;
    top: 30px;
    background: white;
    color: black;
    left: -18px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    width: 150px;
    padding: 1px 0 7px 0
}

header .header .user li .lang .lang-close > li.item-close {
    width: 118px;
    margin: 8px auto;
    position: relative;
    display: block;
    padding-left: 0px
}

header .header .user li .lang .lang-close > li.item-close .language {
    line-height: 28px;
    height: 28px;
    border: 1px solid #ccc;
    margin-bottom: 12px;
    margin-top: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 10px
}

header .header .user li .lang .lang-close > li.item-close .language .language-second.display {
    display: block
}

header .header .user li .lang .lang-close > li.item-close .language i.iconfont {
    display: inline-block;
    transform: rotateZ(90deg);
    font-size: 24px
}

header .header .user li .lang .lang-close > li.item-close .language i.iconfont.display {
    transform: rotateZ(-90deg)
}

header .header .user li .lang .lang-close > li.item-close ul.language-second {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 100;
    background: white;
    top: 56px;
    border: 1px solid #7a9dd3;
    border-top: none;
    display: none
}

header .header .user li .lang .lang-close > li.item-close ul.language-second li {
    padding-left: 0px;
    padding-top: 0px
}

header .header .user li .lang .lang-close > li.item-close ul.language-second li a {
    color: black;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 12px
}

header .header .user li .lang .lang-close > li.item-close ul.language-second li:hover a {
    background: RGB(0, 142, 204);
    color: white
}

header .header .user li .lang .lang-close > li.item-close ul.language-second li.active a {
    background: RGB(0, 142, 204);
    color: white
}

header .header .user li .lang .lang-close > li.item-close ul.language-second.display {
    display: block
}

header .header .user li .lang .lang-close > li.border {
    border-bottom: 1px solid #ccc
}

header .header .user li .lang .lang-close .geban {
    position: absolute;
    width: 100%;
    height: 10px;
    background: transparent;
    top: -7px;
    left: 0px
}

header .header .user li .lang .lang-close::before {
    content: '';
    display: block;
    border-color: transparent transparent white transparent;
    border-style: solid;
    border-width: 9px;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 59px;
    top: -18px
}

header .header .user li .lang .lang-img {
    overflow: hidden;
    height: 20px;
    padding: 2px 8px 4px 27px
}

header .header .user li .lang .lang-img > a {
    color: black
}

header .header .user li .lang:hover > .lang-close {
    visibility: visible;
    opacity: 1
}

header .header .user li .lang:hover .triangle {
    opacity: 0
}

header .header .user li .lang-img > a {
    color: RGB(0, 142, 204)
}

header .header .user li.language .lang-close {
    padding-top: 5px
}

header .header .user li.language .lang-close li {
    padding-left: 27px;
    height: 24px;
    padding-top: 5px;
    margin-bottom: 3px
}

header .header .user li.language .lang-close li a {
    white-space: nowrap;
    text-align: left;
    color: black
}

header .header .user li.language .lang-close::before {
    left: 25px
}

header .header .user li.user-con {
    position: relative;
    padding-right: 20px;
    color: #000;
    height: 20px;
}

header .header .user li.user-con img {
    position: relative;
    top: -3px;
    left: 4px
}

header .header .user > li {
    height: 20px;
    align-items: center;
}

header .header .user li.user-con .login-box {
    position: absolute;
    background: white;
    top: 35px;
    min-width: 118px;
    box-shadow: -8px 6px 10px -4px #ccc,
    2px 3px 10px -4px #ccc;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

header .header .user li.user-con .login-box li {
    padding: 0px;
    border-bottom: 1px solid #ccc
}

header .header .user li.user-con .login-box li a {
    color: black;
    display: block;
    padding: 10px 20px;
    width: 100%;
    white-space: nowrap
}

header .header .user li.user-con .login-box li:last-child {
    border-bottom: none
}

header .header .user li.user-con .login-box li:hover a {
    color: #0175b0
}

header .header .user li.user-con .login-box .count::before {
    content: '';
    width: 109px;
    height: 20px;
    position: absolute;
    top: -19px;
    left: 0px;
    background: transparent
}

header .header .user li.user-con .login-box::before {
    content: '';
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent white transparent;
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -20px;
    left: 44px
}

header .header .user li.img {
    padding-left: 6px
}

header .header .user li.img:hover {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9
}

nav .nav .nav-intro .shop-num {
    justify-content: center;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 40px;
    /*background: #25262a;*/
    height: 47px;
    cursor: pointer;
}

nav .nav .nav-intro .shop-num .shop-bus-con {
    padding-top: 10px;
    background: transparent;
    z-index: 3000;
    width: 360px;
    position: absolute;
    top: 37px;
    left: -75px;
    visibility: hidden;
    transform: scale(0.8);
    opacity: 0;
    transition: all .3s;
    color: black
}

/*.slide {*/
/*    height: 350px;*/
/*}*/
/*.slide{*/
/*    height: 420px;*/
/*}*/
.slide img {
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.slide div a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.swiper-pagination-bullet-active {
    background: RGB(0, 142, 204) !important;
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list-clear {
    background: white;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 20px 6px 10px;
    color: #0175b0;
    box-shadow: -8px 6px 10px -4px #ccc,
    2px 3px 10px -4px #ccc
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list-clear i.iconfont {
    font-size: 64px;
    display: inline-block;
    height: 60px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list-clear span {
    margin-top: -15px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list {
    padding: 6px 12px;
    background: white;
    box-shadow: -8px 6px 10px -4px #ccc,
    2px 3px 10px -4px #ccc
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list ul {
    max-height: 408px;
    overflow: auto;
    margin-right: -12px;
    padding-right: 12px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li {
    padding: 6px 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ccc
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li .img-box {
    width: 55px;
    height: 55px;
    margin-right: 12px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li .img-box img {
    max-width: 100%;
    max-height: 100%
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li .goods-con {
    margin-left: 10px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li .goods-con p:nth-child(1) {
    display: flex;
    width: 228px;
    height: 31px;
    overflow: hidden;
    align-items: center
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li .goods-con p:nth-child(1) span {
    line-height: 14px;
    height: 24px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li p:nth-child(2) {
    margin-top: 4px;
    color: RGB(0, 142, 204)
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li > span {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 21px;
    border: 1px solid RGB(0, 142, 204);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list li > span i.iconfont {
    font-size: 18px;
    color: RGB(0, 142, 204)
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list .count {
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list .count .items {
    color: #ccc
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list .count .items .item-num {
    margin: 0 6px
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list .count .subtotal {
    color: RGB(0, 142, 204);
    font-weight: 700
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list .count .subtotal .item-price {
    color: red
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list button {
    display: inline-block;
    color: #fff;
    padding: 5px 18px;
    float: right;
    margin-top: 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 18px;
    text-align: center;
    border: none;
    border-radius: 2px;
    background: RGB(0, 142, 204)
}

nav .nav .nav-intro .shop-num .shop-bus-con .shop-list button:nth-child(n+2) {
    background: #ff9900
}

nav .nav .nav-intro .shop-bus-con::before {
    content: '';
    width: 0px;
    height: 0px;
    border-width: 10px;
    border-color: white transparent transparent transparent;
    border-style: solid;
    position: absolute;
    top: -10px;
    left: 170px;
    transform: rotate(180deg)
}

nav .nav .nav-intro .shop-num:hover .shop-bus-con {
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1) !important;
}

nav .nav .nav-intro .shop-num:hover {
    color: RGB(0, 142, 204)
}

nav {
    background: #0175b0;
    height: 50px;
    display: flex;
    align-items: center;
    border-top: 1px solid #0175b0
}

nav .nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

nav .nav ul.nav-ul {
    height: 50px;
    display: flex;
    margin-left: -10px
}

nav .nav ul.nav-ul > li {
    height: 50px;
    font-size: 16px;
    margin-left: 10px;
    position: relative
}

nav .nav ul.nav-ul > li > a {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    position: relative;
    height: 50px
}

nav .nav ul.nav-ul > li.game-list {
    height: 50px;
    font-size: 16px;
    margin-left: 10px;
    position: relative
}

nav .nav ul.nav-ul > li.game-list > a {
    color: white;
    line-height: 50px;
    display: inline-block;
    padding: 0px 22px;
    position: relative;
    height: 50px
}

/*nav .nav ul.nav-ul li.break:nth-child(n+2)::before {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 1px;*/
/*    height: 26px;*/
/*    background-color: rgba(255, 255, 255, 0.12);*/
/*    position: absolute;*/
/*    top: 10px*/
/*}*/

nav .nav ul.nav-ul li:nth-child(n+2):hover a {
    color: #8dffff;
}

nav .nav ul.nav-ul li:nth-child(1) {
    padding-left: 0px
}

nav .nav ul.nav-ul li:last-child {
    border-right: none
}

nav .nav ul.nav-ul .game-list {
    height: 54px;
    position: relative;
    top: -4px;
    z-index: 502;
    cursor: pointer
}

nav .nav ul.nav-ul .game-list > a {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    top: 4px;
}

nav .nav ul.nav-ul .game-list > a .tips {
    display: inline-block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    border-width: 5px;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    transform: rotateZ(0deg);
    position: relative;
    top: 3px
}

nav .nav .nav-intro .tips {
    display: inline-block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    border-width: 5px;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    transform: rotateZ(0deg);
    position: relative;
    top: 2px
}

nav .nav ul.nav-ul .game-list > a.active {
    background: #0175b0
}

nav .nav ul.nav-ul .game-list > a {
    background: #0175b0
}

nav .nav ul.nav-ul .game-list > a.active .tips {
    position: relative;
    top: -3px;
    transform: rotateZ(180deg)
}

nav .nav ul.nav-ul .game-list .game-list-ul {
    font-weight: 500;
    visibility: hidden;
    position: absolute;
    /*z-index: 500;*/
    width: 1300px;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 0;
    display: flex;
    flex-wrap: wrap;
    top: 53px;
    transition: all .3s;
    /*padding: 10px 20px 30px;*/
    background: #f0f0f0;
    padding: 20px 20px 30px 20px;
    border: 1px solid #e1e1e1;
}

nav .nav ul.nav-ul .game-list .game-list-ul > li {
    position: relative;
    color: black;
    width: 239px;
    height: 40px;
    margin-left: 10px;
    border: 1px solid #37414c;
    margin-top: 10px;
}

nav .nav ul.nav-ul .game-list .game-list-ul > li > a {
    color: white;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px
}

nav .nav ul.nav-ul .game-list .game-list-ul > li > a i.iconfont {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 46px
}

nav .nav ul.nav-ul .game-list .game-list-ul > li > a:hover i.iconfont {
    display: none
}

nav .nav ul.nav-ul .game-list .game-list-ul > li > a::before {
    content: '';
    margin: 1px 15px 0;
    width: 30px;
    height: 25px;
    display: block;
    display: inline-block;
    /*background: red;*/
    background-size: 17px;
    position: relative;
    top: 12px
}

nav .nav ul.nav-ul .game-list .game-list-ul li.game-list-li:hover {
    /*background: RGB(82, 92, 98);*/
    border: 1px solid #0175b0;
    color: #0175b0
}

nav .nav ul.nav-ul .game-list .game-list-ul li.game-list-li.active {
    background: RGB(100, 110, 116);
    color: white
}

nav .nav ul.nav-ul .game-list .game-list-ul li.game-list-li:hover ::after {
    border-color: #ccc transparent transparent transparent
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames {
    border: none;
    margin-left: 28px;
    background: RGB(82, 92, 98);
    height: 36px;
    position: absolute;
    bottom: 16px;
    right: 17px;
    min-width: 141px;
    border-radius: 3px
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames a {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    transition: all .3s;
    padding-top: 3px;
    color: white;
    font-size: 16px;
    white-space: normal;
    padding-bottom: 3px
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames a i.iconfont {
    font-size: 18px
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames a i.iconfont:first-child {
    margin-left: 16px;
    margin-right: 4px
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames a i.iconfont:last-child {
    margin-left: -12px !important
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames a i.iconfont.icon-xiayiye {
    position: relative;
    top: 2px;
    margin-left: 0px
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames a span {
    line-height: 1;
    position: relative;
    top: 1px
}

nav .nav ul.nav-ul .game-list .game-list-ul div.allgames:hover {
    background: RGB(100, 110, 116)
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu {
    position: relative
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu .level-menu-ul {
    position: absolute;
    width: 278px;
    top: 30px;
    right: -278px;
    transition: all .3s;
    z-index: 500;
    margin-top: -1px;
    visibility: hidden;
    opacity: 0
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu .level-menu-ul li {
    min-width: 50px;
    line-height: 45px;
    height: 45px;
    border-bottom: 1px solid RGB(62, 69, 77)
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu .level-menu-ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    background: RGB(82, 92, 98);
    color: white;
    align-items: center;
    padding-left: 6px;
    font-size: 14px
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu .level-menu-ul li a i.iconfont {
    font-weight: 700;
    font-size: 24px
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu .level-menu-ul li:last-child {
    border-bottom: none
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu .level-menu-ul li:hover a {
    background: RGB(100, 110, 116)
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu:hover > .level-menu-ul {
    visibility: visible;
    top: 1px;
    display: block;
    opacity: 1;
    z-index: 500;
    width: 281px
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu.bottom-show .level-menu-ul {
    left: 0px
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu.bottom-show:hover > .level-menu-ul {
    top: 45px
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu.bottom-show:hover > a > .iconfont {
    display: inline-block;
    transform: rotate(90deg)
}

nav .nav ul.nav-ul .game-list .game-list-ul li.level-menu:hover > a > i.iconfont {
    display: none
}

nav .nav ul.nav-ul .game-list-ul.display {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

nav .nav .nav-intro a {
    /*width: 100%;*/
    height: 100%;
    line-height: 28px;
    /*display: flex;*/
    /*align-items: center*/
}

nav .nav .nav-intro a .trustpilot {
    width: 150px;
    height: 37px;
    background: url(../../themes/default/Home/statics/images/bg.png) no-repeat -848px -43px
}

nav .nav .nav-intro a span {
    color: white;
    position: relative;
    top: 5px
}

nav .nav .nav-intro a .break::after {
    content: '';
    display: inline-block;
    width: 0px;
    height: 13px;
    border: none;
    border-left: 1px solid #fff;
    margin-left: 6px;
    border-left: 2px solid white;
    margin-right: 6px;
    position: relative;
    top: 2px
}

/*nav .nav .nav-intro:hover {*/
/*    filter: alpha(opacity=90);*/
/*    -moz-opacity: 0.9;*/
/*    -khtml-opacity: 0.9;*/
/*    opacity: 0.9*/
/*}*/

.geban {
    height: 144px
}

main.index .carousel {
    height: 445px;
    padding-bottom: 60px;
    position: relative;
    padding-top: 40px
}

main.index .carousel .img-ct-box {
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
    position: relative;
    height: 405px
}

main.index .carousel .img-ct-box .img-ct {
    position: absolute;
    height: 405px;
    word-wrap: normal
}

main.index .carousel .img-ct-box .img-ct li {
    float: left;
    width: 1200px;
    height: 405px;
    display: flex;
    justify-content: space-between
}

main.index .carousel .img-ct-box .img-ct li .key-img a {
    display: block;
    width: 830px;
    height: 405px
}

main.index .carousel .img-ct-box .img-ct li .key-img a img {
    width: 100%;
    height: 100%
}

main.index .carousel .img-ct-box .img-ct li .contianer-img {
    display: flex;
    flex-direction: column;
    width: 340px
}

main.index .carousel .img-ct-box .img-ct li .contianer-img a {
    width: 340px;
    height: 187px;
    margin-bottom: 30px;
    display: block
}

main.index .carousel .img-ct-box .img-ct li .contianer-img a img {
    height: 187px;
    width: 100%
}

main.index .carousel .img-ct-box .img-ct li .contianer-img a:nth-child(2) {
    margin-bottom: 0px
}

main.index .carousel .img-ct::after {
    content: '';
    display: block;
    clear: both
}

main.index .carousel .arrow {
    position: absolute;
    width: 50px;
    height: 36px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;
    top: 182px;
    cursor: pointer
}

main.index .carousel .arrow i.iconfont {
    font-size: 44px;
    position: relative;
    top: 9px
}

main.index .carousel .arrow.next {
    left: -25px;
    transform: rotate(180deg)
}

main.index .carousel .arrow.next i.iconfont {
    left: -8px
}

main.index .carousel .arrow.pre {
    right: -25px;
    transform: rotate(0deg)
}

main.index .carousel .arrow.pre i.iconfont {
    left: -8px
}

main.index .carousel:hover .arrow {
    display: block
}

main.index .section-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px
}

main.index .section-title h3 {
    font-size: 26px;
    margin-bottom: 40px;
    color: #e1e1e4;
    font-weight: 100;
}

main.index .section-title span {
    display: flex;
    align-items: center
}

main.index .section-title span a {
    color: RGB(0, 142, 204)
}

main.index .section-title span i.iconfont {
    color: RGB(0, 142, 204);
    font-size: 24px;
    margin-right: -18px
}

main.index .section-title span:hover a {
    color: #000
}

main.index .section-title span:hover i.iconfont {
    color: #000
}

main.index .recommended {
    padding-bottom: 10px;
    margin-bottom: 30px
}

main.index .recommended ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 18px;
    margin-left: -23px;
    margin-top: -19px
}

main.index .recommended ul li {
    margin-left: 23px;
    width: 241px;
    text-align: center;
    line-height: 0;
    border: 1px solid #1f2b33;
    margin-top: 20px;
    transition: all .5s;
    background: #27282e;
    padding-bottom: 30px;
    border-radius: 5px;
}

main.index .recommended ul li .recommended-container {
    display: block;
    width: 100%;
    height: 100%;
}

main.index .recommended ul li .recommended-container .recommended-img {
    position: relative;
    width: 100%;
    height: 237px
}

main.index .recommended ul li .recommended-container .recommended-img .big-img {
    /*width: 100%;*/
    /*height: 100%;*/
    margin-left: -1px;
    margin-right: -1px;
}

main.index .recommended ul li .recommended-container .recommended-img .small-img {
    max-height: 75px;
    width: auto;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 50%)
}

main.index .recommended ul li .recommended-container p {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
}

main.index .recommended ul li .recommended-buy {
    background: #ff9b23;
    width: 60%;
    margin: 0 auto;
    color: #fff;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 17px;
    cursor: pointer;
    border: none;
    z-index: 1;
    position: relative;
}

main.index .recommended ul li .recommended-buy:hover {
    opacity: .8;
}

main.index .recommended ul li .recommended-buy i {
    font-size: 20px;
}

main.index .recommended ul li .recommended-container p:hover {
    color: #0175b0
}

main.index .recommended ul li:hover {
    /*box-shadow: -6px 6px 20px -4px #1f2b33, 2px 4px 20px -4px #1f2b33*/
    /*border: 1px solid #595a5f;*/
    border: 1px solid #ff9b23;
}

main.index .recommended ul li {
    position: relative;
    cursor: pointer;
}

main.index .recommended ul li:hover .recommended-container:before {
    content: '';
    width: 92%;
    height: 100%;
    bottom: -1px;
    position: absolute;
    top: -1px;
    left: 5%;
    border-bottom: 1px solid #595a5f;
    border-top: 1px solid #595a5f;
}

main.index .recommended ul li:hover .recommended-container:after {
    content: '';
    width: 100%;
    height: 92%;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 5%;
    border-left: 1px solid #595a5f;
    border-right: 1px solid #595a5f;
}

main.index .recommended ul li:hover p {
    color: #0175b0
}

main.index .recommended .icon i.iconfont {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #0175b0;
    margin-bottom: 20px;
    animation: rotate 1.2s infinite
}

section.news .icon i.iconfont {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #0175b0;
    margin-bottom: 20px;
    animation: rotate 1.2s infinite
}

main.index .hot-goods-con {
    margin-top: 60px;
    padding-bottom: 82px;
    background: black url("../../themes/default/Home/statics/images/hot.png") no-repeat;
    background-position: center 0px
}

main.index .hot-goods-con .hot-goods-title {
    font-size: 24px;
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: RGB(253, 255, 255)
}

main.index .hot-goods-con .hot-goods-title h3 {
    color: white
}

main.index .hot-goods-con .hot-goods-title .more {
    width: 90px;
    height: 28px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    transition: all .5s;
    color: white;
    cursor: pointer
}

main.index .hot-goods-con .hot-goods-title .more span {
    margin-left: 10px;
    color: white;
    transition: all .3s
}

main.index .hot-goods-con .hot-goods-title .more i.iconfont {
    font-size: 22px;
    margin-left: -6px;
    color: white;
    transition: all .3s
}

main.index .hot-goods-con .hot-goods-title .more i.iconfont:last-child {
    margin-left: -16px
}

main.index .hot-goods-con .hot-goods-title .more:hover span {
    color: RGB(0, 142, 204)
}

main.index .hot-goods-con .hot-goods-title .more:hover i.iconfont {
    color: RGB(0, 142, 204)
}

main.index .hot-goods-con .hot-goods-title .more:active span {
    color: #ccc
}

main.index .hot-goods-con .hot-goods-title .more:active i.iconfont {
    color: #ccc
}

main.index .hot-goods-con ul.hot-goods-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 47px;
    margin-left: -20px;
    margin-top: 40px
}

main.index .hot-goods-con ul.hot-goods-list li {
    transition: all 0.3s;
    border: 1px solid RGB(35, 43, 49);
    width: 223px;
    height: 345px;
    padding: 0 16px;
    margin-left: 20px;
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer
}

main.index .hot-goods-con ul.hot-goods-list li .img-display {
    height: 155px;
    border-bottom: 1px solid RGB(22, 32, 42);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

main.index .hot-goods-con ul.hot-goods-list li .img-display img {
    height: 150px
}

main.index .hot-goods-con ul.hot-goods-list li .img-display .display-img {
    position: absolute;
    left: 150px;
    top: -9px;
    z-index: 500;
    visibility: hidden;
    opacity: 0;
    transition: all .8s;
    transform: rotateY(90deg)
}

main.index .hot-goods-con ul.hot-goods-list li .img-display .display-img img {
    max-width: 550px;
    max-width: 550px
}

main.index .hot-goods-con ul.hot-goods-list li .img-display .display-img.display {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0deg)
}

main.index .hot-goods-con ul.hot-goods-list li .img-display .display-passage {
    position: absolute;
    background: RGB(0, 142, 204);
    color: white;
    padding: 12px 16px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    transition: all .8s;
    min-width: 200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    z-index: 500;
    width: auto;
    white-space: nowrap
}

main.index .hot-goods-con ul.hot-goods-list li .img-display .display-passage.display {
    top: 0px;
    left: 150px;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all .8s
}

main.index .hot-goods-con ul.hot-goods-list li .goods-title {
    color: RGB(203, 227, 234);
    height: 40px;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-top: 12px;
    display: block;
    text-align: center
}

main.index .hot-goods-con ul.hot-goods-list li .goods-num {
    border-color: RGB(41, 48, 57);
    color: RGB(170, 186, 194);
    background: transparent
}

main.index .hot-goods-con ul.hot-goods-list li .goods-num span {
    background: RGB(24, 45, 67)
}

main.index .hot-goods-con ul.hot-goods-list li .goods-num input {
    color: RGB(170, 186, 194);
    border-color: RGB(41, 48, 57);
    background-color: transparent
}

main.index .hot-goods-con ul.hot-goods-list li .price {
    color: white
}

main.index .hot-goods-con ul.hot-goods-list li .puy-button {
    margin-top: 10px
}

main.index .hot-goods-con ul.hot-goods-list li .puy-button button {
    background: RGB(33, 73, 129);
    color: white;
    border: none;
    flex-grow: 1;
    text-shadow: none;
    box-shadow: none;
    border-radius: 3px
}

main.index .hot-goods-con ul.hot-goods-list li .puy-button span {
    background: RGB(37, 92, 118)
}

main.index .hot-goods-con ul.hot-goods-list li .puy-button span i.iconfont {
    font-size: 24px;
    margin-left: 6px
}

main.index .hot-goods-con ul.hot-goods-list li:hover {
    border-color: RGB(0, 142, 204)
}

main.index .news ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 32px
}

main.index .news ul li {
    width: 278px;
    height: 382px;
    border: 1px solid RGB(224, 224, 224);
    padding: 0px;
    display: flex;
    flex-direction: column
}

main.index .news ul li img {
    height: 177px
}

main.index .news ul li .title {
    margin-top: 14px;
    margin-bottom: 10px;
    padding: 0 14px;
    font-size: 16px;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis
}

main.index .news ul li .news-con {
    padding: 0 14px;
    color: RGB(151, 150, 150);
    height: 78px;
    overflow: hidden;
    text-overflow: ellipsis
}

main.index .news ul li .time {
    text-align: right;
    color: RGB(0, 142, 204);
    padding-right: 8px;
    margin-top: 22px
}

main.index .us {
    margin-top: 46px;
    background: #2f333e;
    height: 290px;
    box-sizing: content-box;
}

main.index .us h3 {
    margin-bottom: 39px
}

main.index .us ul {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

main.index .us ul li {
    /*border: 1px solid RGB(225, 225, 225);*/
    width: 230px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

main.index .us ul li span {
    display: inline-block;
    margin-bottom: 30px;
    width: 72px;
    height: 72px;
    position: relative;
    cursor: pointer;
}

main.index .us ul li span:hover {
    transition: all ease 0.7s;
    transform: rotate(360deg);
}

main.index .us ul li .us-title {
    margin-bottom: 12px;
    font-size: 16px;
    color: #0175b0;
}

main.index .us ul li .us-con {
    color: RGB(123, 123, 123);
    padding: 0 10px;
    height: 100px;
    font-size: 13px;
}

main.index .us ul li .us-con:hover {
    /*color: RGB(0, 142, 204)*/
}

main.index .news-con {
    margin-top: 35px;
    margin-bottom: 60px
}

main.index .news-con .hot-goods-title {
    display: flex;
    justify-content: center;
}

main.index .news-con .hot-goods-title h3 {
    font-size: 24px
}

main.index .news-con .hot-goods-title span {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

main.index .news-con .hot-goods-title span a {
    color: RGB(0, 142, 204);
    transition: all .3s
}

main.index .news-con .hot-goods-title span i.iconfont {
    font-size: 22px;
    color: RGB(0, 142, 204);
    transition: all .3s
}

main.index .news-con .hot-goods-title span i.iconfont:nth-child(2) {
    margin-right: -16px;
    margin-left: -6px
}

main.index .news-con .hot-goods-title span:hover a {
    color: black
}

main.index .news-con .hot-goods-title span:hover i {
    color: black
}

main.index .news-con .hot-goods-title span:active a {
    color: #ccc
}

main.index .news-con .hot-goods-title span:active i {
    color: #ccc
}

main.index .news-con ul {
    margin-top: 23px;
    display: flex;
    justify-content: space-between
}

main.index .news-con ul li {
    width: 301px;
    height: 370px;
    display: flex;
    flex-direction: column
}

main.index .news-con ul li .news-img {
    height: 177px
}

main.index .news-con ul li .news-img img {
    width: 100%;
    height: 100%
}

main.index .news-con ul li .news-main {
    border: 1px solid RGB(224, 224, 224);
    border-top: none;
    padding: 0 14px 13px
}

main.index .news-con ul li .news-main .news-title {
    height: 40px;
    margin: 16px 0 10px;
    overflow: hidden;
    font-size: 16px
}

main.index .news-con ul li .news-main .news-title a {
    color: black
}

main.index .news-con ul li .news-main .news-title a:hover {
    text-decoration: underline
}

main.index .news-con ul li .news-main .news-container {
    color: RGB(154, 154, 154);
    font-size: 14px;
    height: 77px;
    overflow: hidden
}

main.index .news-con ul li .news-main .news-container:hover {
    color: RGB(0, 142, 204)
}

main.index .news-con ul li .news-main .news-time {
    margin-top: 16px;
    color: RGB(0, 142, 204);
    text-align: right
}

footer {
    /*background: #f7f7f7;*/
    /*border-top: 1px solid #d4d4d4;*/
    padding-bottom: 54px;
    text-align: center;
    color: RGB(146, 146, 146);
    padding-top: 45px;
    background: #181b1f;
}

footer a {
    color: RGB(146, 146, 146)
}

footer .account {
    display: flex;
    justify-content: space-between
}

footer .payment-style {
    width: 100%;
    height: 60px;
    margin: 20px auto 20px;
    /*background: #f2f5f6;*/
}

footer .tel-style {
    width: 194px;
    height: 32px;
    display: flex
}

footer .tel-style a {
    display: block;
    width: 33px;
    height: 32px;
    margin-left: 8px
}

footer .tel-style a:first-child {
    margin-left: 0px
}

footer .tel-style a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

footer .tel-style a.facebook {
    background-position: -999px -48px
}

footer .tel-style a.wei {
    background-position: -1041px -48px
}

footer .tel-style a.youtube {
    background-position: -1081px -48px
}

footer .tel-style a.swiper {
    background-position: -1120px -48px
}

footer .tel-style a.email {
    background-position: -1160px -48px
}

footer .foot .footer-content > ul {
    display: flex;
    justify-content: center
}

footer .foot ul a:hover {
    color: #0175b0
}

footer .foot li:last-child::after {
    border: none
}

footer .plate li::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 0px;
    border: none;
    border-top: 1px solid RGB(173, 173, 173);
    vertical-align: middle;
    margin: 0 14px
}

footer .product {
    margin-top: 20px;
    margin-bottom: 20px;
}

footer .product li::after {
    content: '';
    display: inline-block;
    width: 0px;
    height: 13px;
    border: none;
    border-left: 1px solid RGB(173, 173, 173);
    vertical-align: middle;
    margin: 0 4px
}

footer .footer-footer {
    margin-top: 15px;
    width: 1300px;
    margin: 0 auto;

}

footer .footer-footer .footer-footer {
    /*border-bottom: 1px solid RGB(224, 224, 224);*/
    padding-bottom: 18px;
}

footer .footer-text {
    padding-top: 18px;
}

footer .mmoah {
    margin: 20px auto 6px
}

main.goods {
    position: relative;

}


main.goods section.header-con img.goods-img {
    text-align: center
}

main.goods section.header-con .goods-con {
    position: absolute;
    z-index: 10;
    padding-top: 16px;
    color: white;
    bottom: 10px;
}

main.goods section.header-con .goods-con .goods-con-title {
    font-size: 18px;
    color: white;
    font-weight: 700;
    margin-top: 0px
}

main.goods section.header-con .goods-con div {
    margin-top: 5px;
    padding: 0;
}


main.goods section.goods-header .close-prompt {
    font-size: 16px;
    color: red;
    padding-top: 18px;
    display: flex;
    align-items: center
}

main.goods section.goods-header .close-prompt i.iconfont {
    font-size: 22px;
    margin-right: 8px
}


main.goods section.goods-header .goods-items-box .goods-items li a .img-title {
    margin-right: 10px
}

main.goods section.goods-header .goods-items-box .goods-items li:first-child {
    margin-left: 0px
}


main.goods section.goods-header .goods-device-box {
    box-shadow: 0 8px 6px -6px #d7d7e0
}

main.goods section.goods-header .goods-device {
    display: flex;
    margin-top: 16px;
    flex-wrap: wrap;
    position: relative;
    left: -20px;
    top: -10px
}

main.goods section.goods-header .goods-device > li {
    padding: 6px 12px 6px 17px;
    border: 1px solid RGB(217, 217, 217);
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    align-items: center
}

main.goods section.goods-header .goods-device > li img {
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 22px
}

main.goods section.goods-header .goods-device > li span.icon {
    position: relative;
    background: RGB(0, 142, 204);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: none;
    right: -11px;
    top: -8px;
    transform: scale(0.7)
}

main.goods section.goods-header .goods-device > li span.icon i.iconfont {
    color: white;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

main.goods section.goods-header .goods-device > li.active span.icon {
    display: block
}

main.goods section.goods-header .goods-device .before-item-device {
    position: absolute;
    top: -20px;
    left: 0px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent RGB(0, 142, 204) transparent
}

main.goods section.goods-header .goods-device .hang {
    position: absolute;
    width: 1200px;
    height: 10px;
    background: transparent;
    top: -10px
}

main.goods section.goods-header .goods-device li.active {
    border: 1px solid RGB(0, 142, 204);
    color: RGB(0, 142, 204)
}

main.goods section.goods-header .goods-device li:hover {
    border: 1px solid RGB(51, 165, 214);
    color: RGB(51, 165, 214)
}

main.goods section.goods-header .rocket-box {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

main.goods section.goods-header .rocket-box .rocket {
    width: 1200px;
    display: flex;
    margin-left: -40px;
    flex-wrap: wrap;
    display: none
}

main.goods section.goods-header .rocket-box .rocket li {
    margin-left: 20px;
    margin-bottom: 15px;
    border: 1px solid #ccc
}

main.goods section.goods-header .rocket-box .rocket li a {
    min-width: 149px;
    padding: 4px 10px 4px 38px;
    display: inline-block;
    cursor: pointer;
    background: url("../../themes/default/Home/statics/images/game-rocket/bg.png") no-repeat
}

main.goods section.goods-header .rocket-box .rocket li.active a {
    background: url("../../themes/default/Home/statics/images/game-rocket/hover-bg.png") no-repeat
}

main.goods section.goods-header .rocket-box .rocket li:hover {
    background: RGB(0, 142, 204);
    color: white;
    border-color: transparent
}

main.goods section.goods-header .rocket-box .rocket li:hover a {
    background: url("../../themes/default/Home/statics/images/game-rocket/hover-bg.png") no-repeat
}

main.goods section.goods-header .rocket-box .rocket:nth-child(1) {
    display: flex
}

main.goods section.goods-header .rocket-box .rocket li.active {
    background: RGB(0, 142, 204);
    color: white;
    border-color: transparent
}

main.goods .goods-area.goods-title-fortnite {
    padding-top: 10px;
    background: RGB(245, 245, 245);
    margin-left: 20px
}

main.goods .goods-area.goods-title-fortnite h2 {
    margin: 10px 0px
}

main.goods .goods-area.goods-title-fortnite .goods-area-close {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-top: -10px
}

main.goods .goods-area.goods-title-fortnite .goods-area-close li {
    cursor: pointer;
    width: 119px;
    margin-left: 15px;
    border: 1px solid RGB(217, 217, 217);
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    padding: 2px 0
}

main.goods .goods-area.goods-title-fortnite .goods-area-close li span {
    display: inline-block;
    height: 28px;
    width: 28px;
    position: absolute;
    right: -10px;
    top: 11px;
    transform: rotateZ(148deg)
}

main.goods .goods-area.goods-title-fortnite .goods-area-close li span i.iconfont {
    font-size: 12px;
    color: white;
    display: inline-block;
    position: relative;
    top: 12px;
    left: -3px;
    transform: rotateZ(207deg);
    font-weight: 700
}

main.goods .goods-area.goods-title-fortnite .goods-area-close li.active {
    border: 1px solid RGB(12, 147, 206);
    background: RGB(238, 248, 253)
}

main.goods .goods-area.goods-title-fortnite .goods-area-close li.active span {
    background: RGB(0, 142, 204)
}

main.goods section.goods-list-con .gold-close {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f3f3f3
}

main.goods section.goods-list-con .gold-close .gold-close-input input {
    border: 1px solid #ccc;
    height: 30px;
    border-radius: 3px;
    padding-left: 8px
}

main.goods section.goods-list-con .gold-close .gold-close-input .unit {
    margin-left: 10px;
    color: red;
    font-weight: 700
}

main.goods section.goods-list-con .gold-close .gold-close-buy .rate {
    font-weight: 700;
    font-size: 16px;
    margin-right: 10px
}

main.goods section.goods-list-con .gold-close .gold-close-buy .price {
    font-weight: 700;
    font-size: 16px;
    margin-right: 4px;
    color: red
}

main.goods section.goods-list-con .gold-close button {
    color: white;
    background: #ffa722;
    text-align: center;
    padding: 6px 12px;
    border-radius: 2px;
    display: inline-block;
    height: 33px;
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(to bottom, #009fe4, #008ecc);
    margin-right: 10px;
    transition: width 0.8s;
    width: 94px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #008ecc
}


main.goods section.goods-list-con .gold-title {
    margin-top: 14px
}

main.goods section.goods-list-con .search {
    margin-top: 17px;
    display: flex;
    margin-bottom: 12px;
    width: 100%
}

main.goods section.goods-list-con .search .search-input {
    width: 270px;
    display: flex;
    height: 34px
}


main.goods section.goods-list-con .goods-list-con-items {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 80px;
    margin-left: -25px;
    margin-top: -25px
}

main.goods section.goods-list-con .goods-list-con-items li {
    margin-top: 25px;
    width: 239px;
    border: 1px solid RGB(217, 217, 217);
    padding: 8px 8px 30px 8px;
    margin-left: 25px;
    position: relative;
    cursor: pointer;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-num {
    margin: 0 auto 12px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation {
    display: flex;
    height: 34px;
    align-items: center;
    padding: 0px 8px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty {
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
    background: #e8e8e8;
    height: 34px;
    align-items: center;
    border-radius: 6px;
    padding: 0px 8px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty span {
    margin-right: 10px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty .input {
    flex-grow: 1
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty .input input {
    width: 100%;
    text-align: center
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type {
    margin-left: 4px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 4px;
    position: relative;
    cursor: pointer
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type .default-close {
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type .default-close .ball {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    border: 1px solid #ccc
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type .default-close::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    position: relative;
    top: 3px;
    margin-left: 4px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul {
    position: absolute;
    width: 250px;
    display: flex;
    flex-wrap: wrap;
    z-index: 100;
    left: -58px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul li {
    width: 50%;
    margin: 0;
    padding: 4px 10px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: white
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul li .color {
    display: flex;
    align-items: center
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul li .color-display {
    text-align: center;
    font-size: 12px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul.display {
    visibility: visible;
    opacity: 1
}

main.goods section.goods-list-con .goods-list-con-items li .goods-num + .price {
    padding-bottom: 10px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;

}

main.goods section.goods-list-con .goods-list-con-items li .goods-img > img {
    max-width: 100%;
    max-height: 100%;
    z-index: 3;
    position: relative;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-img {
    position: absolute;
    left: 150px;
    top: -9px;
    z-index: 500;
    visibility: hidden;
    opacity: 0;
    transition: all .8s;
    transform: scale(0)
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-img img {
    max-width: 550px;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-img.display {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-passage {
    position: absolute;
    background: RGB(0, 142, 204);
    color: white;
    padding: 12px 12px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    transition: all .8s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    z-index: 500;
    width: 210px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-passage.display {
    top: 0px;
    left: 150px;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all .8s
}

main.goods section.goods-list-con .goods-list-con-items li .goods-title {
    margin-top: 4px;
    font-size: 16px;
    height: 47px;
    margin-bottom: 12px
}

main.goods section.goods-list-con .goods-list-con-items li:nth-child(5n) .display-img {
    left: -150px
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con > li > .goods-img {
    height: 174px !important;
    flex-direction: column;
    background: black
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con > li > .goods-img > img {
    height: 124px;
    max-height: 124px
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .color > .ball {
    margin-right: 10px
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Default_Color {
    background: #ccc !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Black {
    background: #000 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Saffron {
    background: #ff0 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Burnt_Sienna {
    background: #985600 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Pink {
    background: #ec8af9 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Grey {
    background: #424754 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Cobalt {
    background: #5790ff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Titanium_White {
    background: #fff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Orange {
    background: #f88c00 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Forest_Green {
    background: #00e000 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Sky_Blue {
    background: #30e5ff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Purple {
    background: #7d00d5 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Lime {
    background: #b5ff00 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Crimson {
    background: #d00 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Sky_Blue {
    background: #30e5ff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Titanium_White {
    background: white !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Burnt_Sienna {
    background: #985600 !important
}

.prompt {
    font-size: 14px
}

.prompt .game-area-con, .prompt .game-area-con-title {
    color: RGB(0, 142, 204);
    font-weight: 700
}


.gold-title {
    background: #e8e8e8;
    display: flex;
    height: 60px;
    color: black;
    font-size: 16px;
    font-weight: 700
}

.gold-title .gold-amount {
    width: 658px;
    padding-left: 20px;
    line-height: 62px;
    color: RGB(99, 99, 99)
}

.gold-title .gold-price {
    width: 224px;
    line-height: 62px
}

.gold-title .gold-buy {
    flex-grow: 1;
    line-height: 62px;
    text-align: center
}

.gold-con {
    border-left: 1px solid #e4e0e0;
    border-right: 1px solid #e4e0e0
}

.gold-con ul li {
    border-top: 1px solid #e4e0e0;
    display: flex;
    height: 60px;
    font-size: 16px;
    font-weight: 700
}

.gold-con ul li .gold-con-title {
    width: 658px;
    padding-left: 20px;
    text-align: left;
    line-height: 62px;
    font-weight: 700;
    font-size: 14px;
    color: RGB(99, 99, 99)
}

.gold-con ul li .gold-con-price {
    width: 224px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-style: italic;
    color: red
}

.gold-con ul li .gold-con-price .gold-limit-box .gold-default {
    text-decoration: line-through;
    color: #ccc;
    font-size: 12px
}

.gold-con ul li .gold-con-price .gold-limit {
    width: 72px;
    font-size: 13px;
    background: red;
    color: white;
    margin-right: 66px;
    text-align: center
}

.gold-con ul li .gold-con-operate, .gold-con ul li .puy-button {
    text-align: center;
    flex-grow: 1;
    line-height: 62px;
    display: flex;
    align-items: center;
    padding-left: 54px;
    font-weight: 500
}

.gold-con ul li .gold-con-operate span, .gold-con ul li .puy-button span {
    color: white;
    background: #ffa722;
    text-align: center;
    padding: 6px 12px;
    border-radius: 2px;
    display: inline-block;
    height: 33px;
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(to bottom, #546e8a, #546e8a);
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #546e8a
}

.gold-con ul li .gold-con-operate span a, .gold-con ul li .puy-button span a {
    color: white;
    display: inline-block
}

.gold-con ul li .gold-con-operate span.add-cart, .gold-con ul li .puy-button span.add-cart {
    padding: 5px 12px;
    font-family: helveticaneue-light, helvetica neue light, helvetica neue, Helvetica, Arial, lucida grande, sans-serif;
    background: linear-gradient(to bottom, #8fcf00, #6b9c00);
    color: #fff;
    text-shadow: 0 -1px 1px transparent;
    border: 1px solid #7db500;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35)
}

.gold-con ul li .gold-con-operate span.add-cart i.iconfont, .gold-con ul li .puy-button span.add-cart i.iconfont {
    color: white;
    opacity: 0;
    font-size: 0px;
    transition: opacity .8s
}

.gold-con ul li .gold-con-operate span.add-cart.display i.iconfont, .gold-con ul li .puy-button span.add-cart.display i.iconfont {
    opacity: 1;
    font-size: 20px
}

.gold-con ul li .gold-con-operate span:hover {
    opacity: 0.7
}

.gold-con ul li {
    background: white
}

.gold-con ul li:last-child {
    border-bottom: 1px solid #e4e0e0
}

.gold-con ul li:nth-child(odd) {
    background: #f3f3f3
}

.gold-con ul li:hover {
    background: RGB(255, 245, 220)
}

.goods-title {
    height: 38px;
    margin-bottom: 18px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center
}

.goods-title span {
    display: inline-block;
    text-align: center;
    transition: all .2s;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    color: #738394;
}

.goods-title span:hover {
    color: RGB(0, 142, 204)
}

.price {
    text-align: center
}

.price .sign-big {
    color: red;
    font-weight: 700;
    font-size: 16px
}

.price .sign {
    font-size: 12px
}

.goods-num {
    margin-top: 20px;
    margin-bottom: 12px;
    background: #37485a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    width: 135px;
    margin: 20px auto 12px;
    border: 1px solid #e1e1e1;
}

.goods-num span {
    width: 24px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: RGB(180, 180, 180);
    cursor: pointer
}

.goods-num input {
    height: 21px;
    border-right: 1px solid RGB(215, 215, 215);
    border-left: 1px solid RGB(215, 215, 215);
    width: 88px;
    text-align: center
}

.screen [class*=select] {
    color: RGB(0, 142, 204);
    font-weight: 700;
    margin-bottom: 6px
}

.select-class {
    margin-top: 20px
}

.puy-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.puy-button button {
    width: 100px;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);*/
    border: 1px solid #ccc;
    font-size: 14px;
    /*text-shadow: 0 1px 1px #fff;*/
    color: #666;
    height: 33px
}

.puy-button span {
    width: 32px;
    height: 33px;
    margin-left: 4px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 -1px 1px transparent;
    border-radius: 3px;
    background: linear-gradient(to bottom, #80b905, #80b905);
    border-color: #80b905;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    transition: all .8s
}

.num-unit {
    -webkit-background-clip: text;
    color: #ffb01b;
    text-shadow: -2px 2px 2px #464444;
}

.puy-button span i.iconfont {
    color: white;
    font-size: 22px;
    line-height: 33px;
    margin-left: 4px
}

.puy-button span.display {
    width: 63px
}

.shopping-index .shopping-title {
    font-size: 20px
}

.shopping-index .process {
    width: 100%;
    padding: 30px 0
}

.shopping-index .shopping-con .shopping-con-title {
    background: RGB(0, 142, 204);
    color: white;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: 700
}

.shopping-index .shopping-con .shopping-bus-con {
    border: 1px solid #ccc;
    border-top: none
}

.shopping-index .shopping-con .shopping-bus-con li {
    display: flex;
    border-bottom: 1px solid #ccc;
    height: 61px
}

.shopping-index .shopping-con .shopping-bus-con li:last-child {
    border-bottom: none
}


.shopping-index .shopping-con .shopping-bus-con .product-name img {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-price, .shopping-index .shopping-con .shopping-bus-con .product-cart-actions, .shopping-index .shopping-con .shopping-bus-con .product-cart-total, .shopping-index .shopping-con .shopping-bus-con .product-cart-remove {
    display: flex;
    align-items: center;
    width: 190px;
    justify-content: center;
    border-right: 1px solid #ccc;
    height: 100%
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-total {
    width: 209px !important
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-actions input {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    /*border-radius: 3px;*/
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-actions span {
    width: 30px;
    text-align: center;
    font-size: 21px;
    color: #948d8d;
    /*background: #000;*/
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    /*border-radius: 3px;*/
    border: 1px solid #e1e1e1;
    /*border-right: none;*/
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-actions input {
    width: 5em;
    height: 30px;
    text-align: center;
    line-height: 30px;
    outline: none;
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-remove {
    border-right: none
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-remove i.iconfont {
    font-size: 24px
}


.shopping-index .balance {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    border: 1px solid #ccc;
    border-top: none
}

.shopping-index .balance .subtotal-con ul li {
    display: flex;
    justify-content: space-between;
    height: 22px
}

.shopping-index .balance .subtotal-con ul li .title {
    width: 200px;
    text-align: right
}

.shopping-index .balance .subtotal-con ul li .value {
    width: 91px;
    color: red;
    margin-left: 10px
}

.shopping-index .balance .subtotal-con ul li.grand-total .title {
    font-weight: 700;
    font-size: 18px
}

.shopping-index .balance .subtotal-con ul li.grand-total .value {
    font-weight: 700;
    font-size: 18px
}


.shopping-index .balance .coupons button {
    border-radius: 3px;
    border: none;
    color: white;
    text-align: center;
    cursor: pointer;
    padding: 6px 8px;
    background-color: #ff7f00;
    border-color: #e67200
}

.shopping-index .balance .coupons #coupon-notice {
    color: red
}

.shopping-index #onestepcheckout-form .title {
    background: #eaeaea;
    color: RGB(0, 142, 204);
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
    width: calc(100% + 2px);
    margin: -1px;
    /*border: solid 1px #e1e1e1;*/
}

.shopping-index #onestepcheckout-form .pay-information {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: start
}


.shopping-index #onestepcheckout-form .pay-information .payment-user-information .payment-user {
    padding-top: 10px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box {
    margin-top: 14px;
    display: flex
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box label {
    min-width: 133px;
    display: inline-block;
    text-align: right;
    padding-top: 4px;
    margin-right: 8px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box label span.required {
    color: red
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box input {
    width: 291px;
    border: 1px solid #ccc;
    line-height: 31px;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    font-size: 13px;
    height: 31px;
    padding-left: 8px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box select {
    width: 135px;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 31px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box select + input {
    width: 151px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box span.notice {
    transition: .5s;
    visibility: visible;
    opacity: 0;
    font-weight: 700;
    color: red;
    height: 16px;
    display: block
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .input-box span.notice.display {
    opacity: 1
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .select {
    padding-bottom: 15px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .member {
    padding: 0 31px;
    width: 465px;
    margin-bottom: 30px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .member input[type=checkbox] {
    margin-right: 10px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .member .input-box {
    display: none;
    margin-left: -32px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .member .input-box label {
    margin-right: 13px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .member .input-box em {
    color: red;
    margin-right: 10px
}

.shopping-index #onestepcheckout-form .pay-information .payment-user-information .member .input-box input {
    margin-left: -4px
}

.shopping-index #onestepcheckout-form .pay-information .payment-game-information {
    border: 1px solid #e4e0e0
}

.shopping-index #onestepcheckout-form .payment-game-information {
    min-height: 300px;
    flex-grow: 1
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .geban {
    height: 8px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form * {
    text-transform: capitalize;

}

.shopping-index #onestepcheckout-form .payment-game-information #list_form em {
    color: red !important
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .input-box {
    margin-top: 10px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .input-box label {
    display: block;

}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .input-box input {
    text-transform: none
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .input-box input, .shopping-index #onestepcheckout-form .payment-game-information #list_form .input-box select {
    width: 60%;
    line-height: 31px;
    /*background: #1e2733;*/
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    font-size: 13px;
    height: 31px;

    padding-left: 8px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .input-box span.notice {
    display: block;
    height: 18px;
    color: red
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips {
    color: red;
    font-size: 12px;
    line-height: 18px;
    text-transform: lowercase;
    width: 658px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips a {
    color: RGB(0, 142, 204);
    font-weight: 700
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips span, .shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips p, .shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips div {
    text-transform: lowercase;
    color: red
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips span:first-letter, .shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips p:first-letter, .shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips div:first-letter {
    text-transform: capitalize
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .game-tips:first-letter {
    text-transform: capitalize
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .cboxtitle {
    padding-left: 10px;
    color: #fff;
    font: bold 14px/35px arial;
    background: #565656;
    border-radius: 5px 5px 0 0;
    margin-top: 15px;
    width: 95%
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .group-select li {
    font-size: 14px;
    overflow: hidden;
    font-size: 14px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .simg0 {
    line-height: 49px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .cboxfile, .shopping-index #onestepcheckout-form .payment-game-information #list_form #uploadPreviewDIV20 {
    padding: 10px;
    background: #fff;
    border: solid 1px #eee;
    overflow: hidden;
    width: 95%
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .cboxfile b {
    color: #e00000;
    font-size: 14px;
    font-weight: bolder
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .cboxfile li:hover {
    background: #d6d6d6;
    cursor: pointer
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .simg0 img {
    float: left;
    margin-right: 10px
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form .cboximg {
    position: relative
}

.shopping-index #onestepcheckout-form .payment-game-information #list_form #uploadPreviewDIV0 {
    width: 95%
}

.shopping-index #onestepcheckout-form .payment-method {
    margin-top: 30px;
    border: solid 1px #e1e1e1;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.shopping-index #onestepcheckout-form .payment-method ul {
    display: flex;
    flex-wrap: wrap;
    padding: 42px 34px;
    margin-top: -20px;
    margin-left: -19px
}

.shopping-index #onestepcheckout-form .payment-method ul li {
    width: 15%;
    margin-top: 10px;
    margin-left: 19px
}

.shopping-index #onestepcheckout-form .payment-method ul li p {
    padding-left: 27px;
    font-size: 13px
}

.shopping-index #onestepcheckout-form .payment-method > p {
    margin-bottom: 10px;
    margin-left: 20px
}

.shopping-index #onestepcheckout-form .order-submit {
    display: flex;
    justify-content: center
}

.shopping-index #onestepcheckout-form .order-submit input[type=submit]:hover {
    opacity: 0.8
}

.payment-chinese {
    padding-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.payment-chinese .title {
    font-size: 19px;
    padding: 20px 0 15px;
    text-transform: uppercase;
    color: #373737;
    border-bottom: 1px solid #e9e9e9;
    font-weight: bolder
}

.payment-chinese .user-message, .payment-chinese .order-message {
    width: 547px;
    border: 1px solid #e9e9e9;
    border-top: 2px solid RGB(0, 142, 204);
    padding: 0 20px
}

.payment-chinese .user-message ul, .payment-chinese .order-message ul {
    padding: 10px 24px 30px;
    font-size: 16px
}

.payment-chinese .user-message ul li, .payment-chinese .order-message ul li {
    margin-top: 10px
}

.payment-chinese .user-message ul li input, .payment-chinese .order-message ul li input {
    font-size: 16px;
    background: white
}

.payment-chinese .user-message ul li p, .payment-chinese .order-message ul li p {
    line-height: 24px
}

.payment-chinese .user-message ul li b, .payment-chinese .order-message ul li b {
    color: RGB(0, 142, 204)
}

.payment-chinese .payment-code {
    width: 100%;
    margin-top: 30px;
    border: 1px solid #e9e9e9;
    border-top: 2px solid RGB(0, 142, 204);
    padding: 0 20px
}

.payment-chinese .payment-code .payment-code-img {
    display: flex;
    justify-content: space-between
}

.payment-chinese .payment-code .payment-code-img .payment-code-con {
    width: 50%;
    text-align: center
}

.payment-chinese .payment-code .payment-code-img .payment-code-con .paymentlist-title {
    padding-top: 30px;
    font-size: 16px;
    text-align: center
}

.payment-chinese .payment-code .payment-code-img .payment-code-con img {
    width: 300px
}

.payment-chinese .payment-footer {
    text-align: center;
    padding-top: 30px
}

.payment-chinese .live-img {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px
}

section.level {
    margin-top: 10px;
}

section.level .level-header {
    display: flex;
    flex-wrap: wrap;
    height: 60px;
    background: #f0f0f0
}

section.level .level-header div {
    font-size: 16px;
    font-weight: 700;
    line-height: 60px;
    width: 150px;
    text-align: center
}

section.level .level-header .proname {
    flex-grow: 1;
    text-align: center
}

section.level ul.rslevellist {
    border: 1px solid #e4e0e0;
    border-top: none;
    border-bottom: none
}

section.level ul.rslevellist form {
    background: white
}

.footer-center {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2f333e;
    padding-bottom: 20px;
}

.footer-navigation-title, .footer-payments-title, .footer-followus-title, .review-title {
    font-size: 14px;
    font-weight: bolder;
    color: #fff;
    padding-bottom: 10px;
    text-align: left;
}

.footer-followus {
    width: 155px;
}

.footer-followus-title + .footer-review > ul {
    margin-top: -10px;
    margin-left: -5px;
    display: flex;
    flex-wrap: wrap;
}

.footer-followus-title + .footer-review > ul li {
    margin-top: 10px;
    margin-left: 5px;
    height: 41px;
}

.footer-followus-title + .footer-review > ul li img {
    width: 41px;
}

.footer-followus-title + .footer-review > ul li img:hover {
    opacity: .8;
}

.footer-navigation {
    text-align: left;
}

.footer-navigation li span {
    color: #b3b3b3;
    font-size: 22px;
}

.footer-navigation li a {
    color: #b3b3b3;
}

section.level ul.rslevellist form:nth-child(odd) {
    background: rgba(204, 204, 204, 0.3)
}

section.level ul.rslevellist form:hover {
    background: RGB(255, 245, 220)
}

section.level .level-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #e4e0e0
}

section.level .left-part {
    flex-grow: 1;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

section.level .buynow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.select-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    height: 60px;
}

.select-part div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px !important;
}

.select-part div select {
    width: 155px !important;
    margin-left: 5px;
    /*text-align: center;*/
    /*text-align-last: center;*/
}

section.level .level-item div {
    line-height: 60px;
    width: 150px;
    text-align: center
}

section.level .level-item div button {
    border-radius: 4px;
    color: white;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 221, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
    font-family: helveticaneue-light, helvetica neue light, helvetica neue, Helvetica, Arial, lucida grande, sans-serif;
    background: linear-gradient(to bottom, #009fe4, #008ecc);
    color: #fff;
    text-shadow: 0 -1px 1px transparent
}

section.level .level-item div select {
    width: 129px;
    height: 26px;
    text-align: center;
    border-radius: 5px
}

section.level .level-item .name {
    flex-grow: 1;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    display: flex;
    align-items: center
}

section.level .level-item .pricediv {
    color: red
}


.hot .hot-con {
    position: absolute;
    top: 0px;
    left: -14px;
    color: white
}

.hot .hot-con i.iconfont {
    color: white;
    font-size: 20px;
    position: relative;
    left: 4px;
    margin-top: 3px
}

.hot .hot-con span {
    color: white;
    margin-top: -3px;
    text-align: center;
    display: block;
    width: 27px;
    font-size: 12px;
    transform: scale(0.8)
}

section.bind {
    /*width: 763px;*/
    height: auto;
    border: 3px solid #ccc;
    padding: 15px;
    margin-bottom: 30px;
}

section.bind .success {
    background: #f4f4f4;
    color: #000;
    border-left: 5px solid #11b400;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    position: relative
}

section.bind .success::after {
    content: '';
    border-color: transparent transparent transparent #11b400;
    border-style: solid;
    border-width: 5px;
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 15px;
    left: 0px
}

section.bind .page-title {
    font-size: 28px;
    text-align: center;
    padding: 22px 0
}

section.bind .account-login {
    display: flex;
    justify-content: flex-end;
    margin-right: -10px
}

section.bind .account-login div {
    margin-right: 10px
}

section.bind .account-login div a {
    color: #fff
}

section.bind .account-login div a:hover {
    color: #0175b0
}

section.bind form#login-form {
    display: flex;
    flex-direction: column;
    align-items: center
}

section.bind form#login-form .input-box {
    margin-left: 10px;
    width: 550px;
    margin-top: 20px;
    align-items: center
}

section.bind form#login-form .input-box .input-con {
    display: flex;
    width: 100%
}

section.bind form#login-form .input-box .input-con label {
    width: 132px;
    text-align: right;
    margin-right: 10px;
}

section.bind form#login-form .input-box .input-con label em {
    color: red
}

section.bind .buttons-set {
    margin-top: 20px
}

section.bind .buttons-set button {
    padding: 6px 8px;
    border: none;
    background: RGB(0, 142, 204);
    cursor: pointer;
    color: white;
    border-radius: 3px
}

section.bind.bind2 .input-box {
    width: 300px !important
}

section.bind.bind2 .input-box .input-con {
    display: flex;
    align-items: center;
    border: 1px solid #ccc
}

section.bind.bind2 .input-box .input-con i.iconfont {
    margin-left: 10px;
    margin-right: 10px
}

section.bind.bind2 .input-box .input-con input {
    border: none !important
}

section.bind.bind2 .buttons-set button {
    width: 184px;
    height: 31px;
    background: RGB(0, 142, 204)
}

.waiter {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

i.iconfont.dengdai {
    display: inline-block;
    color: RGB(0, 142, 204);
    animation: rotate 1.2s infinite
}

.display-none {
    display: none !important
}

.load-more {
    line-height: 42px;
    height: 42px;
    border: 1px solid #1f2b33;
    color: #8193a1;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s;
    background: #27282e;
}

.video {
    height: 410px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1300px;
    margin: 0 auto;
}

.video .video-watch {
    width: 560px;
}

.video .video-news {
    width: 398px;
    height: 100%;
    background: #37414c;
    padding: 20px 15px;
}

.video .video-news .news-title {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #444d56;
}

.video .video-news .news-title a {
    color: #0175b0;
    font-size: 14px;
    cursor: pointer;
}

.video .video-news .news-content {
    color: #aeafb0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 345px;
    overflow: hidden;
}

.video .video-news .news-content li a {
    color: #aeafb0;
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
}

.video .video-news .news-content li a span {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: normal;
    font-size: 13px;
    position: relative;
    padding-left: 10px;
}

.video .video-news .news-content li a span:hover {
    color: #0175b0;
}

.video .video-news .news-content li a span:before {
    content: '';
    width: 4px;
    display: inline-block;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 6px;
    left: 0px;
    border-radius: 50%;
}

.video .video-news .news-content .news-part {
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    list-style: disc;
}

.video .video-news .news-content .news-part > span {
    color: #88969c;
    font-size: 12px;
}

.video .video-email {
    width: 300px;
    height: 100%;
    /*background: #fff;*/
}

.video-top {
    background: #fff;
    height: 270px;
}

.video .video-email .email-part {
    height: 130px;
    margin-top: 10px;
}

.video .video-email .email-part p {
    background: #fff;
    padding: 10px;
    color: #666666;
    font-size: 16px;
}

.newslettersend input.subscription {
    height: 28px;
    border: 1px solid #e2e2e2;
    width: 183px;
    margin-right: 5px;
    font-size: 12px;
    padding: 0 8px;
    box-sizing: border-box;
}

.newslettersend input.send {
    background: #0175b0;
    padding: 5px 13px;
    border: none;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bolder;
    cursor: pointer;
    line-height: 1.5;
}

#notice2 {
    color: red;
    display: none;
}

.notice-modal {
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 42%;
    width: 500px;
    display: none;
    height: 140px;
}

.load-more:hover {
    /*border-color: RGB(0, 142, 204)*/
    box-shadow: -6px 6px 20px -4px #1f2b33, 2px 4px 20px -4px #1f2b33;
}

section.news .title {
    background: RGB(0, 142, 204);
    color: white;
    line-height: 45px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700
}

section.news ul {
    border-top: none;
}

.news-date {
    color: #e59a2a;
    font-size: 12px;
    text-align: right;
    padding-top: 20px;
}

section.news ul li {
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
}

.news-bg{
    /*background: #f5f5f5;*/
}

section.news ul li img {
    width: 300px;
    display: inline-block;
    margin-right: 20px;
}

section.news ul li a {
    padding-top: 6px;
    color: #000;
    display: flex;
}

section.news ul li a:hover {
    color: RGB(0, 142, 204);
}

section.news ul li .news-title {
    display: block;
    font-size: 16px;
}

section.news ul li .news-date {
    color: #707d8d;
    padding: 10px 0;
    display: inline-block;
}

section.news {
    margin-bottom: 40px;
}

.news-text {
    color: RGB(154, 154, 154);
    font-size: 13px;
    height: 62px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.read-more {
    width: 100%;
    /*background: #19212d;*/
    border: 1px solid #0175b0;
    text-align: center;
    line-height: 40px;
    color: #0175b0;
    cursor: pointer;
    border-radius: 3px;
}

section.news ul li .news-categories {
    color: #9a9f96;
    padding-left: 30px;
}

section.news .toolbar {
    border: 1px solid #ccc;
    margin: 30px 0
}

section.news .toolbar .pager {
    height: 57px;
    display: flex;
    align-items: center;
    padding-left: 30px
}

section.news .toolbar .pager .pages {
    margin-left: 300px;
    display: flex;
    align-items: center
}

section.news .toolbar .pager .pages a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    margin-left: 10px;
    color: #000
}

section.news .toolbar .pager .pages a:hover {
    color: RGB(0, 142, 204);
    border-color: RGB(0, 142, 204)
}

section.news .toolbar .pager .pages a.cur_page {
    background: RGB(0, 142, 204);
    color: white
}

section.news .toolbar select {
    margin: 0 6px;
    padding: 4px 8px;
    border-radius: 4px
}

section.new-article {
    /*margin-top: 6px*/
}

section.new-article .new-article-title {
    background: #0175b0;
    color: white;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700
}


section.new-article .new-article-con .title {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
}

section.new-article .new-article-con img {
    margin-top: 20px;
    margin-bottom: 20px
}

section.new-article .new-article-con > .tags {
    display: flex;
    margin-top: 50px
}

section.new-article .new-article-con > .tags .tags {
    display: flex
}

section.new-article .new-article-con > .tags span {
    font-weight: 700;
    font-size: 16px;
    margin-right: 8px
}

section.new-article .new-article-con > .tags li a {
    color: RGB(0, 142, 204);
    padding: 0 8px;
    font-size: 12px
}

section.new-article .new-article-con > .tags li a:hover {
    text-decoration: underline
}

section.new-article .new-article-con > .news-page > p strong {
    display: block;
    margin-top: 30px;
    margin-bottom: 15px
}

section.new-article .next {
    margin-top: 30px
}

section.new-article .next .news_prev, section.new-article .next .news_next {
    width: 50%;
    color: #000;
}

section.new-article .next .news_prev a, section.new-article .next .news_next a {
    color: RGB(0, 142, 204);
    font-size: 12px
}

section.new-article .next .news_next {
    text-align: left;
    float: left
}

section.new-article .next .news_prev {
    text-align: right;
    float: right
}

section.new-article .next::after {
    content: '';
    display: block;
    clear: both
}

section.new-article .relevant-title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 6px;
    border-bottom: 1px dotted #e1e1e1;
    color: #000;
}

section.new-article .relevant {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px
}

section.new-article .relevant div {
    width: 45%;
    margin-top: 16px;
    font-size: 13px
}


section.new-article .relevant div a:hover {
    color: #0175b0
}

section.new-article .relevant > div:nth-child(2n) {
    margin-left: 10%
}

section.login {
    margin-bottom: 120px
}

section.login .messages {
    color: #000;
    border-left: 5px solid #0175b0;
    background-color: #faebe7;
    height: 41px;
    line-height: 21px;
    margin-bottom: 20px;
    display: flex;
    padding-top: 0px
}

section.login .account-login {
    /*border: 1px solid #e1e1e1;*/
    display: flex;
    justify-content: space-between;
    height: 356px
}

section.login .account-login .loginbanner {
    width: 856px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

section.login .account-login .loginbanner a {
    display: inline-block;
    width: 100%;
    height: 100%
}


section.login .account-login form {
    padding: 36px 30px 60px;
    border-radius: 5px;
}

section.login .account-login form .content h2 {
    font-size: 30px;
    color: #333;
    height: 30px;
    margin-bottom: 20px
}

section.login .account-login form .input-box .input-con input {
    width: calc(100% - 30px);
    border: none;
    padding-left: 8px;
    outline: none;
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset
}

section.login .account-login form .input-box .notice {
    color: red;
    padding-bottom: 10px;
    display: inline-block;
    padding-left: 30px
}


section.login .account-login .regtext {
    margin: 15px 0 10px 0px
}

section.login .account-login .regtext + p > a {
    display: inline-block;
    background: RGB(0, 142, 204);
    color: white;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    padding: 0px 15px
}

section.login .account-login .facebook-login {
    margin-top: 4px
}

section.create > .message {
    width: 100%;
    margin-bottom: 10px;
    /*margin-top: 20px*/
}

section.create > .message > li > span {
    display: block;
    color: #000;
    border-left: 5px solid #df280a;
    background-color: #faebe7;
    height: 41px;
    line-height: 46px;
    margin-bottom: 20px
}

section.create > .message span::before {
    content: '';
    border-color: transparent transparent transparent red;
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: inline-block
}

section.create .account-box {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

section.create .account-box .account-create {
    border: 3px solid #ccc;
    width: 721px;
    padding: 30px
}

section.create .account-box .account-create h1 {
    font-weight: 400;
    font-size: 28px;
    text-transform: none;
    color: #4c4c4c;
    margin-bottom: 30px
}

section.create .account-box .account-create .input-box label {
    width: 189px;
    display: inline-block;
    text-align: right
}

section.create .account-box .account-create .input-box label em {
    color: red
}

section.create .account-box .account-create .input-box input {
    width: 280px;
    border: 1px solid #ccc;
    height: 30px;
    padding: 0 8px
}

section.create .account-box .account-create .input-box .notice {
    display: block;
    height: 20px
}

section.create .account-box .account-create button {
    margin-left: 163px;
    margin-top: 30px;
    background: RGB(0, 142, 204);
    width: 240px;
    cursor: pointer;
    border: none;
    color: white;
    padding: 6px 0px;
    border-radius: 3px
}

section.create .account-box .account-create-login .sign a {
    width: 77px;
    display: block;
    background: RGB(0, 142, 204);
    color: white;
    text-align: center;
    line-height: 32px;
    border-radius: 3px
}

section.create .account-box .account-create-login .login-use {
    padding-top: 40px;
    font-size: 24px;
    line-height: 24px;
    color: black
}

section.create .account-box .account-create-login .account {
    padding-top: 16px;
    font-size: 16px
}

section.create .account-box .account-create-login div.button {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}


section.not-found {
    padding: 8px 0px 120px
}

section.not-found h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px
}

section.not-found ul li {
    margin-bottom: 10px;
    text-align: center
}

section.not-found ul li a {
    color: RGB(0, 142, 204)
}

section.not-found ul li a:hover {
    opacity: 0.6
}

section.all-game .img-bg {
    background: black;
    height: 200px;
    text-align: center
}

section.all-game .img-bg img {
    height: 200px
}

section.all-game .title {
    font-size: 24px;
    margin-top: 27px
}

section.all-game .search-list {
    display: flex;
    margin-left: -14px;
    margin-top: 32px
}

section.all-game .search-list li {
    color: white;
    background: #ccc;
    padding: 8px 10px;
    margin-left: 14px;
    line-height: 1;
    font-size: 12px;
    cursor: pointer
}

section.all-game .search-list li.active {
    color: white;
    background: RGB(0, 142, 204)
}

section.all-game .search-list li:hover {
    background: RGB(0, 142, 204)
}

section.all-game .welcome {
    margin: 24px 0 52px
}

section.all-game .games-list {
    display: flex;
    margin-left: -30px;
    flex-wrap: wrap;
    margin-top: -10px
}

section.all-game .games-list li {
    width: 167px;
    margin-left: 30px;
    transition: all .3s;
    margin-top: 10px
}

section.all-game .games-list li > a {
    display: block
}

section.all-game .games-list li > a .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: RGB(245, 245, 245);
    border: 1px solid RGB(217, 217, 217);
    height: 78px
}

section.all-game .games-list li > a .img-box img {
    max-width: 115px
}

section.all-game .games-list li > a p {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black
}

section.all-game .games-list li:hover {
    cursor: pointer
}

section.all-game .games-list li:hover .img-box {
    box-shadow: -6px 6px 20px -4px #ccc, 2px 4px 20px -4px #ccc
}

section.all-game .games-list li:hover p {
    color: RGB(0, 142, 204)
}

section.account-index {
    display: flex;
    justify-content: space-between;
}

section.account-index .account {
    width: calc(100% - 285px)
}

section.account-index .account h1 {
    background: #f0f0f0;
    height: 40px;
    font-weight: normal;
    line-height: 40px;
    padding-left: 15px;
    font-size: 16px;
    /*color: #fff;*/
}

section.account-index .account .user-right {
    padding-left: 15px;
}

section.account-index .account .email-text {
    color: #909090;
    font-weight: 600;
}

section.account-index .account .welcome {
    padding: 10px 0
}

section.account-index .account .box-head h2 {
    font-size: 20px;
    font-weight: normal;
    padding-left: 15px;
}

section.account-index .account .box-head {
    margin-top: 30px;
    padding: 10px 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.discount-level > span {
    width: 20%;
    display: inline-block;
    color: #93928e;
}

.discount-level {
    display: flex;
    width: 100%;
}

.inner-therm {
    background: rgb(191, 210, 85) !important;
}

.inner-therm span {
    display: none !important;
}

section.account-index .account .box-title {
    margin-top: 30px
}

section.account-index .account .box-title h3 {
    margin-bottom: 10px
}

section.account-index .account .box-title a {
    color: RGB(0, 142, 204);
    display: block;
    margin-bottom: 10px
}

section.account-index .account .box-content a {
    display: block;
    margin-top: 10px;
    color: RGB(0, 142, 204)
}

section.account-index .account .box-content a:hover {
    color: #ccc
}

section.edit {
    display: flex;
    justify-content: space-between;
    /*margin-top: 30px*/
}

section.edit .my-account {
    width: calc(100% - 285px)
}

section.edit .my-account .messages > li {
    color: #000;
    border-left: 5px solid #df280a;
    background-color: #faebe7;
    display: flex;
    height: 41px;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

section.edit .my-account .messages > li span {
    padding-left: 14px
}

section.edit .my-account .messages > li::before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent transparent #df280a;
    margin-right: 10px;
    left: -1px;
    position: absolute;
    top: 13px
}

section.edit .my-account h1 {
    margin: 30px 0;
    text-align: center;
    font-weight: 600;
    color: #636363
}

section.edit .my-account a {
    color: RGB(0, 142, 204)
}

section.edit .my-account .input-box {
    margin-bottom: 15px;
}


section.edit .my-account .input-box em {
    color: red;
    margin-right: 8px
}

#form-validate .input-box .input-con {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}


section.edit .my-account .input-box.select input {
    width: 265px
}

section.edit .my-account .input-box.select span {
    display: inline-block;
    width: 10px;
    color: #ccc;
    text-align: center
}

section.edit .my-account .input-box.select span.notice {
    display: block;
    width: auto;
    text-align: left
}

section.edit .my-account h2.password-legend {
    margin-top: 35px;
}

section.order-views {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

section.order-views a {
    color: RGB(0, 142, 204)
}

section.order-views .my-account {
    width: calc(100% - 414px)
}

section.order-views .my-account h1.header {
    margin-top: 10px;
    padding: 15px 0;
    background: RGB(0, 142, 204);
    color: white;
    text-align: center
}

section.order-views .my-account h2.title {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 500
}

section.order-views .my-account h2.title small {
    font-weight: 700;
    margin-left: 30px
}

section.order-views .my-account .order-message {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
    padding-top: 30px
}

section.order-views .my-account .order-message .address {
    display: flex;
    font-style: normal
}

section.order-views .my-account .order-message .address ul {
    margin-left: 20px;
    margin-top: -10px
}

section.order-views .my-account .order-message .address ul li {
    margin-top: 10px
}

section.order-views .my-account .order-message .time-method p {
    font-weight: 500
}

section.order-views .my-account .order-message .time-method p strong {
    display: inline-block;
    width: 168px;
    text-align: right;
    margin-right: 10px
}

section.order-views .my-account h2.items-order {
    font-size: 18px;
    margin-bottom: 10px
}

section.order-views .my-account ul.header, section.order-views .my-account ul.container li {
    display: flex
}

section.order-views .my-account ul.header li, section.order-views .my-account ul.container li li {
    height: 45px;
    line-height: 45px;
    background: RGB(0, 142, 204);
    color: white;
    text-align: center
}

section.order-views .my-account ul.header .name, section.order-views .my-account ul.container li .name {
    flex-grow: 1
}

section.order-views .my-account ul.header .price, section.order-views .my-account ul.header .qty, section.order-views .my-account ul.header .subtotal, section.order-views .my-account ul.container li .price, section.order-views .my-account ul.container li .qty, section.order-views .my-account ul.container li .subtotal {
    width: 120px
}

section.order-views .my-account ul.container li > div {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
    color: black;
    text-align: center
}

section.order-views .my-account ul.price-subtotal {
    margin-top: 10px
}

section.order-views .my-account ul.price-subtotal li {
    display: flex;
    justify-content: flex-end;
    font-size: 16px
}

section.order-views .my-account ul.price-subtotal li .title {
    padding: 10px 0
}

section.order-views .my-account ul.price-subtotal li .value {
    width: 120px;
    text-align: center;
    padding: 10px 0;
    font-weight: 700;
    color: RGB(0, 142, 204)
}

section.order {
    display: flex;
    justify-content: space-between;
    /*margin-top: 30px;*/
    margin-bottom: 150px
}

section.order .my-account {
    width: calc(100% - 285px)
}

section.order .my-account h1 {
    margin: 30px 0
}

section.order .my-account .pager-no-toolbar {
    margin-top: 20px;
    display: flex
}

section.order .my-account .pager-no-toolbar select {
    margin: 0 6px;
    border-radius: 3px;
    width: 50px;
    height: 20px
}

section.order .my-account .pager-no-toolbar .pages {
    display: flex;
    margin-left: 240px;
    align-items: center
}

section.order .my-account .pager-no-toolbar .pages a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    margin-left: 10px
}

section.order a {
    color: #d3aa65
}

.public-left {
    width: 255px;
    color: white;
}

.public-left i.iconfont {
    margin-right: 6px
}

.public-left .left-title {
    height: 48px;
    line-height: 48px;
    background: RGB(0, 142, 204);
    padding-left: 26px
}

.public-left ul li:hover {
    background: RGB(0, 142, 204)
}

.public-left ul li:hover a {
    color: white
}

.public-left ul li.current {
    background: RGB(0, 142, 204)
}

.public-left ul li.current a {
    color: white
}

section.affiliate-index {
    display: flex
}

section.affiliate-index .affiliate-index {
    width: calc(100% - 300px);
    margin-left: 30px
}

section.affiliate-index .affiliate-index h1 {
    margin-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    color: #636363
}

section.affiliate-index .affiliate-index h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #636363
}

section.affiliate-index .affiliate-index .affiliateplus-account-bottom {
    display: flex;
    justify-content: space-between
}

section.affiliate-index .affiliate-index .affiliateplus-account-bottom .balance {
    background: none;
    border: none
}

section.affiliate-index .affiliate-index .affiliateplus-account-bottom .balance span {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: 53px;
    line-height: 53px;
    text-align: left;
    padding-left: 20px;
    padding-right: 57px;
    min-width: 103px;
    color: white;
    background: RGB(0, 142, 204) url("../../themes/default/Home/statics/images/bg-btn.png") no-repeat 100% -209px
}

section.affiliate-index .affiliate-index .affiliateplus-account-bottom .login.balance span {
    background: #e05435 url(../../themes/default/Home/statics/images/bg-btn.png) no-repeat 100% -7px
}

section.affiliate-index .affiliate-index .affiliateplus-account-bottom .sign-up span {
    background: #8ec549 url(../../themes/default/Home/statics/images/bg-btn.png) no-repeat 100% -71px
}

section.affiliates-settings {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

section.affiliates-settings .aff-main {
    width: calc(100% - 300px)
}

section.affiliates-settings .aff-main h1 {
    background: RGB(0, 142, 204) url("../../themes/default/Home/statics/images/afffiliate.png") no-repeat;
    height: 34px;
    padding-left: 51px;
    line-height: 34px;
    color: white
}

section.affiliates-settings .aff-main .mb-10 {
    margin-bottom: 10px
}

section.affiliates-settings .aff-main h2 {
    background: #ccc url("../../themes/default/Home/statics/images/custom.png") no-repeat;
    height: 30px;
    padding-left: 51px;
    line-height: 30px;
    color: white;
    font-size: 18px;
    margin-bottom: 20px
}

section.affiliates-settings .aff-main form.setting {
    width: calc(100% - 50px);
    margin-top: 10px;
    border: 1px solid #ccc
}

section.affiliates-settings .aff-main form.setting .form-group {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    padding-left: 20px
}

section.affiliates-settings .aff-main form.setting .form-group > .input-con, section.affiliates-settings .aff-main form.setting .form-group .input-box {
    width: 50%
}

section.affiliates-settings .aff-main form.setting .form-group > .input-con label, section.affiliates-settings .aff-main form.setting .form-group .input-box label {
    display: block
}

section.affiliates-settings .aff-main form.setting .form-group > .input-con input, section.affiliates-settings .aff-main form.setting .form-group .input-box input {
    width: 373px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 31px;
    padding-left: 8px
}

section.affiliates-settings .aff-main form.setting .form-group > .input-con em, section.affiliates-settings .aff-main form.setting .form-group .input-box em {
    color: red
}

section.affiliates-settings .aff-main form.setting .form-group > .input-con select, section.affiliates-settings .aff-main form.setting .form-group .input-box select {
    width: 373px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 31px;
    padding-left: 8px
}

section.affiliates-settings .aff-main form.setting .buttons-set {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 30px
}

section.affiliates-settings .aff-main form.setting .buttons-set button {
    width: 140px;
    height: 32px;
    border: none;
    color: white;
    background: RGB(0, 142, 204);
    border-radius: 3px;
    cursor: pointer
}

section.affiliates-settings .aff-main .success-msg {
    padding: 10px 0;
    line-height: 24px;
    font-size: 16px
}

section.affiliates-settings .aff-main .coupon-code {
    padding: 10px;
    background: #ccc;
    color: white
}

section.affiliates-settings .aff-main ul.coupon-message > li {
    display: flex;
    font-size: 16px;
    margin-top: 10px
}

section.affiliates-settings .aff-main ul.coupon-message > li .key {
    width: 274px
}

section.affiliates-settings .aff-main form.order .aff-order-message {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

section.affiliates-settings .aff-main form.order .aff-order-message .my-blance {
    color: red
}

section.affiliates-settings .aff-main form.order .aff-order-message .my-blance strong {
    color: black;
    font-weight: 700
}

section.affiliates-settings .aff-main form.order .aff-order-message input {
    border: 1px solid #ccc;
    height: 31px;
    padding-left: 8px;
    width: 200px
}

section.affiliates-settings .aff-main form.order .aff-order-message button {
    height: 31px;
    line-height: 31px;
    padding: 0px 12px;
    border: none;
    background: RGB(0, 142, 204);
    color: white;
    vertical-align: top
}

section.affiliates-settings .aff-main form.order-search .time-search {
    display: flex;
    justify-content: flex-end
}

section.affiliates-settings .aff-main form.order-search .time-search input {
    border: 1px solid #ccc;
    margin-right: 10px;
    padding-left: 10px
}

section.affiliates-settings .aff-main form.order-search .time-search button {
    width: 80px;
    height: 32px;
    background: RGB(0, 142, 204);
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title, section.affiliates-settings .aff-main form.order-search .order-message > li {
    display: flex;
    margin-top: 10px
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title li, section.affiliates-settings .aff-main form.order-search .order-message > li li {
    background: RGB(0, 142, 204);
    color: white;
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title .number, section.affiliates-settings .aff-main form.order-search .order-message > li .number {
    width: 78px
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title .order, section.affiliates-settings .aff-main form.order-search .order-message > li .order {
    flex-grow: 1
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title .price, section.affiliates-settings .aff-main form.order-search .order-message > li .price {
    width: 105px
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title .order-status, section.affiliates-settings .aff-main form.order-search .order-message > li .order-status {
    width: 212px
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title .commission, section.affiliates-settings .aff-main form.order-search .order-message > li .commission {
    width: 212px
}

section.affiliates-settings .aff-main form.order-search .aff-blance-title .time, section.affiliates-settings .aff-main form.order-search .order-message > li .time {
    width: 103px
}

section.affiliates-settings .aff-main form.order-search .order-message li {
    border-bottom: 1px solid #ccc
}

section.affiliates-settings .aff-main form.order-search .order-message li div {
    min-height: 31px;
    line-height: 31px;
    display: flex;
    justify-content: center;
    align-items: center
}

section.affiliates-settings .aff-main form.order-search .order-message li:last-child {
    border-bottom: none
}

section.affiliates-settings .aff-main form.order-search .aff-record-title {
    margin-top: 10px;
    display: flex
}

section.affiliates-settings .aff-main form.order-search .aff-record-title li {
    background: RGB(0, 142, 204);
    color: white;
    text-align: center;
    height: 31px;
    line-height: 31px
}

section.affiliates-settings .aff-main form.order-search .aff-record-title .number {
    width: 121px
}

section.affiliates-settings .aff-main form.order-search .aff-record-title .order-intro {
    flex-grow: 1
}

section.affiliates-settings .aff-main form.order-search .aff-record-title .price {
    width: 161px
}

section.affiliates-settings .aff-main form.order-search .aff-record-title .time {
    width: 156px
}

section.affiliates-settings .aff-main form.order-search .record li {
    display: flex;
    border-bottom: 1px solid #ccc;
    align-items: center
}

section.affiliates-settings .aff-main form.order-search .record li div {
    text-align: center;
    height: auto;
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center
}

section.affiliates-settings .aff-main form.order-search .record li .number {
    width: 121px
}

section.affiliates-settings .aff-main form.order-search .record li .order-intro {
    flex-grow: 1
}

section.affiliates-settings .aff-main form.order-search .record li .price {
    width: 161px
}

section.affiliates-settings .aff-main form.order-search .record li .time {
    width: 156px
}

section.affiliates-settings .aff-main form.order-search .record li:last-child {
    border-bottom: none
}

section.affiliates-settings .aff-main .form-list-link .affiliate-link input {
    width: 100%;
    border: 1px solid #ccc;
    height: 31px;
    padding-left: 8px;
    margin: 6px 0 6px;
    border-radius: 3px
}

section.affiliates-settings .aff-main .form-list-link .affiliate-link input + button {
    width: 80px;
    height: 32px;
    background: RGB(0, 142, 204);
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

section.affiliates-settings .aff-main .form-list-link p.link {
    margin: 10px 0 10px
}

section.affiliates-settings .aff-main .form-list-link a#affiliate-link {
    margin-bottom: 16px;
    display: inline-block;
    color: RGB(0, 142, 204)
}

section.affiliates-settings .aff-main .banner-share {
    width: 610px;
    height: 84px
}

section.affiliates-settings .aff-main .banner-share textarea {
    width: 100%;
    height: 100%;
    padding: 6px
}

section.affiliates-settings .aff-main .aff-main-form {
    display: flex;
    justify-content: space-between;
    padding-top: 10px
}

section.affiliates-settings .aff-main .aff-main-form .news, section.affiliates-settings .aff-main .aff-main-form .register {
    width: 48%
}

section.affiliates-settings .aff-main .aff-main-form .news h2, section.affiliates-settings .aff-main .aff-main-form .register h2 {
    margin-bottom: 5px
}

section.affiliates-settings .aff-main .aff-main-form .news p, section.affiliates-settings .aff-main .aff-main-form .register p {
    font-size: 12px
}

section.affiliates-settings .aff-main .aff-main-form .news a.button, section.affiliates-settings .aff-main .aff-main-form .news button, section.affiliates-settings .aff-main .aff-main-form .register a.button, section.affiliates-settings .aff-main .aff-main-form .register button {
    padding: 6px 12px;
    background: RGB(0, 142, 204);
    color: white;
    border-radius: 3px;
    margin-top: 10px;
    display: inline-block;
    border: none;
    cursor: pointer
}

section.affiliates-settings .aff-main .aff-main-form .news .input-box, section.affiliates-settings .aff-main .aff-main-form .register .input-box {
    margin-bottom: 20px
}

section.affiliates-settings .aff-main .aff-main-form .news .input-box label, section.affiliates-settings .aff-main .aff-main-form .register .input-box label {
    display: block;
    margin-bottom: 4px
}

section.affiliates-settings .aff-main .aff-main-form .news .input-box em, section.affiliates-settings .aff-main .aff-main-form .register .input-box em {
    color: red
}

section.affiliates-settings .aff-main .aff-main-form .news .input-box input, section.affiliates-settings .aff-main .aff-main-form .register .input-box input {
    width: 100%;
    height: 31px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 8px
}

section.affiliates-settings .aff-main .aff-main-form .news p.required, section.affiliates-settings .aff-main .aff-main-form .register p.required {
    color: red;
    margin-top: -10px
}

section.affiliates-settings .aff-main .my-account form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px
}

section.affiliates-settings .aff-main .my-account form .input-box {
    width: 100%
}

section.affiliates-settings .aff-main .my-account form .email {
    width: 100%
}

section.affiliates-settings .aff-main .my-account form .input-box {
    padding-left: 8px
}

section.affiliates-settings .aff-main .my-account form .input-box label {
    display: block
}

section.affiliates-settings .aff-main .my-account form .input-box em {
    color: red
}

section.affiliates-settings .aff-main .my-account form .input-box.select select {
    width: 150px;
    height: 30px;
    border: 1px solid #ccc
}

section.affiliates-settings .aff-main .my-account form .input-box.select input {
    width: 252px
}

section.affiliates-settings .aff-main .my-account form input {
    width: 406px;
    height: 31px;
    padding-left: 8px;
    border: 1px solid #ccc;
    border-radius: 3px
}

section.affiliates-settings .aff-main .my-account form .buttons-set {
    display: flex;
    border-top: 1px solid #ccc;
    width: 100%;
    padding-top: 10px
}

section.affiliates-settings .aff-main .my-account form .buttons-set a, section.affiliates-settings .aff-main .my-account form .buttons-set button {
    padding: 6px 50px;
    background: RGB(0, 142, 204);
    color: white;
    border: none;
    margin-left: 20px;
    border-radius: 3px;
    cursor: pointer
}

section.affiliates-settings .aff-main .my-account form .buttons-set a:hover {
    opacity: 0.8
}

section.affiliates-settings .aff-main .my-account form .buttons-set button:hover {
    opacity: 0.8
}

.home-public-left {
    width: 250px
}

.home-public-left .messages {
    margin-bottom: 10px
}

.home-public-left .messages li {
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-left: 5px solid red;
    line-height: 21px;
    background: #faebe7;
    position: relative;
    margin-bottom: 10px
}

.home-public-left .messages li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent red
}

.home-public-left .left-title, .home-public-left li {
    height: 41px;
    text-align: center;
    line-height: 41px
}

.home-public-left .left-title a, .home-public-left li a {
    color: black;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 41px;
    transition: all .3s
}

.home-public-left .left-title a:hover, .home-public-left li a:hover {
    background: RGB(0, 142, 204);
    color: white
}

.home-public-left .left-title {
    background: RGB(0, 142, 204);
    color: white;
    text-align: center
}

.home-public-left .nav {
    border: 1px solid #ccc;
    border-top: none
}

.home-public-left .nav > li:first-child {
    background: RGB(0, 142, 204);
    color: white
}

.home-public-left .nav li {
    border-bottom: 1px solid #ccc
}

.home-public-left .nav li:first-child {
    border-top: 1px solid #ccc
}

.home-public-left .nav li:last-child {
    border-bottom: none
}

.home-public-left .nav li.active {
    background: RGB(0, 142, 204)
}

.home-public-left .nav li.active a {
    color: white
}

ul.messages.success > li {
    border-left: 5px solid #11b400 !important;
    background-color: #eff5ea
}

section.order .my-account .pager-no-toolbar .pages a.cur_page {
    background: RGB(0, 142, 204);
    border: 1px solid RGB(0, 142, 204);
    color: #fff;
}

ul.messages.success > li::before {
    border-color: transparent transparent transparent #11b400 !important
}

#my-orders-table ul.header-title li, #my-orders-table ul.contianer li {
    /*height: 54px;*/
    /*line-height: 54px*/
}

#my-orders-table ul.contianer li {
    width: 100%;
    text-align: center;
}

#my-orders-table .contianer li .order-header {
    display: flex;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
}

#my-orders-table .contianer > li .order-body ul li {
    border: none;
    line-height: 40px;
    height: 40px;
    width: auto;
}

#my-orders-table .contianer > li .order-body .order-price > div {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
    padding-top: 5px;
}

#my-orders-table .contianer > li .order-body .order-price > div span:last-child {
    color: red;
    width: 90px;
    text-align: right;
}

#my-orders-table ul.header-title li span, #my-orders-table ul.contianer li span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

#my-orders-table .contianer > li .order-header div {
    height: 54px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-right: 1px solid #ccc;
}

#my-orders-table .contianer > li .order-body {
    display: none;
    width: 100%;
}

#my-orders-table ul.header-title .number, #my-orders-table ul.contianer .number {
    flex-grow: 1;
}

#my-orders-table ul.header-title .date, #my-orders-table ul.contianer .date {
    width: 135px !important;
}

#my-orders-table ul.header-title .total, #my-orders-table ul.contianer .total {
    width: 100px !important;

}

#my-orders-table ul.contianer .total {
    color: red !important;
}

#my-orders-table ul.header-title .status, #my-orders-table ul.contianer .status {
    width: 100px !important;
}

#my-orders-table ul.header-title .view, #my-orders-table ul.contianer .view {
    width: 147px !important;
    border: none;
}

#my-orders-table .contianer > li .order-header div:last-child {
    border-right: none;
}

#my-orders-table ul.header-title {
    display: flex;
    border: 1px solid #e1e1e1;
    /* border-bottom: none; */
    height: 54px;
    line-height: 54px;
    background: #f5f5f5;
    align-items: center;
    color: #fff;
}

#my-orders-table {
    margin-bottom: 30px;
}

#my-orders-table ul.header-title li {
    text-align: center;
    color: #5e5e5e;
    font-size: 15px;
    width: 120px;
}

#my-orders-table .contianer > li {
    /*display: flex;*/
    /*text-align: center;*/
    /*flex-wrap: wrap;*/
    /*border-bottom: 1px solid #ccc*/
}

#my-orders-table ul.contianer .view button:focus {
    outline: none;
}

#my-orders-table .contianer > li div {
    /*height: 54px;*/
    /*line-height: 54px*/
}

#my-orders-table .contianer > li div a {
    color: #ccc
}

#my-orders-table .contianer > li div a:hover {
    color: RGB(0, 142, 204)
}

section.about {
    color: #444;
    line-height: 24px;
    /*background: #f0f0f0;*/
    padding: 0 20px 20px 20px;
    margin-bottom: 40px;
}
section.about img{
    max-width: 100%;
}
section.about h1#page-title {
    color: #444 !important;
}

section.about .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/about.jpg") no-repeat;
    background-size: 100%
}

section.faq {
    padding-bottom: 40px;
    color: #636363;
    line-height: 24px
}

section.faq .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/faq.jpg") no-repeat;
    background-size: 100%
}

section.privacy {
    padding-bottom: 40px;
    color: #636363;
    line-height: 24px
}

section.privacy .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/pic-privacy.jpg") no-repeat;
    background-size: 100%
}

section.contactus {
    padding-bottom: 40px;
    color: #636363;
    line-height: 24px
}

section.contactus .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/Contact-Us.jpg") no-repeat 0px -1px;
    background-size: 100%
}

section.term {
    padding-bottom: 40px;
    color: #636363;
    line-height: 24px
}

section.term .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/TERMS.jpg") no-repeat 0px -1px;
    background-size: 100%
}

section.why {
    padding-bottom: 40px;
    color: #636363;
    line-height: 24px
}

section.why .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/why.jpg") no-repeat 0px -1px;
    background-size: 100%
}

section.payment {
    padding-bottom: 40px;
    line-height: 24px;
    color: #636363
}

section.payment .about-plate-img {
    width: 100%;
    height: 150px;
    background: url("../../themes/default/Home/statics/images/payment.jpg") no-repeat 0px -1px;
    background-size: 100%
}

.paging {
    display: flex
}

.paging select {
    margin: 0 6px;
    border-radius: 3px;
    width: 50px;
    height: 20px
}

.paging .pages {
    display: flex;
    margin-left: 240px;
    align-items: center
}

.paging .pages a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    margin-left: 10px;
    color: RGB(0, 142, 204)
}

.paging .pages a:hover {
    background: RGB(0, 142, 204);
    color: white
}

.change-password .input-box {
    margin-top: 30px
}

.change-password .input-box label {
    display: inline-block;
    min-width: 172px;
    text-align: right
}

.change-password .input-box em {
    color: red
}

.change-password .input-box input {
    border: 1px solid #ccc;
    height: 31px;
    border-radius: 3px;
    width: 375px;
    padding-left: 8px
}

.change-password button[type=submit] {
    padding: 8px 30px;
    background: RGB(0, 142, 204);
    margin-top: 20px;
    border: none;
    border-radius: 3px;
    color: white;
    cursor: pointer
}

.help-center {
    display: flex
}

.help-center .help-title {
    margin-right: 18px;
    height: auto
}

.help-center .help-title ul {
    border-radius: 5px;
}

.help-center .help-title li {
    width: 250px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: -1px;
    /*background: #f0f0f0;*/
    border: 1px solid #ccc;
}

.help-center .help-title a {
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #000
}

.help-center .help-title li.active {
    background: #0175b0
}

.help-center .help-title li.active a {
    color: white
}

.help-center .help-title li:hover {
    background: #0175b0
}

.help-center .help-title li:hover a {
    color: white
}

.help-center .help-article {
    width: 937px;
    margin-top: 2px
}

.help-center .help-article .new-article-con .onelit {
    margin: 10px 0
}

.help-center .help-article .new-article-con h4 {
    margin-top: 18px;
    font-size: 20px
}

.help-center .help-article .new-article-con p {
    margin-top: 12px
}

.help-center .help-article .new-article-con a {
    color: #ccc
}

.help-center .help-article .new-article-con a:hover {
    color: RGB(0, 142, 204)
}

.help-center .help-article .new-article-con .onelit {
    font-size: 26px;
    font-weight: 700;
    margin: 20px 0
}

.bg-img {

}

.bg-img.lock {
    background: url(../../themes/default/Home/statics/images/lock.png) no-repeat
}

.bg-img.lightning {
    background: url(../../themes/default/Home/statics/images/lightning.png) no-repeat
}

.bg-img.order {
    background: url(../../themes/default/Home/statics/images/cheap.png) no-repeat
}

.bg-img.money {
    background: url(../../themes/default/Home/statics/images/100.png) no-repeat
}

.bg-img.live {
    background: url(../../themes/default/Home/statics/images/live.png) no-repeat
}

.payment-style {
    background: #f2f5f6 url(../../themes/default/Home/statics/images/footer-method.png) no-repeat;
    background-position: center;
}

.tel-style a {
    background: url(../../themes/default/Home/statics/images/bg.png) no-repeat
}

.model-addCart-nice {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 116px;
    background: #fff;
    border-radius: 5px
}

.model-addCart-nice > span {
    display: flex;
    line-height: 41px;
    background: RGB(245, 245, 246);
    align-items: center;
    justify-content: space-between;
    color: RGB(22, 145, 219);
    height: 41px
}

.model-addCart-nice > span i.iconfont {
    border: 1px solid RGB(0, 142, 204);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.model-addCart-nice > span i.iconfont:hover {
    text-decoration: none
}

.model-addCart-nice > span span {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-right: -45px
}

.model-addCart-nice > span .close {
    text-align: center;
    width: 224px
}

.model-addCart-nice .display-con-model {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 451px;
    margin: 0 auto;
    height: calc(100% - 41px)
}

.model-addCart-nice .display-con-model i.iconfont {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: RGB(144, 194, 32);
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    font-size: 32px;
    color: #fff;
    float: right
}

.model-addCart-nice .display-con-model .add-oparetion {
    display: flex;
    align-items: center
}

.model-addCart-nice .display-con-model .close {
    width: 220px;
    text-align: center
}

.model-addCart-nice i {
    margin-right: 10px
}

.model-addCart-nice button {
    background: RGB(23, 145, 218);
    border: none;
    padding: 7px 16px;
    border-radius: 5px;
    cursor: pointer;
    width: 188px;
    display: flex;
    justify-content: center;
    align-items: center
}

.model-addCart-nice button a {
    color: #fff
}

.model-addCart-nice .close:hover {
    color: RGB(0, 142, 204);
    text-decoration: underline;
    cursor: pointer
}

.item-box.-unique {
    visibility: hidden;
    border-color: #af6025;
    position: absolute;
    opacity: 0;
    transition: all .4s;
    left: 150px;
    top: -9px;
    z-index: -1;
    transform: scale(0)
}

.item-box.-unique.display {
    visibility: visible;
    opacity: 1;
    left: 150px;
    top: -9px;
    transform: scale(1);
    z-index: 5000
}

.item-box > .header {
    position: relative;
    display: block;
    overflow: hidden;
    background-repeat: repeat-x;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px
}

.item-box.-unique > .header {
    color: #af6025
}

.item-box > .header.-double {
    box-sizing: border-box;
    padding: 3px 44px;
    height: 52px;
    line-height: 22px
}

.item-box > .header.-double, .item-box > .header.-double::after, .item-box > .header.-double::before {
    background-image: url(/themes/default/Home/statics/images/attack-title.png)
}

.item-box.-unique > .item-stats > .group::after, .item-stat-separator.-unique::before {
    background-position: 0 -6px
}

.item-stat-separator::before, .item-stats > .group:nth-last-child(n+2)::after {
    display: block;
    margin: 5px auto;
    width: 221px;
    height: 2px;
    background-image: url(/themes/default/Home/statics/images/attack-quan.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: ""
}

.item-box {
    display: inline-block;
    box-sizing: border-box;
    padding: 2px;
    max-width: 440px;
    min-width: 320px;
    border-style: solid;
    border-width: 1px;
    background-color: #000;
    color: #7f7f7f;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    font-family: Fontin-SmallCaps, Verdana, Arial, Helvetica, sans-serif;
    font-variant-ligatures: none
}

.item-box.-unique > .header.-double {
    background-position: center -216px
}

.item-stats {
    display: block;
    margin: 0 auto;
    padding: 7px 12px
}

.item-stats > .group {
    display: block;
    margin: 0 auto;
    max-width: 315px
}

.tc.-default, .text-color.-default {
    color: #7f7f7f
}

.tc.-mod, .text-color.-mod {
    color: #88f;
    font-family: Fontin-SmallCaps, Verdana, Arial, Helvetica, sans-serif;
    font-variant-ligatures: none
}

.tc.-value, .text-color.-value {
    color: #fff;
    margin-right: 0
}

.tc a, .text-color a {
    color: inherit !important
}

.tc.-flavour, .text-color.-flavour {
    color: #af6025;
    font-style: italic
}

.poe-items .rl-center .rl-img img {
    width: auto !important;
    max-width: 149px;
    background: 0
}

.poe-items .acc-ess-gems .rl-center .rl-img {
    box-sizing: border-box;
    padding-top: 40px;
    height: 140px
}

.poe-items .acc-ess-gems .rl-center .rl-img img {
    height: 52px !important;
    max-width: 149px
}

.poe-items .flasks .rl-center .rl-img {
    box-sizing: border-box;
    padding-top: 20px;
    min-height: 140px
}

.poe-items .flasks .rl-center .rl-img img {
    height: 94px !important;
    max-width: 149px
}

.poe-items .currency .rl-center .rl-img {
    box-sizing: border-box;
    padding-top: 20px;
    min-height: 140px
}

.poe-items .currency .rl-center .rl-img img {
    margin: 20px 0;
    height: 60px !important;
    max-width: 149px
}

.poe-items p.server {
    margin: 0;
    padding-top: 15px
}

.item-box.-unique > .header.-double::before {
    background-position: 0 -162px
}

.item-box > .header.-double::after, .item-box > .header.-double::before {
    width: 44px;
    height: 54px
}

.item-box > .header::before {
    left: 0
}

.item-box > .header::after, .item-box > .header::before {
    position: absolute;
    top: 0;
    display: block;
    background-repeat: no-repeat;
    content: ""
}

.item-box > .header::after {
    right: 0
}

.item-box.-unique > .header.-double::after {
    background-position: 0 -270px
}

.rl-img .weapon-attack em {
    background: 0;
    position: relative;
    top: 0;
    left: 0
}


header nav .nav ul.nav-ul .game-list .game-list-ul > li[class*=tomclanc] :before {
    background: url(/themes/default/Home/statics/images/game/tomclancy.png) no-repeat 0 0px
}

header nav .nav ul.nav-ul .game-list .game-list-ul > li[class*=ballpool] :before {
    background: url(/themes/default/Home/statics/images/game/tomclancy.png) no-repeat 0 0px
}

.logo-img {
    background: url("../../themes/default/Home/statics/images/bg.png") no-repeat -433px -5px
}

.logo-img a img {
    width: 216px;
    height: 53px
}

.lang-img {
    background: url("../../themes/default/Home/statics/images/flag.png") no-repeat
}

.lang-img:hover {
    color: RGB(0, 142, 204)
}

.lang-img:hover a {
    color: RGB(0, 142, 204)
}

.de {
    background: url(../images/de.png) no-repeat 0px 4px
}

.us {
    background-position: 0px -83px
}

.fr {
    background: url("../images/fr.png") no-repeat 0px 4px
}

#ui-id-1 {
    z-index: 50000
}

#ui-id-1 li {
    padding: 10px
}

#ui-id-1 li.ui-state-focus {
    background: #0175b0 !important;
    border: 1px solid #0175b0;
    color: #fff;
}

#oa_social_login_container {
    margin-left: -8px
}

.mt-10 {
    margin-top: 10px
}

.input-box span.notice {
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    font-weight: 700;
    color: red;
}

.input-box span.notice.display {
    visibility: visible;
    opacity: 1
}

.input-box input.display {
    border: 1px solid #df280a !important
}

.input-box .input-con.display {
    border: 2px solid #df280a !important
}

.mufields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -10px
}

.mufields .mufield {
    width: 20%;
    padding: 8px 0px;
    text-align: center;
    background: #ccc;
    border-radius: 3px;
    margin-top: 10px;
    color: white;
    font-weight: 700
}

div.home-link {
    width: 100%;
    position: absolute;
    z-index: 500;
    display: flex;
    justify-items: center;
    background: #000;
    opacity: .5;
}

div.home-link .layout {
    width: 1300px;
    display: flex;
    color: white;
    align-items: center;
    height: 31px;
    font-size: 12px;
    background: transparent
}

div.home-link .layout a {
    color: white;
    height: 22px;
    line-height: 22px;
    display: flex;
    align-items: center
}

div.home-link .layout i.iconfont {
    color: RGB(125, 125, 126)
}

div.home-link .layout .iconfont.home {
    margin-right: 8px;
    color: RGB(125, 125, 126)
}

div.home-link .layout a:hover {
    color: #ccc
}

div.home-link .layout a:hover i.iconfont {
    color: #ccc
}

div.home-link .layout .iconfont.icon-xiayiye {
    font-size: 20px
}

div.home-link.display {
    background: none;
    position: static;
    opacity: 1;
}


div.home-link.display i.iconfont {
    color: RGB(24, 24, 24)
}

div.home-link.display a:hover {
    color: #ccc
}

div.home-link.display a:hover i.iconfont {
    color: #ccc
}

.rocket-con .goods-operation {
    margin-bottom: 10px
}

.rocket-con .goods-operation + .price {
    margin-bottom: 10px
}

.rocket a.Keys-Crates, .rocket a.Clésetcaisses {
    background-position: 5px 5px !important
}

.rocket a.Bodies, .rocket a.Corps {
    background-position: 5px -34px !important
}

.rocket a.Decals, .rocket a.Décalcomanies {
    background-position: 5px -201px !important
}

.rocket a.GoalExplosions, .rocket a.Explosions {
    background-position: 5px -290px !important
}

.rocket a.Trails, .rocket a.Lessentiers {
    background-position: 5px -331px !important
}

.rocket a.Wheels, .rocket a.roues {
    background-position: 5px -75px !important
}

.rocket a.Banners, .rocket a.Bannières {
    background-position: 5px -367px !important
}

.rocket a.Boosts, .rocket a.Desboosters {
    background-position: 5px -118px !important
}

.rocket a.NewsItems {
    background-position: 5px -644px !important;
}

.rocket a.Antennas {
    background-position: 5px -478px !important;
}

.rocket a.Paints {
    background-position: 5px -518px !important;
}

.rocket a.TradeUp {
    background-position: 5px -559px !important;
}

.rocket a.EngineAudio {
    background-position: 5px -601px !important;
}

.rocket a.Toppers, .rocket a.Toppers {
    background-position: 5px -248px !important
}

.rocket a.AvatarBorders, .rocket a.AvatarFrontières {
    background-position: 5px -159px !important
}

.rocket a.TradeInItems {
    background-position: 5px -439px !important
}

.cboxbtn {
    position: absolute;
    background: url("../images/guanbi.png");
    background-size: cover;
    position: absolute;
    right: 37px;
    top: 5px;
    height: 25px;
    width: 25px;
    border: 0;
    border-radius: 5px;
    cursor: pointer
}


ul.item-device div.choose-type-li {
    width: 1200px
}

ul.item-device div.choose-type-li .choose-type {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px
}

ul.item-device div.choose-type-li .choose-type > li {
    min-width: 30px;
    cursor: pointer;
    margin-left: 14px;
    margin-bottom: 15px;
    padding: 4px 5px;
    border: 1px solid #ccc;
    text-align: center
}

ul.item-device div.choose-type-li .choose-type li.active {
    background: RGB(0, 142, 204);
    color: white
}

ul.item-device div.choose-type-li .choose-type li:hover {
    color: white
}

ul.item-device > li {
    margin-bottom: 15px;
    padding: 6px 14px;
    min-width: 160px;
    cursor: pointer
}

ul.item-device > li a {
    color: black;
    text-transform: capitalize
}


ul.item-device > li.active a {
    color: white
}


ul.item-device li:hover a {
    color: white
}

ul[data-name*=Warcraft] li[gametype] {
    width: 220px;
    padding: 6px 9px
}

ul[data-name*=Warcraft] li[gametype] a {
    font-size: 12px
}

.country-title {
    min-width: 45px;
    padding-top: 5px
}

nav .nav ul.nav-ul .game-list .game-list-ul > li[class*=ballpool] > a::before {
    background: url("../images/goods/8ballpool.png") no-repeat 0px 0px
}

.quick-purchase {
    display: flex;
    align-items: center;
    width: 74%;
    justify-content: space-between;
}

.quick-purchase .span-text {
    font-size: 16px;
}

.quick-purchase input {
    height: 30px;
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    background: #f5f5f5;
    padding: 0 10px;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.quick-purchase input:focus {
    outline: none;
}

.quick-purchase .unit-text {
    color: #ff5406;
    font-weight: 700;
}

.quick-purchase .price-text {
    color: #ff5406;
    font-weight: 700;
    font-size: 16px;
}

.search-quick {
    display: flex;
    align-items: center;
    margin-top: 14px;
}

.play-type ul {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.play-type ul li:first-child {
    margin-left: 0;
}

.play-type ul > li {
    border: 1px solid #ccc;
    padding: 6px 12px 6px 17px;
    margin-left: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #000;
}

.auction-tips {
    padding: 10px 10px 10px 24px;
    background: #fff;
    width: 95%;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 10px;
    font-size: 12px;
}

.auction-img {
    padding-top: 10px;
}

.auction-tip {
    padding-top: 10px;
    color: red;
}


/*#search_mini_form{*/
/*    display: flex;*/
/*}*/


.gold-ul {
    position: absolute;
    z-index: 1;
    background: #2b2727;
    display: none;
    /*border-radius: 3px;*/
    margin-left: 10px;
    border-top: 3px solid #f8b700;
}

.gold-ul li {
    /*border-bottom: 1px solid #161616;*/
    padding: 0 20px;
    font-size: 14px;
    color: #ebdec2;
    cursor: pointer;
    line-height: 50px;
}

.gold-ul li:hover {
    background: #3d3015;
    /*color: #fcb00b;*/
}

.trustpilot {
    width: 150px;
    height: 37px;
    margin-left: 10px;
    display: inline-block;
    background: url(../images/bg.png) no-repeat -848px -43px;
    border-left: 1px solid #303030;
}

.view-part a {
    display: flex;
    line-height: 43px;
    padding: 0;
}

.review {
    color: #fff;
    font-size: 18px;
    padding-left: 10px;
}

.slide-content {
    height: 620px;
    background: url(../images/slide-bg.jpg) no-repeat center center;
}

.img-ct {
    margin: 0;
    padding: 0;
}

.img-ct .key-img img {
    max-width: 902px;
}

.carousel {
    height: 499px;
    position: relative;
    padding-top: 45px;
}

.carousel .img-ct-box {
    margin: 0 auto;
    overflow: hidden;
    width: 1360px;
    position: relative;
    height: 499px;
}

.carousel .img-ct-box .img-ct li {
    float: left;
    width: 1360px;
    height: 499px;
    display: flex;
    justify-content: space-between;
}

.carousel .img-ct-box .img-ct {
    position: absolute;
    height: 499px;
    word-wrap: normal;
}

.carousel .img-ct-box .img-ct li .contianer-img {
    display: flex;
    flex-direction: column;
    width: 441px;
}

.carousel .img-ct-box .img-ct li .contianer-img a img {
    height: 242px;
    width: 100%;
}

.carousel .img-ct-box .img-ct li .contianer-img a {
    width: 441px;
    height: 242px;
    margin-bottom: 14px;
    display: block;
}

.carousel .arrow {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    color: #fff;
    top: 47%;
    cursor: pointer;
}

.carousel .arrow.pre {
    right: 0;
    transform: rotate(0deg);
}

.carousel .arrow.next {
    left: 0;
    transform: rotate(180deg);
}

.carousel .arrow.next i.iconfont {
    left: -4px;
}

.carousel .arrow i.iconfont {
    font-size: 44px;
    position: relative;
    top: -6px;
}

.our-key-header {
    height: 74px;
    background: url(../images/our-key-service-bg.jpg) no-repeat center center;
}

.our-key-service .title {
    text-transform: uppercase;
    font-size: 18px;
    height: 74px;
    color: #fcb00b;
    line-height: 74px;
    width: 100%;
    display: block;
    text-align: center;
}

.our-key-service .service-content {
    height: 969px;
    background: url(../images/our-service-bg.jpg) no-repeat center center;

}

.left-img {
    float: right;
}

.service-img {
    padding: 58px 0 0 0;
}

.service-img img {
    height: 195px;
    max-width: 665px;
    cursor: pointer;
}

.hot-img {
    display: inline-block;
    position: relative;
}

.hot-img-right {
    display: inline-block;
    position: relative;
    float: right;
}

.hot-img-right .hot {
    border: 19px solid #55a003;
    border-left: none;
    border-right: 10px solid transparent;
}

.hot {
    position: absolute;
    width: 109px;
    border: 19px solid #fb7300;
    border-left: none;
    border-right: 10px solid transparent;
    z-index: 100;
    top: 15px;
    box-sizing: border-box;
}

.hot .hot-con {
    position: absolute;
    top: -8px;
    color: white;
}

.hot .hot-con span {
    color: white;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 14px;
    transform: scale(0.8);
}

.bottom-text {
    color: #fff;
    color: #fff;
    font-size: 17px;
    height: 95px;
    /*line-height: 95px;*/
}

.bottom-text p {
    margin: 15px 0;
}

.bottom-text p:first-child {
    font-weight: bold;
}

.bottom-text p:last-child {
    color: #f3b709;
}

.left-text {
    float: left;
}

.right-text {
    float: right;
    line-height: 95px;
}

.bottom-text button {
    width: 124px;
    height: 35px;
    color: #eae1cf;
    background: #261e16;
    border: 1px solid #4f3116;
    border-radius: 3px;
    cursor: pointer;
}

.bottom-text button:hover {
    opacity: .8;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.service-bottom {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.service-bottom button {
    width: 150px;
}

.service-bottom img {
    max-width: 436px;
    cursor: pointer;
}

.help-subscript {
    height: 156px;
    padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background: url(../images/help_sub_bg.jpg) no-repeat center center;
}

.help-part {
    width: 460px;
    text-align: center;
}

.help-top {
    height: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #ede2ce;
    font-size: 14px;
    font-weight: bold;
}

.help-bottom {
    color: #5c5854;
    font-size: 14px;
}


.kindly {
    height: 83px;
    display: flex;
    align-items: center;
    color: #aba48d;
    font-size: 14px;
    background: url(../images/kindly-bg.jpg) no-repeat center center;
}

.kindly-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer {
    text-align: center;
    color: #848484;
    font-size: 14px;
    font-family: font, Arial, Helvetica Neue, Helvetica, sans-serif;
}

footer .tel-style {
    width: 194px;
    height: 32px;
    display: flex;
}

.tel-style a {
    background: url(../images/bg.png) no-repeat;
}

footer .tel-style a.facebook {
    background-position: -999px -48px;
}

footer .tel-style a.wei {
    background-position: -1041px -48px;
}

footer .tel-style a.youtube {
    background-position: -1081px -48px;
}

footer .tel-style a.swiper {
    background-position: -1120px -48px;
}

footer .tel-style a.email {
    background-position: -1160px -48px;
}

footer .tel-style a {
    display: block;
    width: 33px;
    height: 32px;
    margin-left: 8px;
}

footer .tel-style a:first-child {
    margin-left: 0;
}

footer .tel-style a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

.footer-bottom {
    height: 242px;
    background: url(../images/footer_bg.jpg) no-repeat center center;
}

.payment-style {
    height: 90px;
    background: url(../images/payment_method.jpg) no-repeat center center;
}

.footer .product {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.footer .product a {
    color: RGB(146, 146, 146);
}

.footer .product a:hover {
    color: #ff5406;
}

.footer .product li {
    line-height: 14px;
}

.footer .product li::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 14px;
    border: none;
    border-left: 1px solid RGB(173, 173, 173);
    vertical-align: middle;
    margin: 0 4px;
}

.footer .product li:last-child::after {
    border: none;
}

footer .plate li::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 0;
    border: none;
    border-top: 1px solid #433e38;
    vertical-align: middle;
    margin: 0 14px;
}

footer .foot li:last-child::after {
    border: none;
}

footer .product {
    margin-top: 20px;
}

footer .product li::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 13px;
    border: none;
    border-left: 2px solid #433e38;
    vertical-align: middle;
    margin: 0 4px;
}

header, nav, main.index > section, footer {
    font-family: font, Arial, Helvetica Neue, Helvetica, sans-serif;
}

footer .footer-footer {
    margin-top: 15px;
}

.back-top {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*background: rgba(0, 0, 0, 0.5);*/
    position: fixed;
    bottom: 140px;
    right: 60px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    display: none
}

.back-top i.iconfont {
    color: white;
    font-size: 26px
}

/*home-link*/

div.home-link .layout {
    display: flex;
    color: white;
    align-items: center;
    height: 31px;
    font-size: 12px;
    background: transparent
}

div.home-link .layout a {
    color: white;
    height: 22px;
    line-height: 22px;
    display: flex;
    align-items: center
}

div.home-link .layout i.iconfont {
    color: RGB(125, 125, 126)
}

div.home-link .layout .iconfont.home {
    margin-right: 8px;
    color: RGB(125, 125, 126);
    line-height: 22px;
}

div.home-link .layout a:hover {
    color: #ccc
}

div.home-link .layout a:hover i.iconfont {
    color: #ccc
}

div.home-link .layout .iconfont.icon-xiayiye {
    font-size: 20px
}

div.home-link.display {
    background: none;
    position: static;
    opacity: 1;
    margin: 10px 0 8px
}

div.home-link.display a {
    color: #515457;
}

div.home-link.display i.iconfont {
    color: #50504d;
    line-height: 22px;
}

div.home-link.display a:hover {
    color: #ccc
}

div.home-link.display a:hover i.iconfont {
    color: #ccc
}

/*login*/
.login-bg {
    min-height: calc(100% - 440px);
    box-sizing: border-box;
}

section.login {
    /*margin-bottom: 120px;*/
}

section.login .account-login {
    display: flex;
    justify-content: space-between;
    height: 387px;
}

section.login .account-login .loginbanner {
    height: 100%;
    overflow: hidden;
}

section.login .account-login .loginbanner a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

section.login .account-login .loginbanner img {
    height: 100%;
    max-width: 100%;
}

section.login .account-login form {
    width: 415px;
    border: 1px solid #ccc;
    height: 387px;
    box-sizing: border-box;
    background: #fff;
}

section.login .account-login form .login-content h2 {
    font-size: 30px;
    color: #34333b;
    margin-bottom: 20px;
}

section.login .account-login form .input-box .input-con {
    display: flex;
    border: 1px solid #ccc;
    padding: 4px 0;
    background: #fff;
    border-radius: 3px;
}

section.login .account-login form .input-box .input-con i.iconfont {
    display: inline-block;
    width: 20px;
    padding-left: 6px;
    font-size: 16px;
    color: #cdcdcf;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

section.login .account-login form .input-box .notice {
    color: red;
    /*padding-bottom: 10px;*/
    display: inline-block;
    padding-left: 30px;
    font-size: 12px;
}

.input-box span.notice {
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    font-weight: 700;
    color: red;
}

.input-box span.notice.display {
    visibility: visible;
    opacity: 1;
}

section.login .account-login form button[type=submit] {
    background: #0175b0;
    width: 100%;
    cursor: pointer;
    border: none;
    color: #fff;
    padding: 8px 0;
    border-radius: 3px;
    font-size: 16px;
    outline: none;
}

section.login .account-login form button[type=submit]:hover {
    opacity: .8;
}

.not-allowed {
    background: #ccc !important;
}

section.login .account-login .regtext {
    margin: 15px 0 10px 0;
    font-size: 14px;
}

section.login .account-login .regtext a {
    color: RGB(0, 142, 204);
}

section.login .account-login .regtext a:hover {
    color: red;
    /*opacity: .8;*/
}

.login-social-box {
    font-size: 20px;
    margin: 20px 0 7px;
    color: #34333b;
}

/*payment*/
.field-items {
    padding: 0 10px;
}

.q_payment {
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    min-height: 79px;
    border-bottom: 1px solid #e7e7e7;
}

.q_payment_method {
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    min-height: 48px;
    border-bottom: 1px solid #444d56;
}

.q_paymentl {
    width: 200px;
    float: left;
    height: 79px;
}

.q_paymentl img {
    display: block;
    /* width: 160px;
    height: 25px; */
    border: 0;
    margin-left: 10px;
    margin-top: 10px;
}

.q_payment_method1 {
    width: 200px;
    float: left;
    height: 48px;
}

.q_payment_method1 img {
    display: block;
    width: 160px;
    height: 25px;
    border: 0;
    margin-left: 10px;
    margin-top: 10px;
}

.q_payment_method .q_paymentr {
    width: 1000px !important;
}

.q_payment_method .q_payment_p1 {
    margin: 0 !important;
    line-height: 25px !important;
}


.select-radio {
    padding-top: 10px;
    height: 25px;
}

.q_paymentr {
    width: 1020px;
    float: left;
    padding-top: 10px;
    overflow: hidden;
}

.afficate-page-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    padding: 10px 0 5px;
    margin: 0;
    border-bottom: 1px solid #b3b3b3;

    font-family: Arial, times new roman, serif;
}

.contianer-sell-to {
    color: #444 !important;
}

.contianer-sell-to .header-title .come .title-con {
    font-size: 12px;
    text-shadow: none !important;
    color: #444 !important;
}

.contianer-sell-to .header-title .come p {
    margin: 0 0 1.2em;
}

.contianer-sell-to .header-title .come .cols1 {
    align-items: center;
    padding: 0;
}

.cols1 {
    width: 100%;
    clear: both;
    padding: 24px 0 0;
    display: flex;
}

.cols1 .col2 {
    width: 130px;
    font-size: 15px;
    color: #444;
    font-family: montserrat, sans-serif;
    line-height: 18px;
}

.cols1 .col3 {
    width: 300px;
    padding: 2px 0 0;
    margin-left: 40px;
}

.goods-con .cols1 .col2 {
    color: #0dadff;
}

.contianer-sell-to .header-title .come .cols1 .col2 {
    background: url(../images/email.png) no-repeat left center;
    padding: 0 24px 0 18px;
    font-size: 12px;
    width: auto;
}

.contianer-sell-to .header-title .come .cols1 .col3 {
    background: url(../images/skype.png) no-repeat left center;
    padding: 0 0 0 18px;
    font-size: 12px;
    width: auto;
    display: none;
}

.contianer-sell-to .header-title .come .cols1 .col1 {
    font-weight: 700;
    padding: 0 30px 0 0;
    display: inline-block !important;
    width: auto;
}

.cols1 .col1 {
    width: 37px;
    padding: 3px 0 0;
    float: left;
    display: none;
}

.contianer-sell-to .header-title .come .cols1 .col1 {
    font-weight: 700;
    padding: 0 30px 0 0;
    display: inline-block !important;
    width: auto;
}

.q_payment_p1 {
    line-height: 17px;
    font-size: 12px;
    word-break: break-all;
    vertical-align: middle;
    color: #444;
    font-weight: 700;
    height: 100%;
}

.q_payment_p2 {
    line-height: 17px;
    font-size: 12px;
    word-break: break-all;
    vertical-align: middle;
    color: #444;
}

.q_payment_last {
    border: none;
}


/*bind*/
section.bind {
    padding: 20px;
    border: 1px solid #e1e1e1;
}

section.bind .success {
    background: #f1d5c7;
    color: red;
    border-left: 5px solid #0175b0;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    position: relative;
}

section.bind .success::after {
    content: '';
    border-color: transparent transparent transparent #0175b0;
    border-style: solid;
    border-width: 5px;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 15px;
    left: 0;
}

section.bind .page-title {
    font-size: 28px;
    text-align: center;
    padding: 22px 0;
    color: #fff;
}

section.bind .account-login div {
    margin-right: 10px;
}


section.bind .account-login div {
    margin-right: 10px;
}

section.bind form#login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.bind form#login-form .input-box {
    margin-left: 10px;
    width: 550px;
    margin-top: 20px;
    align-items: center;
}

section.bind form#login-form .input-box .input-con {
    display: flex;
    width: 100%;
}

section.bind form#login-form .input-box .input-con label {
    width: 160px;
    text-align: right;
    margin-right: 10px;
    line-height: 30px;
}

section.bind form#login-form .input-box .input-con label em {
    color: red;
}

section.bind form#login-form .input-box .input-con input {
    flex-grow: 1;
    height: 31px;
    padding-left: 8px;
    border: 1px solid #e1e1e1;
    /*background: #1e2733;*/
    outline: none;
}

section.bind .account-login {
    display: flex;
    justify-content: flex-end;
    margin-right: -10px;
}

.input-box span.notice {
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    font-weight: 700;
}

section.bind .buttons-set {
    margin-top: 20px;
}

section.bind .buttons-set button {
    padding: 6px 8px;
    border: none;
    background: #0175b0;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;

}

button {
    cursor: pointer;
}

/*sign up*/
section.create .account-box .account-create {
    border: 1px solid #cbcbcb;
    width: 730px;
    padding: 30px;
    background: #fff;
}

section.create .account-box .account-create h1 {
    font-weight: 400;
    font-size: 28px;
    text-transform: none;
    color: #fff;
    margin-bottom: 25px;
}

section.create .account-box .account-create .input-box label {
    width: 200px;
    display: inline-block;
    text-align: right;
    color: #34333b;
    padding-right: 10px;
}

section.create .account-box .account-create .input-box label em {
    color: red;
}

section.create .account-box .account-create .input-box input {
    width: 280px;
    border: 1px solid #cbcbcb;
    height: 30px;
    padding: 0 8px;
    box-sizing: border-box;
    /*background: #1e2733;*/
    color: #000;
    outline: none;
    border-radius: 3px;
}

section.create .account-box .account-create .buttons-set {
    /*text-align: center;*/
}

section.create .account-box .account-create button {
    width: 240px;
    cursor: pointer;
    border: none;
    color: #fff;
    padding: 8px 0;
    border-radius: 3px;
    margin-top: 30px;
    margin-left: 163px;
    font-size: 16px;
    background: #0175b0;
}

#form-validate .input-box .input-con {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

section.create .account-box .account-create button:hover {
    opacity: .8;
}

section.create .account-box .account-create-login {
    padding: 40px 10px 20px 60px;
    width: 460px;
}

section.create .account-box {
    display: flex;
    flex-wrap: wrap;
}

section.create .account-box .account-create-login h3 {
    font-size: 24px;
    line-height: 50px;
    color: #34333b;
    padding-bottom: 10px;
}

section.create .account-box .account-create-login .sign {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

section.create .account-box .account-create-login .sign a {
    width: 100px;
    display: block;
    background: #0175b0;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
}

section.create .account-box .account-create-login .sign a:hover {
    opacity: .8;
}

section.create .account-box .account-create-login .login-use {
    padding-top: 40px;
    font-size: 24px;
    line-height: 24px;
    color: #959bab;
}


/*message*/

section.create > .message {
    width: 1360px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

section.login .messages {
    color: #000;
    border-left: 5px solid #0175b0;
    background-color: #faebe7;
    height: 41px;
    line-height: 21px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

section.login .messages::before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent transparent #0175b0;
    margin-right: 10px;
    position: relative;
}

section.create > .message > li > span {
    color: red;
    border-left: 5px solid #7fb404;
    height: 41px;
    line-height: 46px;
    display: flex;
    align-items: center;
    background-color: #f1d5c7;
}

section.create > .message span::before {
    content: '';
    border-color: transparent transparent transparent #7fb404;
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: inline-block
}

section.edit .my-account .messages > li {
    color: #000;
    border-left: 5px solid #ffae1e;
    background-color: #faebe7;
    display: flex;
    height: 41px;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

section.edit .my-account .messages > li span {
    padding-left: 14px
}

section.edit .my-account .messages > li::before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent transparent #df280a;
    margin-right: 10px;
    left: -1px;
    position: absolute;
    top: 13px
}

.home-public-left .messages {
    margin-bottom: 10px
}

.home-public-left .messages li {
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-left: 5px solid red;
    line-height: 21px;
    background: #faebe7;
    position: relative;
    margin-bottom: 10px
}

.home-public-left .messages li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent red
}

ul.messages.success > li {
    border-left: 5px solid #ff5406 !important;
    background-color: #eff5ea
}

ul.messages.success > li::before {
    border-color: transparent transparent transparent #ff5406 !important
}

.input-box input.display {
    border: 1px solid #df280a !important;
}

.input-box .input-con.display {
    border: 1px solid #df280a !important;
}

.input-box select.display {
    border: 1px solid #df280a !important;
}

/*404*/
.found-bg {
    padding-bottom: 100px;
    min-height: calc(100% - 565px);
    /*background: url(../images/found_bg.jpg) no-repeat center center;*/
}

/*about*/
section.about {
    padding-bottom: 40px;
    color: #444;
    line-height: 24px;
    font-size: 12px !important;
    /*font-family: font,Arial,Helvetica Neue,Helvetica,sans-serif !important;*/
}

section.about p {
    margin-bottom: 10px;
    color: #444 !important;
    font-size: 12px !important;
}

section.about p strong {
    color: #444 !important;
}

section.about h4 {
    color: #444 !important;
    font-weight: bold;
    font-size: 16px;
    text-transform: none;
}

section.about div.icon {
    font-size: 14px !important;
}

section.about div.icon span.iconfont {
    color: #ff5406 !important;
    font-size: 18px !important;
}

section.about div.icon span.ball {
    border: 2px solid #ff5406 !important;
    width: 36px !important;
    height: 36px !important;
}

/*faq*/
section.faq {
    padding-bottom: 40px;
    color: #444;
    line-height: 24px;
}

/*payment*/
section.payment {
    padding-bottom: 40px;
    line-height: 24px;
    color: #444;
}

/*contact*/
section.contactus {
    padding-bottom: 40px;
    line-height: 24px;
    color: #444;
}

/*why*/
section.why .about-article {
    padding-bottom: 40px;
    line-height: 24px;
    color: #636363;
}

/*news*/
section.news .title {
    background: RGB(0, 142, 204);
    color: #fff;
    line-height: 45px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
    font-family: montserrat, sans-serif;
}

section.news ul li > span {
    /*color: #586c77;*/
}

section.news .toolbar {
    border: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    margin: 30px 0;
}

section.news .toolbar .pager {
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

section.news .toolbar select {
    margin: 0 6px;
    padding: 4px 8px;
    border-radius: 4px;
}

section.news .toolbar .pager .pages {
    display: flex;
    align-items: center;
}

section.news .toolbar .pager .pages a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    margin-left: 10px;
    color: #000;
}

section.news .toolbar .pager .pages a.cur_page {
    background: RGB(0, 142, 204);
    color: #fff;
}


/*news detail*/
section.new-article .new-article-title {
    background: #0175b0;
    border: 1px solid #ccc;
    color: #fff;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
}

section.new-article {
    /*border: 1px solid #cbcbcb;*/
    min-height: 474px;
}

section.new-article .new-article-con {
    padding: 0 20px 30px;
    border: 1px solid #ccc;
    margin-top: -1px;
}

section.new-article .new-article-con .title {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

section.new-article .new-article-con > .tags {
    display: flex;
    margin-top: 50px;
}

section.new-article .new-article-con > .tags span {
    font-weight: 700;
    font-size: 16px;
    margin-right: 8px;
}

section.new-article .new-article-con > .tags .tags {
    display: flex;
}

section.new-article .new-article-con > .tags li a {
    color: #0175b0;
    padding: 0 8px;
    font-size: 12px;
}

section.new-article .new-article-con > .tags li a:hover {
    text-decoration: underline;
}

section.new-article .next .news_prev {
    text-align: right;
    float: right;
}

section.new-article .next .news_prev, section.new-article .next .news_next {
    width: 50%;
}

section.new-article .next {
    margin-top: 30px;
    padding: 0 20px;
    /*display: flex;*/
}

section.new-article .next::after {
    content: '';
    display: block;
    clear: both;
}

.new-article {
    /*background: #fff;*/
}

section.new-article .next .news_prev a, section.new-article .next .news_next a {
    color: #0175b0;
    font-size: 12px;
}

section.new-article .next .news_prev a:hover, section.new-article .next .news_next a:hover {
    text-decoration: underline;
}

section.new-article .relevant {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
    padding: 10px 20px 30px 20px;
}

section.new-article .relevant div {
    width: 45%;
    margin-top: 16px;
    font-size: 13px;
}

section.new-article .relevant div a {
    color: #aeafb0;
}

/*modal*/
.model {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, .3);
    display: none;
    z-index: 5000;
}

header .header-part form {
    margin-left: 20px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    border-radius: 3px;
    overflow: hidden;
}

header .header-part form .search-result {
    position: absolute;
    top: 40px;
    z-index: 500;
    width: 480px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

header .header-part form .search-result li {
    background: white;
    height: 35px;
    border-bottom: 1px solid #ccc
}

header .header-part form .search-result li a {
    line-height: 35px;
    padding-left: 12px;
    display: block;
    width: 100%;
    height: 100%;
    color: black;
    font-size: 14px;
    background: transparent
}

header .header-part form .search-result li:last-child {
    border: none
}

header .header-part form .search-result li.display {
    background: RGB(0, 142, 204);
    color: white
}

header .header-part form .search-result.display {
    opacity: 1;
    visibility: visible
}

.model-addCart-nice {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 116px;
    background: #fff;
    border-radius: 5px;
}

.model-addCart-nice > span {
    display: flex;
    line-height: 41px;
    background: #e3e7ea;
    align-items: center;
    justify-content: space-between;
    color: #000;
    height: 41px;
}

.model-addCart-nice > span span {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-right: -45px;
}

.model-addCart-nice > span i.iconfont {
    border: 1px solid #ff5406;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #ff5406;
}

.model-addCart-nice > span .close {
    text-align: center;
    width: 224px;
}

.model-addCart-nice i {
    margin-right: 10px;
}

.model-addCart-nice .display-con-model {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 451px;
    margin: 0 auto;
    height: calc(100% - 41px);
}

.model-addCart-nice .display-con-model i.iconfont {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: RGB(144, 194, 32);
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    font-size: 32px;
    color: #fff;
    float: right;
}

.model-addCart-nice button {
    background: #ff5406;
    border: none;
    padding: 7px 16px;
    border-radius: 5px;
    cursor: pointer;
    width: 188px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.model-addCart-nice .display-con-model .close {
    width: 220px;
    text-align: center;
}

.model-addCart-nice button a {
    color: #fff;
}

.model-addCart-nice .close:hover {
    color: #ff5406;
    text-decoration: underline;
    cursor: pointer;
    opacity: .8;
}

/*goods*/
main.goods {
    position: relative;
    background: #f5f5f5;
}

main.goods section.header-con {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

main.goods section.header-con .goods-con {
    position: absolute;
    z-index: 10;
    color: #fff;
}

main.goods section.header-con .goods-con h3 {
    font-size: 35px;
    color: #f7ba00;
    padding-bottom: 40px;
}

main.goods section.header-con .goods-con .goods-con-title > div {
    padding-bottom: 10px;
    display: flex;
}

img {
    vertical-align: middle;
}

main.goods section.goods-header {
    position: relative;
    background: #fff;
    padding-top: 20px;
}

main.goods section.goods-header .goods-items-box .goods-items {
    height: 100%;
    box-sizing: border-box;
    display: flex;
}

main.goods section.goods-header .goods-items-box {
    height: 45px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

main.goods section.goods-header .goods-items-box .goods-items li {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    box-sizing: border-box;
    background: #343e4a;
    border-radius: 3px;

}

main.goods section.goods-header .goods-items-box .goods-items li.active {
    /*border-bottom: 2px solid #e5400a;*/
    /*border-bottom: none;*/
    color: #000;
    /*background: url(../images/goods-items-bg.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    background: -webkit-linear-gradient(#48b8f0, #0175b0);
    background: -o-linear-gradient(#48b8f0, #0175b0);
    background: -moz-linear-gradient(#48b8f0, #0175b0);
    background: linear-gradient(#48b8f0, #0175b0);
}

main.goods section.goods-header .goods-items-box .goods-items li:hover {
    background: -webkit-linear-gradient(#48b8f0, #0175b0);
    background: -o-linear-gradient(#48b8f0, #0175b0);
    background: -moz-linear-gradient(#48b8f0, #0175b0);
    background: linear-gradient(#48b8f0, #0175b0);
    color: #000;
}

main.goods section.goods-header .goods-items-box .goods-items li:hover a span {
    color: #000;
}

.goods-item-select {
    /*border-bottom: 10px solid #ccc;*/
/*    -webkit-border-image: url(../images/border.png) 30 30 round;
    -o-border-image: url(../images/border.png) 30 30 round;
    border-image: url(../images/border.png) 30 30 round;*/
    width: 1300px;
    margin: 0 auto;
}


main.goods section.goods-header .goods-items-box .goods-items li.active a {
    color: #e5400a !important;
    background-position: 12px 12px !important;


}

main.goods section.goods-header .goods-items-box .goods-items li.active a span {
    color: #fff !important;
}

main.goods section.goods-header .goods-items-box .goods-items li a {
    /*background: url(../../themes/default/Home/statics/images/game-nav/anthem-items.png) no-repeat;*/
    /*background-position: 12px -53px;*/
    height: 100%;
    align-items: center;
    padding: 0 30px 0 30px;
    width: 100%;
    color: #000;
    font-size: 16px;
    text-align: center;
    position: relative;
    display: flex;
}

main.goods section.goods-header .goods-items-box .goods-items li a span {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #acb0b6;
}

main.goods section.goods-list-con .prompt {
    font-size: 16px;
    color: #444;
}

.prompt .game-area-con, .prompt .game-area-con-title {
    color: #0097d8;
    font-weight: 700;
}

.prompt .item-device-con {
    color: #0097d8;
    font-weight: 700;
    text-transform: capitalize;
}

main.goods section.goods-list-con .gold-close {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f3f3f3
}

main.goods section.goods-list-con .gold-close .gold-close-input input {
    border: 1px solid #ccc;
    height: 30px;
    border-radius: 3px;
    padding-left: 8px
}

main.goods section.goods-list-con .gold-close .gold-close-input .unit {
    margin-left: 10px;
    color: red;
    font-weight: 700
}

main.goods section.goods-list-con .gold-close .gold-close-buy .rate {
    font-weight: 700;
    font-size: 16px;
    margin-right: 10px
}

main.goods section.goods-list-con .gold-close .gold-close-buy .price {
    font-weight: 700;
    font-size: 16px;
    margin-right: 4px;
    color: red
}

main.goods section.goods-list-con .gold-close button {
    color: white;
    background: #ffa722;
    text-align: center;
    padding: 6px 12px;
    border-radius: 2px;
    display: inline-block;
    height: 33px;
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(to bottom, #009fe4, #008ecc);
    margin-right: 10px;
    transition: width 0.8s;
    width: 94px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #008ecc
}


.gold-con {
    border-left: 1px solid #e4e0e0;
    border-right: 1px solid #e4e0e0;
}

.gold-con ul li {
    display: flex;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    align-items: center;
    border-top: 1px solid #e4e0e0;
}

.gold-con ul li .gold-con-title {
    width: 658px;
    padding-left: 20px;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: RGB(99, 99, 99);
}

.gold-con ul li .gold-con-price {
    font-weight: 500;
    width: 300px;
    font-style: italic;
    color: #f54b0e;
    display: flex;
    align-items: center;
}

.gold-con ul li .gold-limit-box {
    width: 90px;
}

.gold-con ul li .gold-con-operate, .gold-con ul li .puy-button {
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    flex-grow: 1;
}

.gold-con ul li .gold-con-operate span.add-cart, .gold-con ul li .puy-button span.add-cart {
    padding: 5px 12px;
    font-family: helveticaneue-light, helvetica neue light, helvetica neue, Helvetica, Arial, lucida grande, sans-serif;
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 2px rgba(0, 0, 0, .2);
    border: 1px solid #ccc;
    color: #666;
}

.add-cart a {
    color: #666;
}

.gold-con ul li .gold-con-operate span.add-cart i.iconfont, .gold-con ul li .puy-button span.add-cart i.iconfont {
    color: #666;
    opacity: 0;
    font-size: 0;
    transition: opacity .8s;
}

i.iconfont.dengdai {
    display: inline-block;
    color: RGB(0, 142, 204);
    animation: rotate 1.2s infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.gold-con ul li .gold-con-operate span.add-cart.display i.iconfont, .gold-con ul li .puy-button span.add-cart.display i.iconfont {
    opacity: 1;
    font-size: 20px
}

.gold-con ul li .gold-con-operate span:hover {
    opacity: 0.7
}

.gold-con ul li .gold-con-operate span, .gold-con ul li .puy-button span {
    color: #fff;
    text-align: center;
    padding: 6px 12px;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    background: linear-gradient(to bottom, #8fcf00, #6b9c00);
    cursor: pointer;
    /*background: linear-gradient(to bottom,#009fe4,#008ecc);*/
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #7db500;
}

.gold-con ul li .gold-con-price .gold-limit-box .gold-default {
    text-decoration: line-through;
    color: #d8dde1;
    font-size: 12px;
}

.gold-con ul li .gold-con-price .gold-limit {
    width: 72px;
    font-size: 13px;
    background: #ffa722;
    color: #fff;
    text-align: center;
    height: 20px;
}

.gold-con ul li:nth-child(odd) {
    background: #fafafa;
}

.gold-con ul li:nth-child(even) {
    background: #fff;
}

.gold-con ul li:last-child {
    border-bottom: 1px solid #e4e0e0;
}

.about-text {
    width: auto !important;
    text-align: left !important;
}

.about .reviews-text {
    text-align: left;
    width: 100px;
}
main.goods .goods-select{
    box-shadow: 0 8px 6px -6px #d7d7e0;
    padding-bottom: 10px;
    background: #fff;
}

main.goods .goods-select .goods-device {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    /*padding-bottom: 20px;*/
    padding-top: 30px;
    left: -10px;
}

main.goods .goods-select .goods-title-fortnite ul.goods-area-close {
    display: flex;
    align-items: center;
}

main.goods .goods-select .goods-title-fortnite ul.goods-area-close li {
    /*width: 70px;*/
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #e1e1e1;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 12px;
}

main.goods .goods-select .goods-title-fortnite ul.goods-area-close li.active {
    border: 1px solid #ff5406;
}
main.goods .goods-list-con{
    /*background: #f5f5f5;*/
}
main.goods .goods-list-con .goods-list-con-items li {
    overflow: visible;
}

main.goods .goods-select .goods-device li.active {
    border: 1px solid #008ecc;
}

main.goods .goods-select .goods-device .wow-gold-device {
    border: none;
    width: 665px;
    height: 230px;
    margin-left: 0;
    padding: 0;
}

main.goods .goods-select .goods-device .wow-gold-device.US.active {
    border: none;
    background: url(../images/wow-SXFBg2.png) no-repeat;
}

main.goods .goods-select .goods-device .wow-gold-device.EU.active {
    border: none;
    background: url(../images/wow-zfdvb2.png) no-repeat;
}

main.goods .goods-select .goods-device .wow-gold-device.US {
    background: url(../images/wow-SXFBg.png) no-repeat;
}

main.goods .goods-select .goods-device .wow-gold-device.US:hover {
    background: url(../images/wow-SXFBg2.png) no-repeat;
    border: none;
}

main.goods .goods-select .goods-device .wow-gold-device.EU {
    background: url(../images/wow-zfdvb.png) no-repeat;
    /*margin-top: 10px;*/
}

main.goods .goods-select .goods-device .wow-gold-device.EU:hover {
    background: url(../images/wow-zfdvb2.png) no-repeat;
    border: none;
}

main.goods .goods-select .goods-device .classic-gold-device {
    border: none;
    width: 665px;
    height: 230px;
    margin-left: 0;
    padding: 0;
}

main.goods .goods-select .goods-device .classic-gold-device.US.active {
    border: none;
    background: url(../images/SXFBg2.png) no-repeat;
}

main.goods .goods-select .goods-device .classic-gold-device.EU.active {
    border: none;
    background: url(../images/zfdvb2.png) no-repeat;
}

main.goods .goods-select .goods-device .classic-gold-device.US {
    background: url(../images/SXFBg.png) no-repeat;
}

main.goods .goods-select .goods-device .classic-gold-device.US:hover {
    background: url(../images/SXFBg2.png) no-repeat;
    border: none;
}

main.goods .goods-select .goods-device .classic-gold-device.EU {
    background: url(../images/zfdvb.png) no-repeat;
    /*margin-top: 10px;*/
}

.classic-ul-gold-device {
    display: flex;
    left: 0 !important;
    justify-content: space-between;
}

main.goods .goods-select .goods-device .classic-gold-device.EU:hover {
    background: url(../images/zfdvb2.png) no-repeat;
    border: none;
}

main.goods .goods-select .goods-device > li {
    border: 1px solid #ccc;
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #444;
    font-size: 12px;
    width: 175px;
    justify-content: center;
    background: #fff;
    padding: 6px 0px 6px 0px;
    border-radius: 3px;
}

main.goods .goods-select .goods-device > li a {
    color: #0a0a0a;
    padding: 6px 12px 6px 17px;
    display: inline-block;
}

main.goods .goods-select .goods-device > li:hover {
    border: 1px solid #008ecc;
    color: #000 !important;
    font-size: 14px;
}

main.goods .goods-select .goods-device > li:hover a {
    color: #000;
}

main.goods .goods-select .goods-device > li.active a {
    color: #000;
}
main.goods .goods-select .goods-device>li span.icon{
    position: relative;
    background: RGB(0,142,204);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: none;
    right: 3px;
    top: -8px;
    transform: scale(.7);
}
main.goods .goods-select .goods-device>li.active span.icon  i.iconfont{
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
main.goods .goods-select .goods-device>li.active span.icon {
    display: block;
}
main.goods .goods-select .goods-device > li img {
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 22px;
}
main.goods .goods-select .goods-device > li .item{
    width: 100%;
    text-align: center;
}
main.goods .goods-select .goods-device > li.active .item{
    padding-left: 20px;
}
.sel-part {
    padding-left: 50px;
}

.select-part {
    padding: 25px 40px;
    border: 1px solid #e1e1e1;
    margin-bottom: 40px;
}

.server-part {
    display: flex;
    align-items: center;
}

.select-span {
    color: #000;
    font-size: 13px;
    width: 70px;
    display: inline-block;
    box-sizing: border-box;
}

.select-part button {
    border: 1px solid #e1e1e1;
    padding: 5px 40px;
    background: #ff5406;
    border-radius: 3px;
    color: #fff;
}

.level-part {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.select-part .race-part {
    padding-left: 50px;
    display: flex;
    align-items: center;
}

ul.item-device {
    display: flex;
}

ul.item-device > li.active {
    border: 1px solid #0175b0;
    color: #0175b0;
}

ul.item-device > li:hover {
    border: 1px solid #0175b0;
    color: #0175b0;
}

ul.item-device > li:hover a {
    color: #0175b0;
}

ul.item-device li:first-child {
    /*margin-left: 0;*/
}

ul.item-device > li {
    padding: 6px 12px 6px 17px;
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 204px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ccc;
    color: #444;
    font-size: 12px !important;
    position: relative;
    border-radius: 3px;
}

ul.item-device > li.active a {
    color: #0175b0;
}

ul.item-device > li a {
    color: #7e7c78;
}

ul.item-device > li.active a:before {
    background: #0175b0;
}

ul.item-device > li:hover a:before {
    background: #0175b0;
}

ul.item-device > li a:before {
    content: '';
    width: 4px;
    display: inline-block;
    height: 4px;
    background: #7e7c78;
    position: absolute;
    top: 14px;
    left: 7px;
    border-radius: 50%;
}

ul.item-device {
    width: 1300px;
    flex-wrap: wrap;
    display: flex;
    margin: 0 auto;
    position: relative;
    /*display: none;*/
    padding-top: 10px;
    padding-bottom: 5px;
    background:#f3f3f3;
    border: 1px solid #d8d8d8;
    margin-top: 15px;
    border-radius: 3px;
}

main.goods .goods-select .goods-device > li.addclassname.active:after {
    content: '';
    border: 10px solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #f3f3f3;
    position: absolute;
    bottom: -16px;
    z-index: 1;

}

main.goods .goods-select .goods-device > li.addclassname.active:before {
    content: '';
    border: 10px solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #d8d8d8;
    position: absolute;
    bottom: -15px;
    z-index: 1;
}

ul.item-device div.choose-type-li {
    width: 1360px
}

ul.item-device div.choose-type-li .choose-type {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px
}

ul.item-device div.choose-type-li .choose-type > li {
    min-width: 30px;
    cursor: pointer;
    margin-left: 8px;
    margin-bottom: 15px;
    padding: 4px 5px;
    border: 1px solid #d9d9d9;
    text-align: center;
    color: #000;
}

ul.item-device div.choose-type-li .choose-type > li:first-child {
    margin-left: 15px;
}

ul.item-device div.choose-type-li .choose-type li.active {
    border: 1px solid #e5400a;
    color: #e5400a;
}

ul.item-device div.choose-type-li .choose-type li:hover {
    border: 1px solid #e5400a;
    color: #e5400a;
}

.item-link > li.active {
    background: #42230a;
    border: 1px solid #d9d9d9;
    color: #ffca00;
    position: relative;
    display: inline-block;
}

.item-link li:first-child {
    margin-left: 0;
}

.item-link > li {
    border: 1px solid #39312e;
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #e9e2c5;
}

.item-link > li.active a {
    color: #ffca00;
    display: inline-block;
}

.item-link > li a {
    color: #e9e2c5;
    padding: 6px 12px 6px 17px;
}

.item-link > li a:hover {
    background: #ffca00;
    color: #0a0a0a;
}

.rocket-box {
    width: 100%;
    margin-top: 18px;
}

.rocket-box .rocket {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 10px;
    border: 1px solid #ca7a21;
    background: #2e1b10;
}

#demo {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 40%;
    border-color: transparent transparent #ca7a21 transparent;
    border-width: 10px;
    border-style: solid;
}

.item-link > li.active::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 31px;
    left: 40%;
    border-color: transparent transparent #2e1b10 transparent;
    border-width: 10px;
    border-style: solid;
    display: none;
}

.item-link > li.nostep::after {
    content: "";
    border: none !important;
}

.rocket-box .rocket > li {
    border: 1px solid #39312e;
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #e9e2c5;
}

.rocket-box .rocket > li:hover {
    background: #ffca00;

}

.rocket-box .rocket > li:hover a {
    color: #000;
}

.rocket-box .rocket > li.active {
    border: 1px solid #ffca00;
    /*color: #ffca00;*/
    background: #ffca00;
}

.rocket-box .rocket li:first-child {
    margin-left: 0;
}

.rocket-box .rocket > li.active a {
    color: #000;
}

.rocket-box .rocket > li a {
    color: #e9e2c5;
    padding: 6px 12px 6px 17px;
}

/*list3*/
.boosting-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.boosting-part {
    /*background: #252018;*/
    position: relative;

}

.boosting-header {
    position: relative;
    padding: 10px;
    background: #f0f0f0;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
}

.boosting-header:hover {
    border: 1px solid #ff9b23;
}

.boosting-part .hot {
    position: absolute;
    width: 85px;
    border: 10px solid #fb7300;
    border-left: none;
    border-right: 7px solid transparent;
    z-index: 100;
    top: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.boosting-part .hot .hot-con span {
    color: white;
    text-align: center;
    display: block;
    font-weight: normal;
    font-size: 14px;
    transform: scale(0.8);
}

.boosting-part .discount-hot {
    border: 10px solid #55a003;
    border-left: none;
    border-right: 7px solid transparent;
}

.boosting-header {
    display: flex;
}

.boosting-header img {
    max-width: 142px;
    width: 142px;
    display: inline-block;
}

.boosting-header .boosting-title {
    padding-left: 15px;
    width: 340px;
}

.boosting-header .boosting-title span:first-child {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.boosting-header .boosting-title .goods-num {
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 110px;
    border: 1px solid #bfbebe;
    margin: 0;
}

.boosting-header .boosting-title .goods-num span {
    width: 30px;
    text-align: center;
    font-size: 21px;
    color: #aba8a8;
    font-weight: normal;
    background: #fafafa;
    cursor: pointer;
    height: 100%;
    line-height: 30px;
    border-radius: 3px;
}

.boosting-header .boosting-title .goods-num input {
    background: #fafafa;
    height: 100%;
    border: none;
    border-right: 1px solid #bfbebe;
    border-left: 1px solid #bfbebe;
    width: 50px;
    text-align: center;
    color: #000;
    box-sizing: border-box;
}

.boosting-header .boosting-title .service-type {
    margin-top: 10px;
}

.boosting-header .boosting-title .service-type span:first-child {
    color: #707d8d;
}

.boosting-header .boosting-title .service-type span {
    color: #9a9f96;
    font-size: 12px;
    font-weight: normal;
}

.boosting-header .boosting-title .level-part {
    display: flex;
    padding-top: 10px;
    align-items: center;
}

section.level {
    margin-top: 20px;
}

section.level .level-header {
    display: flex;
    flex-wrap: wrap;
    height: 60px;
    background: #f0f0f0;
    border: 1px solid #e1e1e1;
}

section.level .level-header div {
    font-size: 16px;
    font-weight: 700;
    line-height: 60px;
    width: 165px;
    text-align: center;
}

section.level .level-header .proname {
    flex-grow: 1;
    text-align: left;
    padding-left: 15px;
}

.boosting-header .boosting-title .level-part span {
    color: #787f8a;
    font-weight: 600;
    font-size: 12px !important;
}

section.level .level-item {
    display: flex;
    justify-content: space-between;
    border: 1px solid #e1e1e1;
    margin-top: -1px;
}

section.level ul.rslevellist form:nth-child(odd) {
    background: #fff;
}

section.level ul.rslevellist form {
    background: #fafafa;
}

section.level .level-item .name {
    flex-grow: 1;
    text-align: left;
    font-size: 14px;
    padding-left: 15px;
    display: flex;
    align-items: center;
}

section.level .level-item div {
    line-height: 60px;
    width: 165px;
    text-align: center;
}

section.level .level-item div select {
    width: 110px;
    height: 26px;
    text-align: center;
    border-radius: 5px;
    text-align-last: center;
}

section.level .level-item .pricediv {
    color: red;
}

section.level .level-item div button {
    border-radius: 4px;
    color: #fff;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 221, .5), 0 1px 2px rgba(0, 0, 0, .2);
    font-family: helveticaneue-light, helvetica neue light, helvetica neue, Helvetica, Arial, lucida grande, sans-serif;
    background: linear-gradient(to bottom, #7fb404, #7db200);
    color: #fff;
    text-shadow: 0 -1px 1px transparent;
}

.boosting-header .boosting-title .level-part span.currency-price {
    font-size: 16px !important;
}

.boosting-header .boosting-title .level-part span.price-new {
    font-size: 16px !important;
}

.boosting-header .boosting-title .level-part span.currency-price {
    font-size: 14px !important;
}

.boosting-header .boosting-title .level-part span.price-old {
    font-size: 14px !important;
}

.boosting-header .boosting-title .level-part select {
    border: 1px solid #e1e1e1;
    color: #656971;
    text-align: center;
    padding: 2px 10px;
    background: #1e2733;
    /*text-align-last: center;*/
}

.boosting-header .boosting-title .level-part .end-part {
    padding-left: 15px;
}

.boosting-header .boosting-title .level-more p {
    padding-top: 5px;
}


.price-part {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.boosting-header .price {
    padding-left: 15px;
    color: red !important;
    font-size: 20px;
}

.boosting-header .sell-price {
    padding-left: 5px;
    text-decoration: line-through;
    color: #433e38 !important;
    font-size: 16px;
    font-weight: 600;
}

.boosting-header .price .currency-price {
    color: red !important;
    font-size: 20px !important;
}

.boosting-header .price .price-new {
    color: red !important;
    font-size: 20px !important;
}

.boosting-header .sell-price .currency-price {
    color: #433e38 !important;
}

.boosting-header .sell-price .price-old {
    color: #433e38 !important;

}

.more-info p {
    color: #ff342e;
    padding-top: 20px;
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
}

.boosting-action {
    /*margin-left: 30px;*/
    width: 135px !important;
}

.boosting-action i {
    color: #fff;
    /*opacity: 0;*/
    font-size: 0;
    transition: opacity .8s;
}

.boosting-action div.add-cart {
    padding: 5px 12px;
    /*font-family: helveticaneue-light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;*/
    /*background: #382924;*/
    color: #fff;
    /* text-shadow: 0 -1px 1px transparent; */
    border: 1px solid #e1e1e1;
    /* color: #fff; */
}

.boosting-cart a {
    color: #d7d0c6;
}

.boosting-action div.add-cart.display i.iconfont {
    color: #f5c600;
    transition: opacity .8s;
}

.boosting-action div.add-cart.display i.iconfont {
    opacity: 1;
    font-size: 20px;
}

.boosting-action div.boosting-cart {
    padding: 5px 12px;
    font-family: helveticaneue-light, helvetica neue light, helvetica neue, Helvetica, Arial, lucida grande, sans-serif;
    background: #382924;
    color: #fff;
    /* text-shadow: 0 -1px 1px transparent; */
    border: 1px solid #ea8914;
    /* color: #fff; */
    text-shadow: 0 -1px 1px rgba(19, 28, 0, .35);
}

.boosting-action div {
    color: #666;
    text-align: center;
    padding: 6px 12px;
    border-radius: 2px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    /* background: linear-gradient(to bottom,#009fe4,#008ecc); */
    overflow: hidden;
    white-space: nowrap;
    /* background: linear-gradient(to bottom,#009fe4,#008ecc); */
    overflow: hidden;
    white-space: nowrap;
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #e1e1e1;
}

.boosting-action button {
    color: #fff;
    text-align: center;
    padding: 5px 21px;
    border-radius: 2px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    /* background: linear-gradient(to bottom,#009fe4,#008ecc); */
    overflow: hidden;
    white-space: nowrap;
    background: -webkit-linear-gradient(top, #0175b0, #0175b0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
    border: none;
    box-sizing: content-box;
}

.boosting-action button:hover {
    opacity: .8;
}

.boosting-action .buy-now {
    /*margin-top: 10px;*/
}

.boosting-buy-now {
    margin-top: 10px;
}

.boosting-action div:hover {
    opacity: .8;
}

/*select*/
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #fff url(../images/icon26.png) no-repeat 455px center;
    padding: 5px 10px;
    color: #000;
}

.select2-container {
    width: 206px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
}

.select2-dropdown {
    background-color: #fff !important;
    color: #000;
    border: 1px solid #e1e1e1 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ff5406 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ff5406 !important;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
}

.boosting-body {
    background: #f0f0f0;
    padding: 15px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    margin-top: -20px;
    z-index: 111;
    display: none;
    border: 1px solid #e1e1e1;
    color: #9a9f96;
    line-height: 15px;
}

.boosting-body .boosting-sub {
    color: #ecbc00;
    padding-bottom: 5px;
}

.boosting-body .qus-part {
    padding-top: 20px;
    color: #e9e2c5;
    padding-bottom: 5px;
}

.boosting-body .qus-part p {
    padding-bottom: 5px;
}

/*tip*/
.block-delivery .igame-qtip-tooltip {
    display: none;
}

.hidden {
    display: none;
}

.qtip-igame .qtip-titlebar {
    background-color: #fff !important;
    border-bottom: 1px solid #e7e7e7 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Montserrat', sans-serif;
}

.qtip-igame {
    border: 1px solid #e7e7e7 !important;
    background-color: #fff !important;
    color: #555 !important;
    font-size: 12px !important;
    line-height: 17px !important;
}

/*shopping*/
.shopping-index .shopping-title {
    font-size: 20px
}

.shopping-index .process {
    width: 100%;
    padding: 30px 0
}

.shopping-index .shopping-con .shopping-con-title {
    background: RGB(0, 142, 204);
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: 700;
    display: flex;
    text-align: center;
    /*    border: 1px solid #e1e1e1;*/
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
}

.shopping-index .shopping-con .shopping-bus-con {
    border: 1px solid #ccc;
    border-top: none
}

.shopping-index .shopping-con .shopping-bus-con li {
    display: flex;
    border-bottom: 1px solid #ccc;
    height: 61px
}

.shopping-index .shopping-con .shopping-bus-con li:last-child {
    border-bottom: none
}

.shopping-index .shopping-con .shopping-bus-con .product-name {
    width: 600px;
    font-size: 14px;
    font-weight: 500;
    border-right: 1px solid #ccc;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: #000;
}

.shopping-index .shopping-con .shopping-bus-con .product-name img {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-price, .shopping-index .shopping-con .shopping-bus-con .product-cart-actions, .shopping-index .shopping-con .shopping-bus-con .product-cart-total, .shopping-index .shopping-con .shopping-bus-con .product-cart-remove {
    display: flex;
    align-items: center;
    width: 255px;
    justify-content: center;
    border-right: 1px solid #ccc;
    height: 100%;
    color: #000;
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-total {
    width: 230px !important
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-actions input {
    /*border-radius: 3px;*/
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    /*background: #1e2733;*/
    color: #000;
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-actions span {
    width: 30px;
    text-align: center;
    font-size: 12px;
    /*background: #000;*/
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    /*border-radius: 3px;*/
    border: 1px solid #e1e1e1;
    /*border-right: none;*/
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-actions input {
    width: 5em;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-remove {
    border-right: none
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-remove i.iconfont {
    font-size: 24px
}

.shopping-index .shopping-con .shopping-bus-con .product-cart-remove i.iconfont:hover {
    color: #0175b0;
    cursor: pointer
}

.shopping-index .balance {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    border: 1px solid #ccc;
    border-top: none
}

.shopping-index .balance .subtotal-con ul li {
    display: flex;
    justify-content: space-between;
    height: 22px
}

.shopping-index .balance .subtotal-con ul li .title {
    width: 200px;
    text-align: right;
    color: #000;
}

.shopping-index .balance .subtotal-con ul li .value {
    width: 91px;
    color: red;
    margin-left: 10px
}

.shopping-index .balance .subtotal-con ul li.grand-total .title {
    font-weight: 700;
    font-size: 18px;
    font-family: montserrat, sans-serif;
    line-height: 18px;
}

.shopping-index .balance .subtotal-con ul li.grand-total .value {
    font-weight: 700;
    font-size: 18px
}

.shopping-index .balance .coupons input {
    width: 152px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #ccc;
    /*    background: #1e2733;*/
    color: #000;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 13px;
    padding-left: 8px;
    outline: none;
}

.shopping-index .balance .coupons button {
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 6px 8px;
    background-color: #0175b0;
    /*border: 1px solid #e1e1e1;*/
}

.shopping-index .balance .coupons #coupon-notice {
    color: red;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.shopping-index .shopping-login .title {
    background: #f0f0f0;
    /*color: #fff;*/
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 14px;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    width: calc(100% + 2px);
    margin: -1px;
    box-sizing: border-box;
    /*border: 1px solid #e1e1e1;*/

}

.shopping-index .shopping-login .pay-information {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: start
}

.shopping-index .shopping-login .pay-information .payment-user-information {
    width: 470px;
    margin-right: 30px;
    border: 1px solid #e4e0e0;
}

.shopping-index .shopping-login .pay-information .payment-user-information .payment-user {
    padding-top: 10px
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box {
    margin-top: 14px;
    display: flex
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box label {
    min-width: 133px;
    /*display: inline-block;*/
    text-align: right;
    /* padding-top: 4px; */
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box label span.required {
    color: red
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box input {
    width: 291px;
    border: 1px solid #e1e1e1;
    line-height: 31px;
    border-radius: 5px;
    font-size: 13px;
    height: 24px;
    padding-left: 8px;
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box select {
    width: 135px;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 31px
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box select + input {
    width: 151px
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box span.notice {
    transition: .5s;
    visibility: visible;
    opacity: 0;
    font-weight: 700;
    color: red;
    height: 16px;
    /*display: block;*/
    display: none;
}

.shopping-index .shopping-login .pay-information .payment-user-information .input-box span.notice.display {
    opacity: 1
}

.shopping-index .shopping-login .pay-information .payment-user-information .select {
    padding-bottom: 15px
}

.shopping-index .shopping-login .pay-information .payment-user-information .member label {
    display: flex;
    align-items: center;
}

.shopping-index .shopping-login .pay-information .payment-user-information .member {
    padding: 0 31px;
    width: 465px;
    margin-bottom: 30px;
}

.shopping-index .shopping-login .pay-information .payment-user-information .member input[type=checkbox] {
    margin-right: 10px
}

.shopping-index .shopping-login .pay-information .payment-user-information .member .input-box {
    display: none;
    margin-left: -32px
}

.shopping-index .shopping-login .pay-information .payment-user-information .member .input-box label {
    margin-right: 13px
}

.shopping-index .shopping-login .pay-information .payment-user-information .member .input-box em {
    color: red;
    margin-right: 10px
}

.shopping-index .shopping-login .pay-information .payment-user-information .member .input-box input {
    margin-left: -4px
}

.shopping-index .shopping-login .pay-information .payment-game-information {
    border: 1px solid #e1e1e1;
}

.shopping-index .shopping-login .payment-game-information {
    min-height: 300px;
    /*flex-grow: 1*/
    width: calc(100% - 490px);
}

.shopping-index .shopping-login .payment-game-information #list_form {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px
}

.shopping-index .shopping-login .payment-game-information #list_form .geban {
    height: 8px
}

.play-type ul {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.play-type ul li:first-child {
    margin-left: 0;
}

.play-type ul > li.active {
    border: 1px solid #ff5406;
    color: #ff5406;
    position: relative;
    display: inline-block;
    background: url(../images/icon33.gif) no-repeat right 0;
}

.play-type ul > li {
    border: 1px solid #ccc;
    padding: 6px 12px 6px 17px;
    margin-left: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #000;
}

.auction-tips {
    padding: 10px 10px 10px 24px;
    background: #fff;
    width: 95%;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 10px;
    font-size: 12px;
}

.auction-img {
    padding-top: 10px;
}

.auction-tip {
    padding-top: 10px;
    color: red;
}

.shopping-index .shopping-login .payment-game-information #list_form * {
    text-transform: capitalize
}

.shopping-index .shopping-login .payment-game-information #list_form em {
    color: red !important
}

.shopping-index .shopping-login .payment-game-information #list_form .input-box {
    margin-top: 10px
}

.shopping-index .shopping-login .payment-game-information #list_form .input-box label {
    display: block;

}

.shopping-index .shopping-login .payment-game-information #list_form .input-box input {
    text-transform: none
}

.shopping-index .shopping-login .payment-game-information #list_form .input-box input, .shopping-index .shopping-login .payment-game-information #list_form .input-box select {
    border: 1px solid #ccc;
    line-height: 31px;
    border-radius: 5px;
    font-size: 13px;
    height: 31px;
    width: 60%;

    padding-left: 8px;
    box-sizing: border-box;
    color: #757575;
    outline: none;
}

.shopping-index .shopping-login .payment-game-information #list_form .input-box span.notice {
    /*display: block;*/
    height: 18px;
    color: red;
    display: none;
}

.shopping-index .shopping-login .payment-game-information #list_form .game-tips {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
    padding-top: 10px;
}

.shopping-index .shopping-login .payment-game-information #list_form .game-tips a {
    color: #ff5406;
    font-weight: 700
}

.shopping-index .shopping-login .payment-game-information #list_form .game-tips span, .shopping-index .shopping-login .payment-game-information #list_form .game-tips p, .shopping-index .shopping-login .payment-game-information #list_form .game-tips div {
    text-transform: none;
    color: #757575;
    font-size: 13px;
}

.shopping-index .shopping-login .payment-game-information #list_form .game-tips span:first-letter, .shopping-index .shopping-login .payment-game-information #list_form .game-tips p:first-letter, .shopping-index .shopping-login .payment-game-information #list_form .game-tips div:first-letter {
    text-transform: capitalize
}

.shopping-index .shopping-login .payment-game-information #list_form .game-tips:first-letter {
    text-transform: capitalize
}

.shopping-index .shopping-login .payment-game-information #list_form .cboxtitle {
    padding-left: 10px;
    color: #fff;
    font: bold 14px/35px arial;
    background: #565656;
    border-radius: 5px 5px 0 0;
    margin-top: 15px;
    width: 60%;
    box-sizing: border-box;
}

.shopping-index .shopping-login .payment-game-information #list_form .group-select li {
    font-size: 14px;
    overflow: hidden;
    font-size: 14px
}

.shopping-index .shopping-login .payment-game-information #list_form .simg0 {
    line-height: 49px
}

.shopping-index .shopping-login .payment-game-information #list_form .cboxfile, .shopping-index .shopping-login .payment-game-information #list_form #uploadPreviewDIV20 {
    padding: 10px;
    background: #fff;
    border: solid 1px #eee;
    overflow: hidden;
    width: 60%;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
}

.shopping-index .shopping-login .payment-game-information #list_form .cboxfile b {
    color: #e00000;
    font-size: 14px;
    font-weight: bolder
}

.shopping-index .shopping-login .payment-game-information #list_form .cboxfile li:hover {
    background: #d6d6d6;
    cursor: pointer
}

.shopping-index .shopping-login .payment-game-information #list_form .simg0 img {
    float: left;
    margin-right: 10px
}

.shopping-index .shopping-login .payment-game-information #list_form .cboximg {
    position: relative
}

.shopping-index .shopping-login .payment-game-information #list_form #uploadPreviewDIV0 {
    width: 95%
}

.shopping-index .shopping-login .payment-method {
    margin-top: 30px;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding-bottom: 30px;

}

.shopping-index .shopping-login .payment-method ul {
    display: flex;
    flex-wrap: wrap;
    padding: 42px 34px;
    margin-top: -20px;
    margin-left: -19px
}

.shopping-index .shopping-login .payment-method ul li {
    width: 184px;
    margin-top: 10px;
    margin-left: 17px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    position: relative;
    padding: 5px 5px 5px 10px;
    background: #fff;
    border-radius: 3px;
}

.shopping-index .shopping-login .payment-method ul li p {
    padding-left: 27px;
    font-size: 13px;
    color: #f6dfbf;
    display: none;
}

.payment-method .hot {
    cursor: pointer;
    position: absolute;
    width: 95px;
    border: 10px solid red;
    border-right: none;
    border-left: 7px solid transparent;
    z-index: 100;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.payment-method ul li:hover {
    border: 1px solid #0175b0 !important;
}

.shopping-login .p_method_title {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.payment-method ul li img {
    max-width: 137px;
}

.payment-method .hot .hot-con {
    position: absolute;
    color: #888a89;
    top: -8px;
    padding-left: 6px;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.payment-method .hot .hot-con span {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    transform: scale(.8);
    display: inline-block;
}

.shopping-index .shopping-login .payment-method > p {
    margin-bottom: 10px;
    margin-left: 20px
}

.shopping-index .shopping-login .order-submit {
    display: flex;
    justify-content: center
}

.shopping-index .shopping-login .order-submit button {
    width: 230px;
    line-height: 43px;
    margin: 0px auto 10px;
    text-align: center;
    color: white;
    background: #0175b0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid #e1e1e1;
}

.shopping-index .shopping-login .order-submit input[type=submit] {
    width: 230px;
    line-height: 43px;
    margin: 0px auto 10px;
    text-align: center;
    color: white;
    background: #0175b0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid #0175b0;
}

.shopping-index .shopping-login .order-submit input[type=submit]:hover {
    opacity: 0.8
}

/*items*/
main.goods section.goods-list-con .search {
    padding-top: 17px;
    display: flex;
    padding-bottom: 12px;
    width: 100%;
    align-items: center;
    background: #e5e5e5;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

main.goods section.goods-list-con .search .search-input {
    width: 270px;
    display: flex;
    height: 34px;
    position: relative;
}

main.goods section.goods-list-con .search .search-input input {
    width: 236px;
    border-top: 1px solid #40464e;
    border-left: 1px solid #40464e;
    border-bottom: 1px solid #40464e;
    border-right: 1px solid #40464e;
    padding-left: 18px;
    height: 100%;
    background: #0f1114;
    box-sizing: border-box;
    color: #fff;
    border-radius: 3px;
}

main.goods section.goods-list-con .search .search-input span {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*width: 34px;*/
    /*background: RGB(0,142,204);*/
}

main.goods section.goods-list-con .search .search-input span i.iconfont {
    font-size: 20px;
    position: absolute;
    right: 5px;
    display: flex;
    top: 6px;
    color: #82807d;
}

/*slide*/
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #fff !important;
}

.swiper-pagination-bullet-active {
    background: #ff5406 !important;
}

/*CD KEYS*/

main.goods section.goods-list-con .goods-list-con-items {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-top: -25px;
    margin-left: -25px;
}

main.goods section.goods-list-con .goods-list-con-items li {
    margin-top: 25px;
    width: 239px;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 25px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
}

main.goods section.goods-list-con .goods-list-con-items li .hot {
    top: 8px;
    left: 0;
    position: absolute;
    width: 87px;
    border: 15px solid #fb7300;
    border-left: none;
    border-right: 10px solid transparent;
    z-index: 100;
    box-sizing: border-box;
}

main.goods section.goods-list-con .goods-list-con-items li .hot .hot-con {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-num {
    margin: 0 auto 12px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 139px;
    border: 1px solid #4c5663;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 3;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-num span {
    width: 25px;
    text-align: center;
    font-size: 12px;
    color: RGB(180, 180, 180);
    cursor: pointer;
    height: 100%;
    line-height: 25px;
    border-radius: 3px;
    font-weight: 600;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-num input {
    height: 21px;
    border: none;
    border-right: 1px solid #4c5663;
    border-left: 1px solid #4c5663;
    width: 89px;
    text-align: center;
    background: #2c3440;
    color: #787f8a;
    box-sizing: border-box;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation {
    display: flex;
    height: 34px;
    align-items: center;
    padding: 0px 8px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty {
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
    background: #e8e8e8;
    height: 34px;
    align-items: center;
    border-radius: 6px;
    padding: 0px 8px
}


main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty.boll-qty {
    background: transparent;
    padding: 0;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty.boll-qty span {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    justify-content: center;
    margin-right: 0;
    background: #eff0f0;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty.boll-qty .input input {
    height: 30px;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty span {
    margin-right: 10px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty .input {
    flex-grow: 1
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .qty .input input {
    width: 100%;
    text-align: center;
    border: 1px solid #e1e1e1;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type {
    margin-left: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 4px;
    position: relative;
    cursor: pointer
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type .default-close {
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type .default-close .ball {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    border: 1px solid #ccc
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type .default-close::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    position: relative;
    top: 3px;
    margin-left: 4px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul {
    position: absolute;
    width: 250px;
    display: flex;
    flex-wrap: wrap;
    z-index: 100;
    left: -58px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul li {
    width: 50%;
    margin: 0;
    padding: 4px 10px;
    height: auto;
    border: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: white
}

.goods-num-unit {
    position: absolute;
    font-size: 28px;
    bottom: 20px;
    font-weight: 600;
    display: flex;
    color: #f8f7ff;
    z-index: 11;
    text-shadow: -2px 2px 2px #000000b5;
}

.prooff {
    font-size: 13px;
    font-weight: 700;
    line-height: 33px;
    position: absolute;
    top: -8px;
    left: -39px;
    display: inline-block;
    width: 67px;
    height: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform:rotate(-45deg);
    text-align: center;
    color: #fff;
    box-sizing: content-box;
    z-index: 1;
    border-top: 30px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 30px solid #ff9900;
    border-left: 28px solid transparent;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul li .color {
    display: flex;
    align-items: center
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul li .color-display {
    text-align: center;
    font-size: 12px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-operation .close-type ul.display {
    visibility: visible;
    opacity: 1
}

main.goods section.goods-list-con .goods-list-con-items li .goods-num + .price {
    padding-bottom: 10px;
    text-align: center;
    color: #433e38;
}

main.goods section.goods-list-con .goods-list-con-items li .puy-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
}

main.goods section.goods-list-con .goods-list-con-items li .puy-button button {
    width: 130px;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #0099db, #0090d0);
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);*/
    border: none;
    font-size: 14px;
    /*text-shadow: 0 1px 1px #fff;*/
    color: #fff;
    height: 33px;
    line-height: 33px;
    border-radius: 3px;
}

main.goods section.goods-list-con .goods-list-con-items li:hover {
    border: 1px solid #0175b0;
}

main.goods section.goods-list-con .goods-list-con-items li:hover .goods-list-con:before {
    content: '';
    width: 92%;
    height: 100%;
    bottom: -1px;
    position: absolute;
    top: -1px;
    left: 5%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    pointer-event: none;
}

main.goods section.goods-list-con .goods-list-con-items li:hover .goods-list-con:after {
    content: '';
    width: 100%;
    height: 92%;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 5%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    pointer-event: none;
}

main.goods section.goods-list-con .goods-list-con-items li .puy-button button:hover {
    opacity: .8;
}

main.goods section.goods-list-con .goods-list-con-items li .puy-button button.add-cart {
    margin-left: 10px;
    border: 1px solid #ea8914;
    background: #322e22;
}

main.goods section.goods-list-con .goods-list-con-items li .puy-button button.add-cart i.iconfont {
    color: #ea8914;
    opacity: 0;
    font-size: 0;
    transition: opacity .8s;
}

main.goods section.goods-list-con .goods-list-con-items li .puy-button button.add-cart.display i.iconfont {
    opacity: 1;
    font-size: 20px;
}

main.goods section.goods-list-con .goods-list-con-items li .price .sign-big {
    color: red;
    font-weight: 700;
    font-size: 16px;
}

main.goods section.goods-list-con .goods-list-con-items li .price .sign {
    font-size: 14px;
    color: #433e38;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: none;
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img > img {
    max-width: 130px;
    max-height: 100%
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-img {
    position: absolute;
    left: 150px;
    top: -9px;
    z-index: 500;
    visibility: hidden;
    opacity: 0;
    transition: all .8s;
    transform: scale(0)
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-img img {
    max-width: 550px;
    max-width: 550px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-img.display {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-passage {
    position: absolute;
    background: #ff8f00;
    color: white;
    padding: 12px 12px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    transition: all .8s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    z-index: 500;
    width: 210px
}

main.goods section.goods-list-con .goods-list-con-items li .goods-img .display-passage.display {
    top: 0px;
    left: 150px;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all .8s
}

main.goods section.goods-list-con .goods-list-con-items li .goods-title {
    margin-top: 4px;
    font-size: 14px;
    height: 47px;
    margin-bottom: 12px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center;
}

main.goods section.goods-list-con .goods-list-con-items li .price {
    padding-bottom: 10px;
    text-align: center;
    color: #433e38;
}

main.goods section.goods-list-con .goods-list-con-items li .close-type .price {
    padding-bottom: 0;
}

main.goods section.goods-list-con .goods-list-con-items li:nth-child(5n) .display-img {
    left: -150px
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con > li > .goods-img {
    height: 174px !important;
    flex-direction: column;
    background: black;
    box-sizing: border-box;
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con > li > .goods-img > img {
    height: 124px;
    max-height: 124px
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .color > .ball {
    margin-right: 10px
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Default_Color {
    background: #ccc !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Black {
    background: #000 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Saffron {
    background: #ff0 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Burnt_Sienna {
    background: #985600 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Pink {
    background: #ec8af9 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Grey {
    background: #424754 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Cobalt {
    background: #5790ff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Titanium_White {
    background: #fff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Orange {
    background: #f88c00 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Forest_Green {
    background: #00e000 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Sky_Blue {
    background: #30e5ff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Purple {
    background: #7d00d5 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Lime {
    background: #b5ff00 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Crimson {
    background: #d00 !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Sky_Blue {
    background: #30e5ff !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Titanium_White {
    background: white !important
}

main.goods section.goods-list-con .goods-list-con-items.rocket-con .ball.Burnt_Sienna {
    background: #985600 !important
}


/*personal*/
section.account-index {
    box-sizing: border-box;
}

section.account-index {
    display: flex;
    justify-content: space-between;
}

section.account-index .account .discount-text {
    background: #0175b0;
    padding: 3px 8px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
}

section.account-index .account .user-right {
    padding-left: 15px;
}

section.account-index .account .welcome-msg {
    border-bottom: 1px solid #e1e1e1;
    /*padding: 15px;*/
    padding-bottom: 15px;
    display: flex;
    /*color: #fff;*/
}

section.account-index .account .email-text {
    color: #909090;
    font-weight: 600;
}

section.account-index .account p {
    padding: 3px 0;
    /*color: #fff;*/
}


section.account-index .account .box-head h2 {
    font-size: 20px;
    font-weight: normal;
    padding-left: 15px;
}

section.account-index .account .box-head a {
    color: #000;
    font-size: 16px;
    padding-right: 15px;
}

section.account-index .account .box-head a:hover {
    color: #0175b0;
}

section.account-index .account .box-title {
    margin-top: 30px
}

section.account-index .account .box-title h3 {
    margin-bottom: 10px
}

section.account-index .account .box-title a {
    color: #f3b709;
    display: block;
    margin-bottom: 10px
}

section.account-index .account .box-content a {
    display: block;
    margin-top: 10px;
    color: #f3b709
}

section.account-index .account .box-content a:hover {
    color: #ccc
}

.public-left {
    width: 255px;
    color: white
}

.public-left i.iconfont {
    margin-right: 6px;
    font-size: 20px;
}

.public-left .left-title {
    height: 48px;
    line-height: 48px;
    background: #ff5406;
    padding-left: 26px
}

.public-left ul li {
    height: 48px;
    line-height: 48px;
    border: 1px solid #e1e1e1;
    margin-top: -1px;
    background: #fff;
}

.public-left ul li a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    padding-left: 26px;
    display: flex;
    justify-items: center;
    align-items: center
}

/*.public-left ul li.active {*/
/*    background: #ff5406*/
/*}*/

/*.public-left ul li.active a {*/
/*    color: white*/
/*}*/

.public-left ul li:hover {
    background: #0175b0
}

.public-left ul li:hover a {
    color: white
}

.public-left ul li.current {
    background: #0175b0;
}

.discount-level {
    display: flex;
}

.outer-therm {
    margin: 0 !important;
    background-color: #efefef !important;
}

.inner-therm span {
    display: none !important;
}

.discount-level > span {
    width: 20%;
    display: inline-block;
    color: #93928e;
}

.discount-level span.active {
    color: #80b407;
}

.public-left ul li.current a {
    color: white
}

/*edit*/
section.edit {
    display: flex;
    justify-content: space-between;
    /*padding: 20px 0;*/
    box-sizing: border-box;
}

section.edit .my-account .messages > li {
    color: #000;
    border-left: 5px solid #df280a;
    background-color: #faebe7;
    display: flex;
    height: 41px;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

section.edit .my-account .messages > li span {
    padding-left: 14px
}

section.edit .my-account .messages > li::before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent transparent #df280a;
    margin-right: 10px;
    left: -1px;
    position: absolute;
    top: 13px
}

section.edit .my-account h1 {
    margin: 30px 0;
    text-align: center;
    font-weight: 600;
    color: #636363
}

section.edit .my-account h2.legend {
    border: 1px solid #e1e1e1;
    height: 40px;
    font-weight: normal;
    line-height: 40px;
    padding-left: 15px;
    background: #f0f0f0;
    font-size: 16px;
    /*    color: #fff;*/
}

section.edit .my-account h2.password-legend {
    margin-top: 35px;
}

section.edit .my-account .profile-content {
    border: 1px solid #e1e1e1;
    border-top: none;
    padding: 20px 25px;
    background: #fff;
}

section.edit .my-account a {
    color: #f3b709
}

section.edit .my-account .input-box {
    margin-bottom: 15px;
}

section.edit .my-account label {
    margin-bottom: 10px;
    display: block;
    /*color: #cac9c9;*/
}

section.edit .my-account .input-box em {
    color: red;
    margin-right: 8px;
}

.change-password-form {
    margin-top: 35px;
}

section.edit .my-account .input-box input {
    border: 1px solid #ccc;
    width: 375px;
    height: 30px;
    padding: 0 8px;
    border-radius: 3px;
    /*    background: #1e2733;
        color: #757575;*/
    outline: none;
}

section.edit .my-account .input-box.select select {
    width: 100px;
    border-radius: 3px;
    height: 30px;
    /*    background: #1e2733;
        color: #757575;*/
    outline: none;
    border: 1px solid rgb(169, 169, 169);;
}

.content {
    width: 1300px;
    margin: 0 auto;
}

section.edit .my-account .input-box.select input {
    width: 265px
}

section.edit .my-account .input-box.select span {
    display: inline-block;
    width: 10px;
    color: #ccc;
    text-align: center
}

section.edit .my-account .input-box.select span.notice {
    display: block;
    width: auto;
    text-align: left
}

section.edit .my-account button {
    padding: 6px 12px;
    color: white;
    background: #0175b0;
    border: none;
    width: 200px;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.edit .my-account button i {
    font-size: 13px;
    padding-left: 5px;
}

/*order*/
section.order {
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
    /*padding: 20px 0;*/
    box-sizing: border-box;
}

section.order .my-account h1 {
    margin: 30px 0
}

section.order .my-account .pager-no-toolbar {
    margin-top: 20px;
    display: flex
}

section.order .my-account .pager-no-toolbar select {
    margin: 0 6px;
    border-radius: 3px;
    width: 50px;
    height: 20px
}

section.order .my-account .pager-no-toolbar .pages {
    display: flex;
    margin-left: 240px;
    align-items: center
}

section.order .my-account .pager-no-toolbar .pages a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    margin-left: 10px
}

section.order .my-account .pager-no-toolbar .pages a.cur_page {
    background: #f65f0e;
    border: 1px solid #f65f0e;
    color: #fff;
}

section.order a {
    color: #000
}

ul.messages.success > li {
    border-left: 5px solid #11b400 !important;
    background-color: #eff5ea
}

ul.messages.success > li::before {
    border-color: transparent transparent transparent #11b400 !important
}

#my-orders-table ul.header-title li, #my-orders-table ul.contianer li {
    /*height: 54px;*/
    /*line-height: 54px;*/

}

#my-orders-table ul.contianer li {
    /*border: 1px solid #e1e1e1;*/
    /*margin-top: -1px;*/
    width: 100%;
    text-align: center;
}

#my-orders-table ul.header-title li ul span, #my-orders-table ul.contianer li ul span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

#my-orders-table ul.header-title .number, #my-orders-table ul.contianer .number {
    flex-grow: 1;
}

#my-orders-table ul.header-title .date, #my-orders-table ul.contianer .date {
    width: 152px !important;
}

#my-orders-table ul.header-title .total, #my-orders-table ul.contianer .total {
    width: 120px
}

#my-orders-table ul.header-title .status, #my-orders-table ul.contianer .status {
    width: 120px
}

#my-orders-table ul.header-title .view, #my-orders-table ul.contianer .view {
    width: 190px !important;
    border: none;
}

#my-orders-table ul.contianer .view button {
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    background: #546e8a;
    color: #fff;
}

#my-orders-table ul.contianer .view button:hover {
    opacity: .8;
}

#my-orders-table ul.contianer .view button.live-chat {
    background: #0175b0;
    color: #fff;
    margin-left: 10px;
}


#my-orders-table .contianer > li .order-header div:last-child {
    border-right: none;
}

#my-orders-table .contianer > li .order-header div a {
    color: #ccc
}

#my-orders-table .contianer > li .order-header div a:hover {
    color: #f3b709;
}

#my-orders-table .contianer > li .order-body {
    display: none;
}

#my-orders-table .contianer > li .order-body ul {
    display: flex;
    justify-content: space-around;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: #444;
}

#my-orders-table .contianer > li .order-body ul li {
    border: none;
    line-height: 40px;
    height: 40px;
    width: auto;
}

#my-orders-table .contianer > li .order-body .order-price {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px 0 15px 0;
    background: #fff;
    color: #444;
}

#my-orders-table .contianer > li .order-body .order-price > div {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
    padding-top: 5px;
}

#my-orders-table .contianer > li .order-body .order-price > div span:last-child {
    color: red;
    width: 90px;
    text-align: right;
}

/*views*/
section.order-views {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

section.order-views a {
    color: #f3b709
}

section.order-views .my-account {
    width: calc(100% - 414px)
}

section.order-views .my-account h1.header {
    margin-top: 10px;
    padding: 15px 0;
    background: #f3b709;
    color: white;
    text-align: center
}

section.order-views .my-account h2.title {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 500
}

section.order-views .my-account h2.title small {
    font-weight: 700;
    margin-left: 30px
}

section.order-views .my-account .order-message {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
    padding-top: 30px
}

section.order-views .my-account .order-message .address {
    display: flex;
    font-style: normal
}

section.order-views .my-account .order-message .address ul {
    margin-left: 20px;
    margin-top: -10px
}

section.order-views .my-account .order-message .address ul li {
    margin-top: 10px
}

section.order-views .my-account .order-message .time-method p {
    font-weight: 500
}

section.order-views .my-account .order-message .time-method p strong {
    display: inline-block;
    width: 168px;
    text-align: right;
    margin-right: 10px
}

section.order-views .my-account h2.items-order {
    font-size: 18px;
    margin-bottom: 10px
}

section.order-views .my-account ul.header, section.order-views .my-account ul.container li {
    display: flex
}

section.order-views .my-account ul.header li, section.order-views .my-account ul.container li li {
    height: 45px;
    line-height: 45px;
    background: #f3b709;
    color: white;
    text-align: center
}

section.order-views .my-account ul.header .name, section.order-views .my-account ul.container li .name {
    flex-grow: 1
}

section.order-views .my-account ul.header .price, section.order-views .my-account ul.header .qty, section.order-views .my-account ul.header .subtotal, section.order-views .my-account ul.container li .price, section.order-views .my-account ul.container li .qty, section.order-views .my-account ul.container li .subtotal {
    width: 120px
}

section.order-views .my-account ul.container li > div {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
    color: black;
    text-align: center
}

section.order-views .my-account ul.price-subtotal {
    margin-top: 10px
}

section.order-views .my-account ul.price-subtotal li {
    display: flex;
    justify-content: flex-end;
    font-size: 16px
}

section.order-views .my-account ul.price-subtotal li .title {
    padding: 10px 0
}

section.order-views .my-account ul.price-subtotal li .value {
    width: 120px;
    text-align: center;
    padding: 10px 0;
    font-weight: 700;
    color: #f3b709;
}

/*payment order*/
.payment-chinese {
    padding-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff;
}

.payment-chinese .title {
    font-size: 19px;
    padding: 20px 0 15px;
    text-transform: uppercase;
    color: #373737;
    border-bottom: 1px solid #e9e9e9;
    font-weight: bolder
}

.payment-chinese .user-message, .payment-chinese .order-message {
    width: 547px;
    border: 1px solid #e1e1e1;
    border-top: 2px solid #0175b0;
    padding: 0 20px
}

.payment-chinese .user-message ul, .payment-chinese .order-message ul {
    padding: 10px 24px 30px;
    font-size: 16px
}

.payment-chinese .user-message ul li, .payment-chinese .order-message ul li {
    margin-top: 10px
}

.payment-chinese .user-message ul li input, .payment-chinese .order-message ul li input {
    font-size: 16px;
    background: white;
    border: 1px solid #e1e1e1;
    padding: 5px;
}

.payment-chinese .user-message ul li p, .payment-chinese .order-message ul li p {
    line-height: 24px
}

.payment-chinese .user-message ul li b, .payment-chinese .order-message ul li b {
    color: #0175b0;
}

.payment-chinese .payment-code {
    width: 100%;
    margin-top: 30px;
    border: 1px solid #e9e9e9;
    border-top: 2px solid #0175b0;
    padding: 0 20px
}

.payment-chinese .payment-code .payment-code-img {
    display: flex;
    justify-content: space-between
}

.payment-chinese .payment-code .payment-code-img .payment-code-con {
    width: 50%;
    text-align: center
}

.payment-chinese .payment-code .payment-code-img .payment-code-con .paymentlist-title {
    padding-top: 30px;
    font-size: 16px;
    text-align: center
}

.payment-chinese .payment-code .payment-code-img .payment-code-con img {
    width: 300px
}

.payment-chinese .payment-footer {
    text-align: center;
    padding-top: 30px
}

.payment-chinese .live-img {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px
}

.gold-title {
    background: #ededed;
    display: flex;
    height: 60px;
    color: black;
    font-size: 16px;
    font-weight: 700
}

.gold-title .gold-amount {
    width: 658px;
    padding-left: 20px;
    line-height: 62px;
    color: black
}

.gold-title .gold-price {
    width: 300px;
    line-height: 62px
}

.gold-title .gold-buy {
    flex-grow: 1;
    line-height: 62px;
    text-align: center
}

main.goods section.goods-list-con .gold-title {
    margin-top: 14px;
}

.goods-review .review-top {
    /* margin-top: 30px; */
    padding: 0 20px;
    /* line-height: 53px; */
    height: 53px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e5e5e5;
    border-radius: 3px;
}

.goods-review .review-top span {
    /*color: #bdbebf;*/
    font-size: 20px;
}

.goods-review .review-top .more-text {
    color: #9a9a9a;
    font-weight: normal;
    font-size: 13px;
}

.goods-review .review-top .more-text:hover {
    color: #0175b0;
}

.goods-review .news .review-bottom {
    display: flex;
    justify-content: space-between;
    /*background: #f0f0f0;*/
    /*border: 1px solid #e1e1e1;*/
    border-top: none;
}

.news-part-bottom {
    padding: 0 10px 10px;
}

.news-part-bottom p {
    color: #e4dede;
    font-weight: 600;
    margin: 5px 0;
    height: 45px;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.news-part-bottom p a {
    color: #e4dede;
}

.goods-review .news .review-bottom .news-part {
    width: 310px;
    border: 1px solid #ccc;
    height: 350px;
    background: #fff;
}

.goods-review .news .review-bottom .news-part img {
    max-width: 100%;
}

.goods-review .news .review-bottom .news-part:hover {
    box-shadow: -6px 6px 20px -4px #ccc, 2px 4px 20px -4px #ccc;
}

.goods-review .review-bottom ul.user-review-list li .review-level {
    display: block;
    color: #787f8a;
}

.goods-review .review-bottom .swiper-container {
    width: 100%;
}

.goods-review .review-bottom ul.user-review-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
    /*padding: 0 15px;*/
}

.goods-review .review-bottom ul.user-review-list li {
    border: 1px solid #ccc;
    width: 316px;
    padding: 15px 20px;
    border-radius: 3px;
    background: #fff;
}

.goods-review .review-bottom ul.user-review-list li .timer {
    font-size: 13px;
    color: #4d463e;
}

.goods-review .review-bottom ul.user-review-list li .user-say {
    color: #979a9e;
    line-height: 16px;
}

ul.user-review-list li .editor {
    color: #979a9e;
    font-size: 12px;
    padding-top: 20px;
}

.goods-review .review-bottom ul.user-review-list li .review-level i.iconfont {
    background: none;
    color: #04b678;
    font-size: 20px;
}

ul.user-review-list li .user-say {
    color: #141517;
    height: 50px;
    font-size: 12px;
}

ul.user-review-list li .user-name {
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
}

.goods-review .review-bottom ul.user-review-list li .review-level i.iconfont:nth-child(n+2) {
    margin-left: -10px;
}

.goods-review .review-bottom .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    background: #d1d1d1;
    border: none;
}


.goods-review .review-bottom .swiper-button-next, .swiper-button-prev {
    background: #afb1b0;
    border: none;
    color: #ffffff;
}

.goods-review .review-bottom .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    border: none;
}

.goods-review .review-bottom .swiper-button-prev i.iconfont, .swiper-button-next i.iconfont {
    color: #fff !important;
}

.meshim_widget_components_chatButton_ButtonBar .button_text {
    line-height: 31px !important;
}

.meshim_widget_components_chatButton_Button .button_bar {
    height: 31px !important;
}

.meshim_widget_components_ChatButton.br .button_bar {
    border: none !important;
}

/*page*/
#pagination {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pagination .prev {
    border: 1px solid #e1e1e1 !important;
    color: #000 !important;
    background: transparent !important;
}

#pagination .next {
    border: 1px solid #e1e1e1 !important;
    color: #000 !important;
    background: transparent !important;
}

#pagination .current {
    border: 1px solid #0175b0;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0175b0;
    cursor: pointer;

}

#pagination a {
    border: 1px solid #e1e1e1;
    color: #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px;
}

#pagination a:hover {
    background: #0175b0;
    color: #fff;
    border: 1px solid #e1e1e1;
}

#pagination a.prev:hover {
    background: #0175b0 !important;
    color: #fff !important;
    border: 1px solid #e1e1e1 !important;
}

#pagination a.next:hover {
    background: #0175b0 !important;
    color: #fff !important;
    border: 1px solid #e1e1e1 !important;
    border: 1px solid #e1e1e1 !important;
}

.pdb-content {
    background-color: #fff;
    color: #666;
    font-size: 12px;
    line-height: 150%;
    overflow: hidden;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdb-main a.btn-action {
    width: 80px;
    height: 30px;
    background: #0175b0;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-top: 10px;
}

.newslettersend {
    background: #efefef;
    padding: 10px;
    height: 68px;
}

.pdb-main .pb20 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notice-modal {
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 42%;
    width: 500px;
    display: none;
    height: 140px;
}

.pdb-main {
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9010;
    /*background-color: #fff;*/
    overflow: hidden;
    padding: 1px;
    width: 500px;
}

.pdb-main .pdb-title {
    background-color: #0175b0;
    color: #fff;
    font-size: 16px;
    height: 40px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.pdb-main .pdb-title span.icon-pop-close {
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}

.quick-purchase {
    display: flex;
    align-items: center;
    width: 63%;
    justify-content: space-between;
}

.quick-purchase .span-text {
    font-size: 16px;
}

.quick-purchase input {
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    padding: 0 10px;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    color: #444;
    -moz-appearance: textfield;
}

.quick-purchase input:focus {
    outline: none;
}

.quick-purchase .unit-text {
    color: red;
    font-weight: 700;
}

.quick-purchase .price-text {
    color: red;
    font-weight: 700;
    font-size: 16px;
}

.quick-purchase span.quick-buy-now {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 5px;
    color: #fff;
    background: #0094d4;
    cursor: pointer;
}

.quick-purchase span.quick-buy-now:hover {
    opacity: .8;
}

.lv-close-input {
    display: flex;
    margin-bottom: 60px;
}

.lv-close-input p {
    color: #666;
    padding-right: 10px;
    font-size: 18px;
}

.lv-close-input input {
    background: #f5f5f5;
    color: #666;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    height: 35px;
    width: 60px;
    text-align: center;
    box-sizing: border-box;
}

.lv-header {
    display: block !important;
    padding: 0 !important;
}

.lv-header:hover {
    border: 1px solid #e1e1e1 !important;
}

.lv-header img {
    width: auto !important;
    max-width: none !important;
}

.lv-close-input .input-operate {
    display: flex;
    align-items: center;
}

.lv-close-input .input-operate span {
    width: 35px;
    height: 35px;
    display: flex;
    box-sizing: border-box;
    color: #666;
    font-size: 24px;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    user-select: none;
    background: #e5e5e5;
    border: 1px solid #e1e1e1;
}

.lv-close-input .input-operate span:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.lv-close-input .input-operate span:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.lv-close-input input:focus {
    outline: none;
}

.lv-load {
    position: relative;
    border: 1px solid #969695;
    border-radius: 5px;
    height: 12px;
    box-sizing: border-box;
    width: 553px;
}

.lv-load .lv-load-link {
    height: 10px;
    width: 550px;
    border-radius: 5px;
    position: relative;
    /*background: #fff;*/
}

.lv-load .start-box, .lv-load .end-box {
    border: 2px solid #ff5e10;
    background: white;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -9px;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
}

.lv-load .lv-load-link .lv-load-bg {
    width: 470px;
    background: #e37727;
    height: 10px;
    position: relative;
    border: 1px solid #e37727;
    box-sizing: border-box;
    /*border-radius: 5px;*/
}

.lv-load .start-box-num, .lv-load .end-box-num {
    position: absolute;
    top: -35px;
    left: -10px;
    border: 1px solid #d6d6d6;
    background: #e5e5e5;
    min-width: 35px;
    height: 20px;
    text-align: center;
    color: #787878;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.lv-load .start-box-num:after, .lv-load .end-box-num:after {
    content: '';
    border-style: solid;
    border-width: 7px;
    position: absolute;
    top: 18px;
    border-color: #e5e5e5 transparent transparent transparent;
}

.lv-load .start-box:before, .lv-load .end-box:before {
    content: '';
    border-style: solid;
    border-width: 7px;
    position: absolute;
    top: -15px;
    border-color: #d6d6d6 transparent transparent transparent;
}

.add-lv-cart a {
    color: #d7d0c6;
}

.add-lv-cart {
    /*border: 1px solid #ea8914 !important;*/
    /*background: #382924 !important;*/
    width: 190px !important;
    height: 33px;
    margin-left: 4px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 -1px 1px transparent;
    border-radius: 3px;
    background: linear-gradient(to bottom, #7bb604, #7bb604);
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    transition: all .8s;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;

}

.speed {
    margin-top: 50px;
}

.speed ul {
    display: flex;
    width: 400px;
    justify-content: space-between;
}

.speed ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.speed ul li.speed-time {
    margin-right: 45px;
}

.speed ul li .speed-title {
    color: #666;
    font-size: 16px;
}

.speed ul li .speed-time {
    color: #e5400a;
}

.speed ul li .speed-time, .speed ul li .speed-money {
    font-weight: 700;
    font-size: 16px;
    color: #e5400a;
    padding-left: 10px;
}

.opeartion {
    display: flex;
    margin-top: 20px;
    /*justify-content: normal !important;*/
    width: 400px !important;
    justify-content: space-between !important;
}

.opeartion div {
    /*padding: 0 !important;*/
    /*width: 150px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
}

.opeartion [type=submit] {
    color: #ffffff;
    text-align: center;
    padding: 0;
    border-radius: 2px;
    height: 33px;
    line-height: 20px;
    font-size: 14px;
    width: 190px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    background: -webkit-linear-gradient(top, #ff9f24, #ff9f24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
    border: none !important;
}

.opeartion [type=submit]:hover {
    opacity: .8;
}

.wow-leveling-form {
    width: 100%;
}

.wow-leveling-form li {
    position: relative;
}

.leveling-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*padding-left: 10px;*/
    /*border-top: none;*/
    /*border-bottom: 1px solid #39312e;*/
    /*border-right: 1px solid #39312e;*/
    /*border-left: 1px solid #39312e;*/
}

.leveling-title {
    height: 57px;
    line-height: 57px;
    background: #edecec;
    color: #333333;
    padding-left: 15px;
    font-size: 20px;
    border-top: 1px solid #e5400a;
    border-bottom: 1px solid #e1e1e1;
    /*border-right: 1px solid #39312e;*/
    /*border-left: 1px solid #39312e;*/
}

.leveling-body {
    padding: 15px 15px;
}

.leveling-body-title {
    font-size: 25px;
    color: #666;
    margin-bottom: 25px;
}

.start-lv-input, .end-lv-input {
    display: flex;
    align-items: center;
}

.end-lv-input {
    margin-left: 70px;
}


/*default css*/
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    height: 0px;
}


main {
    -webkit-box-sizig: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table#shopping-cart-table {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
}

table#shopping-cart-table tr td, table#shopping-cart-table tr th {
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    height: auto;
    text-transform: capitalize;
}

#shopping-cart-table tr th {
    font-weight: bolder;
    color: #1b1b1b;
    text-align: center;
}

table#shopping-cart-table thead th, table#shopping-cart-table tbody td {
    border-bottom: 1px solid #e9e9e9;
}

.cart-table tr {
    border-bottom: 1px solid #e9e9e9;
}

.information_box {
    padding-bottom: 15px;
    width: 100%;
}

.information_box .ititle {
    height: 35px;
    /* line-height: 35px; */
    font-size: 20px;
    font-weight: bolder;
    color: #3049a3;
}

.information_box input, .information_box select {
    font-size: 12px;
    width: 97%;
}

#shopping-cart-table button, .Coupon-button {
    display: inline-block;
    background: #0175b0;
    height: 30px;
    line-height: 28px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    text-transform: uppercase;
    border: 0;
    border-bottom: 3px solid #036597;
    float: right;
    margin-right: 10px;
}

#shopping-cart-table button span {
    color: #fff;
    text-decoration: none;
}

.shopping-cart-title, .cart-forms .discount-codes-title {
    font-size: 15px;
    font-weight: bolder;
}

.discount-codes-title {
    float: left;
    font-size: 15px;
    font-weight: bolder;
    width: 100%;
    clear: both;
}

.shopping-cart-title, .discount-codes-title {
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    background: url(../images/cart-title-h.png) no-repeat left 6px;
    text-indent: 28px;
    color: #636363;
}

.discount-codes-title {
    background-position: 0px -56px
}

span.required {
    color: #f00;
}

.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    background: url(../images/validation_advice_bg.gif) 2px 0 no-repeat;
    color: #eb340a;
}

.cart-forms .discount-form .validation-advice {
    clear: both;
    display: block;
    float: none;
    width: 100%;
}

.cart-forms .discount {
    position: relative;
    height: 156px;
}

.discount-form .buttons-set {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 90%;
}

#discount-coupon-form .input-text {
    width: 95%;
}

.shopping_cart_left {
    display: block;
    float: left;
    width: 70%
}

.shopping_cart_right {
    display: block;
    float: right;
    width: 29%;
}

.p_method_title {
    width: 100%;
}

.selecte_leveling {
    padding-top: 15px;
}

.top-padding20 {
    padding-top: 25px;
    padding-bottom: 25px;
}

h1.news-title {
    margin-top: 20px;
    margin-bottom: 0;
    color: #333;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    padding-bottom: 5px;
}

.discount .discount-form {
    background:: none;
}

.onestep-default-bg {
    background: #f0f0f0;
}

.onestep-default-bg .col1-layout .col-main {
    margin-top: 0px;
}

.onecheck-choose {
    margin: 20px 0;
}

.onecheck-choose li .ch-box {
    color: #000;
    padding: 20px 20px 20px 45px;
    line-height: 23px;
    position: relative;
    background: #fff;
}

.onecheck-choose li h3 {
    font-size: 20px;
    text-transform: uppercase;
}

.onecheck-choose li .ch-box:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: url(../images/choose-bg.png) no-repeat -42px 2px;
    left: 7px;
    top: 17px;
    width: 30px;
    height: 30px;
}

.onecheck-choose li:nth-child(2) .ch-box:before {
    background: url(../images/choose-bg.png) no-repeat -42px -50px;
}

.onecheck-choose li:nth-child(3) .ch-box:before {
    background: url(../images/choose-bg.png) no-repeat -42px -103px;
}

/*body, .madden-nfl-18-step-bg {*/
/*    width: auto;*/
/*    height: auto;*/
/*}*/

.sell-banner {
    margin-top: 20px;
}

.sell {
    padding-bottom: 5px;
    background: #fff
}

.sell-block {
    padding: 0 15px
}

.sell .cms-title h3 {
    border-left: 3px solid #c71010;
    background: none;
    padding-left: 11px
}

.sell .sell-box {
    background: #fff9f1;
    border: 1px solid #fbd49d;
    margin: 20px 0;
    padding: 20px;
    color: #535454;
    font-size: 14px;
    line-height: 24px
}

.sell .sell-box p {
    margin-bottom: 0;
}

.sell .sell-box p.jh {
    color: #f59301;
}

.sell .sell-box .sell-skype {
    color: #292929;
    font-size: 15px;
}

.sell .sell-box .sell-skype strong {
    color: #2d97be;
    font-size: 20px;
    background: url(../images/skype-ico.png) no-repeat 7px 1px;
    padding-left: 43px;
    height: 38px;
    line-height: 29px;
    display: inline-block;
    font-weight: normal;
}

.sell-form {
    overflow: hidden;
    border-bottom: 1px solid #F5F4F4;
    padding-bottom: 24px;
}

.sell-form h3 {
    background: #d4d4d4;
    height: 45px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    font-size: 15px;
}

.sell-left {
    width: 50%;
    float: none;
    margin: 0px auto;
    float: none;
    overflow: hidden;
}

.sell-left li {
    padding: 0 10px
}

.sell-left li div {
    margin-bottom: 9px
}

.sell-left li div.left, .sell-left li div.right {
    float: left;
    width: 48%
}

.sell-left li div.right {
    margin-left: 12px
}

.sell-left li label {
    display: block;
    color: #404040;
    font-weight: normal;
}

.sell-left li .input-text {
    width: 100%;
    border-radius: 2px;
}

.sell-left li select {
    width: 96%;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    font-size: 12px;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 2px;
}

.sell-left .price-btn {
    margin-bottom: 20px;
    text-align: center;
}

.sell-left .price {
    color: #5c5c5b;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
}

.sell-left .price span {
    color: #ff9900;
    font-size: 24px
}

.sell-left button.button {
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    font-size: 17px
}

.sell-right {
    width: 49.3%;
    float: right;
    background: #fff9f1;
    padding-bottom: 20px;
    border: 1px solid #fbd6a2;
}

.sell-right h3 {
    background: #fcb345;
    color: #000;
    background: -moz-linear-gradient(top, #ffcb7c, #fdba55, #fcb244);
    background: -webkit-linear-gradient(top, #ffcb7c, #fdba55, #fcb244);
    background: -o-linear-gradient(top, #ffcb7c, #fdba55, #fcb244);
    background: -ms-linear-gradient(top, #ffcb7c, #fdba55, #fcb244);
    background: -o-linear-gradient(top, #ffcb7c, #fdba55, #fcb244);
    font-size: 16px;
}

.sell-right-box {
    padding: 0 10px;
    color: #939292;
    font-size: 13px;
    line-height: 20px;
}

.sell-right-box p.skype, .sell-right-box p.email {
    background: url(../images/skype-email.jpg) no-repeat 0 0;
    padding-left: 15px;
    padding-left: 51px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 27px;
}

.sell-right-box p.email {
    background-position: 0 -59px;
    line-height: 23px;
    padding-bottom: 60px;
    margin-bottom: 12px;
}

.sell-right-box p.email strong {
    color: #ff9900
}

.sell-right-box p.email {
    color: #000000;
    font-size: 17px
}

.sell-right-box p.skype {
    color: #3C3C3C;
    font-size: 17px;
    font-weight: bold
}

.sell-right-box p.skype strong {
    color: #00aff0;
    font-size: 19px
}

.sell-right-notice {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 23px;
    margin-bottom: 23px;
}

.sell-right-notice a#more {
    color: #d31102;
    font-weight: bold;
    padding-left: 8px;
    display: inline-block;
}

.sell-news-box {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    clear: both;
    outline: none;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .8);
    overflow-y: scroll;
    border-radius: 5px;
    padding: 35px;
    max-width: 800px;
    transform: translate3d(0, 0, 0);
    height: 550px;
    vertical-align: middle;
    margin-bottom: 50px;
    display: inline-block;
}

.sell-news h1 {
    margin-bottom: 28px;
}

#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 1040;
    background-color: #000000;
    opacity: 0.4;
}

#notice, .checkoutinfo {
    display: none;
    opacity: 1;
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: auto;
    width: 380px;
    margin: -70px 0 0 -177px;
    padding: 62px 20px 30px;
    text-align: center;
    background: url(../images/sell-notice.png) no-repeat top center;
}

#notice h4 {
    border-bottom: 1px solid #dadad8;
    font-size: 21px;
    text-transform: capitalize;
    color: #070707;
    height: 37px;
    line-height: 37px;
    margin-bottom: 10px;
    font-weight: normal;
}

#notice p {
    font-size: 19px;
    color: #070707;
    text-transform: capitalize
}

#notice p span {
    color: #f69502;
    font-size: 26px;
}

#notice a.btn, .lol-desc button {
    background: #ff9900;
    color: #fff;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    padding: 0 26px;
    font-size: 15px;
    text-transform: capitalize;
    margin: 10px
}

#notice a.btn.btn-blue {
    background: #34a4ce
}

.remodal-close {
    position: absolute;
    top: 6px;
    right: 22px;
    display: block;
    overflow: visible;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    border: 0;
    outline: 0;
    z-index: 999;
}

.news_and_guides {
    font-size: 20px;
    font-weight: bolder;
    border-bottom: dashed 1px #000;
    margin-bottom: 20px;
    line-height: 35px;
    height: 35px;
    margin-top: 25px;
    clear: both;
}

.news_prev, .news_next {
    padding: 10px 0px;
    width: 49%;
    float: left;
}

.news_next {
    float: right;
    text-align: right;
}

.news_prev a, .news_next a {
    color: #39c;
}

.related_news_limit {
    width: 40%;
    float: left;
    padding: 10px 0px;
}

.related_news_limit:nth-child(2n) {
    float: right;
}

input.searchsend {
    background: #d80102;
    display: inline-block;
    padding: 7px 31px;
    border: 0;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    float: right;
    margin-top: 31px;
    margin-right: 26px;
}

#checkout-payment-method-load dt label {
    padding-top: 15px;
    font-size: 12px;
    width: 95%;
}

.accounttitle {
    text-align: center;
    font-size: 36px;
    margin-top: 40px;
}

.page-header {
    margin: 0px;
}


.home_buy {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ddd;
    background: #f0f0ee;
    padding-bottom: 10px;
}

.home_buy_w {
    width: 1300px;
    margin: 0px auto;
}

.home_buy_tit {
    background: red url(../images/quick_buy.gif) no-repeat left top;
    width: 101px;
    height: 27px;
    text-transform: uppercase;
    display: block;
    float: left;
    margin: 2px 15px 0 0;
}

.home_buy_li select {
    width: 155px;
    height: 30px;
    padding-left: 5px;
    border: 1px solid #a9a9a9;
}

.home_buy_li li {
    float: left;
    margin-right: 15px;
}

#quick-product, #quick-product label {
    float: left;
}

.home_buy_li select option {
    padding: 3px 5px;
    margin: 2px 5px 2px;
    border-radius: 4px;
}

.home_buy_cont {
    width: 1300px;
    margin: 0 auto;
    padding: 15px 0 0;
}

#quickselect label {
    display: none;
}

.home_pro {
    width: 1300px;
    margin: 0 auto;
    padding: 35px 0 55px;
}

.pro_title {
    text-align: center;
    padding-bottom: 35px;
    font-size: 30px;
}

.home_pro p.last {
    margin-right: 0;
    background: #f6b138;
}

.pc_coins {
    background: #0096d4;

}
.ps4_coins{
    background: #1b5ab0;
}
.xbox_coins{
    background: #2e8e2c;
}
.switch_coins{
    background: #f73f3f;
}

.pro-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home_pro p a {
    z-index: 2;
    left: 34%;
    bottom: 35px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    display: block;
    text-align: center;
    transition: all 0.2s linear 0s;
    background: #fff;
    width: 141px;
    margin: 0 auto;
}

.home_pro p a:before {
    background: #fff;
    box-sizing: content-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    border-radius: 3px;
    left: 0px;
    top: 0px;
    transition: transform 0.2s ease 0s, opacity 0.3s ease 0s;
    z-index: -1
}

.home_pro p a.proa1:before {
    background: #93cb32
}

.proa1 {
    background: #93cb32;
    color: #000
}

.proa2 {
    background: #fff;
    color: #000
}

.proa3 {
    background: #fff;
    color: #000
}

.proa4 {
    background: #fff;
    color: #000
}

.proa5 {
    background: #fff;
    color: #000
}

.proa6 {
    background: #fff;
    color: #000
}

.proa7 {
    background: #fff;
    color: #000
}

.home_pro p a:hover {
    text-decoration: none;
    background: #333;
    color: #fff
}

.home_pro p a:hover:before {
    opacity: 0;
    transform: scale(1.4)
}

.home_font {
    z-index: 2;
    left: 0;
    top: 94px;
    color: #fff;
    line-height: 28px;
    display: block;
    text-align: center;
    margin: 10px auto;
    font-size: 20px;
}
.title_text{
    display: block;
    font-size: 20px;
    color: #fff;
}
.cheap-text{
    color: #fff;
    display: inline-block;
    padding: 15px 0;
}

.home_font2 {
    top: 98px
}

.home_font strong {
    font-size: 20px
}

.home_font3 {
    color: #93cb32;
    top: 99px
}

.home_font label {
    color: #7f7f7f
}

.home_block {
    background: #f5f5f5;
    box-shadow: 0 0 8px rgba(0, 65, 98, 0.2) inset
}

.home_cont {
    width: 1300px;
    margin: 0 auto;
    padding: 15px 0 20px;
    font-size: 14px
}

.home_about {
    float: left;
    width: 50%;
    border-right: 1px solid #e1e1e1;
    height: 315px;
    padding: 0 25px 0 10px;
    line-height: 24px
}

.home_news {
    border-left: 1px solid #fff;
    height: 315px;
    width: 50%;
    float: left;
    padding: 0 10px 0 30px;
}

.home_about a, .home_news a.news_tit {
    display: inline-block;
    background: url(../images/home_tit.png) no-repeat left top;
    width: 240px;
    height: 40px;
    margin: 23px 0 30px
}

.home_news a.news_tit {
    background-position: 0 -52px
}

.home_news li {
    margin: 0 0 15px
}

.home_news li a {
    color: #3a383d;
    font-weight: bold;
    height: 25px;
    width: 95%;
    display: block;
    overflow: hidden;
    float: left;
}

.home_news li a:hover {
    color: #1f85b8;
    text-decoration: none
}

.home_news li p {
    line-height: 20px;
    clear: both;
}

.home_news li i {
    color: #0175b0;
    margin-right: 6px;
    float: left
}

#Loadingimg {
    background: url(../images/ajax-loader-buy.gif) no-repeat left top;
    float: left;
    margin-right: 18px;
    width: 28px;
    height: 28px;
    margin-top: 1px
}

.hoem_buy_w {
    width: 1130px;
}

.home_buy .currency-switcher {
    margin: 4px 0 0 0px;
    width: 210px;
    float: left;
}

.home_buy .currency-switcher label {
    display: none
}

.home_buy .currency-switcher ul {
    float: right
}

.home_buy .currency-switcher li {
    display: inline-block;
    float: left
}

.home_buy .currency-switcher li a {
    margin: 0 3px;
    color: #555
}

.home_buy .currency-switcher li a:hover, .currency-switcher li.cur a {
    text-decoration: none;
    color: #0175b0
}

.home_buy .currency-switcher li:last-child span {
    display: none
}

.block-compare {
    display: none;
}

.playersselect {
    font-size: 14px;
}

.playersselect .image, .playersselect .club, .playersselect .nation, .playersselect .players {
    font-size: 14px;
    float: left;
    padding: 0 5px;
}

.playersselect .rat {
    float: right;
}

.sbanner-mobile {
    display: none;
    padding-top: 10px;
}

.home_pro p {
    float: left;
    width: 242px;
    position: relative;
    text-align: center;
    border-radius: 3px;
    padding: 30px;
    cursor: pointer;
}

.home_news .newsdetails {
    font-size: small;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    height: 45px;
}

.home_comp {
    width: 1300px;
    margin: 40px auto;
}

.comp_text span {
    background: url(../images/home_comp_img.png) no-repeat center 2px;
    display: block;
    width: 98px;
    height: 85px;
    margin: 0 auto 10px
}

.comp_text .comp_img02 {
    background-position: center -80px
}

.comp_text .comp_img03 {
    background-position: center -170px
}

.comp_text .comp_img04 {
    background-position: center -255px
}

.comp_text:hover .comp_img01 {
    background-position: center -418px
}

.comp_text:hover .comp_img02 {
    background-position: center -505px
}

.comp_text:hover .comp_img03 {
    background-position: center -598px
}

.comp_text:hover .comp_img04 {
    background-position: center -691px
}

.comp_text {
    float: left;
    background: #f5f5f5;
    width: 20%;
    height: 216px;
    padding: 18px 15px 0;
    line-height: 20px;
    margin-right: 6.6%;
    transition: all 0.2s linear 0s;
    cursor: pointer;
}

.comp_text:hover {
    color: #fff;
    background: #0175b0
}

.comp_last {
    margin-right: 0;
}

/*end default css*/