* {
 margin:0;
 padding:0;
 box-sizing:border-box
}
html {
 min-width:1200px
}
input,
select,
textarea,
button {
    font-size: 100%;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    border: none;
    font-size: 14px
}
ol,
ul {
 list-style:none
}
a:link {
 text-decoration:none
}
a:visited {
 text-decoration:none
}
a:hover {
 text-decoration:none;
 cursor:pointer
}
a:active {
 text-decoration:none
}
a {
 text-decoration:none;
 outline:0;
 -webkit-appearance:none
}
.clearfix:after,
.clearfix:before {
 content:"";
 display:table
}
.clearfix:after {
 clear:both;
 overflow:hidden
}
.clearfix {
 zoom:1
}
.clear {
 clear:both;
 display:block;
 overflow:hidden;
 height:0;
 line-height:0;
 font-size:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family:oswald;
 color:#fff;
 font-weight:400
}
i {
 font-style:normal
}
em {
 font-style:normal
}
i.delete {
 background-position:-161px -56px;
 width:12px;
 height:13px;
 cursor:pointer
}
button {
 cursor:pointer;
 border-radius:5px
}
.price strong {
 font-weight:400
}
button.hover-btn:hover {
 background:#18ab7c;
 color:#fff
}
button.gradient-btn:hover {
 background:-webkit-linear-gradient(left,#fcb100,#fec94c);
 background:-o-linear-gradient(right,#fcb100,#fec94c);
 background:-moz-linear-gradient(right,#fcb100,#fec94c);
 background:linear-gradient(to right,#fcb100,#fec94c);
 color:#1a0c0b
}
@font-face {
    font-family: oswald;
    src: url(../fonts/Oswald-Medium.ttf);
    font-display: swap
}
@font-face {
    font-family: oswald regular;
    src: url(../fonts/Oswald-Regular.ttf);
    font-display: swap
}
@font-face {
    font-family: roboto;
    src: url(../fonts/Roboto-Regular.ttf);
    font-display: swap
}
body {
 background:#050609 url(../images/home-bg-1.jpg);
 font-family:roboto;
 color:#cdcce7;
 font-size:16px;
 background-size:cover
}
body::-webkit-scrollbar {
 width:8px;
 height:8px
}
body::-webkit-scrollbar-thumb {
 background:#45428c;
 border-radius:5px;
 border:1px solid hsla(0,0%,100%,.26);
 cursor:pointer
}
body::-webkit-scrollbar-track {
 background-color:#0a142f
}
.container {
 max-width:1160px;
 margin:0 auto
}
.input-box.required input {
 border:1px solid red!important;
 box-shadow:0 0 5px 1px red
}
.input-box .tips {
 color:red;
 margin-top:5px;
 font-size:15px
}
.header .search .input-box::after,
.footer .footer-content .link .select-country span,
.footer-content .link .share a,
.dialog .checked label:after,
.dialog .shade div a,
.ico,
body .swiper-button-next,
body .swiper-button-prev,
.breadcrumb ul li.home::after,
.cart-left .information .user-info .register label:after,
.dialog button.error::before,
.forgotPassword .input-box i,
.newsletter-main .subscribers .subscribers-right .gameList ul li label:after {
    background-image: url(../images/public_ico.png);
    background-repeat: no-repeat;
    background-size: 200px;
    display: inline-block
}
.fixed-header {
 position:fixed;
 width:100%;
 z-index:99
}
.header {
 background:#0a142f;
 background:url(../images/headerBj.png) #08192e;
 background-size:cover
}
.header .container {
 display:flex;
 justify-content:space-between;
 padding:30px 0 20px;
 font-size:16px
}
.header .left {
 display:flex
}
.header .logo a {
 display:flex
}
.header .logo img {
 width:250px
}
.header .search {
 margin-left:68px;
 padding-top:10px;
 position:relative;
 z-index:401
}
.header .search .search-key {
 display:none;
 position:absolute;
 top:60px;
 background:#5b1f1b;
 width:100%;
 border-top:none;
 overflow:hidden;
 max-height:340px;
 overflow-y:auto;
 padding:10px 0
}
.header .search .search-key::-webkit-scrollbar {
 width:8px
}
.header .search .search-key::-webkit-scrollbar-thumb {
 background:#d1a53d;
 border-radius:5px;
 border:1px solid hsla(0,0%,100%,.26);
 cursor:pointer
}
.header .search .search-key::-webkit-scrollbar-track {
 background-color:#0a142f
}
.header .search .search-key.display {
 display:block;
 animation:bottomin-1 .4s ease;
 -webkit-animation:bottomin-1 .4s ease
}
.header .search .search-key h2 {
 font-family:roboto;
 font-size:14px;
 padding:5px 20px 15px;
 color:#d1a53d
}
@keyframes bottomin-1 {
 0% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px);
  opacity:.2
 }
 100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
.header .search .search-key a {
 display:flex;
 color:#fff;
 height:40px;
 line-height:40px;
 padding-left:20px
}
.header .search .search-key a img {
 width:40px;
 height:15px;
 margin-left:5px;
 margin-top:3px
}
.header .search .search-key a:last-child {
 border:none
}
.header .search .search-key a:hover {
 color:#fcb100
}
.header .search input {
 background:0 0;
 border:1px solid rgba(205,204,231,.3);
 width:380px;
 padding-left:32px;
 color:#fff;
 padding:15px 32px;
 height:48px;
 border-radius:48px
}
input::-webkit-input-placeholder {
 color:#fff
}
input::-moz-input-placeholder {
 color:#fff
}
input::-ms-input-placeholder {
 color:#fff
}
.header .search .input-box {
 position:relative
}
.header .search .input-box i {
 width:100%;
 height:1px;
 position:absolute;
 bottom:0;
 left:0;
 display:none
}
.header .search .input-box i.focus {
 box-shadow:0 0 9px 0 #1770b7;
 display:block
}
.header .search .input-box::after {
 content:'';
 position:absolute;
 width:24px;
 height:24px;
 background-position:0 -720px;
 right:20px;
 top:11px
}
.header .right {
 padding:11px 0
}
.header .right>ul {
 display:flex
}
.header .right ul li {
 display:flex;
 color:#fff;
 align-items:center;
 position:relative;
 cursor:pointer
}
.header .right ul .lang-currency {
 display:flex;
 align-items:center;
 border-radius:48px;
 padding:0 25px
}
.header .right ul .lang-currency .curr-code {
 width:35px;
 margin-right:8px;
 color:#cdcce7
}
.header .right ul .lang-currency .arrow {
 display:block;
 width:14px;
 height:7px;
 background-position:0 -750px;
 transition:all .3s
}
.header .right ul .lang-currency .curr-symbol {
 width:25px;
 color:#cdcce7
}
.header .right ul .lang-currency:hover .arrow {
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 -ms-transform:rotate(180deg)
}
.header .right ul .lang-currency .lang-curr-content {
 position:absolute;
 width:200px;
 top:93%;
 left:-20px;
 z-index:9;
 border-radius:10px;
 padding:24px 10px;
 display:none
}
.header .right ul .lang-currency .lang-curr-content.display {
 opacity:1;
 display:block;
 animation:.4s ease 0s 1 normal none running currShow;
 -moz-animation:.4s ease 0s 1 normal none running currShow;
 -webkit-animation:.4s ease 0s 1 normal none running currShow
}
@keyframes currShow {
 0% {
  opacity:0;
  top:110%
 }
 100% {
  opacity:1;
  top:93%
 }
}
.header .right ul .lang-currency .lang-curr-content::before {
 content:'';
 position:absolute;
 top:14px;
 left:47%;
 background:#fff;
 width:20px;
 height:20px;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -ms-transform:rotate(45deg)
}
.header .right ul .lang-currency .lang-curr-content>div {
 background:#fff;
 padding:25px 10px 10px;
 border-radius:10px 10px 0 0;
 border-bottom:1px solid #eee;
 position:relative
}
.header .right ul .lang-currency .lang-curr-content>div .common-c-t {
 background:#171c2e;
 color:#fff;
 display:flex;
 align-items:center;
 height:40px;
 padding:0 20px
}
.header .right ul .lang-currency .lang-curr-content>div.curr-c {
 padding-top:10px;
 border-radius:0 0 10px 10px;
 padding-bottom:25px
}
.header .right ul .lang-currency .lang-curr-content>div>div i.ico {
 display:block;
 width:14px;
 height:7px;
 background-position:-15px -755px;
 margin-top:3px
}
.header .right ul .lang-currency .lang-curr-content>div>div p {
 width:70px;
 min-width:70px
}
.header .right ul .lang-currency .lang-curr-content>div.curr-c span {
 width:27px
}
.header .right ul .lang-currency .lang-curr-content>div .lang-c-select {
 position:absolute;
 border-radius:10px;
 background:#fff;
 top:60px;
 left:10px;
 width:160px;
 z-index:99;
 display:none;
 overflow:hidden
}
.header .right ul .lang-currency .lang-curr-content>div .lang-c-select a {
 display:flex;
 align-items:center;
 height:40px;
 padding:0 20px;
 color:#000;
 justify-content:center
}
.header .right ul .lang-currency .lang-curr-content>div.curr-c .lang-c-select a span {
 min-width:27px;
 margin-right:20px
}
.header .right ul .lang-currency .lang-curr-content>div .lang-c-select a:hover {
 color:#f2bc00
}
.header .right ul .lang-currency .lang-curr-content>div.curr-c .lang-c-select {
 top:48px
}
.header .right ul .lang-currency .curr-content span {
 margin-left:7px;
 display:block;
 width:50px
}
.header .right ul .lang-currency .curr-content a:last-child {
 border:none
}
.header .right ul .lang-currency .curr-content a i {
 width:17px;
 height:12px
}
.header .right ul .currency .curr-content a.currEUR i {
 background-position:0 -29px
}
.header .right ul .currency .curr-content a.currCAD i {
 background-position:0 -44px
}
.header .right ul .currency .curr-content a.currUSD i {
 background-position:0 -59px
}
.header .right ul .currency .curr-content a.currGBP i {
 background-position:0 -74px
}
.header .right ul .currency .curr-content a.currAUD i {
 background-position:0 -90px
}
.header .right ul .currency .curr-content a.currCNY i {
 background-position:0 -570px
}
.header .right ul li.language p {
 width:auto;
 margin-right:10px
}
.header .right ul li.language span.country {
 width:25px;
 height:16px;
 margin-right:10px;
 min-width:25px
}
.header .right ul .lang-currency .lang-c .lang-c-select span {
 width:25px;
 height:16px;
 margin-right:20px;
 min-width:25px
}
.header .right ul li.language span.en {
 background-position:0 -427px
}
.header .right ul li.language span.de {
 background-position:0 -450px
}
.header .right ul li.language span.es {
 background-position:0 -490px
}
.header .right ul li.language span.fr {
 background-position:0 -470px
}
.header .right ul li.language span.ar {
 background-position:0 -470px
}
.header .right ul li.language span.it {
 background-position:0 -550px
}
.header .right ul li.language span.Dutch {
 background-position:0 -490px
}
.header .right ul li.language span.nl {
 background-position:-25px -510px
}
.header .right ul li.language span.pt {
 background-position:-25px -530px
}
.header .right ul li.language span.jp {
 background-position:0 -585px
}
.header .right ul .account {
 position:relative
}
.header .right ul .login-account a {
 color:#fff;
 height:48px;
 border-radius:48px;
 text-align:center;
 line-height:48px;
 z-index:9;
 padding:0 20px;
 font-size:18px;
 border:1px solid rgba(205,204,231,.3);
 white-space:nowrap
}
.header .right ul .login-account a:hover {
 background:#fcb100;
 color:#000
}
.header .right ul .account a {
 color:#fffffe;
 height:48px;
 border-radius:48px;
 text-align:center;
 line-height:48px;
 z-index:9;
 padding:0 20px;
 font-size:16px;
 white-space:nowrap;
 background:-webkit-linear-gradient(left,#3e3c72,#45428c);
 background:-o-linear-gradient(right,#3e3c72,#45428c);
 background:-moz-linear-gradient(right,#3e3c72,#45428c);
 background:linear-gradient(to right,#3e3c72,#45428c)
}
.header .right ul .account .sign-btn {
 right:0;
 background:-webkit-linear-gradient(left,#fcb100,#fec94c);
 background:-o-linear-gradient(right,#fcb100,#fec94c);
 background:-moz-linear-gradient(right,#fcb100,#fec94c);
 background:linear-gradient(to right,#fcb100,#fec94c);
 color:#1a0c0b;
 border-color:transparent;
 margin-left:10px
}
.nav ul .cart {
 border-radius:45px;
 transition:all 1s;
 height:100%
}
.nav ul .cart>a {
 height:100%;
 display:flex;
 align-items:center;
 padding:0 28px
}
.nav ul .cart:hover a i {
 background-position:0 -760px
}
.nav ul .cart a i {
 background-position:-35px -720px;
 display:block;
 width:28px;
 height:26px
}
.nav ul .cart a p {
 margin:0 4px 0 7px;
 padding-top:2px
}
.nav ul .cart a span {
 border-radius:50%;
 background:red;
 color:#fff;
 width:18px;
 height:18px;
 text-align:center;
 line-height:18px;
 font-weight:700;
 font-size:12px;
 position:absolute;
 top:20px;
 right:21px
}
.nav ul .cart:hover .cart_num {
 color:#000;
 background:#fcb100
}
.nav ul .cart .cart-link {
 position:absolute;
 min-width:320px;
 top:62px;
 right:0;
 z-index:19;
 display:none;
 padding-top:15px
}
.nav ul .cart .cart-link.display {
 opacity:1;
 display:block;
 animation:.4s ease 0s 1 normal none running cartShow;
 -moz-animation:.4s ease 0s 1 normal none running cartShow;
 -webkit-animation:.4s ease 0s 1 normal none running cartShow
}
@keyframes cartShow {
 0% {
  opacity:0;
  top:72px
 }
 100% {
  opacity:1;
  top:62px
 }
}
.nav ul .cart .cart-link .noCart {
 background:#1f1110;
 text-align:center;
 padding:20px;
 display:none
}
.nav ul .cart .cart-link ul {
 display:block;
 background:#171c2e;
 max-height:300px;
 overflow-y:auto
}
.nav ul .cart .cart-link ul::-webkit-scrollbar {
 width:8px
}
.nav ul .cart .cart-link ul::-webkit-scrollbar-thumb {
 background:#45428c;
 border-radius:5px;
 border:1px solid hsla(0,0%,100%,.26);
 cursor:pointer
}
.nav ul .cart .cart-link ul::-webkit-scrollbar-track {
 background-color:none
}
.nav ul .cart .cart-link li {
 border-bottom:1px solid rgba(205,204,231,.1);
 padding:20px 20px 40px;
 overflow:hidden;
 display:flex;
 align-items:center;
 position:relative;
 cursor:pointer
}
.nav ul .cart .cart-link li .delete-tips {
 height:100%;
 width:100%;
 position:absolute;
 background:#eee;
 text-align:center;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fcb100;
 right:-100%;
 transition:all 3s;
 top:0
}
.nav ul .cart .cart-link li .delete-tips.display {
 animation:deleteTips 2s;
 -webkit-animation:deleteTips 2s
}
@keyframes deleteTips {
 0% {
  right:-100%
 }
 100% {
  right:0
 }
}
.nav ul .cart .cart-link li i.ico {
 position:absolute;
 right:10px;
 bottom:25px
}
.nav ul .cart .cart-link li .price {
 font-size:16px;
 color:#fff
}
.nav ul .cart .cart-link .cartImages {
 height:80px;
 width:80px;
 min-width:80px;
 margin-right:20px;
 display:flex;
 align-items:center;
 justify-content:center
}
.nav ul .cart .cart-link img {
 max-width:100%;
 max-height:100%
}
.nav ul .cart .cart-link::before {
 position:absolute;
 top:14px;
 width:100%;
 content:'';
 height:3px;
 border-radius:3px 3px 0 0;
 background:#3e3c72
}
.nav ul .cart .cart-link p {
 font-size:12px;
 color:#fff;
 margin-bottom:5px
}
.nav ul .cart .cart-link .cart-total {
 text-align:right;
 padding:0 10px 0 16px;
 padding-top:20px;
 font-size:14px;
 background:#171c2e;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.nav ul .cart .cart-link .cart-total>div:first-child {
 white-space:nowrap;
 margin-right:30px;
 height:100%;
 padding-top:8px;
 display:block;
 color:#fff
}
.nav ul .cart .cart-link .cart-total>div:last-child {
 white-space:nowrap
}
.nav ul .cart .cart-link .cart-total .item-num {
 color:#fcb100
}
.cart-link .cart-total .price {
 color:#fcb100;
 font-size:24px;
 font-family:roboto
}
.cart-button {
 text-align:right;
 padding:20px 10px;
 background:#171c2e;
 border-radius:0 0 5px 5px;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.cart-button .clear-btn {
 background:#18ab7c;
 color:#fff;
 margin-right:10px;
 padding:15px 25px;
 text-transform:uppercase
}
.cart-button .clear-btn:hover {
 opacity:.7
}
.cart-button .checkout-btn {
 background:-webkit-linear-gradient(left,#3e3c72,#45428c);
 background:-o-linear-gradient(right,#3e3c72,#45428c);
 background:-moz-linear-gradient(right,#3e3c72,#45428c);
 background:linear-gradient(to right,#3e3c72,#45428c);
 padding:0
}
.cart-button .checkout-btn:hover {
 background:-webkit-linear-gradient(left,#fcb100,#fec94c);
 background:-o-linear-gradient(right,#fcb100,#fec94c);
 background:-moz-linear-gradient(right,#fcb100,#fec94c);
 background:linear-gradient(to right,#fcb100,#fec94c);
 color:#1a0c0b
}
.cart-button .checkout-btn a {
 display:block;
 color:#fff;
 padding:15px 25px
}
.main {
 padding-top:200px
}
.nav {
 height:80px;
 width:100%;
 font-family:oswald;
 min-width:1200px
}
.nav .container {
 height:80px;
 display:flex;
 position:relative;
 background:#171c2e;
 justify-content:space-between;
 align-items:center
}
.nav .menu .choose-game {
 background:#fcb100;
 color:#1a0c0b;
 padding:0 50px 0 25px;
 font-size:22px;
 margin-right:29px;
 cursor:pointer;
 white-space:nowrap
}
.nav .menu .menu-box {
 transform:scale(0);
 opacity:0;
 transform-origin:0 0;
 transition:all .4s;
 -webkit-transition:all .4s;
 display:flex
}
.nav .menu .menu-box.display {
 opacity:1;
 transform:scale(1)
}
.nav .menu .choose-game i {
 display:inline-block;
 width:24px;
 height:20px;
 background-position:-70px -720px;
 margin-right:10px
}
.nav ul {
 display:flex;
 height:100%;
 align-items:center
}
.nav ul li>a {
 color:#fff;
 display:block;
 padding:0 17px;
 position:relative;
 z-index:1;
 font-size:16px;
 white-space:nowrap
}
.nav ul li>a:hover {
 color:#f2bc00
}
.footer {
 box-shadow:1px -1px 6px 1px #000;
 margin-top:50px;
 padding-bottom:40px;
 padding-top:40px;
 font-size:12px;
 font-family:roboto;
 background:#171c2e;
 background-size:cover
}
.footer .footer-content {
 color:#fcb100;
 display:flex;
 justify-content:center
}
.footer .logoLink img {
 width:250px
}
.footer .logoLink li {
 margin-bottom:35px;
 display:flex;
 justify-content:flex-end
}
.footer .logoLink p {
 color:#cdcce7;
 font-size:14px;
 width:190px
}
.footer-content .join-us a.facebook i {
 width:19px;
 height:19px;
 background-position:-109px -21px
}
.footer-content .join-us a.twitter i {
 width:19px;
 height:15px;
 background-position:-130px -24px
}
.footer-content .join-us a.skype i {
 width:19px;
 height:19px;
 background-position:-155px -18px
}
.footer-content .join-us a.youtube i {
 width:20px;
 height:15px;
 background-position:-180px -17px
}
.footer-content .join-us a.pinterest i {
 width:19px;
 height:19px;
 background-position:-40px -560px
}
.footer-content .join-us a.instagram i {
 width:18px;
 height:18px;
 background-position:-182px -35px
}
.footer-content .link.help {
 margin:0 70px 0 78px
}
.footer-content .link .link-title {
 font-size:16px;
 color:#fcb100;
 font-family:oswald;
 margin-bottom:20px
}
.footer-content .link a {
 display:block;
 color:#cdcce7;
 margin-bottom:20px;
 white-space:nowrap
}
.footer-content .link a:hover {
 color:#fcb100
}
.footer-content .link.ourProducts ul {
 display:flex;
 flex-wrap:wrap
}
.footer-content .link.ourProducts ul li {
 width:50%
}
.footer-content .link.join-us {
 margin-right:100px;
 margin-left:50px
}
.footer-content .link.join-us ul li a {
 display:flex;
 align-items:center;
 cursor:text
}
.footer-content .link.join-us ul li a:hover span {
 color:#cdcce7
}
.footer-content .link.join-us ul li a.skype {
 cursor:pointer
}
.footer-content .link.join-us ul li a.skype:hover span {
 color:#f2bc00
}
.footer-content .link.join-us ul li a.skype:hover i {
 background-position:-90px -510px
}
.footer-content .link.join-us ul li a i {
 margin-right:15px
}
.footer-content .link.join-us ul li a span {
 display:block
}
.footer-content .link.contact li {
 display:flex;
 margin-bottom:20px
}
.footer-content .link.contact li p {
 white-space:nowrap;
 color:#cdcce7;
 font-size:16px
}
.footer-content .link.contact li i {
 margin-right:10px
}
.footer .Method-payment {
 display:flex;
 align-items:center;
 justify-content:center;
 margin-top:30px
}
.footer .Method-payment img {
 margin-right:20px
}
.modal {
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 opacity:.5;
 background:#000;
 z-index:99;
 display:none
}
.search-modal {
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 opacity:.5;
 background:#000;
 z-index:99;
 display:none;
 z-index:400
}
.wrapper {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 overflow:auto;
 margin:0;
 z-index:199;
 display:none
}
.dialog {
 position:relative;
 width:410px;
 margin:200px auto 50px;
 border-radius:10px;
 padding:25px 32px;
 color:#45428c;
 background:#fff
}
.sign {
 display:none
}
.dialog.display {
 display:block;
 animation:signDialog .3s;
 -webkit-animation:signDialog .3s
}
@keyframes signDialog {
 0% {
  opacity:0;
  -webkit-transform:scale(.5);
  transform:scale(.5)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.dialog .dialog-btn {
 position:relative
}
.errorTips {
 background:#fff;
 border-radius:4px;
 box-shadow:0 0 7px 2px #c6c7e9;
 position:absolute;
 font-size:12px;
 right:14px;
 top:-35px;
 padding:10px 20px 10px 10px
}
.errorTips::before {
 width:10px;
 height:10px;
 position:absolute;
 bottom:-5px;
 right:11px;
 content:'';
 transform:rotate(45deg);
 background:#fff
}
.errorTips p {
 color:#000;
 margin-bottom:5px;
 display:flex;
 align-items:center;
 font-family:oswald
}
.errorTips i {
 width:15px;
 height:13px;
 background-position:-80px -395px;
 margin-right:5px
}
.errorTips.successTips i {
 background-position:-125px -395px;
 height:18px
}
.login {
 display:none
}
.binding {
 display:none
}
.dialog i.close-ico {
 position:absolute;
 top:20px;
 right:20px;
 width:25px;
 height:24px;
 background-position:-175px -120px;
 cursor:pointer
}
.dialog h2 {
 color:#000;
 font-size:30px;
 margin-bottom:15px
}
.dialog .input-box {
 margin-bottom:15px;
 position:relative
}
.sign ul {
 margin-bottom:20px
}
.dialog li input {
 height:46px;
 width:100%;
 border-radius:46px;
 padding-left:44px;
 color:#000;
 background:#f2f2f2
}
.dialog .input-box.required input {
 border:1px solid red;
 box-shadow:0 0 5px 1px red
}
.dialog li .tips {
 color:red;
 margin-top:5px;
 font-size:12px
}
.dialog form .input-box i {
 position:absolute;
 top:14px;
 left:14px
}
.dialog form .email i {
 width:20px;
 height:17px;
 background-position:-180px -57px
}
.dialog form .pass i {
 width:17px;
 height:19px;
 background-position:-183px -78px
}
.dialog form input::-webkit-input-placeholder {
 color:#cdcce7
}
.dialog form input::-moz-input-placeholder {
 color:#cdcce7
}
.dialog form input::-ms-input-placeholder {
 color:#cdcce7
}
.dialog .checked {
 font-size:12px;
 position:relative;
 padding:7px 0 0 27px;
 margin-bottom:3px;
 color:#000
}
.dialog a {
 color:#000
}
.dialog .checked input {
 position:absolute;
 z-index:99;
 left:-2px;
 top:4px
}
.dialog .checked label {
 width:16px;
 height:16px;
 border:1px solid #fcb100;
 border-radius:3px;
 position:absolute;
 left:0;
 top:0;
 margin-top:6px
}
.dialog .checked label:after {
 content:'';
 position:absolute;
 top:4px;
 left:2px;
 width:10px;
 height:7px;
 background-position:-163px -45px;
 opacity:0
}
.dialog .checked input[type=checkbox]:checked+label {
 border-color:#18ab7c
}
.dialog .checked input[type=checkbox]:checked+label:after {
 opacity:1
}
.dialog button {
 background:-webkit-linear-gradient(left,#3e3c72,#45428c);
 background:-o-linear-gradient(right,#3e3c72,#45428c);
 background:-moz-linear-gradient(right,#3e3c72,#45428c);
 background:linear-gradient(to right,#3e3c72,#45428c);
 width:100%;
 height:50px;
 font-size:18px;
 color:#fff;
 border-radius:50px;
 margin-top:25px;
 font-family:oswald
}
.dialog button:disabled {
 cursor:not-allowed
}
.dialog button i {
 display:block;
 width:20px;
 height:20px;
 border-radius:50%;
 border-left:2px solid #fff;
 margin:auto;
 animation:rotation 1s linear infinite;
 display:none
}
@keyframes rotation {
 from {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(360deg)
 }
}
.dialog button.error {
 background:#ed5565
}
.dialog button.error::before {
 content:'';
 width:13px;
 height:13px;
 background-position:-185px -385px
}
.dialog .shade {
 text-align:center;
 font-size:12px;
 margin-top:30px;
 color:#000
}
.dialog .shade div {
 margin:25px 0
}
.dialog .shade div a {
 width:40px;
 height:40px;
 margin:0 5px
}
.dialog .shade div a.facebook {
 background-position:-23px -74px
}
.dialog .shade div a.google {
 background-position:-74px -74px
}
.dialog .shade div a.twitter {
 background-position:-125px -74px
}
.dialog .shade span {
 color:#888;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 bottom:19px
}
.login form .checked {
 padding-right:0
}
.login form .checked a {
 float:right
}
.site-info {
 margin-top:75px
}
.site-info h4 {
 font-size:40px;
 margin-bottom:40px
}
.site-info ul {
 display:flex;
 justify-content:space-between
}
.site-info ul li {
 width:280px;
 background:#171c2e;
 height:330px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center
}
.site-info ul li>div {
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-self:center;
 padding:0 20px
}
.site-info ul li div>span {
 font-size:20px;
 color:#fcb100;
 font-family:oswald;
 display:block;
 margin:20px 0
}
.site-info ul li img {
 width:80px;
 height:80px;
 min-width:80px;
 margin-right:15px
}
.site-info ul li p {
 font-size:14px;
 color:#cdcce7;
 text-align:center;
 min-height:70px
}
.home-news {
 display:flex;
 justify-content:space-between;
 margin-top:30px
}
.home-news>div {
 width:48%
}
.home-news .news {
 height:400px
}
.home-news h2 {
 font-size:40px
}
.home-news h2 i {
 display:block;
 width:100px;
 height:3px;
 background:#fcb100
}
.home-news>div>.title {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:29px
}
.home-news>div>.title a {
 color:#cdcce7;
 font-size:18px;
 display:flex;
 align-items:center
}
.home-news>div>.title a:hover {
 color:#fcb100
}
.home-news>div>.title a i {
 width:16px;
 height:15px;
 background-position:-100px -720px;
 margin-left:5px
}
.home-news .news .news-swiper {
 background:#171c2e;
 padding-left:40px;
 position:relative;
 height:100%;
 width:90%;
 padding-top:50px
}
.home-news .news .news-swiper .item-content {
 width:38%;
 background:#171c2e
}
.home-news .news .news-swiper .item-content h4 {
 font-size:16px;
 text-transform:uppercase;
 margin-bottom:18px
}
.home-news .news .news-swiper .item-content h4 a {
 color:#fcb100
}
.home-news .news .news-swiper .item-content section {
 font-size:14px;
 color:#cdcce7;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:6;
 line-clamp:6;
 -webkit-box-orient:vertical;
 height:140px;
 line-height:23px
}
.home-news .news .news-swiper .item-content section * {
 color:#cdcce7!important;
 font-size:14px;
 font-family:roboto!important
}
.home-news .news .news-swiper .item-content .time {
 color:#7f460f;
 display:block;
 text-align:right;
 margin-top:50px
}
.home-news .news .news-swiper .item-img {
 position:absolute;
 right:-67px;
 top:24px;
 z-index:9
}
.home-news .news .news-swiper .item-img img {
 border-radius:20px;
 width:350px;
 display:block
}
    .home-news .news .news-swiper .news-button-prev,
    .home-news .news .news-swiper .news-button-next {
        background-image: url(../images/left.png);
        width: 40px;
        height: 40px;
        background-size: 40px;
        outline: none;
        position: absolute;
        bottom: 6px;
        right: 120px;
        z-index: 10;
        cursor: pointer
    }
    .home-news .news .news-swiper .news-button-next {
        background-image: url(../images/right.png);
        right: 64px
    }
.home-news .news .news-swiper .swiper-button-disabled {
 opacity:.5
}
.home-news .reviews-swiper {
 background:#171c2e;
 padding:10px 20px;
 min-height:400px
}
.home-news .reviews-swiper>div {
 text-align:right;
 margin-bottom:10px
}
.home-news .reviews-swiper>div>img {
 width:165px
}
.home-news .reviews-swiper li {
 background:#100807;
 padding:19px 15px;
 margin-bottom:10px
}
.home-news .reviews-swiper li div {
 display:flex;
 justify-content:space-between;
 align-items:flex-end
}
.home-news .reviews-swiper li:last-child {
 margin:0
}
.home-news .reviews-swiper li div span {
 color:#7f460f
}
.home-news .reviews-swiper li img {
 width:175px
}
.home-news .reviews-swiper li p {
 color:#cdcce7;
 margin:14px 0;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 line-clamp:2;
 -webkit-box-orient:vertical;
 height:38px
}
.home-news .reviews-swiper li .avtor {
 color:#fcb100;
 font-size:16px;
 display:block;
 text-align:right
}
.error-page {
 position:relative
}
.error-page img {
 width:100%;
 border-radius:5px;
 padding-top:70px
}
.error-page a {
 position:absolute;
 color:#fff;
 font-size:18px;
 font-family:roboto;
 background:#1f203c;
 height:70px;
 border-radius:70px;
 bottom:224px;
 right:180px;
 display:flex;
 align-items:center;
 padding:0 25px
}
.error-page a i {
 width:20px;
 height:18px;
 background-position:-87px -119px;
 margin-right:5px
}
.breadcrumb {
 padding-top:18px
}
.breadcrumb ul {
 display:flex
}
.breadcrumb ul li a {
 color:#fff;
 font-size:12px;
 font-family:roboto
}
.breadcrumb ul li.home::after {
 content:'';
 width:5px;
 height:8px;
 background-position:-68px -63px;
 display:inline-block;
 margin:0 6px
}
.breadcrumb ul li.home:hover a {
 color:#fcb100
}
.news-guide h2 {
 color:#fff;
 font-size:48px
}
.news-guide .news-list li {
 background:#171c2e;
 display:flex;
 padding:12px 60px 12px 12px;
 font-family:arial;
 position:relative;
 border-radius:10px;
 margin-bottom:20px;
 overflow:hidden
}
.news-guide .news-list li a>img {
 width:415px;
 margin-right:24px
}
.news-guide .news-list li .title {
 color:#fcb100;
 font-size:16px;
 margin-top:5px
}
.news-guide .news-list li a {
 color:#fff
}
.news-guide .news-list li .times {
 color:#393c59;
 font-size:12px;
 margin:12px 0 25px
}
.news-guide .news-list li .content {
 color:#fff;
 text-overflow:-o-ellipsis-lastline;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:5;
 line-clamp:5;
 -webkit-box-orient:vertical;
 max-height:120px;
 line-height:24px
}
.news-guide .news-list li .content * {
 color:#cdcce7!important;
 font-family:roboto!important
}
.news-guide .news-list li .content img {
 max-width:300px
}
.news-guide .news-list li .share {
 display:flex;
 align-items:center;
 color:#393c59;
 position:absolute;
 bottom:14px;
 right:60px
}
.news-guide .news-list li .share span {
 white-space:nowrap
}
.news-guide .news-list li .share a {
 width:40px;
 height:40px;
 margin:0 5px
}
.news-guide .news-list li .share a.facebook {
 background-position:-23px -74px
}
.news-guide .news-list li .share a.google {
 background-position:-74px -74px
}
.news-guide .news-list li .share a.twitter {
 background-position:-125px -74px
}
.news-guide button {
 width:100%;
 height:50px;
 color:#fff;
 font-size:20px;
 background:-webkit-linear-gradient(left,#3e3c72,#45428c);
 background:-o-linear-gradient(right,#3e3c72,#45428c);
 background:-moz-linear-gradient(right,#3e3c72,#45428c);
 background:linear-gradient(to right,#3e3c72,#45428c)
}
.news-guide button.noval {
 background:#706fa3;
 cursor:not-allowed;
 text-shadow:rgba(48,24,113,.1) 0 1px 1px;
 color:#a5a4ce
}
.news-guide button.more i {
 width:30px;
 height:30px;
 border-radius:50%;
 border-left:2px solid #fff;
 margin:auto;
 animation:rotation 1s linear infinite;
 display:none
}
.about-main h2 {
 text-align:center;
 color:#fcb100;
 font-size:48px;
 margin-bottom:40px;
 margin-top:20px
}
.about-us .about-content>ul>li {
 padding:60px 0
}
.about-us .about-content>ul>li h3 {
 color:#fff;
 font-size:48px;
 margin-bottom:60px;
 position:relative
}
.about-us .about-content>ul>li h3::before {
 content:'';
 position:absolute;
 width:100px;
 height:4px;
 background:#fcb100;
 bottom:0;
 left:0
}
.about-us .about-content>ul>li .item {
 display:flex;
 font-size:14px;
 color:#cdcce7;
 align-items:center
}
.about-us .about-content>ul>li .item>div {
 margin-right:35px
}
.about-us .about-content>ul>li .item>div>p {
 margin-bottom:22px;
 line-height:22px
}
.about-us .about-content>ul>li .item.our-products p {
 font-size:14px;
 color:#fffdfb
}
.about-us .about-content>ul>li .item.our-products>div {
 margin-right:0;
 margin-left:35px
}
.about-us .about-content>ul>li .item p:last-child {
 margin:0
}
.about-us .about-content>ul>li .item img {
 width:540px;
 height:360px
}
.about-us .about-content>ul>li .item.our-service ul {
 display:flex;
 flex-wrap:wrap
}
.about-us .about-content>ul>li .item.our-service>div {
 margin-right:0
}
.about-us .about-content>ul>li .item.our-service ul li {
 width:30%;
 margin-right:60px;
 margin-bottom:26px
}
.about-us .about-content>ul>li .item.our-service ul li:nth-child(3n) {
 margin-right:0
}
.about-us .about-content>ul>li .item.our-service ul li p {
 font-size:16px;
 text-transform:uppercase;
 font-family:oswald;
 margin-bottom:10px;
 color:#fffdfb
}
.about-us .about-content>ul>li .item.our-service img {
 width:657.5px;
 height:454px
}
.about-us .about-content>ul>li .item.our-service ul li span {
 font-size:14px;
 display:block;
 color:#cdcce7
}
.about-us .about-content>ul>li .item.our-contact-us a {
 color:#cdcce7
}
.about-us .about-content>ul>li .item.our-contact-us img {
 margin-right:60px
}
.about-us .about-content>ul>li .item.our-contact-us p {
 display:flex;
 align-items:center
}
.about-us .about-content>ul>li .item.our-contact-us p img {
 width:28px;
 height:28px;
 margin:10px
}
.contact-us>p {
 text-align:center;
 font-size:16px;
 color:#cdcce7;
 margin-bottom:25px
}
.contact-us .contact-us-box {
 display:flex;
 padding-top:100px;
 padding-bottom:40px
}
.contact-us .contact-us-box img {
 width:460px;
 margin-right:40px
}
.contact-us .contact-us-box p img {
 width:28px;
 height:28px;
 margin-right:10px
}
.contact-us .contact-us-box p {
 font-size:16px;
 color:#cdcce7;
 margin-bottom:20px;
 padding-right:100px;
 display:flex;
 align-items:center
}
.contact-us .contact-us-box p a {
 color:#cdcce7
}
.contact-us .contact-us-box p span {
 color:#cdcce7
}
.contact-us .contact-us-box .additionally div {
 margin-top:40px;
 color:#cdcce7
}
.help-center {
 text-align:center
}
.help-center h2 {
 color:#fcb100;
 font-size:30px;
 font-family:roboto;
 margin:30px 0 25px
}
.search-question .input-box {
 width:680px;
 position:relative;
 margin:auto
}
.search-question input {
 height:60px;
 border-radius:60px;
 background:0 0;
 border:1px solid rgba(205,204,231,.3);
 width:100%;
 padding-left:32px;
 color:#cdcce7
}
.search-question i {
 position:absolute;
 top:19px;
 right:26px;
 width:24px;
 height:23px;
 background-position:-90px -246px;
 cursor:pointer
}
.search-question p {
 color:#fff;
 font-size:12px;
 margin-top:15px
}
.faq-cate {
 margin-top:90px;
 margin-bottom:30px
}
.faq-cate ul {
 display:flex;
 justify-content:center
}
.faq-cate li {
 background:#07254c;
 border-radius:45px;
 height:45px;
 line-height:45px;
 margin-right:10px;
 cursor:pointer;
 color:#f2bc00;
 padding:0 22px;
 font-size:16px;
 font-family:oswald;
 text-transform:uppercase
}
.faq-cate li.active {
 background:#fcb100;
 color:#1a0c0b
}
.faq-content .item {
 margin-bottom:20px
}
.faq-content .item .item-title {
 background:#091a38;
 height:65px;
 line-height:65px;
 padding:0 30px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 cursor:pointer;
 color:#fff;
 font-family:roboto
}
.faq-content .item .item-title i {
 background-position:-132px -255px;
 width:18px;
 height:11px
}
.faq-content .item .item-title.up {
 background:#fcb100;
 color:#fff
}
.faq-content .item .item-title.up i {
 background-position:-160px -255px
}
.faq-content .item .item-text {
 padding:35px 30px 70px;
 background:#000;
 color:#fff;
 display:none;
 text-align:left
}
.faq-content .item .item-text p {
 margin-bottom:10px;
 text-align:left
}
.faq-content .faq-tips {
 color:#fff
}
.news-detail {
 margin-top:20px;
 border:1px solid #101c36
}
.news-detail h3 {
 color:#fff;
 background:#fcb100;
 border-radius:5px 5px 0 0;
 padding:10px;
 font-size:20px
}
.news-detail .times-tag {
 display:flex;
 align-items:center;
 justify-content:space-between
}
.news-detail .times {
 color:#fff;
 padding-left:10px
}
.news-detail .news-detail-content {
 padding:20px 10px;
 border-radius:0 0 5px 5px
}
.news-detail .news-detail-content p {
 margin-bottom:20px;
 color:#fff
}
.news-detail .news-detail-content p.ql-align-center {
 text-align:center
}
.news-detail .news-tags {
 padding:20px 10px
}
.news-detail .news-tags p {
 margin-bottom:10px;
 color:#fcb100
}
.news-detail .news-tags ul {
 display:flex;
 align-items:center
}
.news-detail .news-tags ul img {
 width:25px;
 height:20px
}
.news-detail .news-tags ul li {
 margin-right:10px
}
.news-detail .news-tags ul li a {
 color:#7073c9;
 font-size:12px;
 display:block;
 height:40px;
 line-height:40px;
 padding:0 10px;
 border-radius:3px
}
.news-detail .news-tags ul li a:hover {
 color:#fff
}
.news-previous {
 margin-top:20px;
 padding:0 20px
}
.news-previous a {
 color:#fff
}
.news-previous a:hover {
 color:#fcb100
}
.news-recommended h4 {
 padding:50px 0 10px;
 border-bottom:1px dashed #ccc;
 font-size:20px
}
.news-recommended {
 padding:0 20px
}
.news-recommended ul {
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 margin-top:20px
}
.news-recommended ul li {
 width:50%;
 margin-bottom:20px
}
.news-recommended ul li a {
 color:#fff
}
.news-recommended ul li a:hover {
 color:#fcb100
}
.footer-common-button {
 border-radius:50%;
 position:fixed;
 bottom:140px;
 right:60px;
 text-align:center;
 line-height:60px;
 cursor:pointer;
 z-index:99;
 display:none
}
.footer-common-button img {
 width:60px;
 height:60px
}
.live-chat-button.footer-common-button {
 bottom:70px
}
.forgotPassword,
.backToSite {
 background:#1f203c;
 margin:auto;
 width:500px;
 border-radius:5px;
 padding:20px 30px 30px;
 margin-top:80px
}
.backToSite {
 display:none
}
.forgotPassword h2,
.backToSite h2 {
 font-size:36px;
 color:#fff
}
.forgotPassword>p,
.backToSite>p {
 font-size:12px;
 margin:10px 0 20px;
 color:#9093be
}
.forgotPassword .input-box {
 position:relative
}
.forgotPassword .input-box i {
 width:20px;
 height:17px;
 background-position:-180px -57px;
 position:absolute;
 top:14px;
 left:14px
}
.forgotPassword .repass.input-box i,
.forgotPassword .pass.input-box i {
 width:17px;
 height:19px;
 background-position:-183px -78px
}
.forgotPassword .resetCode.input-box i {
    width: 17px;
    height: 19px;
    margin-top: 10px;
    background-position: -155px -170px
}
.forgotPassword .email {
    height: 46px;
    border: 1px solid #c6c7e9;
    width: 100%;
    border-radius: 5px;
    padding-left: 44px;
    font-family: roboto
}

.forgotPassword .codes {
    height: 46px;
    border: 1px solid #c6c7e9;
    width: 40%;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 44px;
    font-family: roboto
}
.forgotPassword .login {
    height: 46px;
    border: 1px solid #c6c7e9;
    width: 100%;
    border-radius: 5px;
    margin-top: 10px;
    font-family: roboto
}
.forgotPassword  img {
    vertical-align: middle;
}
.forgotPassword .reset-btn {
 position:relative
}
.forgotPassword button.noval {
 background:#706fa3;
 cursor:not-allowed
}
.forgotPassword button,
.backToSite button {
 color:#fff;
 font-family:oswald;
 width:100%;
 height:50px;
 margin-top:30px
}
.backToSite button {
 margin-top:0
}
.forgotPassword .gradient-btn,
.backToSite .gradient-btn {
 background:-webkit-linear-gradient(left,#fcb100,#fec94c);
 background:-o-linear-gradient(right,#fcb100,#fec94c);
 background:-moz-linear-gradient(right,#fcb100,#fec94c);
 background:linear-gradient(to right,#fcb100,#fec94c)
}
.forgotPassword button i {
 width:30px;
 height:30px;
 border-radius:50%;
 border-left:2px solid #fff;
 margin:auto;
 animation:rotation 1s linear infinite;
 display:none
}

.newPassword,
.backToSite {
    background: #1f203c;
    margin: auto;
    width: 500px;
    border-radius: 5px;
    padding: 20px 30px 30px;
    margin-top: 80px
}
.newPassword h2,
.backToSite h2 {
    font-size: 36px;
    color: #fff
}

.newPassword > p,
.backToSite > p {
    font-size: 12px;
    margin: 10px 0 20px;
    color: #9093be
}

.newPassword .input-box {
    position: relative
}

.newPassword .input-box i {
        width: 20px;
        height: 17px;
        background-position: -180px -57px;
        position: absolute;
        top: 14px;
        left: 14px
}

.newPassword .repass i,
.newPassword .pass i {
    width: 17px;
    height: 19px;
    background-position: -183px -78px;
    margin-top:10px;
    
}

.newPassword .resetCode.input-box i {
    width: 17px;
    height: 19px;
    background-position: -155px -170px
}

.newPassword .email {
    height: 46px;
    border: 1px solid #c6c7e9;
    width: 100%;
    border-radius: 5px;
    padding-left: 44px;
    font-family: roboto
}

    .newPassword .pass {
        height: 46px;
        border: 1px solid #c6c7e9;
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        padding-left: 44px;
        font-family: roboto
    }
        .newPassword .pass i {
            width: 17px;
            height: 17px;
            background-position: -183px -78px;
        }

.newPassword .email i {
    width: 20px;
    height: 17px;
    background-position: -180px -57px;
}

.newPassword img {
    vertical-align: middle;
}

.newPassword .reset-btn {
    position: relative
}

.newPassword button.noval {
    background: #706fa3;
    cursor: not-allowed
}

.newPassword button,
.backToSite button {
    color: #fff;
    font-family: oswald;
    width: 100%;
    height: 50px;
    margin-top: 30px
}

.backToSite button {
    margin-top: 0
}

.newPassword .gradient-btn,
.backToSite .gradient-btn {
    background: -webkit-linear-gradient(left,#fcb100,#fec94c);
    background: -o-linear-gradient(right,#fcb100,#fec94c);
    background: -moz-linear-gradient(right,#fcb100,#fec94c);
    background: linear-gradient(to right,#fcb100,#fec94c)
}

.newPassword button i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-left: 2px solid #fff;
    margin: auto;
    animation: rotation 1s linear infinite;
    display: none
}

.newsletter-main .subscribers {
 background:#0f0f0f;
 display:flex;
 justify-content:flex-end;
 border-radius:5px;
 overflow:hidden;
 margin-top:20px
}
.newsletter-main .subscribers .subscribers-left {
 display:flex;
 flex-direction:column;
 justify-content:center;
 margin-top:-170px
}
.newsletter-main .subscribers .subscribers-left h2 {
 color:#fff4dc;
 font-size:36px;
 font-family:oswald
}
.newsletter-main .subscribers .subscribers-left>p {
 font-size:22px;
 font-family:oswald;
 color:#fcb100;
 margin:40px 0
}
.newsletter-main .subscribers .subscribers-left .coupon {
 position:relative
}
.newsletter-main .subscribers .subscribers-left .coupon>p {
 height:34px;
 border-radius:34px;
 border:2px solid #0ff;
 background:#1a1a56;
 display:inline-block;
 width:421px
}
.newsletter-main .subscribers .subscribers-left .coupon>div {
 position:absolute;
 background:#fcb100;
 color:#fff;
 top:10px;
 width:390px;
 left:15px;
 text-align:center;
 padding:30px 0
}
.newsletter-main .subscribers .subscribers-left .coupon>div::after,
.newsletter-main .subscribers .subscribers-left .coupon>div::before {
 content:'';
 width:20px;
 height:20px;
 background:#0f0f0f;
 border-radius:50%;
 position:absolute;
 top:44%
}
.newsletter-main .subscribers .subscribers-left .coupon>div::after {
 left:-10px
}
.newsletter-main .subscribers .subscribers-left .coupon>div::before {
 right:-10px
}
.newsletter-main .subscribers .subscribers-left .coupon>div>p {
 font-size:70px;
 font-family:oswald
}
.newsletter-main .subscribers .subscribers-left .coupon>div span {
 font-size:20px
}
.newsletter-main .subscribers .subscribers-right {
 background:#f5ecd9;
 padding:35px 30px 40px 40px;
 width:600px;
 margin-left:92px
}
.newsletter-main .subscribers .subscribers-right h2 {
 color:#000;
 font-size:16px;
 font-family:oswald;
 margin-bottom:30px
}
.newsletter-main .subscribers .subscribers-right ul {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.newsletter-main .subscribers .subscribers-right ul li {
 display:flex;
 align-items:center;
 position:relative;
 margin-bottom:20px;
 width:50%;
 cursor:pointer
}
.newsletter-main .subscribers .subscribers-right ul li:hover p {
 color:#fcb100
}
.newsletter-main .subscribers .subscribers-right ul li:hover label {
 border:1px solid #fcb100
}
.newsletter-main .subscribers .subscribers-right ul li:nth-child(2n) {
 margin-right:0
}
.newsletter-main .subscribers .subscribers-right ul li input {
 position:absolute;
 z-index:99;
 left:0;
 top:0;
 background:0 0
}
.newsletter-main .subscribers .subscribers-right ul li input[type=checkbox]:checked+label {
 background:#fcb100;
 border-color:#fcb100
}
.newsletter-main .subscribers .subscribers-right ul li label {
 display:block;
 width:20px;
 height:20px;
 border:1px solid #bdb199;
 border-radius:3px;
 margin-right:12px;
 position:relative
}
.newsletter-main .subscribers .subscribers-right ul li input[type=checkbox]:checked+label:after,
.newsletter-main .subscribers .subscribers-right ul li input[type=radio]:checked+label:after {
 opacity:1
}
.newsletter-main .subscribers .subscribers-right ul li input[type=checkbox]:checked+label+p,
.newsletter-main .subscribers .subscribers-right ul li input[type=radio]:checked+label+p {
 color:#fcb100
}
.newsletter-main .subscribers .subscribers-right .gameList ul li label:after {
 content:'';
 position:absolute;
 top:5px;
 left:3px;
 width:12px;
 height:8px;
 background-position:-100px -145px;
 opacity:0
}
.newsletter-main .subscribers .subscribers-right .language ul li label:after {
 content:'';
 width:10px;
 height:10px;
 background:#fcb100;
 border-radius:50%;
 position:absolute;
 top:4px;
 left:4px;
 opacity:0
}
.newsletter-main .subscribers .subscribers-right ul li input[type=radio]:checked+label {
 border-color:#fcb100
}
.newsletter-main .subscribers .subscribers-right ul li p {
 color:#000
}
.newsletter-main .subscribers .subscribers-right .language {
 margin-top:30px
}
.newsletter-main .subscribers .subscribers-right .language ul li label {
 border-radius:50%
}
.newsletter-main .subscribers .nesletterForm {
 margin-top:40px
}
.newsletter-main .subscribers .nesletterForm>p {
 font-size:16px;
 color:#fcb100;
 font-family:oswald
}
.newsletter-main .subscribers .nesletterForm .input-box {
 display:flex;
 padding-right:80px;
 margin-top:10px
}
.newsletter-main .subscribers .nesletterForm input {
 background:#fff;
 font-size:12px;
 height:50px;
 border-radius:5px;
 width:100%;
 margin-right:10px
}
.newsletter-main .subscribers .nesletterForm button {
 background:#fcb100;
 color:#fff;
 font-family:oswald;
 font-size:14px;
 height:50px;
 padding:10px 18px;
 min-width:121px
}
.newsletter-main .subscribers .nesletterForm .submit {
 position:relative
}
.newsletter-main .subscribers .nesletterForm .submit .errorTips {
 top:-72px;
 right:-70px
}
.newsletter-main .subscribers .nesletterForm .submit .errorTips::before {
 right:120px
}
.newsletter-main .subscribers .nesletterForm .submit .errorTips span {
 white-space:nowrap
}
.newsletter-main .subscribers .nesletterForm button.noval {
 background:#706fa3;
 cursor:not-allowed;
 text-shadow:rgba(48,24,113,.1) 0 1px 1px;
 color:#a5a4ce
}
.newsletter-main .nesletterForm button i {
 display:block;
 width:20px;
 height:20px;
 border-radius:50%;
 border-left:2px solid #fff;
 margin:auto;
 animation:rotation 1s linear infinite;
 display:none
}
.newsletter-main .why-us {
 text-align:center;
 padding-top:65px;
 padding-bottom:50px;
 background:#060d25;
 margin-top:40px;
 border-radius:10px
}
.newsletter-main .why-us ul {
 display:flex;
 justify-content:center
}
.newsletter-main .why-us ul li img {
 width:210px
}
.newsletter-main .why-us ul li {
 color:#fff4dc;
 text-align:center;
 width:30%
}
.newsletter-main .why-us ul li h2 {
 font-size:20px;
 font-family:oswald;
 color:#fff4dc;
 margin-bottom:15px
}
.newsletter-main .why-us ul li p {
 padding:0 60px
}
.newsletter-main .why-us ul li p i {
 color:#fcb100
}
.newsletter-main .why-us>h3 {
 color:#fff4dc;
 font-size:36px;
 margin-bottom:80px
}
.newsletter-main .lucky {
    background-image: url(../images/newslatter-lucky.jpg);
    background-size: cover;
    height: 600px;
    text-align: center;
    padding-top: 55px
}
.newsletter-main .lucky h3 {
 color:#000;
 font-size:36px;
 margin-bottom:30px
}
.newsletter-main .lucky>div {
 position:relative;
 display:inline-block
}
.newsletter-main .lucky p {
 width:450px;
 background:#655a45;
 border-radius:30px;
 height:30px;
 border:4px solid #ebd5a8;
 display:inline-block
}
.newsletter-main .lucky>div ul {
 position:absolute;
 top:12px;
 left:20px;
 background:#f5ecd9;
 width:90%;
 padding:16px 0 20px;
 box-shadow:6px 9px 8px -1px #e0bea6;
 border-radius:5px
}
.newsletter-main .lucky>div ul li {
 height:33px;
 line-height:33px;
 color:#000;
 display:flex;
 justify-content:space-between;
 padding:0 20px
}
.newsletter-main .lucky>div ul li:nth-child(2n) {
 background:#f0e2c5
}
.newsletter-main .lucky>div ul li span:nth-child(2) {
 margin:0 10px
}
.joinVip-main {
 padding-left:20px;
 padding-right:20px
}
    .joinVip-main .vip-header {
        background-image: url(../images/vipHeader-bg.jpg);
        height: 290px;
        background-size: cover;
        margin-top: 20px;
        padding: 20px 0 15px 35px;
        border-radius: 10px
    }
.joinVip-main .vip-header h2 {
 font-size:50px
}
.joinVip-main .vip-header p {
 width:70%;
 font-size:16px;
 width:60%;
 margin-top:15px;
 line-height:20px
}
.joinVip-main .vip-header a {
 background:-webkit-linear-gradient(top,#fcb100,#fec94c);
 background:-o-linear-gradient(bottom,#fcb100,#fec94c);
 background:-moz-linear-gradient(bottom,#fcb100,#fec94c);
 background:linear-gradient(to bottom,#fcb100,#fec94c);
 color:#1a0c0b;
 height:42px;
 padding:0 30px;
 display:inline-block;
 margin-top:20px;
 line-height:42px;
 border-radius:42px;
 margin-right:10px
}
.joinVip-main .vip-header .userInfo {
 display:flex;
 align-items:center;
 margin-top:20px
}
.joinVip-main .vip-header .userInfo img {
 border-radius:50%;
 width:50px;
 margin-right:10px
}
.joinVip-main .vip-header .userInfo p {
 margin:0
}
.joinVip-main .vip-ul {
 margin:50px 0
}
.joinVip-main .vip-ul ul li {
 display:flex;
 justify-content:space-between
}
.joinVip-main .vip-ul ul li img {
 width:212px
}
.joinVip-main .vip-membership h3 {
 text-transform:uppercase;
 font-size:47px;
 margin-bottom:20px
}
.joinVip-main .vip-membership p {
 font-size:16px;
 color:#cdcce7;
 margin-top:10px
}
.joinVip-main .vip-membership p span {
 color:#f7b10a
}
.joinVip-main .vip-how {
 display:flex;
 margin-top:120px
}
.joinVip-main .vip-how img {
 width:601px;
 margin-right:40px
}
.joinVip-main .vip-how h3 {
 font-size:47px;
 text-transform:uppercase;
 margin-bottom:20px;
 line-height:80px
}
.joinVip-main .vip-how ul li {
 display:flex;
 font-size:16px;
 margin-bottom:25px
}
.joinVip-main .vip-how ul li:last-child {
 margin-bottom:0
}
.joinVip-main .vip-how ul li span {
 width:18px;
 min-width:18px;
 height:18px;
 border:2px solid #cdcce7;
 border-radius:50%;
 margin-right:30px;
 margin-bottom:42px;
 position:relative
}
.joinVip-main .vip-how ul li span::before {
 content:'';
 height:66px;
 border:1px dashed #cdcce7;
 position:absolute;
 top:17px;
 left:6px
}
.joinVip-main .vip-how ul li:last-child span::before {
 display:none
}
.joinVip-main .vip-new-order img {
 margin-left:40px;
 margin-right:0
}
.alipaycn_payment {
 background:#fff;
 margin-top:20px;
 padding:30px 100px;
 color:#000
}
.alipaycn_payment .orderDetails {
 display:flex;
 justify-content:space-between
}
.alipaycn_payment .orderDetails>div {
 width:40%
}
.alipaycn_payment h2 {
 background:#45428c;
 color:#fff;
 padding:5px 0 10px 20px;
 border-radius:5px 5px 0 0
}
.alipaycn_payment .orderDetails>div ul {
 border:1px solid #ddd;
 padding:20px
}
.alipaycn_payment .orderDetails>div ul li {
 display:flex;
 align-items:center;
 margin-bottom:10px
}
.alipaycn_payment .orderDetails>div ul li label {
 font-family:oswald;
 min-width:200px
}
.alipaycn_payment .orderDetails>div ul.order_price li label,
.alipaycn_payment .orderDetails>div ul.order_price li span {
 color:#fcb100
}
.alipaycn_payment .alipaycn_payment_instruction {
 margin-top:20px
}
.alipaycn_payment .alipaycn_payment_instruction ul {
 display:flex;
 justify-content:space-around;
 padding:20px 0;
 border:1px solid #ddd
}
.alipaycn_payment .alipaycn_payment_instruction ul li {
 text-align:center
}
.alipaycn_payment .alipaycn_payment_instruction div {
 text-align:center
}
.alipaycn_payment .alipaycn_payment_instruction p {
 text-align:center;
 margin:20px 0
}
.alipaycn_payment .alipaycn_payment_instruction div button {
 width:200px;
 height:40px;
 border-radius:5px;
 font-size:14px;
 font-family:oswald;
 background:#fcb100;
 color:#fff
}
.affiliate-main .affiliate-network {
 margin-top:40px
}
.affiliate-main .affiliate-network h2 {
 font-size:48px;
 margin-bottom:20px
}
.affiliate-main .affiliate-network p {
 color:#cdcce7;
 line-height:25px
}
.affiliate-main .affiliate-network ul {
 margin-bottom:40px
}
.affiliate-main .affiliate-network ul li {
 margin-bottom:10px;
 color:#cdcce7
}
.affiliate-main .affiliate-network ul li a {
 color:#3b93c1
}
.affiliate-main .affiliate-network .aff_item {
 margin-top:40px
}
.affiliate-main .affiliate-network .aff_item h3 {
 font-size:25px;
 text-transform:uppercase;
 margin-bottom:20px
}
.affiliate-main .affiliate-network .sell_item ul {
 display:flex;
 margin-top:20px
}
.affiliate-main .affiliate-network .sell_item li {
 color:#fcb100;
 display:flex;
 align-items:center;
 margin-right:50px
}
.affiliate-main .affiliate-network .sell_item li span {
 border-bottom:1px solid #fcb100
}
.affiliate-main .affiliate-network .sell_item img {
 width:26px;
 margin:0 10px 0 0
}
.affiliate-main .affiliate-network .sell_item li:last-child img {
 width:29px
}
.affiliate-main img {
 margin-top:40px
}
.spinner {
 text-align:center;
 display:none;
 margin-top:-1px
}
.spinner>div {
 background-color:#fff;
 height:15px;
 width:15px;
 margin-left:3px;
 border-radius:50%;
 display:inline-block;
 -webkit-animation:stretchdelay .7s infinite ease-in-out;
 animation:stretchdelay .7s infinite ease-in-out
}
.spinner .circ2 {
 -webkit-animation-delay:-.6s;
 animation-delay:-.6s
}
.spinner .circ3 {
 -webkit-animation-delay:-.5s;
 animation-delay:-.5s
}
.spinner .circ4 {
 -webkit-animation-delay:-.4s;
 animation-delay:-.4s
}
@keyframes stretchdelay {
 0%,
 40%,
 100% {
  transform:translateY(-10px);
  -webkit-transform:translateY(-10px)
 }
 20% {
  transform:translateY(-20px);
  -webkit-transform:translateY(-20px)
 }
}
.commonSilde {
 position:fixed;
 display:flex;
 align-items:center;
 top:300px;
 z-index:10;
 transform:translateY(-50%);
 transition:all .3s;
 right:-370px;
 transition:all .3s;
 border-radius:10px 0 0 10px
}
.commonSilde.active {
 right:0
}
.commonSilde .silder-l {
 background:#45428c;
 width:40px;
 height:180px;
 border-radius:10px 0 0 10px;
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 color:#fff;
 margin-right:10px
}
.commonSilde .silder-l span {
 transform:rotate(-90deg);
 white-space:nowrap;
 display:flex;
 align-items:center;
 font-size:14px
}
.commonSilde .silder-l span i {
 width:7px;
 height:13px;
 background-position:-122px -723px;
 transform:rotate(90deg);
 margin-left:10px
}
.commonSilde.couponSilde {
 background:#680102
}
    .commonSilde .silder-r {
        background: url(../images/coupon-bj.png);
        background-size: cover;
        height: 160px;
        width: 360px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        padding: 10px 0
    }
.couponSilde .silder-r p {
 color:#eb4233;
 font-size:14px
}
.couponSilde .silder-r h4 {
 font-size:48px;
 color:#680102;
 margin-top:27px;
 margin-bottom:-53px
}
.commonSilde .silder-r a {
 background:#680102;
 display:inline-block;
 color:#ffe3ab;
 font-size:16px;
 height:34px;
 padding:0 22px;
 border-radius:34px;
 line-height:34px;
 margin-top:50px
}
.commonSilde .silder-r a i {
 display:none;
 width:15px;
 height:15px;
 border-radius:50%;
 border-left:2px solid #fff;
 margin:auto;
 animation:rotation 1s linear infinite;
 margin-top:9px
}
.couponSilde .silder-r .errorTips {
 right:27px;
 top:58px
}
.couponSilde .silder-r .errorTips span {
 color:#000
}
.couponSilde .silder-r .errorTips::before {
 right:146px
}
.vipSilde.commonSilde {
 top:500px;
 background:#473620
}
    .vipSilde.commonSilde .silder-r {
        background: url(../images/vip-bj.png);
        background-size: cover;
        align-items: flex-end;
        padding-right: 33px;
        justify-content: center
    }
.vipSilde.commonSilde .silder-r p {
 color:#3c2a13;
 font-size:24px;
 font-family:oswald;
 width:120px;
 margin-bottom:10px
}
.vipSilde.commonSilde .silder-r a {
 background:#684a23;
 margin:0
}
.newslatterSilde.commonSilde {
 top:700px;
 background:#473620
}
    .newslatterSilde.commonSilde .silder-r {
        background: url(../images/newslatter-bj.png);
        background-size: cover;
        padding: 0 40px;
        justify-content: flex-start;
        padding-top: 10px
    }
.newslatterSilde.commonSilde .silder-r span {
 color:#21140d
}
.newslatterSilde.commonSilde .silder-r p {
 color:#473620;
 font-size:24px;
 font-family:oswald;
 text-align:center
}
.newslatterSilde.commonSilde .silder-r a {
 margin:0;
 background:#21140d;
 margin-top:10px
}
.reviews-main .reviewsBox h2 {
    text-align: center;
    font-size: 35px;
    text-align: left;
    margin-bottom: 60px
}

.reviewsBox .reviews-t {
    background: #171c2e;
    border-radius: 20px;
    padding: 30px 30px 20px;
    margin-top: 30px;
    position: relative
}

    .reviewsBox .reviews-t::before {
        content: '';
        width: 300px;
        height: 80px;
        background: -webkit-linear-gradient(left,#ccc,#171c2e);
        background: -o-linear-gradient(right,#ccc,#171c2e);
        background: -moz-linear-gradient(right,#ccc,#171c2e);
        background: linear-gradient(to right,#ccc,#171c2e);
        position: absolute;
        opacity: .1;
        left: 0;
        top: 18px
    }

    .reviewsBox .reviews-t li {
        display: flex;
        align-items: center;
        margin-bottom: 20px
    }

        .reviewsBox .reviews-t li:last-child {
            align-items: flex-start
        }

        .reviewsBox .reviews-t li > div {
            width: 100%;
            position: relative
        }

        .reviewsBox .reviews-t li:first-child div {
            display: flex
        }

        .reviewsBox .reviews-t li div img {
            width: 28px
        }

        .reviewsBox .reviews-t li label {
            color: #f4f7f9;
            font-size: 16px;
            font-family: oswald;
            min-width: 150px
        }

        .reviewsBox .reviews-t li input {
            border: 1px solid rgba(205,204,231,.3);
            height: 40px;
            border-radius: 5px;
            width: 400px;
            color: #fff;
            background: 0 0
        }

            .reviewsBox .reviews-t li input:focus {
                border: 1px solid #04458e
            }

        .reviewsBox .reviews-t li textarea {
            border: 1px solid rgba(205,204,231,.3);
            border-radius: 5px;
            width: 100%;
            min-height: 150px;
            color: #fff;
            font-size: 16px;
            background: 0 0;
            resize: none
        }

    .reviewsBox .reviews-t button {
        height: 50px;
        border-radius: 50px;
        background: #45428c;
        color: #fff;
        font-size: 16px;
        width: 140px;
        text-align: center
    }

    .reviewsBox .reviews-t li > div.submit {
        width: auto
    }

        .reviewsBox .reviews-t li > div.submit .errorTips {
            top: -66px;
            width: 200px;
            right: -50px
        }

            .reviewsBox .reviews-t li > div.submit .errorTips span {
                white-space: nowrap
            }

            .reviewsBox .reviews-t li > div.submit .errorTips::before {
                right: 110px
            }

    .reviewsBox .reviews-t button i {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border-left: 2px solid #fff;
        margin: auto;
        animation: rotation 1s linear infinite;
        display: none
    }

.reviewsBox .reviews-b {
    background: #171c2e;
    border-radius: 10px;
    margin-top: 20px;
    padding: 30px 50px 50px;
    position: relative
}

    .reviewsBox .reviews-b::before {
        content: '';
        width: 300px;
        height: 80px;
        background: -webkit-linear-gradient(left,#ccc,#171c2e);
        background: -o-linear-gradient(right,#ccc,#171c2e);
        background: -moz-linear-gradient(right,#ccc,#171c2e);
        background: linear-gradient(to right,#ccc,#171c2e);
        position: absolute;
        opacity: .1;
        left: 0;
        top: 18px
    }

    .reviewsBox .reviews-b ul li {
        border-radius: 10px;
        font-size: 14px;
        margin-bottom: 20px;
        display: flex;
        align-items: start
    }

        .reviewsBox .reviews-b ul li .reviews-userInfo {
            display: flex;
            align-items: center;
            margin-right: 100px;
            min-width: 200px
        }

            .reviewsBox .reviews-b ul li .reviews-userInfo div {
                position: relative;
                margin-right: 10px
            }

            .reviewsBox .reviews-b ul li .reviews-userInfo .userImg {
                width: 48px
            }

            .reviewsBox .reviews-b ul li .reviews-userInfo .userCountry {
                position: absolute;
                top: 38px;
                right: 0
            }

            .reviewsBox .reviews-b ul li .reviews-userInfo span {
                display: block
            }

                .reviewsBox .reviews-b ul li .reviews-userInfo span.avtor {
                    color: #f4f7f9;
                    font-size: 22px;
                    margin-bottom: 5px
                }

                .reviewsBox .reviews-b ul li .reviews-userInfo span.time {
                    color: #f2bc00
                }

        .reviewsBox .reviews-b ul li .reviews-content {
            background: #100807;
            width: 600px;
            border-radius: 10px;
            max-width: 600px;
            padding: 30px 20px;
            position: relative
        }

            .reviewsBox .reviews-b ul li .reviews-content::before {
                content: '';
                position: absolute;
                top: 24px;
                left: -20px;
                width: 0;
                height: 0;
                border-top: 0 solid transparent;
                border-bottom: 20px solid transparent;
                border-right: 20px solid #100807
            }

            .reviewsBox .reviews-b ul li .reviews-content div {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 20px
            }

                .reviewsBox .reviews-b ul li .reviews-content div img {
                    width: 156px
                }

                .reviewsBox .reviews-b ul li .reviews-content div p {
                    color: #f2bc00
                }

            .reviewsBox .reviews-b ul li .reviews-content > p {
                color: #fff
            }

.reviewsBox .pager a,
.reviewsBox .pager span {
    border-radius: 50%;
    border: 1px solid #f2bc00;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-right: 20px
}

    .reviewsBox .pager span.active {
        background: #f2bc00;
        color: #fff
    }

.news-guide .pager a,
.news-guide .pager span {
    border-radius: 50%;
    border: 1px solid #f2bc00;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-right: 20px
}

    .news-guide .pager span.active {
        background: #f2bc00;
        color: #fff
    }
@media only screen and (max-width:1310px) {
 .site-info ul li:nth-child(3n) {
  margin-right:65px
 }
}
.delete-public-box {
 width:400px;
 background:#fff;
 border-radius:10px;
 position:fixed;
 top:30%;
 left:40%;
 z-index:1000;
 margin:auto;
 text-align:center;
 padding:50px 40px;
 display:none
}
.delete-public-box p {
 color:#272852;
 font-size:14px;
 margin-bottom:30px
}
.delete-public-box i {
 width:13px;
 height:13px;
 background-position:-185px -365px;
 position:absolute;
 top:15px;
 right:15px;
 cursor:pointer
}
.delete-public-box button {
 width:100px;
 height:40px;
 border:1px solid #fcb100;
 color:#fcb100;
 background:#fff;
 font-size:14px;
 margin-right:10px
}
.delete-public-box button.yes {
 background:#fcb100;
 color:#fff
}
.delete-public-box.display {
 display:block;
 animation:waitBox .3s;
 -webkit-animation:waitBox .3s
}
@keyframes waitBox {
 0% {
  opacity:0;
  -webkit-transform:scale(.5);
  transform:scale(.5)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}



.autocomplete-suggestions {
    background: #5b1f1b;
    overflow: auto;
    top: 60px;

    color: #fff;
}

.autocomplete-loding {
    background: #FFF;
    overflow: auto;
    top: 20px;
 
}


.autocomplete-suggestion {
    padding: 10px 10px 15px;
   /* border-top: 1px solid #d1d1d1;*/
    /*height: 100px;*/
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
    .autocomplete-suggestion a {
        color: #fff;
        font-size: 12px;
    }
    .autocomplete-suggestion:first-child {
        padding-top: 29px;
        border-top: 0;
        height: 114px;
    }

    .autocomplete-suggestion:last-child {
        height: 50px;
    }

    .autocomplete-suggestion .autoSugImg {
        width: 100px;
        height: 90px;
        position: absolute;
        /*top: 15px;*/
        left: 15px;
    }

    .autocomplete-suggestion:first-child .autoSugImg {
        top: 29px;
    }

    .autocomplete-suggestion .autoSugImg img {
        width: 100%;
    }

    .autocomplete-suggestion .autoSugCont {
        width: 100%;
        padding-left: 110px;
    }

.autoSugCont .autoSugName {
    color: #212121;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*margin-bottom: 10px;*/
}

.autoSugCont .autoSugPrice {
    /*position:fixed;*/
    left: 125px;
    bottom: 5px;
    overflow: hidden;
    min-height: 10px;
}

    .autoSugCont .autoSugPrice .platform li {
        float: left;
        padding-right: 8px;
    }

    .autoSugCont .autoSugPrice .tian_dot {
        font-size: 12px;
        margin-right: 5px;
    }

.autoSugCont del {
    color: #9a9a9a;
    font-size: 12px;
}

.autoSugCont .now {
    color: #52c9cc;
    font-size: 20px;
    margin-top: -5px;
}

.autoSugCont .autoSugScore {
    font-size: 30px;
    color: #ffcc00;
    position: absolute;
    right: 45%;
    bottom: 0px;
}

.autocomplete-suggestion .commKF, .autocomplete-suggestion .commButton {
    width: 100px;
    height: 24px;
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: 13px;
}

.autocomplete-selected {
    background: rgba(82,201,204,0.2);
}

.autocomplete-suggestion .autoSugNoResult {
    color: #212121;
}

    .autocomplete-suggestion .autoSugNoResult span {
        font-style: italic;
    }

.autocomplete-suggestion .autoSugShowAll {
    display: block;
    color: #212121;
    text-align: right;
}

    .autocomplete-suggestion .autoSugShowAll:hover {
        text-decoration: underline;
    }

.autocomplete-suggestions strong {
}

.autocomplete-group {
}

    .autocomplete-group strong {
    }

.gpt > div {
    width: 0;
    height: 0;
    position: absolute;
    top: 200px;
    margin-left: 0;
    overflow: hidden;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #1f203c url(../images/down.svg) no-repeat right 10px center;
    background-size: auto;
    background-size: 14px;
    color: #212121;
    padding: 5px 30px 5px 5px;
    width: 100%;
    height: 45px;
    border: 0px solid #ddd;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.commError li {
    list-style: none;
    color:red;
    margin:10px 0px;
}