@charset "utf-8";
/* CSS Document */
.WRAP { margin: 0 auto; position: relative; width: 100%; }
.s-skin-container { position: fixed; _position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -10; background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1; }
.img1 { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; }
.img2 { width: 4.6rem; position: absolute; z-index: 2; top: 0; right: 0; }
.pdt420 { padding-top: 4.5rem; }
.login-pdt { padding-top: 3.5rem; }
.k1 { position: absolute; left: .75rem; top: 1rem; width: 4rem; z-index: 5; }
.cor512D0F { color: #512D0F }
.lst10 { letter-spacing: .1rem; }
.corA45908 { color: #A45908; }
.cor683D0E { color: #683D0E; }
.k2 { border-radius: .4rem .4rem 0 0; padding: .4rem .6rem 1.3rem; z-index: 10; position: relative; }
.cor3B3E4E { column-count: #3B3E4E; }
.reg { width: 1.18rem; text-align: center; background: rgba(50,53,63,1); border-radius: .35rem; padding: .12rem 0 .1rem; font-size: .28rem; color: #FFC513; }
.ipt1 { width: 100%; background: rgba(249,250,251,0.33); border: 2px solid rgba(208, 211, 221, 0.59); border-radius: .08rem; padding: .3rem .26rem .28rem; font-size: .32rem; color: #171923; }
input.ipt1::-webkit-input-placeholder { color: #B2B3B7; }
input.ipt1::-moz-placeholder { color: #B2B3B7; }
input.ipt1:-moz-placeholder { color: #B2B3B7; }
input.ipt1:-ms-input-placeholder { color: #B2B3B7; }
.mgt33 { margin-top: .33rem; }
.corB2B3B7 { color: #B2B3B7; }
.corE2AE00 { color: #E2AE00; }
.cor3B3E4E { color: #3B3E4E; }
.cor0B0D16 { color: #0B0D16; }
.corFFC71B { color: #FFC71B; }
.lab2 { cursor: pointer; font-size: .26rem; color: #3B3E4E; }
.lab2 i { display: inline-block; width: .34rem; height: .34rem; text-align: center; vertical-align: middle; margin: 0 12px 0 0; background: url(../images/2.png) no-repeat center center/.32rem .32rem; }
.lab2 input[type="checkbox"] { display: none; }
.lab2 input[type="checkbox"]:checked + i { background: url(../images/2b.png) no-repeat center center/.32rem .32rem; }
.mgt28 { margin-top: .28rem; }
.a1 { background-color: #ffc503; text-align: center; border-radius: .08rem; padding: .28rem 0 .26rem; }
.a2 { background-color: #2e313e; text-align: center; border-radius: .08rem; padding: .28rem 0 .26rem; }
.BJS { position: fixed; z-index: -100; width: 100%; height: 100%; left: 0; top: 0; background: #F7F7F7; }
.footer { position: fixed; z-index: 800; width: 100%; left: 0; bottom: 0; background-color: #fff; }
.foot { overflow: hidden; padding: .22rem 0 .18rem; }
.foot > a > span { display: block; width: 100%; height: .42rem; }
.foot > a:nth-child(1) > span { background: url(../images/26-1.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(1).active > span { background: url(../images/26-1b.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(2) > span { background: url(../images/26-2.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(2).active > span { background: url(../images/26-2b.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(3) > span { background: url(../images/26-3.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(3).active > span { background: url(../images/26-3b.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(4) > span { background: url(../images/26-4.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(4).active > span { background: url(../images/26-4b.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(5) > span { background: url(../images/26-5.png) no-repeat center center/.42rem .42rem; }
.foot > a:nth-child(5).active > span { background: url(../images/26-5b.png) no-repeat center center/.42rem .42rem; }
.foot > a { float: left; text-align: center; }
.foot > a > p { font-size: .24rem; color: #AEB0BC; height: .26rem; line-height: .26rem; margin-top: .12rem; }
.foot > a.active > p { color: #FFC300; font-weight: bold; }
.img3 { position: absolute; z-index: -10; width: 100%; left: 0; top: 0; }
.w22 { width: .22rem; }
.corBDBDBD { color: #BDBDBD; }
.mgl40 { margin-left: .4rem; }
.ic1 { background: url(../images/11.png) no-repeat left center/.25rem .25rem; padding-left: .4rem; }
.pdt5 { padding-top: .05rem; }
.w180 { width: 1.8rem; }
.mgr200 { margin-right: 2rem; }
.mgt5 { margin-top: .05rem; }
.k2 { padding: .2rem .2rem .28rem; }
.w70 { width: .7rem; }
.tb1 > a { margin-right: .41rem; position: relative; font-size: .38rem; color: #D4D2DC; padding-bottom: .2rem; }
.tb1 > a:last-child { margin-right: 0; }
.tb1 > a.active { font-weight: bold; color: #FFD200; }
.tb1 > a.active:before { content: ""; position: absolute; z-index: 10; left: 0; bottom: 0; width: .29rem; height: .08rem; border-radius: .04rem; background: rgba(255,192,0,1); }
.loginReg > a { width: 1.1rem; text-align: center; padding: .14rem 0 .12rem; border-radius: .08rem; font-size: .28rem; background: rgba(102,98,79,0.3); border: 1px solid #DDC680; margin-left: .22rem; color: #FFD200; }
.loginReg > a.active { background-color: #FFD200; color: #171923; font-weight: bold; }
.k2-1 { margin-top: .43rem; }
.bgpic { background: url(../images/16.jpg) no-repeat; background-size: cover; }
.mg1 { border-radius: .12rem; }
.pdl18 { padding-left: .18rem; }
.pdr18 { padding-right: .18rem; }
.cor171923 { color: #171923; }
.ic2 { background: url(../images/17.png) no-repeat left center/.12rem .34rem; padding-left: .3rem; padding-top: .05rem; padding-bottom: .05rem; }
.item-2 > a { width: 3.48rem; margin-right: .18rem; position: relative; }
.item-2 > a:nth-child(2n) { margin-right: 0; }
.cor1A1A24 { color: #1A1A24; }
.item-2 > a > div { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; padding-left: .3rem; padding-right: .25rem; padding-bottom: .2rem; }
.pdt55 { padding-top: .55rem; }
.mg2 { border-radius: .16rem; }
.w714 { width: 7.14rem; }
.cor22222F { color: #22222F; }
.item-3 { display: block; position: relative; }
.item-3 > div { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.item-1 > a { display: block; position: relative; }
.item-1 > a > div { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; }
.pdt95 { padding-top: .95rem; padding-left: .3rem; }
.w46 { width: .46rem; }
.mgr90 { margin-right: .9rem; }


.tb3 > a { margin-right: .41rem; position: relative; font-size: .38rem; color: #8E909C; padding-bottom: .2rem; }
.tb3 > a:last-child { margin-right: 0; }
.tb3 > a.active { color: #FFD200; }
.tb3 > a.active:before { content: ""; position: absolute; z-index: 10; left: 0; bottom: 0; width: .29rem; height: .08rem; border-radius: .04rem; background: rgba(255,192,0,1); }
.mgt32 { margin-top: .32rem; }

.check { margin-right: .6rem; }
.check:last-child { margin-right: 0; }
.check1 > p { color: #8E909C; font-size: .28rem; background: url(../images/27-1.png) no-repeat left center/.3rem .26rem; padding-left: .4rem; }
.check1 > p.curr { background: url(../images/27-1b.png) no-repeat left center/.3rem .26rem; }
.check1 > p.curr { color: #fff; }
.check2 > p { color: #8E909C; font-size: .28rem; background: url(../images/27-2.png) no-repeat left center/.3rem .26rem; padding-left: .4rem; }
.check2 > p.curr { background: url(../images/27-2b.png) no-repeat left center/.3rem .26rem; }
.check2 > p.curr { color: #fff; }

.w694 { width: 6.94rem; margin-left: auto; margin-right: auto; }
.bgE7E9EF { background-color: #E7E9EF }
.pdl22 { padding-left: .22rem; }
.pdr22 { padding-right: .22rem; }
.ul01 > li > a { background-color: #313340; border-radius: .35rem; text-align: center; font-size: .28rem; color: #fff; padding: .12rem 0 .1rem; }
.ul01 > li.active > a { background-color: #FFC000; color: #191B25; }
.mgt27 { margin-top: .27rem; }
.cor878C9B { color: #cor878C9B; }
.cor1A1C26 { color: #1A1C26; }
.ul02 { width: 7.2rem; margin-left: auto; margin-right: auto; }
.ul02 > li { padding: .1rem .1rem .34rem; position: relative; }
.ul02 > li > div { border: 1px solid rgba(209, 213, 223, 1); border-radius: .1rem; box-shadow: 0px 12px 13px 0px rgba(119,122,140,0.11); }
.ul02 > li > div > div:nth-child(1) { float: left; width: 5.1rem; padding: .35rem .3rem .28rem; background-color: #fff }
.ul02 > li > div > div:nth-child(2) { margin-left: 5.1rem; background: #f4f6f9; padding: .35rem .35rem }
.ul02 > li:before { content: ""; position: absolute; z-index: 20; top: .1rem; bottom: .34rem; background: url(../images/70.jpg) no-repeat center center/.18rem 100%; width: .18rem; left: 5.19rem; }
.w512 { width: 5.12rem; }
.w180 { width: 1.8rem; }
.cor8E92A0 { color: #8E92A0 }
.cor767B8F { color: #767B8F; }
.corF59600 { color: #F59600; }
.cor191B25 { color: #191B25; }
.cor777B88 { color: #777B88; }
.cor80859E { color: #80859E; }
.ul02 > li.cur .p1 { color: #FF4E00; }
.ul02 > li.curr .p1 { color: #E8AF00; }
.w84 { width: .84rem; }
.w20 { width: .2rem; }
.mgt52 { margin-top: .52rem; }
.pdt57 { padding-top: .57rem; }
.pdb367 { padding-bottom: 3.67rem; }
.cor13141B { color: #13141B; }
.ic3 { background: url(../images/8.png) no-repeat left bottom/.44rem .13rem; }
.cor989AA4 { color: #989AA4; }
.mgt18 { margin-top: .18rem; }
.mgt55 { margin-top: .55rem; }
.h42 { height: 42px; }
.lh42 { line-height: .42rem; }
.w140 { width: 1.4rem; }
.mgl140 { margin-left: 1.4rem; }
.mgr140 { margin-right: 1.4rem; }

.tit1 { height: .42rem; }
.pdt4 { padding-top: .04rem; }
.pdt48 { padding-top: .48rem; }
.pdb48 { padding-bottom: .48rem; }
.mgt77 { margin-top: .77rem; }
.cor848793 { color: #848793; }
.hr-DDE1E7 { height: 1px !important; border-top: 1px solid #DDE1E7; }
.h64 { height: .64rem; }
.lh64 { line-height: .64rem; }
.w64 { width: .64rem; }
.jt { background: url(../images/37.png) no-repeat right center/.15rem .25rem; padding-right: .3rem; }
.corFDD415 { color: #FDD415; }
.w24 { width: .24rem; }
.w160 { width: 1.7rem; }
.pdl28 { padding-left: .28rem; }
.pdr28 { padding-right: .28rem; }
.mgt60 { margin-top: .6rem; }
.k3 { background: linear-gradient(0deg,rgba(223,227,236,0.42),rgba(255,255,255,0.42)); }
.k3 > a { font-size: .28rem; color: #8C8E97; }
.k3 > a.active { color: #1A1C26; font-weight: bold; }
.k33-1 { padding: .23rem .17rem .18rem; overflow: hidden; }
.pdb22 { padding-bottom: .22rem; }
.k33-1 > a { width: 33.33333%; padding: .09rem; display: block; float: left; }
.k33-1 > a > div { width: 100%; padding-top: .28rem; padding-bottom: .28rem; border: 1px solid #d0d3d8; border-radius: .08rem; background-color: #dcf8ff; position: relative; overflow: hidden; }
.k33-1 > a > div > img { width: 1.32rem; height: .36rem; margin-left: auto; margin-right: auto; }

.k33-1 > a > p > span { display: inline-block; position: relative; }
.k33-1 > a.active > div { background-color: #fff; border: 1px solid #ffc600; }
.k33-1 > a.active > div:before { content: ""; position: absolute; z-index: 10; background: url(../images/72.png) no-repeat center center/.48rem .43rem; width: .48rem; height: .43rem; top: 0; right: 0; }

.k4 { padding: .37rem .24rem .59rem; }
.ipt2 { width: 100%; background: #F9FAFE; border: 1px solid #D0D2D6; border-radius: .08rem; padding: .34rem 1rem .31rem; font-size: .32rem; color: #0e0e0e; font-size: .4rem; font-weight: lighter; }
input.ipt1::-webkit-input-placeholder { color: #BBBDC8; }
input.ipt1::-moz-placeholder { color: #BBBDC8; }
input.ipt1:-moz-placeholder { color: #BBBDC8; }
input.ipt1:-ms-input-placeholder { color: #BBBDC8; }
.sp1 { width: .28rem; display: block; position: absolute; z-index: 10; top: .45rem; left: .4rem; }
.corBBBDC8 { color: #BBBDC8; }
.sp2 { position: absolute; display: block; right: .27rem; bottom: .31rem; }
.pdl9 { padding-left: .09rem; }
.pdr9 { padding-right: .09rem; }
@font-face { font-family: "DIN-Bold"; src: url("../fonts/DIN-Bold.woff2") format("woff2"), url("../fonts/DIN-Bold.woff") format("woff"), url("../fonts/DIN-Bold.ttf") format("truetype"), url("../fonts/DIN-Bold.eot") format("embedded-opentype"), url("../fonts/DIN-Bold.svg") format("svg"); font-weight: normal; font-style: normal; }
.DIN { font-family: "DIN-Bold"; }
.k5 { margin-top: .28rem; width: 6.46rem; margin-left: auto; margin-right: auto; }
.table1 tr td:nth-child(odd) { background-color: #EEF0F2; width: 1.48rem; text-align: center; height: .96rem; border-radius: .08rem; font-size: .38rem; font-weight: bold; font-family: "DIN-Bold"; }
.table1 tr td:nth-child(even) { width: .18rem; }
.table1 tr td:nth-child(7) { background-color: #383B4A; color: #fff; }
.table1 tr:nth-child(even) td { height: .18rem; background-color: transparent; }
.w11 { width: .11rem; }
.w50 { width: .5rem; }
.a3 { background: rgba(255,197,3,1); border-radius: .08rem; font-size: .36rem; color: #0B0D16; font-weight: bold; padding: .27rem 0 .25rem; }
.corABACB2 { color: #ABACB2; }
.lh34 { line-height: .34rem; }
.lh42 { line-height: .42rem; }
.corE2940C { color: #E2940C; }
.mgt19 { margin-top: .19rem; }
.w56 { width: .56rem; }
.mgl83 { margin-left: .83rem; }
.corED582B { color: #ED582B; }
.corAFB6C0 { color: #AFB6C0; }
.cor8E98A7 { color: #8E98A7; }
.ul03 > li > div h2 { color: #1A1C26; }
.ul03 > li.cur1 > div h2 { color: #ED582B; }
.ul03 > li.cur2 > div h2 { color: #23B969; }
.mgr70 { margin-right: .7rem; }
.mgr70 { margin-right: .7rem; }
.k6 { background: linear-gradient(0deg,rgba(223,227,236,0.42),rgba(255,255,255,0.42)); }
.k6-1 > a { font-size: .28rem; color: #8C8E97; }
.k6-1 > a.active { color: #1A1C26; font-weight: bold; }
.w28 { width: .28rem; }
.pdt32 { padding-top: .32rem; }
.pdb32 { padding-bottom: .32rem; }
.pdl6 { padding-left: .06rem; }
.pdr6 { padding-right: .06rem; }
.ul04 { }
.ul04 > li { padding: .12rem .2rem; }
.ul04 > li > a { background: rgba(49,51,64,1); border-radius: .3rem; padding: .12rem 0 .1rem; font-size: .28rem; color: #fff; }
.ul04 > li.active > a { background-color: #FFC000; color: #191B25; font-weight: bold; }
.mgt16 { margin-top: .16rem; }
.mgt8 { margin-top: .08rem; }
.pdt8 { padding-top: .08rem; }
.pdb8 { padding-bottom: .08rem; }

.JianB { background: linear-gradient(0deg,rgba(223,227,236,0.42),rgba(255,255,255,0.42)); }
.w62 { width: .62rem; }
.mgl82 { margin-left: .82rem; }
.cor1F2128 { color: #1F2128; }
.cor03AE02 { color: #03AE02; }
.cor3E404E { color: #3E404E; }
.cor535767 { color: #535767; }
.ul05 { width: 6.94rem; margin-left: auto; margin-right: auto; }
.ul05 > li > div > div:nth-child(1) > div { background: url(../images/40b.png) no-repeat right .27rem center/.21rem .12rem; padding-right: .73rem; }
.ul05 > li.active > div > div:nth-child(1) > div { background: url(../images/40.png) no-repeat right .27rem center/.21rem .12rem; }
.corFF4E00 { color: #FF4E00; }
.pop { position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6) }
.shai { position: fixed; z-index: 2100; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; width: 6.94rem; border-radius: .1rem; }
.ul05 > li > div > div:nth-child(1) { background-color: #fff }
.ul05 > li.active > div > div:nth-child(1) { background: linear-gradient(0deg,rgba(223,227,236,0.42),rgba(255,255,255,0.42)); }
.cor8C8E97 { color: #8C8E97; }
.ul06 > li { padding-top: .28rem; padding-bottom: .26rem; border-bottom: 1px solid #E6E7EA; }
.ul06 > li:last-child { border-bottom: none; }
.ul06 > li.active > a { background: url(../images/43.png) no-repeat right center/.19rem .12rem; color: #171923; font-weight: bold; }

.div1 { width: 6.94rem; margin-left: auto; margin-right: auto; margin-top: .16rem; }
.pdt100 { padding-top: 1rem; }
.w163 { width: 1.63rem; }
.cor313340 { color: #313340; }
.w112 { width: 1.12rem; }
.mgl137 { margin-left: 1.37rem; }
.sp3 { display: inline-block; background: rgba(255,198,0,1); border-radius: .2rem; padding: .06rem.18rem .04rem; font-size: .26rem; color: #724332; font-style: oblique; margin-left: .3rem; margin-top: .05rem; }
.cor8E8E99 { color: #8E8E99; }
.k7-1 { background: linear-gradient(0deg,rgba(223,227,236,0.42),rgba(255,255,255,0.42)); padding: .3rem .23rem .4rem .5rem; }
.cor8A8C9A { color: #8A8C9A; }
.div2 > a { padding: .17rem .25rem .15rem; color: #171923; background-color: #171923; border-radius: .1rem; margin-left: .17rem; font-size: .26rem; color: #FFC400; }
.div2 > a:fir { margin-left: 0; }
.div2 > a.active { background-color: #FFC400; color: #191B25; font-weight: bold; }
.k7-2 { padding: .24rem .3rem .3rem; }
.k7-2 > div > div { background: url(../images/48.png) no-repeat center center; background-size: cover; padding: .24rem .24rem .24rem 1.97rem; border-radius: .1rem; }
.k7-2 > div { box-shadow: 0px 3px 10px 6px rgba(140,145,178,0.26); }
.p2 { color: #FFC64B; font-style: oblique }
.corC1C1CD { color: #C1C1CD; }
.k8 { padding: 0 .35rem; background-color: #fff; }
.w43 { width: .43rem; }
.mgl56 { margin-left: .56rem; }
.ul07 > li > a > div { padding-top: .35rem; padding-bottom: .35rem; border-bottom: 1px solid #E8E5E9; }
.ul07 > li:last-child > a > div { border-bottom: none; }
.ul07 > li > a { background: url(../images/37.png) no-repeat right center/.2rem .4rem; }

.k9 { background: url(../images/50.jpg) no-repeat center center; background-size: cover; padding-top: .4rem; padding-bottom: .4rem; width: 6.94rem; margin-left: auto; margin-right: auto; border-radius: .1rem; margin-top: .74rem; }
.pdl23 { padding-left: .23rem; }
.cor714A00 { color: #714A00; }
.pdb65 { padding-bottom: .65rem; }
.cor595C69 { color: #595C69; }
.pdt60 { padding-top: .6rem; }
.ipt3 { font-size: .34rem; }
input.ipt3::-webkit-input-placeholder { color: #BDBEC1; }
input.ipt3::-moz-placeholder { color: #BDBEC1; }
input.ipt3:-moz-placeholder { color: #BDBEC1; }
input.ipt3:-ms-input-placeholder { color: #BDBEC1; }

.cor1314A { color: #13141A; }
.cor9FA2AB { color: #9FA2AB }
.mgt70 { margin-top: .7rem; }
.k10 { padding: .86rem .29rem; margin-top: .7rem; border-radius: .4rem .4rem 0 0; }
.cor7E828E { color: #7E828E; }
.mgt68 { margin-top: .68rem; }
.div3 > div { padding: 0 .25rem; }
.div3 > div > input { display: block; width: 100%; background-color: #F1F1F3; text-align: center; font-size: .8rem; font-weight: bold; padding: .25rem 0; border-radius: .08rem; font-family: "DIN-Bold"; }
.corFFC503 { color: #FFC503; }
.mgt106 { margin-top: 1.06rem; }
.cor595C69 { color: #595C69; }
.mgl126 { margin-left: 1.26rem; }
.ic4 { background: url(../images/52.png) no-repeat right center/.17rem .1rem; padding-right: .26rem; }

.k11 { padding: .56rem .52rem; margin-top: .7rem; border-radius: .4rem .4rem 0 0; }

.k11-1 { background: url(../images/65.jpg) no-repeat center center/6.46rem 2.68rem; width: 6.46rem; height: 2.68rem; padding: .4rem .45rem; margin: .5rem 0rem; }
.w72 { width: .72rem; }
.mgl98 { margin-left: .98rem; }
.cor8C8F99 { color: #8C8F99; }
.corEDE2BD { color: #EDE2BD; }
.cor5F6371 { color: #5F6371; }
.mgt86 { margin-top: .86rem; }
.k13 { width: 6.94rem; margin: .7rem auto 0; padding: .15rem .4rem; border-radius: .1rem; }
.ul10 > li { padding: .35rem 0; border-bottom: 1px solid #EAECED; }
.ul10 > li:last-child { border-bottom: none; }
.ul10 > li > a { background: url(../images/46.png) no-repeat right center/.16rem .26rem; color: #13141B; font-size: .28rem; }
.k14 { width: 6.94rem; margin: .77rem auto 0; }
.ul11 { }
.ul11 > li { background-color: #fff; padding: .42rem .41rem; border-radius: .1rem; }
.ul11 > li:nth-child(n+2) { margin-top: .19rem; }
.ul11 > li > a { background: url(../images/46.png) no-repeat right center/.16rem .26rem; font-size: .3rem; color: #13141B; }

.k15 { border-radius: .4rem .4rem 0 0; margin-top: .77rem; padding: .52rem; }
.w42 { width: .42rem; }
.cor565A68 { color: #565A68; }
.k16 { margin-top: .77rem; }
.w197 { width: 1.97rem; }
.w290 { width: 2.9rem; }
.mgl290 { margin-left: 2.9rem; }
.cor191B25 { color: #191B25; }
.fs32 { font-size: .32rem; }
.cor7B7E8D { color: #7B7E8D; }
.corE8AC43 { color: #E8AC43; }
.k16-1 { background: url(../images/59.png) no-repeat center center; background-size: cover; width: 6.94rem; margin-left: auto; margin-right: auto; padding: .21rem .44rem; }
.w102 { width: 1.02rem; }

.mgr110 { margin-right: 1.1rem; }
.mgl125 { margin-left: 1.25rem; }
.cor433022 { color: #433022; }
.cor6B4B1C { color: #6B4B1C; }
.ic5 { background: url(../images/43.png) no-repeat right center/.19rem .12rem; padding-right: .25rem; }
.jdt { width: 3.3rem; height: .12rem; background: rgba(243,147,10,.2); border-radius: .06rem; }
.jdt > span { display: block; height: .12rem; width: 67%; left: 0; top: 0; background-color: #FCF9E1; border-radius: .06rem; }
.ul12 { width: 7.12rem; margin-top: .24rem; }
.ul12 > li { padding: .11rem .09rem; }
.ul12 > li > a { background: rgba(255,255,255,1); box-shadow: 0px 6px 40px 0px rgba(140,145,178,0.16); border-radius: .1rem; padding: .35rem .2rem .45rem; }
.ul12 > li > a { position: relative; }
.ul12 > li > a > span { display: block; width: .9rem; height: .9rem; }
.ul12 > li > a:before { content: ""; position: absolute; z-index: 10; top: .2rem; right: .2rem; background: url(../images/54.png) no-repeat center center/.36rem .36rem; width: .36rem; height: .36rem; }

.ul12 > li.curr > a:before { content: ""; position: absolute; z-index: 10; top: .2rem; right: .2rem; background: url(../images/53.png) no-repeat center center/.36rem .36rem; width: .36rem; height: .36rem; }
.p3 { height: .42rem; line-height: .42rem; }

.ul12 > li > a.item1 > span { background: url(../images/55-1.png) no-repeat center center/.88rem .88rem; }
.ul12 > li > a.item2 > span { background: url(../images/55-2.png) no-repeat center center/.88rem .88rem; }
.ul12 > li > a.item3 > span { background: url(../images/55-3.png) no-repeat center center/.88rem .88rem; }
.ul12 > li > a.item3-2 > span { background: url(../images/55-3-2.png) no-repeat center center/.88rem .88rem; }
.ul12 > li > a.item4 > span { background: url(../images/55-4.png) no-repeat center center/.88rem .88rem; }
.ul12 > li > a.item5 > span { background: url(../images/55-5.png) no-repeat center center/.88rem .88rem; }

.ul12 > li.curr > a.item1 > span { background: url(../images/55-1b.png) no-repeat center center/.88rem .88rem; }
.ul12 > li.curr > a.item2 > span { background: url(../images/55-2b.png) no-repeat center center/.88rem .88rem; }
.ul12 > li.curr > a.item3 > span { background: url(../images/55-3b.png) no-repeat center center/.88rem .88rem; }
.ul12 > li.curr > a.item3-2 > span { background: url(../images/55-3b-2.png) no-repeat center center/.88rem .88rem; }
.ul12 > li.curr > a.item4 > span { background: url(../images/55-4b.png) no-repeat center center/.88rem .88rem; }
.ul12 > li.curr > a.item5 > span { background: url(../images/55-5b.png) no-repeat center center/.88rem .88rem; }

.ul12 > li > a > .p4 { background: url(../images/56b.png) no-repeat center center/.69rem .42rem; width: 100%; height: .42rem; }
.ul12 > li.curr > a > .p4 { background: url(../images/56.png) no-repeat center center/.69rem .42rem; }

.shouJi { width: 6.94rem; background-color: #fff; position: fixed; z-index: 2100; left: .28rem; bottom: 0; border-radius: .1rem .1rem 0 0; }
.shouJi > div { padding: .8rem .3rem .48rem; }
.cor161D36 { color: #161D36; }
.cor12131E { color: #12131E; }
.cor888A9A { color: #888A9A; }

.ziLiao { width: 6.94rem; left: .28rem; top: 2.27rem; position: fixed; z-index: 2100; border-radius: .1rem; overflow: hidden; }

.k17 { padding-left: .68rem; padding-right: .68rem; }
.ul13 > li { padding: .35rem 0; border-bottom: 1px solid #E9E6EA; }
.ul13 > li:last-child { border-bottom: none; }

.k17 .lab3 { cursor: pointer; font-size: .26rem; color: #3B3E4E; }
.k17 .lab3 i { display: inline-block; width: .34rem; height: .34rem; text-align: center; vertical-align: middle; margin: 0 12px 0 0; background: url(../images/61.png) center center/.32rem .32rem; }
.k17 .lab3 input[type="checkbox"] { display: none; }
.k17 .lab3 input[type="checkbox"]:checked + i { background: url(../images/61b.png) no-repeat center center/.32rem .32rem; }

.pic1 { background: url(../images/77-1.png) no-repeat .2rem center/.3rem .32rem; padding-left: .77rem; }
.pic2 { background: url(../images/77-2.png) no-repeat .2rem center/.32rem .34rem; padding-left: .77rem; }
.pic3 { background: url(../images/77-3.png) no-repeat .2rem center/.26rem .34rem; padding-left: .77rem; }
.pic4 { background: url(../images/77-4.png) no-repeat .2rem center/.3rem .32rem; padding-left: .77rem; }
.sp5 { display: block; width: .24rem; height: .12rem; position: absolute; z-index: 10; top: .48rem; right: .25rem; }
.sp6 { display: block; width: 2rem; line-height: .8rem; position: absolute; z-index: 10; right: .2rem; top: .1rem; }
.sp6 .code-img { height: .8rem; }
.k20 { display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; padding: .45rem .3rem .3rem .38rem; }
.w370 { width: 3.7rem; }
.w150 { width: 1.5rem; }
.cor845a23 { color: #845a23; }
.pdt80 { padding-top: .8rem; }
.corbdbec1 { color: #bdbec1; }
.pic5 { background: url(../images/52.png) no-repeat right .18rem center/.17rem .1rem; }
.pic6 { background: url(../images/37.png) no-repeat right center/.15rem .25rem; }
.h200 { height: 2rem; }
.textarea2 { font-size: .34rem; color: #BDBEC1; }
textarea.textarea2::-webkit-input-placeholder { color: #BDBEC1; }
textarea.textarea2::-moz-placeholder { color: #BDBEC1; }
textarea.textarea2:-moz-placeholder { color: #BDBEC1; }
textarea.textarea2:-ms-input-placeholder { color: #BDBEC1; }
.cor161821 { color: #161821; }
.jinDou { width: 6.32rem; border-radius: .2rem; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; background-color: #fff; }
.tit2 { background: url(../images/82.png) no-repeat center top/100% auto; padding-top: .36rem; padding-bottom: .34rem; text-align: center; width: 6.32rem; font-weight: bold; }
.pdb55 { padding-bottom: .55rem; }
.lh46 { line-height: .46rem; }
.ks20 > a { width: 2.55rem; text-align: center; padding: .2rem 0 .18rem; margin-top: .66rem; font-size: .3rem; border-radius: .1rem; }
.ks20 > a:nth-child(2) { color: #ffc503; background-color: #2e313e; }
.ks20 > a:nth-child(1) { color: #0b0d16; background-color: #ffc503; }
.mgt120 { margin-top: 1.2rem; }
.pdb350 { padding-bottom: 3.5rem; }
.mgt70 { margin-top: .7rem; }
.w39 { width: .39rem; }
.w36 { width: .36rem; }
.shuaXin { width: 2.1rem; }
.shuaXin > a:nth-child(1) { margin-top: .13rem; margin-right: .3rem; }
.shuaXin > a:nth-child(2) { margin-top: .19rem; margin-right: .3rem; }
.shuaXin > a:nth-child(3) { margin-top: .05rem; }
.pdt4 { padding-top: .04rem; }
.YY { box-shadow: 0px 12px 13px 0px rgba(119,122,140,0.11); border-radius: .1rem; }
.img4 { display: block; width: 100%; border-radius: .1rem .1rem 0 0; }
.cor423A3A { color: #423A3A; }
.mgt13 { margin-top: .13rem; }
.k40 { background: url(../images/89.png) no-repeat center center/6.94rem 1.16rem; width: 6.94rem; margin-left: auto; margin-right: auto; padding-top: .2rem; height: 1.16rem; }
.k40 > div:nth-child(1) { padding-left: .65rem; }
.k40 > div:nth-child(2) { padding-left: .55rem; }
.k40 > div:nth-child(3) { padding-left: .2rem; }
.yiJian { width: 1.5rem; text-align: center; background: rgba(23,25,35,1); padding-top: .15rem; padding-bottom: .13rem; border-radius: .35rem; color: #FFC400; font-size: .26rem; }
.k41 { border-radius: 0 0 .1rem .1rem; }
.table2 { margin-top: .1rem; }
.table2 tr td { padding: .3rem 0; border-bottom: 1px solid #E5E5E5; }
.table2 tr:last-child td { border-bottom: none; }

.k42 { padding: .4rem .3rem; }
.w270 { width: 2.7rem; }
.w94 { width: .94rem; }
.w40 { width: .4rem; }
.select2 { background: #F9FAFB url(../images/90.png) no-repeat right .2rem center/.18rem .1rem; display: block; width: 100%; border: 1px solid rgba(208, 211, 221, 1); border-radius: .1rem; padding: .27rem .25rem; }
.hr-EFEFF3 { height: 1px !important; border-top: 1px solid #EFEFF3; }
.k43 > a { width: 1.96rem; text-align: center; margin-right: .23rem; margin-top: .24rem; border: 1px solid #A6ADBC; border-radius: .08rem; padding: .3rem 0 .28rem; }
.k43 > a:nth-child(3n) { margin-right: 0; }
.k43 > a.active { border: 1px solid #F7AE00; color: #F7AE00; }


.qian { width: 5.88rem; border-radius: .2rem; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; background-color: #fff; padding: .1rem 0 .4rem .4rem; }

.qian2 { height: 5.6rem; overflow-y: auto; padding-right: .4rem; }
.qian2 > ul > li { border-bottom: 1px solid #E6E7EA }
.qian2 > ul > li > a { padding: .3rem 0; }
.qian2 > ul > li.active > a { color: #FFC000; background: url(../images/92.png) no-repeat right center/.24rem .15rem; }


.game_status { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.game_status .info { position: absolute; left: 0; right: 0; bottom: 0; line-height: .6rem; font-size: .3rem; text-align: center; background-color: #c17d3cc7; color: #f5e206; }
.game_status .info { }
.game_status .info img { display: inline-block !important; height: .4rem; width: .4rem; margin: .1rem; }



.action-list { background-color: #fff; padding: 0 .25rem; width: 6.94rem; margin-left: auto; margin-right: auto; margin-top: .25rem; }
.action-list .title { font-size: .36rem; color: #000; font-weight: bold; padding: .3rem 0rem; }
.action-list .ul-box { }
.action-list .ul-box li { display: inline-block; width: 1.6rem; margin: .2rem; }
.action-list .ul-box li .ico { text-align: center; }
.action-list .ul-box li .ico img { width: .8rem; height: .8rem; display: inline-block; }
.action-list .ul-box li .name { text-align: center; font-size: .3rem; color: #000; margin-top: .1rem; }

.ewm-app-down-ios { }
.ewm-app-down-ios canvas { height: 2rem; width: 2rem; }
.ewm-app-down-ios-clib canvas { height: 2rem; width: 2rem; }
.ewm-app-down-android { }
.ewm-app-down-android canvas { height: 2rem; width: 2rem; }



/* 会员中心 */
.vip-part1 { border-radius: .05rem; }
.vip-part1 .box-2 { margin-top: .3rem; background-color: #fff; border-radius: .05rem; padding: .15rem .1rem; }
.vip-part1 .box-2 .vip-bar-next { line-height: .5rem; font-size: .3rem; }
.vip-part1 .box-2 .vip-bar-next .title { color: #b98d09; }
.vip-part1 .box-2 .vip-bar-next .item { }
.vip-part1 .box-2 .vip-bar-next .item li { display: inline-block; }
.vip-part1 .box-2 .vip-bar-next .item li.bar { position: relative; width: 5rem; height: .2rem; background-color: #c5b8b8; border-radius: .05rem; border: none; padding: 0; }
.vip-part1 .box-2 .vip-bar-next .item li.bar .bar-value { position: absolute; left: 0; top: 0; display: inline-block; height: .2rem; border-radius: .05rem; }
.vip-part1 .box-2 .vip-bar-next .item li.bar .bar-value { background: #ff5a00; background: -moz-linear-gradient(top, #ff5a00 0%, #a40e0e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5a00), color-stop(100%,#a40e0e)); background: -webkit-linear-gradient(top, #ff5a00 0%,#a40e0e 100%); background: -o-linear-gradient(top, #ff5a00 0%,#a40e0e 100%); background: -ms-linear-gradient(top, #ff5a00 0%,#a40e0e 100%); background: linear-gradient(to bottom, #ff5a00 0%,#a40e0e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#a40e0e',GradientType=0 ); }
:root .vip-part1 .box-2 .vip-bar-next .item li.bar .bar-value { filter: none; }

.vip-part2 { background-color: #fff; border-radius: .05rem; margin-top: .2rem; }
.vip-part2 .title { line-height: .8rem; font-size: .35rem; padding-left: .15rem; border-bottom: .05rem dotted #ababaf; }
.vip-part2 li { display: inline-block; width: 3rem; padding: .2rem 0; }
.vip-part2 li .value { display: block; text-align: center; font-weight: bold; margin: .05rem 0; color: #ff5a00; font-size: .3rem; }
.vip-part2 li .name { display: block; text-align: center; margin: .05rem 0; }

.vip-part3 { background-color: #fff; border-radius: .05rem; margin-top: .2rem; }
.vip-part3 .title { line-height: .8rem; font-size: .35rem; padding-left: .15rem; border-bottom: .05rem dotted #ababaf; }
.vip-part3 li { display: inline-block; width: 3rem; padding: .2rem 0; }
.vip-part3 li .value { display: block; text-align: center; font-weight: bold; margin: .05rem 0; color: #ff5a00; font-size: .3rem; }
.vip-part3 li .name { display: block; text-align: center; margin: .05rem 0; }



/* 弹窗 */
.vip-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.vip-dialog .dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #dfdfe4; opacity: 0.6; filter: alpha(opacity=60); /* 针对 IE8 以及更早的版本 */ }
.vip-dialog .dialog-close { position: absolute; top: 15px; right: 30px; display: block; z-index: 100; font-size: 20px; color: #999; }
.vip-dialog .dialog-close:hover { color: #ffc217; }
.vip-dialog .dialog-box { position: absolute; top: 100px; left: 50%; }
.vip-dialog .dialog-box { width: 780px; margin-left: -390px; overflow: hidden; background-color: #fff; border: 1px solid #e0af95; }

.vip-dialog-part1 { border-radius: 5px; margin: 10px 0px; }
.vip-dialog-part1 .title { line-height: 50px; font-size: 18px; margin-left: 15px; }
.vip-dialog-part1 table { width: 100%; background-color: #fff; color: #666; border-collapse: collapse; border-spacing: 0; }
.vip-dialog-part1 thead tr { background-color: #f2f2f2; transition: all .3s; -webkit-transition: all .3s; }
.vip-dialog-part1 thead tr th { padding: 9px 5px; min-height: 30px; line-height: 30px; font-size: 16px; border: 1px solid #494959; text-align: center; word-break: break-all; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.vip-dialog-part1 thead tr th.on { color: #ff5a00; font-weight: bold; }
.vip-dialog-part1 tbody tr td { margin: 0; position: relative; padding: 3px 2px; min-height: 30px; line-height: 30px; font-size: 16px; border: 1px solid #494959; text-align: center; word-break: break-all; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.vip-dialog-part1 tbody tr td.on { color: #ff5a00; font-weight: bold; }
.vip-dialog-part1 tbody tr:hover td { background-color: #f5f3f3; }


.bgpic-flw { position: fixed; top: 0; right: 0; left: 0; z-index: 999; }



.default .games-table { border: none; border-spacing: 0; width: 100%; padding: 0; margin: 0; }
.default .games-table td.left { width: 1.6rem; vertical-align: top; padding: 0; margin: 0; }
.default .games-table td.right { vertical-align: top; padding: 0; margin: 0; }
.default .games-classify { text-align: center; }
.default .games-classify li { width: 1.4rem; height: 1.4rem; display: block; margin-bottom: .2rem; background-size: 100% 100%; }
.default .games-classify li.btn-sp { background-image: url(../images/top_nav/btn_sp.png) }
.default .games-classify li.btn-live { background-image: url(../images/top_nav//btn_live.png) }
.default .games-classify li.btn-cp { background-image: url(../images/top_nav//btn_cp.png) }
.default .games-classify li.btn-ele { background-image: url(../images/top_nav//btn_ele.png) }
.default .games-classify li.btn-cc { background-image: url(../images/top_nav//btn_cc.png) }
.default .games-classify li.btn-elec { background-image: url(../images/top_nav//btn_elec.png) }
.default .games-classify li.btn-sp.active { background-image: url(../images/top_nav//btn_sp_on.png) }
.default .games-classify li.btn-live.active { background-image: url(../images/top_nav//btn_live_on.png) }
.default .games-classify li.btn-cp.active { background-image: url(../images/top_nav//btn_cp_on.png) }
.default .games-classify li.btn-ele.active { background-image: url(../images/top_nav//btn_ele_on.png) }
.default .games-classify li.btn-cc.active { background-image: url(../images/top_nav//btn_cc_on.png) }
.default .games-classify li.btn-elec.active { background-image: url(../images/top_nav//btn_elec_on.png) }
.default .games-list { }
.default .games-list ul { display: block; text-align: center; }
.default .games-list ul li { position: relative; height: 2.2rem; margin-bottom: .2rem; width: auto; }
.default .games-list ul li img { height: 2.2rem; margin: 0; padding: 0; width: auto; z-index: 3; }
.default .games-list ul li .status { position: absolute; height: 2.2rem; left: 0; top: 0; right: 0; z-index: 10; color: #db971c; text-align: center; line-height: 2.2rem; font-size: .45rem; font-weight: bold; background-color: #f0ffff59; border-radius: 5px; }
.default .games-list ul li[data-status="0"] .status { display: none; }
.default .games-list ul li .water { position: absolute; bottom: 0.26rem; left: .8rem; z-index: 5; color: #fff; font-size: .24rem; }



.default2 .games-table { border: none; border-spacing: 0; width: 100%; padding: 0; margin: 0; }
.default2 .games-table td.left { width: 1.6rem; vertical-align: top; padding: 0; margin: 0; }
.default2 .games-table td.right { vertical-align: top; padding: 0; margin: 0; }
.default2 .games-classify { text-align: center; }
.default2 .games-classify li { width: 1.4rem; height: 1.4rem; display: block; margin-bottom: .2rem; background-size: 100% 100%; }
.default2 .games-classify li.btn-sp { background-image: url(../images/top_nav/btn_sp.png) }
.default2 .games-classify li.btn-live { background-image: url(../images/top_nav//btn_live.png) }
.default2 .games-classify li.btn-cp { background-image: url(../images/top_nav//btn_cp.png) }
.default2 .games-classify li.btn-ele { background-image: url(../images/top_nav//btn_ele.png) }
.default2 .games-classify li.btn-cc { background-image: url(../images/top_nav//btn_cc.png) }
.default2 .games-classify li.btn-elec { background-image: url(../images/top_nav//btn_elec.png) }
.default2 .games-classify li.btn-sp.active { background-image: url(../images/top_nav//btn_sp_on.png) }
.default2 .games-classify li.btn-live.active { background-image: url(../images/top_nav//btn_live_on.png) }
.default2 .games-classify li.btn-cp.active { background-image: url(../images/top_nav//btn_cp_on.png) }
.default2 .games-classify li.btn-ele.active { background-image: url(../images/top_nav//btn_ele_on.png) }
.default2 .games-classify li.btn-cc.active { background-image: url(../images/top_nav//btn_cc_on.png) }
.default2 .games-classify li.btn-elec.active { background-image: url(../images/top_nav//btn_elec_on.png) }
.default2 .games-list { }
.default2 .games-list ul { display: block; text-align: center; }
.default2 .games-list ul li { position: relative; height: 2.2rem; margin-bottom: .2rem; width: auto; }
.default2 .games-list ul li img { height: 2.2rem; margin: 0; padding: 0; width: auto; z-index: 3; }
.default2 .games-list ul li .status { position: absolute; height: 2.2rem; left: 0; top: 0; right: 0; z-index: 10; color: #db971c; text-align: center; line-height: 2.2rem; font-size: .45rem; font-weight: bold; background-color: #f0ffff59; border-radius: 5px; }
.default2 .games-list ul li[data-status="0"] .status { display: none; }
.default2 .games-list ul li .water { position: absolute; bottom: 0.26rem; left: .8rem; z-index: 5; color: #fff; font-size: .24rem; }


.default2 .swiper-slide { overflow: hidden; }
.default2 .swiper-slide-active { overflow: auto !important; }



.btn_tranfermode { cursor: pointer; font-size: .3rem; color: #181822; float: right; background-color: #dfdfe4; padding-left: .2rem; border-radius: 3px; line-height: .6rem; height: .6rem; }
.btn_tranfermode i { display: inline-block; margin-left: .1rem; background-color: #ffc822; font-weight: bold; line-height: .6rem; height: .6rem; width: 0.8rem; text-align: center; border-radius: 3px; font-style: normal; }
.btn_tranfermode i.on { }
.btn_tranfermode i.off { background-color: #999; }

.ovh_msg { position: relative; }
.ovh_msg .msg_count { text-align: center; position: absolute; border: 1px solid #ff5a00; background-color: #ff5a00; color: #fff; border-radius: 0.25rem; line-height: .5rem; top: 0rem; right: 0.2rem; height: 0.5rem; min-width: 0.5rem; }

.index-msg { position: relative; width: 1.1rem; }
.index-msg span { text-align: center; position: absolute; border: 1px solid #ff5a00; background-color: #ff5a00; color: #fff; border-radius: 0.25rem; line-height: 0.4rem; top: 0rem; right: 0rem; height: 0.4rem; min-width: .4rem; font-size: .2rem; }

.index-notice { height: .6rem; line-height: .6rem; position: relative; margin: .2rem .1rem; overflow-x: hidden; }
.index-notice span { position: absolute; left: 0; top: 0; height: .6rem; }
.index-notice span img { height: .6rem; width: .6rem; }
.index-notice .list-notice { margin-left: .65rem !important; height: .6rem; line-height: .6rem; }
.index-notice .list-notice .swiper-slide { overflow-x: hidden; }


.webclip { }
.webclip .title { font-size: .38rem; color: #171923; text-align: center; line-height: .8rem; margin-top: .5rem; }
.webclip .item { text-align: center; padding: .5rem .2rem; }
.webclip .item a { background-color: #ffc503; color: #171923; border-radius: 0.08rem; padding: 0.28rem 0 0.26rem; font-size: .28rem; font-weight: bold; }
.webclip .item p { font-size: .28rem; color: #f00; text-align: left; line-height: .4rem; margin-top: .2rem; }
.webclip .item p span { font-weight: bold; }

a.home_f_h5 { position: fixed; bottom: 1.5rem; right: .08rem; z-index: 110; }
a.home_f_h5 img { height: 1.8rem; width: 1.5rem }


.m-active-group { position: fixed; z-index: 800; right: .1rem; bottom: 2rem; background-color: rgba(223,227,236,0.82); border-radius: .05rem; }
.m-active-group ul { }
.m-active-group ul li { display: block; height: .6rem; width: .8rem; line-height: .6rem; background-color: #fff; color: #171923; text-align: center; margin: .05rem; border-radius: .05rem; }
.m-active-group ul li { border: 1px solid #fff; }
.m-active-group ul li.on { background-color: #ddd; border: 1px solid #BBBDC8; }
.m-active-group ul li.gr_000 { }
.m-active-group ul li.gr_1010 { color: #08a1ac; }
.m-active-group ul li.gr_1011 { color: #e88e04; }
.m-active-group ul li.gr_1012 { color: #d52474; }
.m-active-group ul li.gr_2010 { color: #684cf7; }
.m-active-group ul li.gr_7010 { color: #43b305; }
.m-active-group ul li.gr_9000 { color: #0764ad; }



.pop_dialog_live { /* display:flex !important; */ }
.pop_dialog_live .content { width: 6.32rem; border-radius: .2rem; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; background-color: #fff; }
.pop_dialog_live .content { background-image: url(../images/live/bg.png); background-size: 100% 100%; background-repeat: no-repeat; height: 6.5rem; }
.pop_dialog_live .tit_close { position: absolute; top: .2rem; right: .1rem; }
.pop_dialog_live ul { margin-top: 1.4rem; }
.pop_dialog_live ul li { display: block; text-align: center; padding: .1rem; }
.pop_dialog_live ul li a { background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; height: 1rem; width: 4.5rem; text-align: center; line-height: 1rem; font-size: .3rem; color: #fff; font-weight: bold; padding-left: 0.6rem; }
.pop_dialog_live ul li.live a { background-image: url(../images/live/bg_live.png) }
.pop_dialog_live ul li.msg a { background-image: url(../images/live/bg_msg.png) }

.pop_dialog_live.item_3 ul { margin-top: 1.4rem; }


.draw-selectbox { padding: 0.5rem; background-color: #fff; }
.draw-selectbox ul { display: flex;justify-content: space-between; }
.draw-selectbox li { padding:.2rem 0.5rem;  width: 3rem; text-align: center; vertical-align: middle; border: 1px solid #ddd; border-radius: .2rem; }
.draw-selectbox li img { height: 1.5rem; width: 1.5rem; border: none; display:inline-block;border-radius:.75rem; }
.draw-selectbox li span { line-height:.8rem ;display:block;}
.draw-selectbox li.on { border: 1px solid #ffc600; background-image: url(../images/72.png); background-position: top right; background-repeat: no-repeat; background-size: .6rem; }
.draw-selectbox .draw-btns { margin-top: .45rem; }
.draw-selectbox .draw-btns .btn { font-size: .32rem; background-color: #ffc503; text-align: center; border-radius: .08rem; padding: .28rem 0 .26rem; color: #0B0D16; font-weight: bold; }
.draw-selectbox .draw-btns .btn-none { background-color: #999; }

.draw-selectbox .draw-tips { margin-top: .45rem; }
.draw-selectbox .draw-tips p { line-height: .42rem; }
.draw-selectbox .draw-tips p span { color: #ff6003; }
.draw-selectbox .draw-tips p a { display: inline-block; margin-right: .5rem; }
.draw-selectbox .draw-tips .active-help { margin-top: .1rem; } 

.ul07 > li > a.is-bind { background: none !important; }