*{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0;word-break:break-all;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none;}
input,select,button,h1,h2,h3,h4,h5,h6{font-size:100%;font-family:inherit; appearance:none; -webkit-appearance:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
input{-webkit-appearance:none;}
:focus{outline:0;}
a{color:#333333;text-decoration:none; }
a:hover{color:#1677ff;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; appearance:none; -webkit-appearance:none;}
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
::-webkit-input-placeholder { color:#aaaaaa; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}

html { font-size:100px; height:100%; }
body{margin:0 auto;min-width:320px; background:#f6f6f6; line-height:2; color:#333333; -webkit-text-size-adjust:100% !important}

.whitebg { background: #ffffff;}

.wrap { width: 100%; font-size: 0.28rem; }

.mainbox { padding: 0 0.3rem;}
.mainbox2 { padding: 0.2rem 0.3rem;}

.header { height: 0.88rem;}
.topbox{ position: fixed; z-index: 99999; left: 0; top: 0; right: 0; height: 0.88rem; padding: 0 0.88rem; background:#ffffff; }
.topbox .tit { text-align: center; line-height: 0.88rem; font-size: 0.36rem; font-weight: bold; }
.topbox .back { position: absolute; left: 0; top: 0; display: block; width: 0.8rem; height: 0.88rem; background: url(../img/common/back.png) center center no-repeat; background-size: 0.8rem auto;}
.topbox .set { position: absolute; right: 0.78rem; top: 0.09rem; display: block; width: 0.62rem; height: 0.7rem; background: url(../img/my/set.png) center center no-repeat; background-size: 0.6rem auto;}
.topbox .msg { position: absolute; right: 0.16rem; top: 0.09rem; display: block; width: 0.62rem; height: 0.7rem; background: url(../img/my/msg.png) center center no-repeat; background-size: 0.6rem auto;}
.topbox .msg i { position: absolute; left: 50%; top: 50%; display: block; width: 0.14rem; height: 0.14rem; background: #ff4200; border-radius: 50%; margin-left: 0.07rem; margin-top: -0.18rem;}

.lang_box { position: absolute; right: 0; top: 0; }
.lang_box .t { display: block; height: 0.88rem; line-height: 0.88rem; border-radius: 0.27rem; padding: 0 0.54rem 0 0.43rem; font-size: 0.22rem; color: #666666; position: relative; }
.lang_box .t:after { display: block; content: ''; width: 0.14rem; height: 0.08rem; background: url(../img/common/d.png) center center no-repeat; background-size: 0.14rem auto; position: absolute; right: 0.3rem; top: 50%; margin-top: -0.04rem;}
.lang_box .m { display: none; position: absolute; right: 0.1rem; top: 0.87rem; width: 1.52rem; padding: 0 0.1rem; font-size: 0.22rem; color: #666666; background: #fff; box-shadow: 0 0 0.12rem rgba(0,0,0,0.1); z-index: 99999; }
.lang_box .m ul li { display: block; border-bottom: 1px #f5f5f5 solid;}
.lang_box .m ul li a { display: block; padding: 0.1rem 0 0.1rem 0.49rem; line-height: 0.3rem; position: relative;}
.lang_box .m ul li a:active { color: #1677ff;}
.lang_box .m ul li:last-child { border-bottom: none; }
.lang_box i { display: block; position: absolute; left: 0.05rem; top: 50%; width: 0.3rem; height: 0.22rem; margin-top: -0.11rem;}
.lang_box i.cn { background: url(../img/lang/cn.png) center center no-repeat; background-size: 0.3rem auto;}
.lang_box i.en { background: url(../img/lang/en.png) center center no-repeat; background-size: 0.3rem auto;}
.lang_box i.por { background: url(../img/lang/por.png) center center no-repeat; background-size: 0.3rem auto;}
.lang_box i.esp { background: url(../img/lang/esp.png) center center no-repeat; background-size: 0.3rem auto;}
.lang_box .m:before { display: block; content: ''; width: 0; height: 0; border-left: 0.12rem transparent solid; border-right: 0.12rem transparent solid; border-bottom: 0.12rem #fff solid; position: absolute; left: 50%; top: -0.12rem; margin-left: -0.06rem;}


.fixed_header { height: 0;}
.fixed_header .topbox { background: none;}
.fixed_header .topbox .tit { color: #fff; }
.fixed_header .topbox .back { background: url(../img/common/back2.png) center center no-repeat; background-size: 0.8rem auto;}
.fixed_header .lang_box .t:after { background: url(../img/common/d2.png) center center no-repeat; background-size: 0.14rem auto;}


.fixed_header .lang_box .t{ color: #fff;}

.ibanner_box { padding: 0.2rem 0 0 0;}
.ibanner { position: relative; overflow: hidden; }
.ibanner img { display: block; width: 6.9rem; margin: 0 auto;}

.index_top { padding: 0.34rem 0 0.1rem 0; }

.index_logo { background: #1567da; position: relative; padding: 0.12rem 0.3rem 0.16rem 1.22rem; margin-bottom: 0.12rem;}
.index_logo .img { position: absolute; left: 0.25rem; top: 50%; margin-top: -0.4rem;}
.index_logo .img img { display: block; height: 0.8rem;}
.index_logo .t { font-size: 0.36rem; line-height: 0.54rem; font-weight: bold;}
.index_logo .m { font-size: 0.22rem; line-height: 0.28rem; }
.index_logo:before { display: block; content: ''; width: 0; height: 0; border-left: 0 transparent solid; border-right: 0.3rem transparent solid; border-bottom: 0.15rem #1567da solid; position: absolute; left: 0; top: -0.15rem; }

.kf_box { position: absolute; right: 0; top: 0; background: url(../img/common/kf.png) center center no-repeat; background-size: 0.88rem auto; width: 0.88rem; height: 0.88rem; z-index: 99999;}

.index_note_box { padding: 0.1rem 0.14rem;}

.index_note { background: url(../img/index/inote2.png) 0.16rem center no-repeat; background-size: 0.3rem auto; padding:0 0.8rem 0 0.58rem; position: relative;}
.inote { height: 0.58rem; position: relative; overflow: hidden;}
.inote .swiper-slide a { display: block; position: relative; height: 0.58rem; line-height: 0.58rem; overflow: hidden; font-size: 0.22rem; color: #666666; }
.index_note .more { position: absolute; right: 0; top: 0; height: 0.58rem; width: 0.58rem; background: url(../img/index/note_more.png) center center no-repeat; background-size: 0.26rem auto;}


.index_money { position: relative; padding: 0 0.5rem 0 0.2rem; margin-bottom: 0.3rem;}
.index_money:before { display: block; content: ''; position: absolute; left: 45%; top: 50%; width: 1px; height: 0.6rem; margin-top: -0.3rem; background: #e0e0e0; opacity: 0.2;}
.index_money ul li { float: left; width: 55%;}
.index_money ul li:nth-child(1){ width: 45%;}
.index_money ul li b { display: block; text-align: center; line-height: 0.62rem; font-size: 0.6rem; font-weight: normal; color: #1677ff;}
.index_money ul li p { display: block; text-align: center; line-height: 0.4rem; font-size: 0.24rem; color: #999999;}
.index_money ul li .tip { display: inline-block; vertical-align: middle; margin-bottom: 0.02rem; width: 0.24rem; height: 0.24rem; background: url(../img/index/tip3.png) center center no-repeat; background-size: 0.24rem auto;}
.index_money:after { display: block; content: ''; clear: both;}
.index_money .recharge { display: block; position: absolute; left: 5.3rem; bottom: 0; background: url(../img/index/recharge.png) 0.16rem center no-repeat #fda806; background-size: 0.24rem auto; padding: 0 0.2rem 0 0.44rem; line-height: 0.4rem; font-size: 0.22rem; color: #fff; border-radius: 0.2rem;}

.index_top_menu { padding: 0 0.95rem 0.01rem 0.95rem;}
.index_top_menu ul li { margin-bottom: 0.2rem;}
.index_top_menu ul li a { display: block; position: relative; border: 0.01rem #1677ff solid; box-sizing: border-box; color: #1677ff; border-radius: 0.3rem; padding: 0.1rem 0.8rem 0.1rem 0.42rem; line-height: 0.4rem; font-size: 0.24rem;}
.index_top_menu ul li a:after { display: block; content: ''; position: absolute; right: 0.32rem; top: 50%; width: 0.12rem; height: 0.22rem; margin-top: -0.11rem; background: url(../img/index/r2.png) center center no-repeat; background-size: 0.12rem auto;}


.btnbox { padding: 0.2rem 0.3rem;}
.btnbox .btn { display: block; width: 100%; border-radius: 0.4rem; cursor: pointer; border: 0; height: 0.8rem; line-height: 0.8rem; text-align: center; background-image: linear-gradient(to right,#16aaff,#167dff); color: #fff; font-size: 0.3rem; font-weight: bold; letter-spacing: 0.01rem; box-shadow: 0 0.05rem 0.05rem rgba(0,155,254,0.2);}
.btnbox .btn:active { background: #167dff; color: #fff;}
.btnbox .btn2 { margin-top: 0.3rem; background: #e5e5e5; color: #999999; box-shadow: none;}
.btnbox .btn2:active { background: #e1e1e1; color: #666666;}
.btnbox .btn3 { background-image: linear-gradient(to right,#fbb671,#f7a862); color: #fff; box-shadow: 0 0.05rem 0.05rem rgba(255,115,22,0.2);}
.btnbox .btn3:active { background: #fa8721; color: #fff;}

.btnbox_fixed { height: 1.2rem; }
.btnbox_fixed .btnbox { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;}
.btnbox_fixed_grey .btnbox{ background: #f6f6f6;}

.ibox { background: #fff; border-radius: 0.1rem; box-shadow: 0 0.05rem 0.05rem #eeeeee; margin-bottom: 0.2rem;}


.itab_m { display: none;}

.index_payment { }
.index_payment_t { height: 0.91rem; position: relative;}
.index_payment_t ul li { float: left; width: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 0.9rem; line-height: 0.36rem; font-size: 0.29rem; text-align: center; position: relative;}
.index_payment_t ul li img { vertical-align: middle; margin-bottom: 0.02rem; height: 0.34rem; margin-right: 0.1rem;}
.index_payment_t ul li.on { color: #1677ff; font-weight: bold;}
.index_payment_t ul li.on:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; background: #1677ff; width: 1rem; margin-left: -0.5rem; height: 0.06rem; border-radius: 0.03rem; z-index: 99;}
.index_payment_t ul li span { display: inline-block; vertical-align: middle; max-width: 2.2rem;}
.index_payment_t:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #eeeeee; height: 1px; z-index: 1;}

.index_payment_m { padding: 0.5rem 0.3rem 0.23rem 0.3rem;}
.index_payment_m .input_item { position: relative; border: 1px #f3f3f3 solid; background: #f9f9f9; border-radius: 0.1rem; line-height: 0.78rem; margin-bottom: 0.22rem;}
.index_payment_m .input_item b { position: absolute; left: 0.2rem; top: 0; font-size: 0.32rem; color: #333333; font-weight: normal;}
.index_payment_m .input_item i { position: absolute; right: 0.2rem; top: 0; font-size: 0.26rem; color: #cccccc; font-style: normal;}
.index_payment_m .input_item input { display: block; width: 100%; height: 0.78rem; border: 0; background: none; text-align: center; font-size: 0.32rem; color: #333; font-weight: bold;}

.index_payment_m .radio_item { }
.index_payment_m .radio_item label { display: block; line-height: 0.5rem; font-size: 0.26rem; color: #999999;}
.index_payment_m .radio_item label input { display: none;}
.index_payment_m .radio_item label p { display: block; position: relative; padding: 0.1rem 0 0.1rem 0.48rem; background: url(../img/index/radio.png) left center no-repeat; background-size: 0.34rem auto;}
.index_payment_m .radio_item label .tip { display: inline-block; vertical-align: middle; margin-bottom: 0.02rem; width: 0.4rem; height: 0.4rem; background: url(../img/index/tip2.png) center center no-repeat; background-size: 0.24rem auto; }
.index_payment_m .radio_item label input:checked + p { background: url(../img/index/radios.png) left center no-repeat; background-size: 0.34rem auto;}

.index_payment_m .convert { display: block; margin: 0 auto 0.2rem auto; width: 0.6rem; height: 0.6rem; background: url(../img/common/convert.png) center center no-repeat; background-size: 0.6rem auto;}

.index_payment_m .btnbox { padding: 0.22rem 0.65rem;}

.index_link { white-space: nowrap; overflow: auto; padding: 0.5rem 0 0.5rem 0.3rem; }
.index_link ul li {display: inline-block; margin-right: 0.3rem;}
.index_link ul li a { display: block;}
.index_link ul li img { display: block; height: 0.5rem;}


.iform { padding: 0.3rem;}
.iform .tit { text-align: center; line-height: 0.54rem; font-size: 0.3rem; color: #666666; font-weight: bold;}
.iform .tit img { display: inline-block; vertical-align: middle; margin-bottom: 0.02rem; height: 0.34rem; margin-right: 0.1rem;}
.iform .con { padding: 0.13rem 0.1rem; font-size: 0.22rem; line-height: 0.36rem; color: #666666; text-align: center;}
.iform .info { background: #f4f9ff; border-radius: 0.1rem; padding: 0.12rem 0.38rem 0.12rem 0.52rem; font-size: 0.24rem; line-height: 0.46rem; color: #666666;}

.iform_m { padding: 0.16rem 0; margin-bottom: 0.1rem;}
.iform_m .item { position: relative; line-height: 0.6rem; padding: 0.05rem 0 0.05rem 0.52rem; font-size: 0.3rem; color: #666666; font-weight: bold;}
.iform_m .item i{ position: absolute; left: 0; top: 0.15rem; width: 0.4rem; height: 0.4rem; background-position: center center; background-repeat: no-repeat; background-size: 0.4rem auto !important;}
.iform_m .item i.i1 { background-image: url(../img/index/ico1.png);}
.iform_m .item i.i2 { background-image: url(../img/index/ico2.png);}
.iform_m .item i.i3 { background-image: url(../img/index/ico3.png);}
.iform_m .item i.i4 { background-image: url(../img/index/ico4.png);}

.iform_m .item .t { margin-bottom: 0.05rem; }
.iform_m .item .m { position: relative; }
.iform_m .item .m2 { padding-right: 1.3rem; }


.iform_m .item .input { display: block; width: 100%; box-sizing: border-box; height: 0.6rem; border: 1px #f3f3f3 solid; border-radius: 0.1rem; text-indent: 0.15rem; background: #f9f9f9; font-size: 0.28rem; color: #333; overflow: hidden;}

.iform_m .item .copy_btn { position: absolute; right: 0; top: 0; display: block; width: 1.2rem; border-radius: 0.3rem; cursor: pointer; border: 0; height: 0.6rem; line-height: 0.6rem; text-align: center; background-image: linear-gradient(to right,#16aaff,#167dff); color: #fff; font-size: 0.24rem; box-shadow: 0 0.05rem 0.05rem rgba(0,155,254,0.2);}
.iform_m .item .copy_btn:active { background: #167dff; color: #fff;}

.iform_m2 .item .t span { width: 0.5em;}
.iform_m2 .item .input { width: 2.8rem;}

.iform .btnbox { padding: 0.4rem 0.65rem 0.2rem 0.65rem;}

.tt_main { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: none; z-index: 999997;}
.tt_main .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 999998;}
.tt_box { position: fixed; left: 0.55rem; right: 0.55rem; top: 50%; background: #fff; border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,0.2); z-index: 999999; transform:translate(0,-50%);}
.tt_box_t { height: 1rem; line-height: 1rem; padding: 0 0.6rem; border-bottom: 1px #eeeeee solid; font-size: 0.3rem; font-weight: bold; position: relative;}
.tt_box_t:before { display: block; content: ''; position: absolute; left: 0.3rem; top: 50%; width: 0.08rem; height: 0.2rem; border-radius: 0.04rem; background: #1677ff; margin-top: -0.1rem;}
.tt_box_t .clo { position: absolute; right: 0; top: 0; width: 1rem; height: 1rem; background: url(../img/common/tt_clo.png) center center no-repeat; background-size: 0.24rem auto;}
.tt_box_m { padding: 0.2rem 0.3rem; max-height: 9.5rem; overflow-y: auto;}
.tt_box_f { padding:0 0.74rem 0.6rem 0.74rem; }
.tt_box_f .btn { display: block; width: 100%; border-radius: 0.1rem; cursor: pointer; border: 0; height: 0.8rem; line-height: 0.8rem; text-align: center; background: #1677ff; color: #fff; font-size: 0.3rem; font-weight: bold; letter-spacing: 0.01rem; }
.tt_box_f .btn:active { background: #16aaff; color: #fff;}

.tt_ico { display: block; height: 1.88rem; margin: 0 auto 0.2rem auto;}
.tt_note { font-size: 0.3rem; line-height: 0.44rem; color: #999999; text-align: center; padding: 0 0.8rem 0.2rem 0.8rem;}

.etip { position: fixed; left: 1rem; right: 1rem; top: 50%; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.6); color: #fff; padding: 0.2rem; text-align: center; font-size: 0.3rem; line-height: 2; border-radius: 0.2rem; z-index: 9999991;}


.recharge_top { background: url(../img/recharge/topbg.png) center top no-repeat; background-size: cover; padding: 0.52rem 0.5rem 0.75rem 0.5rem; position: relative; z-index: 1;}
.recharge_top .t { text-align: center; line-height: 0.48rem; font-size: 0.3rem; color: #d7e8ff;}
.recharge_top .t:before { display: inline-block; content: ''; background: url(../img/recharge/money.png) center center no-repeat; background-size: 0.3rem auto; width: 0.3rem; height: 0.3rem; margin-bottom: 0.02rem; vertical-align: middle; margin-right: 0.1rem;}
.recharge_top .m { text-align: center; line-height: 0.58rem; font-size: 0.3rem; color: #fff;}
.recharge_top .m b{ font-size: 0.5rem; margin-right: 0.03rem; }

.withdrawal_top {background: url(../img/recharge/topbg.png) center top no-repeat; background-size: cover; padding: 0.52rem 0.5rem 0.75rem 0.5rem; position: relative; z-index: 1;}
.withdrawal_top:before { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 0.6rem; background: #4592ff; margin-top: -0.3rem;}
.withdrawal_top:after { display: block; content: ''; clear: both;}
.withdrawal_top .item { float: left; width: 50%;}
.withdrawal_top .item .t { text-align: center; line-height: 0.48rem; font-size: 0.3rem; color: #d7e8ff;}
.withdrawal_top .item .t i { display: inline-block; content: ''; width: 0.3rem; height: 0.3rem; margin-bottom: 0.02rem; vertical-align: middle; margin-right: 0.1rem;}
.withdrawal_top .item .t i.t1 { background: url(../img/recharge/money.png) center center no-repeat; background-size: 0.3rem auto; }
.withdrawal_top .item .t i.t2 { background: url(../img/recharge/commission.png) center center no-repeat; background-size: 0.3rem auto; }
.withdrawal_top .item .m { text-align: center; line-height: 0.58rem; font-size: 0.3rem; color: #fff;}
.withdrawal_top .item .m b{ font-size: 0.5rem; }

.recharge_main { margin-top: -0.2rem; position: relative; z-index: 99;}

.mbox { background: #fff; border-radius: 0.1rem; margin-bottom: 0.2rem;}
.mbox_t { height: 1rem; line-height: 1rem; padding: 0 0.6rem; border-bottom: 1px #eeeeee solid; font-size: 0.3rem; font-weight: bold; position: relative;}
.mbox_t:before { display: block; content: ''; position: absolute; left: 0.3rem; top: 50%; width: 0.08rem; height: 0.24rem; background: #1677ff; margin-top: -0.12rem;}

.recharge_select { padding: 0 0.3rem;}
.recharge_select ul li { border-bottom: 1px #f5f5f5 solid;}
.recharge_select ul li:last-child { border-bottom: none;}
.recharge_select ul li label { display: block; position: relative; padding: 0.2rem 0.8rem 0.2rem 1.12rem; line-height: 0.6rem; min-height: 0.6rem; font-size: 0.3rem; color: #333333; cursor: pointer;}
.recharge_select ul li label input { display: none;}
.recharge_select ul li label i { display: block; position: absolute; right: 0; top: 50%; width: 0.54rem; height: 0.54rem; margin-top: -0.27rem; background: url(../img/index/radio.png) center center no-repeat; background-size: 0.34rem auto;}
.recharge_select ul li label img { display: block; position: absolute; left: 0; top: 50%; height: 0.5rem; margin-top: -0.25rem;}
.recharge_select ul li label input:checked + i { background: url(../img/index/radios.png) center center no-repeat; background-size: 0.34rem auto;}
.recharge_select ul li label input:checked + i + span{ color: #1677ff;}

.recharge_select2 { }
.recharge_select2 ul li { }
.recharge_select2 ul li:after { display: block; content: ''; margin-left: 1rem; background: #f5f5f5; height: 1px; clear: both;}
.recharge_select2 ul li:last-child:after { display: none;}
.recharge_select2 ul li label { display: block; position: relative; padding: 0.1rem 0.3rem 0.1rem 0.92rem; line-height: 0.6rem; min-height: 0.6rem; font-size: 0.26rem; color: #999999; cursor: pointer;}
.recharge_select2 ul li label input { display: none;}
.recharge_select2 ul li label i { display: block; position: absolute; left: 0.3rem; top: 50%; width: 0.46rem; height: 0.46rem; margin-top: -0.23rem; background: url(../img/index/radio.png) center center no-repeat; background-size: 0.34rem auto;}
.recharge_select2 ul li label input:checked + i { background: url(../img/index/radios.png) center center no-repeat; background-size: 0.34rem auto;}

.recharge_select3 { margin-bottom: -0.3rem;}
.recharge_select3 ul li:last-child { border-bottom: 1px #f5f5f5 solid;}

.mtip { background: url(../img/common/mtip.png) 0.3rem 0.3rem no-repeat #fdf1c6; background-size: 0.32rem auto; padding: 0.28rem 0.3rem 0.28rem 0.83rem; font-size: 0.28rem; line-height: 0.36rem; min-height: 0.36rem; color: #ff8f16;}
.mtip marquee { display: block; width: 100%; height: 0.36rem;}

.mtip2_box { padding: 0.4rem 0;}
.mtip2 { background: url(../img/common/mtip2.png) 0.3rem 0.3rem no-repeat #fdf1c6; background-size: 0.32rem auto; padding: 0.28rem 0.3rem 0.28rem 0.78rem; font-size: 0.28rem; line-height: 0.36rem; min-height: 0.36rem; color: #7c5d39; border-radius: 0.2rem;}
.mtip2 span { color: #ed0000;}

.recharge_nav {}
.recharge_nav ul li {}
.recharge_nav ul li a { display: block; background: url(../img/common/navr.png) center right no-repeat; background-size: 0.72rem auto; position: relative; padding: 0.2rem 0.8rem 0.2rem 1rem; line-height: 0.5rem; min-height: 0.5rem; font-size: 0.3rem; color: #666666;}
.recharge_nav ul li a img { display: block; position: absolute; left: 0.3rem; top: 50%; height: 0.5rem; margin-top: -0.25rem;}
.recharge_nav ul li:after { display: block; content: ''; margin-left: 1rem; height: 1px; background: #f5f5f5;}
.recharge_nav ul li:last-child:after { display: none;}

.recharge_type { display: block; background: url(../img/common/navr.png) center right no-repeat; background-size: 0.72rem auto; border-bottom: 1px #f5f5f5 solid; position: relative; padding: 0.25rem 2.3rem 0.25rem 0.3rem; line-height: 0.5rem; min-height: 0.5rem; font-size: 0.3rem;}
.recharge_type img { float: left; height: 0.5rem; margin-right: 0.2rem;}
.recharge_type span { position: absolute; right: 0.58rem; top: 50%; margin-top: -0.26rem; font-size: 0.26rem; color: #aaaaaa;}

.recharge_input { padding: 0 0.3rem 0.5rem 0.3rem;}
.recharge_input .t { line-height: 0.96rem; font-size: 0.3rem; font-weight: bold;}
.recharge_input .m { margin-bottom: 0.32rem;}
.recharge_input .input { display: block; width: 100%; box-sizing: border-box; border: 1px #f3f3f3 solid; text-indent: 0.22rem; height: 0.78rem; border-radius: 0.1rem; background: #f9f9f9; font-size: 0.3rem; color: #333; font-weight: bold;}
.recharge_input .input::-webkit-input-placeholder { font-size: 0.26rem; color:#999999; font-weight: normal; }

.recharge_title { text-align: center; background: #fff; border-top: 1px #eee solid; padding: 0.25rem 0.3rem; line-height: 0.5rem; font-size: 0.3rem;}
.recharge_title img { display: inline-block; height: 0.5rem; vertical-align: middle; margin-right: 0.2rem; margin-bottom: 0.02rem;}


.recharge_rate { padding: 0.05rem 0.5rem; height: 1rem; position: relative;}
.recharge_rate .item { float: left; width: 50%; text-align: center; line-height: 1rem; font-size: 0.3rem;}
.recharge_rate .item i { display: inline-block; vertical-align: middle; margin-right: 0.2rem; width: 0.7rem; height: 0.7rem;}
.recharge_rate .item i.b1 { background: url(../img/recharge/webmoney_b1.png) center center no-repeat; background-size: 0.7rem auto;}
.recharge_rate .item i.b2 { background: url(../img/recharge/webmoney_b2.png) center center no-repeat; background-size: 0.62rem auto;}
.recharge_rate .item i.b3 { background: url(../img/recharge/usdt2.png) center center no-repeat; background-size: 0.7rem auto;}

.recharge_rate .convert { position: absolute; left: 50%; top: 50%; width: 0.5rem; height: 0.5rem; margin-left: -0.25rem; margin-top: -0.25rem; background: url(../img/recharge/webmoney_b3.png) center center no-repeat; background-size: 0.3rem auto;}

.mform { }
.mform .item { position: relative; }
.mform .item:after { display: block; content: ''; margin-left: 1rem; background: #f5f5f5; height: 1px; clear: both;}
.mform .item:last-child:after { display: none;}

.mform .item .tit { position: absolute; top: 0; left: 0.3rem; height: 1rem; line-height: 0.36rem; width: 1.6rem; display: flex; align-items: center; justify-content: left; text-align: left; font-size: 0.28rem; padding-left: 0.7rem;}
.mform .item .tit i{ position: absolute; left: 0; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; background-position: center center; background-repeat: no-repeat; background-size: 0.5rem auto !important;}

.mform .item .con { min-height: 1rem; line-height: 1rem; color: #666; font-size: 0.26rem; padding-left: 2.74rem; position: relative; }
.mform .item .con .input { display: block; width: 100%; height: 1rem; border: 0; font-size: 0.26rem; color: #666;}
.mform .item .con .select { display: block; width: 100%; height: 1rem; line-height: 1rem; border: 0; font-size: 0.26rem; background: url(../img/form/select.png) right center no-repeat; background-size: 0.8rem auto; color: #666; }
.mform .item .con .select2 { float: left; width: 50%;}

.mform .item .con .code_btn { display: block; position: absolute; right: 0.05rem; height: 0.9rem; top: 0.05rem; }
.mform .item .con .phone_btn { display: block; position: absolute; right: 0.2rem; height: 0.68rem; top: 0.16rem; font-size: 0.24rem; color: #999999; line-height: 0.68rem; background: #eeeeee; border-radius: 0.34rem; padding: 0 0.2rem; }

.mform .item .tit i.t1 { background-image: url(../img/form/b1.png); }
.mform .item .tit i.t2 { background-image: url(../img/form/b2.png); }
.mform .item .tit i.t3 { background-image: url(../img/form/b3.png); }
.mform .item .tit i.t4 { background-image: url(../img/form/b4.png); }
.mform .item .tit i.t5 { background-image: url(../img/form/b5.png); }
.mform .item .tit i.t6 { background-image: url(../img/form/b6.png); }
.mform .item .tit i.t7 { background-image: url(../img/form/b7.png); }
.mform .item .tit i.t8 { background-image: url(../img/form/b8.png); }
.mform .item .tit i.t9 { background-image: url(../img/form/b9.png); }
.mform .item .tit i.t10 { background-image: url(../img/form/b10.png); }
.mform .item .tit i.t11 { background-image: url(../img/form/b11.png); }
.mform .item .tit i.t12 { background-image: url(../img/form/b12.png); }
.mform .item .tit i.t13 { background-image: url(../img/form/b13.png); }

.minfo { padding: 0 0.3rem;}
.minfo .item { border-bottom: 1px #f5f5f5 solid; position: relative; min-height: 1rem; padding-left: 1.38rem;}
.minfo .item .tit { position: absolute; left: 0; top: 0; line-height: 1rem; font-size: 0.3rem; color: #666666; }
.minfo .item .con { padding: 0.25rem 1.3rem 0.25rem 0; line-height: 0.5rem; font-size: 0.3rem; color: #333333;}
.minfo .item .tipr { padding: 0.25rem 0; text-align: right; line-height: 0.5rem; font-size: 0.26rem; color: #ed0000;}
.minfo .item .tip { line-height: 0.4rem; font-size: 0.2rem; color: #ed0000; margin-top: -0.12rem;}
.minfo .item .copy_btn { position: absolute; right: 0; top: 0.3rem; display: block; width: 1.2rem; border-radius: 0.3rem; cursor: pointer; border: 0; height: 0.6rem; line-height: 0.6rem; text-align: center; background-image: linear-gradient(to right,#16aaff,#167dff); color: #fff; font-size: 0.24rem; box-shadow: 0 0.05rem 0.05rem rgba(0,155,254,0.2);}
.minfo .item .copy_btn:active { background: #167dff; color: #fff;}
.minfo .item:last-child { border-bottom: none;}

.mpage { background: #fff; border-radius: 0.2rem; margin-bottom: 0.2rem; padding: 0.2rem 0.3rem 0.5rem 0.3rem; font-size: 0.26rem; line-height: 0.4rem; color: #aaaaaa;}
.mpage h2 { display: block; font-size: 0.3rem; color: #333; padding: 0.15rem 0.2rem; line-height: 0.5rem; position: relative; }
.mpage h2:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 0.08rem; height: 0.24rem; background: #1677ff; margin-top: -0.12rem;}


.friend_top { border-top: 1px #eee solid; background: #fff; margin-bottom: 0.2rem;}
.friend_top ul li { position: relative; }
.friend_top ul li:after { display: block; content: ''; margin-left: 1rem; background: #f5f5f5; height: 1px; clear: both;}
.friend_top ul li:last-child:after { display: none;}

.friend_top ul li i { position: absolute; left: 0.3rem; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem;}
.friend_top ul li i.t1 { background: url(../img/my/ico1.png) center center no-repeat; background-size: 0.5rem auto;}
.friend_top ul li i.t2 { background: url(../img/my/ico2.png) center center no-repeat; background-size: 0.5rem auto;}
.friend_top ul li p { display: block; font-size: 0.3rem; color: #666666; padding: 0.25rem 0.3rem 0.25rem 1rem; line-height: 0.5rem;}

.friend_list { background: #fff; margin-bottom: 0.2rem;}
.friend_list .item { position: relative; }
.friend_list .item:after { display: block; content: ''; margin-left: 1.44rem; background: #f5f5f5; height: 1px; clear: both;}
.friend_list .item:last-child:after { display: none;}

.friend_list .item .img { position: absolute; left: 0.34rem; top: 50%; margin-top: -0.44rem;}
.friend_list .item .img img { display: block; width: 0.88rem; height: 0.88rem; border-radius: 0.44rem;}
.friend_list .item .con { display: block; padding: 0.22rem 0.3rem 0.22rem 1.44rem;}
.friend_list .item .con .t { font-size: 0.3rem; line-height: 0.44rem;}
.friend_list .item .con .m { font-size: 0.22rem; line-height: 0.4rem; color: #999999;}

.my_top { background: url(../img/my/topbg.png) center top no-repeat; background-size: cover; padding-top: 0.88rem;}
.my_top .info { padding: 0.14rem 0 0.4rem 0.5rem; position: relative; line-height: 1.2rem; height: 1.2rem; font-size: 0.36rem; color: #fff;}
.my_top .info img { float: left; border-radius: 50%; width: 1.2rem; height: 1.2rem; margin-right: 0.3rem;}
.my_top .info a { display: block; color: #fff;}
.my_top .foot { background: rgba(255,255,255,0.1);}
.my_top .foot ul li { float: left; width: 33.33%; padding: 0.16rem 0; color: #fff; text-align: center; font-size: 0.24rem; line-height: 0.42rem; position: relative;}
.my_top .foot ul li a{ display:block; color: #fff;}
.my_top .foot ul li b { display: block; font-size: 0.36rem; line-height: 0.46rem;}
.my_top .foot ul li span { display: block; font-size: 0.28rem; line-height: 0.46rem;}
.my_top .foot ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1px; background: #fff; opacity: 0.1; height: 0.6rem; margin-top: -0.3rem;}
.my_top .foot ul li:last-child:after { display: none;}
.my_top .foot:after { display: block; content: ''; clear: both;}
 
.my_menu { margin-bottom: 0.2rem;}
.my_menu a{ display: block; padding-left: 1.56rem; font-size: 0.3rem; color: #fff; box-sizing: border-box; width: 3.35rem; height: 1.4rem; line-height: 1.4rem;}
.my_menu a.t1 { float: left; background: url(../img/my/box1.png) left top no-repeat; background-size: auto 1.4rem; }
.my_menu a.t2 { float: right; background: url(../img/my/box2.png) left top no-repeat; background-size: auto 1.4rem; }
.my_menu:after { display: block; content: ''; clear: both;}

.my_nav {}
.my_nav ul li {}
.my_nav ul li a { display: block; background: url(../img/common/navr.png) center right no-repeat; background-size: 0.72rem auto; position: relative; padding: 0.25rem 0.8rem 0.25rem 0.86rem; line-height: 0.5rem; min-height: 0.5rem; font-size: 0.28rem; color: #666666;}
.my_nav ul li a img { display: block; position: absolute; left: 0.28rem; top: 50%; height: 0.4rem; margin-top: -0.2rem;}
.my_nav ul li:after { display: block; content: ''; margin-left: 0.8rem; height: 1px; background: #f5f5f5;}
.my_nav ul li:last-child:after { display: none;}

.msg_list {}
.msg_list .item { margin-bottom: 0.14rem;}
.msg_list .item .time { text-align: center; line-height: 0.5rem; font-size: 0.2rem; color: #aaaaaa;}
.msg_list .item .con { background: #fff; border-radius: 0.2rem;}
.msg_list .item .con .t { display: block; border-bottom: 1px #f5f5f5 solid; font-size: 0.3rem; color: #333; padding: 0.25rem 0.3rem 0.25rem 0.5rem; line-height: 0.5rem; position: relative; }
.msg_list .item .con .t:before { display: block; content: ''; position: absolute; left: 0.3rem; top: 0.38rem; width: 0.08rem; height: 0.24rem; background: #1677ff; }
.msg_list .item .con .m { padding: 0.22rem 0.3rem; font-size: 0.26rem; line-height: 0.4rem; color: #aaaaaa;}


.user_form { padding: 0 0.3rem; background: #fff; border-top: 1px #eeeeee solid; margin-bottom: 0.3rem;}
.user_form .item { border-bottom: 1px #eeeeee solid; position: relative; padding-left: 1.6rem;}
.user_form .item .tit { position: absolute; left: 0; top: 50%; line-height: 0.8rem; font-size: 0.3rem; margin-top: -0.4rem;}
.user_form .item .con {}
.user_form .item .con .portrait{ display: block; height: 0.8rem; padding: 0.2rem 0.44rem; background: url(../img/common/r.png) right center no-repeat; background-size: 0.14rem auto;}
.user_form .item .con .portrait img { float: right; height: 0.8rem; width: 0.8rem; border-radius: 50%;}
.user_form .item .con .input{ display: block; width: 100%; height: 1rem; background: none; border: none; font-size: 0.3rem;}
.user_form .item:last-child { border-bottom: none;}


.mnav_box { height: 0.88rem; padding: 1px 0;}
.mnav{ position: fixed; z-index: 9999; left: 0; top: 0.88rem; right: 0; height: 0.88rem; background:#ffffff; border-top: 1px #eee solid; border-bottom: 1px #eee solid; }
.mnav ul li { float: left; width: 50%;}
.mnav ul li a { display: flex; width: 100%; height: 0.88rem; line-height: 0.4rem; align-items: center; justify-content: center; text-align: center; font-size: 0.3rem; color: #666666; position: relative;}
.mnav ul li a:active { color: #1677ff;}
.mnav ul li a.on { color: #1677ff;}
.mnav ul li a.on:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; background: #1677ff; width: 1.88rem; margin-left: -0.94rem; height: 0.04rem; z-index: 99;}

.detailed_list { background: #fff; }
.detailed_list .item { position: relative; }
.detailed_list .item:after { display: block; content: ''; margin-left: 1.14rem; background: #f5f5f5; height: 1px; clear: both;}
.detailed_list .item:last-child:after { display: none;}

.detailed_list .item .img { position: absolute; left: 0.3rem; top: 50%; margin-top: -0.32rem;}
.detailed_list .item .img img { display: block; width: 0.64rem; height: 0.64rem; border-radius: 0.32rem;}
.detailed_list .item .con { display: block; padding: 0.32rem 2.1rem 0.32rem 1.14rem;}
.detailed_list .item .con .t { font-size: 0.28rem; line-height: 0.44rem;}
.detailed_list .item .con .m { font-size: 0.22rem; line-height: 0.36rem; color: #999999;}
.detailed_list .item .right { position: absolute; right: 0.3rem; top: 0; padding: 0.32rem 0; text-align: right;}
.detailed_list .item .right .t { font-size: 0.34rem; line-height: 0.44rem; color: #333333;}
.detailed_list .item .right .t .blue{ color: #408ce1;}
.detailed_list .item .right .m { font-size: 0.22rem; line-height: 0.36rem; color: #999999;}


.extension_body { background: url(../img/my/extension_bg.png) center top no-repeat #1677ff; background-size: 100% auto;}
.extension_main { padding: 0.8rem 0.6rem;}
.extension_box { padding: 0.44rem 0; margin-bottom: 0.56rem; position: relative;}
.extension_box .bg { position: absolute; left: 0.38rem; top: 0; bottom: 0; right: 0.38rem; background: #fff; opacity: 0.4; border-radius: 0.26rem; z-index: 10;}
.extension_box .box { background: #fff; position: relative; z-index: 11; border-radius: 0.26rem;}
.extension_box .box .line{ background: url(../img/my/extension_line.png) center center no-repeat; height: 0.26rem; background-size: 100% auto;}
.extension_box .box .erwei { padding: 0.75rem 0.5rem 0.4rem 0.5rem;}
.extension_box .box .erwei img { display: block; margin: 0 auto 0.25rem auto; height: 3.3rem;}
.extension_box .box .erwei p { display: block; text-align: center; line-height: 0.46rem; font-size: 0.26rem; color: #606266;}
.extension_box .box .foot { padding: 0 0.3rem 0.35rem 0.3rem;}
.extension_box .box .foot .t { line-height: 0.54rem; font-size: 0.3rem; color: #606266;}
.extension_box .box .foot .m { line-height: 0.4rem; font-size: 0.26rem; color: #999999;}

.extension_btn { display: block; margin: 0 0.15rem; cursor: pointer; line-height: 0.8rem; height: 0.8rem; background: #fff; color: #606266; font-size: 0.28rem; border-radius: 0.4rem; text-align: center;}


.search_box { border-top: 1px #eee solid; background: #fff; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);}
.search_box .item { position: relative; }
.search_box .item:after { display: block; content: ''; margin-left: 0.8rem; background: #f5f5f5; height: 1px; clear: both;}
.search_box .item:last-child:after { display: none;}

.search_box .item .tit { position: absolute; top: 0; left: 0.2rem; height: 0.8rem; line-height: 0.4rem; width: 1.4rem; display: flex; align-items: center; justify-content: left; text-align: left; font-size: 0.3rem; padding-left: 0.6rem;}
.search_box .item .tit i{ position: absolute; left: 0; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; background-position: center center; background-repeat: no-repeat; background-size: 0.5rem auto !important;}

.search_box .item .con { min-height: 0.8rem; line-height: 0.8rem; color: #666; font-size: 0.26rem; padding-left: 2.36rem; position: relative; }
.search_box .item .con .input { display: block; width: 100%; height: 0.8rem; border: 0; font-size: 0.26rem; color: #666;}
.search_box .item .con .select { display: block; width: 100%; height: 0.8rem; line-height: 0.8rem; border: 0; font-size: 0.26rem; background: url(../img/form/select.png) right center no-repeat; background-size: 0.8rem auto; color: #666; }
.search_box .item .con .input_date { background: url(../img/search/input_date.png) 94% center no-repeat; line-height: 0.8rem; background-size: 0.24rem auto; margin-bottom: 0.1rem;}

.input_date_box { position: relative;}
.input_date_box i { position: absolute; left: 0; top: 0; line-height: 0.8rem; color: #aaa; font-size: 0.26rem;}

.search_box .item .tit i.t1 { background-image: url(../img/search/b1.png); }
.search_box .item .tit i.t2 { background-image: url(../img/search/b2.png); }
.search_box .item .tit i.t3 { background-image: url(../img/search/b3.png); }
.search_box .item .tit i.t4 { background-image: url(../img/search/b4.png); }
.search_box .item .tit i.t5 { background-image: url(../img/search/b5.png); }

.search_box .btnbox { padding: 0.2rem 0.5rem;}
.search_box .btnbox .btn{ border-radius: 0.1rem; box-shadow: none;}

.staff_list { padding: 0.1rem 0;}
.staff_list .item{ background: #fff; border-radius: 0.1rem; margin-bottom: 0.2rem;}
.staff_list .item_m { padding: 0 0.3rem;}
.staff_list ul li { position: relative; border-bottom: 1px #eaeaea solid; padding: 0.25rem 1.3rem 0.25rem 2.45rem; min-height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #666666; }
.staff_list ul li:last-child { border-bottom: none;}
.staff_list ul li i{ position: absolute; left: 0; top: 0.25rem; width: 0.5rem; height: 0.5rem; background-position: center center; background-repeat: no-repeat; background-size: 0.5rem auto !important;}
.staff_list ul li span{ position: absolute; top: 0; left: 0.7rem; height: 1rem; line-height: 0.4rem; width: 1.5rem; display: flex; align-items: center; justify-content: left; text-align: left; font-size: 0.3rem; color: #333; }
.staff_list .copy_btn { position: absolute; right: 0; top: 0.2rem; display: block; width: 1.2rem; border-radius: 0.3rem; cursor: pointer; border: 0; height: 0.6rem; line-height: 0.6rem; text-align: center; background-image: linear-gradient(to right,#16aaff,#167dff); color: #fff; font-size: 0.24rem; box-shadow: 0 0.05rem 0.05rem rgba(0,155,254,0.2);}
.staff_list .copy_btn:active { background: #167dff; color: #fff;}

.staff_list ul li i.t1 { background-image: url(../img/staff/b1.png); }
.staff_list ul li i.t2 { background-image: url(../img/staff/b2.png); }
.staff_list ul li i.t3 { background-image: url(../img/staff/b3.png); }
.staff_list ul li i.t4 { background-image: url(../img/staff/b4.png); }
.staff_list ul li i.t5 { background-image: url(../img/staff/b5.png); }
.staff_list ul li i.t6 { background-image: url(../img/staff/b6.png); }
.staff_list ul li i.t7 { background-image: url(../img/staff/b7.png); }
.staff_list ul li i.t8 { background-image: url(../img/staff/b8.png); }

.staff_list .item .btnbox { border-top: 1px #eaeaea solid; padding: 0.3rem 0.95rem;}
.staff_list .item .btnbox .btn2 { margin-top: 0.2rem;}

.order_nav_main { height: 2.46rem;}
.order_nav_box { position: fixed; left: 0; top: 0.88rem; right: 0; z-index: 9999; border-top: 1px #eee solid; background: #fff;}
.order_nav { border-bottom: 1px #eee solid; height: 1rem;}
.order_nav ul li { float: left; width: 33.33%;}
.order_nav ul li a { display: flex; width: 100%; height: 1rem; line-height: 0.4rem; align-items: center; justify-content: center; text-align: center; font-size: 0.36rem; color: #999; position: relative;}
.order_nav ul li a:active { color: #333333;}
.order_nav ul li a.on { color: #333333;}
.order_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0.06rem; background: #1677ff; width: 0.7rem; margin-left: -0.35rem; height: 0.06rem; border-radius: 0.03rem; z-index: 99;}
.order_nav2 { height: 0.84rem; }
.order_nav2 ul li { float: left; width: 25%;}
.order_nav2 ul li a { display: flex; width: 100%; height: 0.84rem; line-height: 0.4rem; align-items: center; justify-content: center; text-align: center; font-size: 0.3rem; color: #333333; position: relative;}
.order_nav2 ul li a:active { color: #1677ff;}
.order_nav2 ul li a.on { color: #1677ff;}

.order_nav_box .index_note { background: url(../img/index/inote2.png) 0.34rem center no-repeat; background-size: 0.3rem auto; padding:0 0.3rem 0 0.76rem; border-radius: 0; border: none; border-bottom: 1px #eee solid;}
.order_nav_box .inote .swiper-slide a { color: #333; }


.order_list {}
.order_list .item{ background: #fff; margin-bottom: 0.2rem; border-radius: 0.1rem;}
.order_list .item .item_m { padding: 0 0.3rem;}
.order_list .item .tit { padding: 0.26rem 1.2rem 0.26rem 0; line-height: 0.4rem; font-size: 0.24rem; position: relative;}
.order_list .item .tit img { float: left; height: 0.4rem; margin-right: 0.1rem;}
.order_list .item .tit span { color: #999999;}
.order_list .item .tit i { position: absolute; right: 0; top: 0.26rem; color: #ff7800; font-style: normal;}
.order_list .item .tit:after { display: block; content: ''; clear: both;}
.order_list .item .tit2 { line-height: 0.44rem; font-size: 0.3rem; margin-bottom: 0.05rem;}
.order_list .item .con { line-height: 0.44rem; font-size: 0.24rem; color: #666666; padding-bottom: 0.2rem;}
.order_list .item .con span { color: #ea3f49;}
.order_list .item .copy_btn { display: inline-block; margin-left: 0.05rem; vertical-align: middle; margin-bottom: 0.02rem; width: 0.4rem; height: 0.4rem; background: url(../img/common/copy_btn.png) center center no-repeat; background-size: 0.3rem auto;}
.order_list .item .tool { border-top: 1px #f5f5f5 solid; padding: 0.1rem 0.25rem; text-align: right; font-size: 0; line-height: 0;}
.order_list .item .tool .btn { display: inline-block; height: 0.48rem; line-height: 0.47rem; padding: 0 0.2rem; margin: 0 0.05rem; font-size: 0.24rem; color: #999999; border-radius: 0.25rem; border: 1px #c4c4c4 solid; min-width: 4em; text-align: center;}
.order_list .item .tool .btn2 { border: 1px #1677ff solid; background: #1677ff; color: #fff;}
.order_list .item .tool .btn:active { border: 1px #1677ff solid; background: #1677ff; color: #fff;}

.tt_form { padding-top: 0.3rem; padding-bottom: 0.4rem;}
.tt_form .item { position: relative; padding: 0 0.3rem; line-height: 0.6rem; min-height: 0.6rem; font-size: 0.3rem; color: #999999; margin-bottom: 0.1rem;}
.tt_form .item .tit { position: relative; padding-left: 0.6rem; line-height: 0.6rem; color: #666; }
.tt_form .item .tit i { position: absolute; left: 0; top: 0.08rem; width: 0.44rem; height: 0.44rem; background-position: center center; background-repeat: no-repeat; background-size: 0.44rem auto !important;}
.tt_form .item .con { padding-left: 0.6rem; line-height: 0.8rem;}
.tt_form .item .con .input{ display: block; width: 100%; border: 0; background: #f5f5f5; height: 0.8rem; border-radius: 0.06rem; font-size: 0.3rem; text-indent: 0.16rem;}
.tt_form .item .con .textarea{ display: block; border: 0; width: 100%; background: #f5f5f5; height: 1.5rem; border-radius: 0.06rem; font-size: 0.3rem; line-height: 0.5rem; padding:0.15rem 0.16rem; box-sizing: border-box;}

.tt_form .item .tit i.t1 { background-image: url(../img/common/tt_b1.png); }
.tt_form .item .tit i.t2 { background-image: url(../img/common/tt_b2.png); }
.tt_form .item .tit i.t3 { background-image: url(../img/common/tt_b3.png); }
.tt_form .item .tit i.t4 { background-image: url(../img/common/tt_b4.png); }
.tt_form .item .tit i.t5 { background-image: url(../img/common/tt_b5.png); }

.tt_form .upload { padding: 0.15rem 0 0.2rem 0.96rem;}
.tt_form .upload ul { float: left;}
.tt_form .upload ul li{ float: left; margin-right: 0.2rem; margin-bottom: 0.2rem; position: relative;}
.tt_form .upload ul li img { display: block; height: 1rem; border-radius: 0.1rem;}
.tt_form .upload ul li .del { position: absolute; right: -0.11rem; top: -0.11rem; display: block; width: 0.33rem; height: 0.33rem; background: url(../img/common/del.png) center center no-repeat; background-size: 0.33rem auto;}
.tt_form .upload .upload_btn { float: left; margin-right: 0.2rem; margin-bottom: 0.2rem; width: 1rem; height: 1rem; background: url(../img/common/photo.png) center center no-repeat; background-size: 1rem auto;}
.tt_form .upload:after { display: block; clear: both; content: '';}

.login_top { background: url(../img/login/topbg.png) center top no-repeat; background-size: cover; padding-top: 0.88rem;}
.login_logo { padding: 0.25rem 0 0.76rem 0;}
.login_logo img { display: block; margin: 0 auto; height: 1.4rem;}

.login_nav { border-top: 1px rgba(255,255,255,0.3) solid; position: relative;}
.login_nav ul li { float: left; width: 50%; line-height: 1rem; position: relative; text-align: center; font-size: 0.28rem; color: rgba(255,255,255,0.8); cursor: pointer;}
.login_nav ul li.on { color: #fff;}
.login_nav ul li.on:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border-left: 0.14rem transparent solid; border-right: 0.14rem transparent solid; border-bottom: 0.14rem #fff solid; margin-left: -0.14rem;}
.login_nav:before { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 0.46rem; background: rgba(255,255,255,0.3); margin-top: -0.23rem;}
.login_nav:after { display: block; content: ''; clear: both;}

.login_box { position: relative; padding: 0.6rem;}
.login_box .item { position: relative; margin-bottom: 0.2rem;}
.login_box .item i { display: block; position: absolute; left: 0; top: 50%; margin-top: -0.34rem; width: 0.68rem; height: 0.68rem;}
.login_box .item i.t1 { background: url(../img/login/b1.png) center center no-repeat; background-size: 0.68rem auto;}
.login_box .item i.t2 { background: url(../img/login/b2.png) center center no-repeat; background-size: 0.68rem auto;}
.login_box .item i.t3 { background: url(../img/login/b3.png) center center no-repeat; background-size: 0.68rem auto;}
.login_box .item i.t4 { background: url(../img/login/b4.png) center center no-repeat; background-size: 0.68rem auto;}
.login_box .item i.t5 { background: url(../img/login/b5.png) center center no-repeat; background-size: 0.68rem auto;}
.login_box .item .input { display: block; width: 100%; height: 0.7rem; border: 0; background: #f8f8f8; border-radius: 0.12rem; text-indent: 0.68rem; font-size: 0.26rem; color: #333;}
.login_box .item .input_code { width: 4.7rem; }
.login_box .item .input_phone { text-indent: 1.82rem; }
.login_box .item .code_btn { position: absolute; right: 0; top: 0; border-radius: 0.12rem; width: 1.5rem; height: 0.7rem; background: #f8f8f8;}
.login_box .item .phone_btn { position: absolute; right: 0; top: 0; padding: 0 0.2rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.24rem; color: #1677ff;}
.login_box .item .select { position: absolute; left: 0.68rem; top: 0; width: 1rem; height: 0.7rem; }
.login_box .item .select select { display: block; width: 0.96rem; height: 0.7rem; line-height: 0.7rem; border: 0; font-size: 0.26rem; background: url(../img/login/select.png) right center no-repeat; background-size: 0.4rem auto; color: #aaaaaa; box-sizing: border-box;}
.login_box .item .select:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 0.2rem; background: #dedede; margin-top: -0.1rem; }
.login_box .item2 { text-align: center; line-height: 0.48rem; font-size: 0.24rem; color: #999999; }
.login_box .item2 a { color: #1677ff;}
.login_box .item3 { padding: 0 0 0 0.24rem; height: 0.42rem; }
.login_box .item3 label { float: left; display: block; cursor: pointer; font-size: 0.24rem; color: #666666;}
.login_box .item3 label input { display: none;}
.login_box .item3 label span { display: block; padding-left: 0.34rem; line-height: 0.42rem; background: url(../img/login/checkbox.png) left center no-repeat; background-size: 0.22rem auto;}
.login_box .item3 label input:checked + span { background: url(../img/login/checkboxs.png) left center no-repeat; background-size: 0.22rem auto;}
.login_box .item3 a { float: right; font-size: 0.24rem; color: #1677ff; text-decoration: underline;}

.login_box .btnbox { padding: 0.3rem 0;}


.footer { height: 1rem;}
.footbox { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: #fff; height: 1rem; }
.footnav ul li{ float: left; width: 25%;}
.footnav ul li a { display: block; text-align: center; font-size: 0.2rem; color: #d0d0d0; line-height: 0.34rem; padding-top: 0.09rem; height: 0.9rem;}
.footnav ul li a i {display: block; content: ''; width: 0.5rem; height: 0.5rem; margin: 0 auto; background: url(../img/common/fico.png) no-repeat; background-size: 1rem auto; }
.footnav ul li a.on { color: #1677ff;}
.footnav ul li a:active { color: #1677ff;}
.footnav ul li a i.t1{ background-position: 0 0;}
.footnav ul li a i.t2{ background-position: 0 -0.5rem;}
.footnav ul li a i.t3{ background-position: 0 -1rem;}
.footnav ul li a i.t4{ background-position: 0 -1.5rem;}
.footnav ul li a.on i.t1{ background-position: -0.5rem 0;}
.footnav ul li a.on i.t2{ background-position: -0.5rem -0.5rem;}
.footnav ul li a.on i.t3{ background-position: -0.5rem -1rem;}
.footnav ul li a.on i.t4{ background-position: -0.5rem -1.5rem;}
.footnav ul li a:active i.t1{ background-position: -0.5rem 0;}
.footnav ul li a:active i.t2{ background-position: -0.5rem -0.5rem;}
.footnav ul li a:active i.t3{ background-position: -0.5rem -1rem;}
.footnav ul li a:active i.t4{ background-position: -0.5rem -1.5rem;}
.footbox:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; background: #eeeeee; height: 1px;}



/*新增*/
.index_payment_m .input_item select { display: block; width: 100%; height: 0.78rem; line-height: 0.78rem; border: 0; font-size: 0.26rem; background: url(../img/form/select.png) 102% center no-repeat; background-size: 0.8rem auto; color: #999999; direction: rtl; box-sizing: border-box; padding: 0 0.5rem; }
.index_payment_m2 { padding-top: 0; padding-bottom: 0.01rem;}
.recharge_code { padding: 0 0.3rem 0.5rem 0.3rem;}
.recharge_code .tit { font-size: 0.3rem; color: #999999; padding: 0 0.05rem; line-height: 0.5rem; margin-bottom: 0.1rem;}
.recharge_code .nav { margin: 0 -0.05rem 0.23rem -0.05rem;}
.recharge_code .nav ul li{ float: left; width: 25%;}
.recharge_code .nav ul li span { display: block; margin: 0 0.05rem 0.1rem 0.05rem; text-align: center; border: 1px #c4c4c4 solid; border-radius: 0.05rem; font-size: 0.24rem; line-height: 0.48rem; color: #999;}
.recharge_code .nav ul li.on span { border: 1px #1677ff solid; background: #1677ff; color: #fff;}
.recharge_code .nav ul:after { display: block; content: ''; clear: both;}
.recharge_code .con { background: #f7f7fb; padding: 0.38rem 0.1rem 0.68rem 0.1rem; border-radius: 0.1rem; text-align: center;}
.recharge_code .con .img { margin-bottom: 0.16rem;}
.recharge_code .con .img img{ display: block; height: 2.5rem; margin: 0 auto;}
.recharge_code .con .btn { display: block; width: 1.68rem; margin: 0 auto; border: 1px #bad7ff solid; background: #eaeef9; color: #1677ff; font-size: 0.24rem; line-height: 0.48rem; border-radius: 0.24rem;}
.recharge_code .con .btn:active { border: 1px #1677ff solid; background: #1677ff; color: #fff;}
.recharge_code .con .t { font-size: 0.24rem; color: #606266; padding-top: 0.3rem; line-height: 0.44rem;}
.recharge_code .con .m { font-size: 0.28rem; color: #333333; line-height: 0.44rem; margin-bottom: 0.1rem;}
.recharge_code .tip { font-size: 0.26rem; line-height: 0.4rem; color: #999999; padding: 0.26rem 0;}