html,body{ background: #fff; padding: 0; margin: 0 auto; max-width: 640px;}
*{ font-size: 100%;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
input[readonly]{ background: #f5f5f5 !important;}
ul{ margin: 0; padding: 0}
/*select {appearance:none;-moz-appearance:none;-webkit-appearance:none; }*/
.text-align_r{ text-align: right;}
.borderno{ border: none !important;}
.overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#main{ position: relative; z-index: 0}
.clear{ clear: both;}
.headerdown,.headerdown *,.classactve{-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.border_top{ height: 8px;}
.sinembtn{background:#108ee9;text-align: center; font-size: 1rem; color: #fff; padding: 0.8rem 15px; border-radius: 5px;}
.login .login_t{ color: #fff; padding: 1rem 3%; background: none; border:none; float: right;font-size: 1rem; text-align: right;}
.login .logo{ text-align: center; margin: 5rem auto 3rem;}
.login .logo img{ max-width: 30%; display: block; margin: 0 auto;}
.login .logo p{ color: #333; font-size: 1.5rem; text-align: center; padding-bottom: 3rem;}
.login .logininfo{align-items:center; padding: 8px 15px; margin: 0 3%; background: none; position: relative; border-bottom: 1px solid #ddd;}
.login.reg .logininfo{margin:0.5rem 5%;align-items:center; }
.login .logininfo label{ width: 10%;}
.login .logininfo label i{ color: #333; font-size: 1.5rem; padding: 0.6rem 0; display: block; vertical-align: middle;}
.login .logininfo input{ color: #333; width: 90%; border-radius: 5px; padding:0.7rem 0; font-size: 1rem;}
.login .logininfo *{ color: #999;}
.login .logininfo a.removes{ color: #999 !important; border-radius: 0; background: none; position: absolute; bottom: 0; line-height: 3; padding-left:1rem; border-left: 1px solid #ddd;}
.login .logininfo .Verificationbtn{ position: absolute; right: 10px; top: 10px; color:#fff;}
.loginbtn{ text-align: center; color: #fff; font-size: 1rem;background:#108ee9; padding: 1rem 0;margin:1rem 0; border-radius: 30px;}
.loginbtnking{ color: #fff;margin: 2rem 3% 1rem; width: 94%;}
.flex-wrap{ display: -webkit-box; display: -webkit-flex;  display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex-con{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.login .login_footer{ text-align: right; margin: 1rem 6%;}
.login .login_footer a{ color: #999; display: block;}
.usermeng{ text-align: center; padding: 1rem 0; color: #999;}
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}

.fixed-bottom {position: fixed;right: 0;bottom: 0;left: 0;z-index: 1030;}

.downapp_top{ position: relative; text-align: center; margin: 3rem 20% 1rem; color: #999;}
.downapp_top:before,.downapp_top:after{ position: absolute; top: 10px; width: 20%; height: 1px; background: #ddd; content: "";}
.downapp_top:before{left: 0;}
.downapp_top:after{right: 0;}
.downapp{ margin: 4rem 20% 1rem;}
.downapp a{ flex:1; text-align: center; color: #999;}
.downapp a:nth-child(1) i{ color: #35d147;}
.downapp a i{ font-size: 3.5rem; color: #47c7fb;}
.caini_title{ text-align: center; padding: 1rem 0; text-align: center;}
.caini_title img{ max-width: 60%;}
.commitsbg{ background: #fff; margin-top: 10px;}
.Ntjian{ margin:0 3% 1rem; border-top: 1px solid #eee; background: #fff; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.hide{ display:none;}
.login .reg{ background: #fff; padding: 0 3%;}
.reg .logininfo{ border: none; border-bottom: 1px solid #ddd; border-radius: 0;}
.reg .logininfo i{ width: 10%; font-size: 1.2rem;}
.reg .logininfo .logintext{ width: 80%; text-align: left;}
.login.reg .yanzhengms{ border-radius: 5px; background:#108ee9; padding: 0.5rem 1rem; top: 0; bottom: 0.5rem;}
.backlogin{ text-align: right; font-size: 1rem; color: #fff; padding: 0.5rem 5%;}
.tiaoyue{ text-align: center; color: #fff; padding: 2rem 5%;}
.reg .logininfo .countries{ text-align: right;}
.header{background:#4a86fe; max-width: 720px; background-size: 100%;height: 50px !important;text-align: center;line-height: 50px;font-size: 20px;color: #333; position: absolute; top:0; z-index: 9; width: 100%;}
.header span{ font-size: 2rem; color: #fff}
.header .hs1,.header.nobg .hs{ display: block;}
.header .hs,.header.nobg .hs1{ display: none;}

/*.header .searchindex{ margin-left: 4rem; margin-right: 4rem;}*/
.header .C_service{ position: absolute; right: 3%; top:0;}
.header .C_service i{ font-size: 1.5rem;}
.indexlologo{ position: absolute; left: 3%;}
.indexlologo img{ max-width: 100%; height: 2rem;}
.comback, .selectdown{width: 10px;height: 10px;border-color:#fff;border-width: 0 0 1px 1px;border-style: solid;transform:rotateZ(-310deg); position: absolute; top:20px; left: 4%;}
.comback i{color: #fff;}
.selectdown{width: 10px;height: 10px;background:#fff;border-color:#ccc;border-width: 0 0 1px 1px;border-style: solid;transform:rotateZ(-310deg); position: absolute; top:20px; left: 4%;}
.selectdown{border-width: 0 0 1px 1px;transform:rotateZ(-49deg); position: absolute; top:14px; right: 4%; left: auto;width: 8px;height: 8px;}
.tips{ padding: 1rem 3%; color: #fff;}
.mnemonicbox{ margin: 0 3%; padding: 1rem; background: #161f30;}
.mnemonic{ color: #fff; width: 100%; min-height: 60px;}
.password{ color: #fff;}
.showpwd{ font-size: 1.5rem !important}
.showpwd[name="1"]{color: #258dff;}
.banners img{ width: 100%; height: auto !important;}
.banner img{ width: 100%;}
.topmili{ height: 50px;}
.textarea{ color: #fff; width: 100%;}
.formli{ padding: 0.5rem 3%; background: #fff;position: relative; border-bottom: 1px solid #eee;}
.formli .logintext{ width: 100%; padding: 0.5rem 0;}
.formli .formli_text{ width: 15%; text-align: left; border-right: 1px solid #eee; margin-right: 4%;}
.formli .iconarrow_l{ position: absolute; right: 2%; top: 0.3rem;}
.somsss{ position: absolute; left: 3%; color: #999;}
.formli .Verificationbtn{ position: absolute; right: 3%; background:#108ee9; padding: 0.5rem 1rem; color: #fff; border-radius: 1.5rem;}
.smres .formli .select{/*direction: rtl; text-align: right;*/ color: #999;width: 100%; padding-right: 5%;border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none; background: #fff;}
/*.smres .formli{ padding: 1rem 3%;}*/
.indexbcom{ padding: 2rem 1rem;}
.Flicking{background: linear-gradient(to bottom, #6a81c5, #4665a6);}
.collection{background: linear-gradient(to bottom, #4bcbe4, #4a97cd);}
.Flicking,.collection{ color: #fff; text-align: center; padding: 1rem 10px; margin: 0 1rem; border-radius: 5px;}
.indexbcom img{ width: 25px; vertical-align: middle; margin-right: 1rem}
.fromliup{ padding: 2rem 3%; text-align: center;}
.fromliup p{ color: #999; margin-top: 0.5rem;}
.userpic{ border-radius: 50%; width: 5rem; height: 5rem; margin: 0 auto;}
.userpic img{ width: 5rem; height: 5rem; border-radius: 50%;}
.upimgbox{ padding: 0 6% 1rem;}
.upimgbox .upimglibox{ margin-right: 3%;}
.upimgbox .upimglibox p{ color: #fff; padding-bottom: 1rem; text-align: left;}
.upimgbox .upimglibox .upimg{ position: relative;}
.upimgbox .upimglibox .upimg input{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.shoptop{ margin-top: 10px;}

.ztree{ overflow-x: auto;}
.ztreefast{ margin: 0.5rem 1rem;}
.ztreefast span{ width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem;border: 1px solid #eee; position: relative;}
.ztreefast font{ margin-left: 0.5rem;}
.ztreefast span::before{ content: ""; width: 1px; height: 0.5rem; background: #ccc; position: absolute; bottom: -0.5rem; left: 1.5rem;}
.ztree2{ margin-left: 0.5rem; margin-top: 0.5rem;}
.pbocs{ padding: 1rem; text-align: center;}
.pbocs .zhuannum{ color: red; font-size: 1.5rem; padding-bottom: 0.5rem;}
.pbocs font{ color: #333;}
.imgscbox { text-align: center;}
.imgscbox img{ max-width: 60%; margin: 0 auto;}
.banners a{ width: 100%;}

.upimgbox{ padding: 0 6% 1rem;}
.upimgbox .upimglibox{ margin-right: 3%;}
.upimgbox .upimglibox p{ color: #fff; padding: 1rem 0; text-align: left;}
.upimgbox .upimglibox .upimg{ position: relative;}
.upimgbox .upimglibox .upimg input{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.carlist{ position: relative;}
.carlist .abcbox{ margin: 0; padding: 0; position: absolute; right: 0; bottom: 10px;}
/*.carlist .abcbox i{ color:red;}*/
.carlist .abcbox input{ height: 3rem; line-height: 1.5rem; width: 5rem; border: 1px solid #ddd; color: #333; text-align: center;}


.rootlist{ margin-top: 1rem;}
.navs{ background: #192030;}
.navs div{ text-align: center; padding: 1.5rem 1rem; border-left:1px solid #0d1723; border-top:1px solid #0d1723;}
.navs div img{ width: 30px;}
.navs div span{ display:block; color: #fff; margin-top: 5px;}
.Ntitle{ padding:0.5rem 3%; color: #fff}

.topupimg{ text-align: center; padding: 1rem;}
.topupimg img{ width: 50%;}
.topupimg p{ color: #333; margin-top: 1rem;}
.middlebg{background-size: 100%;}

#footer{ position: fixed; z-index: 9999;background: url(../images/footerbg.png) repeat-x top left; bottom: 0; width: 100%; padding: 20px 0 5px;}
#footer *{ text-align: center;}
#footer i{ font-size: 1.5rem; color: #999;}
#footer img{ width: 4rem; margin: -10% auto auto;}
#footer span{ display: block; color: #a8a8a8; font-size:0.8rem;}
#footer .active{ top: -1px;position: relative; z-index: 2; }
#footer .active i{ padding: 8px;border-radius: 50%; background: #fff;}
#footer .active *{ color: #f6d997}

.fromli{ padding: 1rem 3% 0;}
.fromli .select{ width: 100%; padding: 0.6rem 3%; border:1px solid #eee; color: #333; border-radius: 5px; background: #fff;}
.fromli label{ color: #333; display: block; position: relative;}
.fromli .inputbox{ margin-top: 0.5rem; position: relative;}
.fromli .inputbox .inputtext{ color: #333; width: 94%; padding: 0.6rem 3%; border: 1px solid #eee; border-radius: 5px;}
input[readonly=""]{ background: none; border: 1px solid #6249ee;}
.fromli .inputbox a,.logininfo a{ padding: 0.4rem 1rem; border-radius: 1.5rem;bottom: 0.8rem; font-size: 0.6rem; position: absolute; right: 0; top: 0.8rem;  background:#108ee9 ; color: #fff !important;}
.fromli .inputbox img{width: 100px;/* height: 100%; */}
.fromli .inputbox .uploadImage{ width: 100%; height: 100%; position: absolute; opacity: 0; top: 0;}
.fromli .inputbox .iconarrow_l{ position: absolute; right: 0.5rem; top: 0.7rem; color: #ccc;}
.fromli .inputbox p{ color: #999; margin-top: 0.5rem;}
.fromli span{ color: #a292fa; position: absolute; bottom: 0; right: 0;}
.codeimg{ position: absolute; right: 0; top: 0; height: 100%; width: auto;}
.imgcorde{ width: 5rem;}
.btns{ margin: 1rem 3%; max-width: 94%;}
.btns .sbutton{ text-align: center; width: 100%; color: #fff; border-radius: 10px; height: 3rem; line-height: 3rem; border: none; background: #34b2ee;}
/*.fromli .inputbox{ border-radius: 30px; overflow: hidden;}*/
.boxuin{ background: #fff;}
.nopays .order_middle{ margin-bottom: 0; border: none; padding-bottom: 0;}

.choseimg{ text-align: center; margin: 0 10%;justify-content: space-between;}
.choseimg img{ width:8rem;}
.choseimg_title{ text-align: center; padding: 1rem 0;}
.choseimgli{ width: 35%; margin: 0 1.5%; height: 6rem; width: 6rem;line-height: 6rem; font-size: 2.5rem; color: #fff;text-align: center;background: url(../images/zbno.png) center center no-repeat; background-size: auto 100%;color: #fff;}
.choseimgli.active{background: url(../images/zb.png) center center no-repeat;background-size: auto 100%;}
.choseboxa{ width: 85%}

.carlist{ position: relative; padding: 1rem 3%; background: #fff; border-bottom: 1px solid #ddd;}
.carlist .icondelete{ position: absolute; right: 3%; top: 1rem; font-size: 1.5rem; color: #999;}
.carlist .carlist_l{position: absolute; width: 6rem;}
.carlist .carlist_l label{ display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; border-radius: 50%;}
/*.carlist .carlist_l input:checked + label{ content: ""; border: 5px solid #34b2ee;}*/
.carlist .carlist_l img{ width: 4rem; height: 4rem; display: inline-block; vertical-align: middle; padding-left: 0.5rem;}
.carlist .carlist_r{ margin-left: 6.5rem; height: 4rem;}
.carlist .carlist_r .title{ color: #333; width: 60%;}
.carlist .carlist_r .name{ color: #999;}
.carlist .carlist_r .red{ color: red;}
.demo--label{display:inline-block; font-size: 1.5rem;}
.demo--radio{display:none}
.demo--radioInput{border:1px solid #ccc;border-radius:100%;display:inline-block;height:16px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:16px;line-height:1}
.demo--radio:checked + .demo--radioInput:after{background-color:#108ee9;border-radius:100%;content:"";display:inline-block;height:12px;margin:2px;width:12px}
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
.showfooter .demo--radio:checked + .demo--radioInput:after{background-color:#398df7;}
.codeimg{ position: absolute; right: 0; top: 0; height: 100%; width: auto;}
.imgcorde{ width: 5rem;}
.upimg{ position: relative;}
.upimg input{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.share{/* margin: 1rem; */padding: 1rem;text-align: center;}
.share .shareimg{ margin-top: 5rem;}
.share .shareimg img{ padding: 1rem; background: #fff; border: 1px solid #eee; width: 70%;}
.share .sharetext{ margin: 1rem auto; color: #fff; font-size: 1rem; white-space:normal;word-wrap:break-word;}
.smbtns{ width: 80%; margin: 2rem auto;height: 3rem; line-height: 3rem;border-radius: 5px; background: #2f93f3; color: #fff;}
.smbtns *{ color: #fff;}
/*.progress{ height: 1rem; position: absolute; left: -100%; width: 100%;border-radius: 1rem;background: linear-gradient(to right, #ee9349, #eee449, #49ee59, #49d1ee, #4978ee);}*/
.progress.active{text-align: center;}
.progress.active img{ width: 70%; height: auto}

.dakalistbox{ padding: 1rem 3%;}
.dakalistbox .

.footer{width:94%;background:#fff;position:absolute;bottom:0; padding: 0.5rem 3%; border-top: 1px solid #eee;}
.footer input{width:70%;outline:0;font-size:1rem;border-radius:6px; color: #333;}
.footer span{width: 15%;border-radius:6px; text-align: center; line-height: 2rem; color: #333;}
.footer span:hover{color:#108ee9;}
#user_face_icon{width: 15%;overflow:hidden}
#user_face_icon img{ width: 2rem; height: 2rem; border-radius: 50%;}
.content{font-size:20px;overflow:auto;padding:5px}
.content li{margin-top:10px;padding-left:10px;display:block;clear:both;overflow:hidden}
.content li img{float:left; border-radius: 50%; width: 3rem; height: 3rem;}
.content li span{background:#7cfc00;word-break: break-all; word-wrap:break-word;padding:10px;border-radius:10px;float:left;margin:6px 10px 0 10px;max-width:60%;border:1px solid #ccc;box-shadow:0 0 3px #ccc}
.content li img.imgleft{float:left}
.content li img.imgright{float:right;}
.content li span.spanleft{float:left;background:#fff}
.content li span.spanright{float:right;background:#7cfc00}

.classly_l{ position: fixed; z-index: 9; width: 120px; left: 0; height: 100%; background: rgba(0,0,0,0.05); overflow-y: auto;-webkit-overflow-scrolling: touch;}
.classly_l span{ padding: 1rem; display: block; color: #333;}
.classly_l span.active{ background: #fff; color: #333; font-weight: 700; position: relative;}
.classly_l span.active:before{ content: ""; position: absolute; width: 5px; height: 1rem; background: red; left: 0; top: 35%;}
.classliinfo a{ width:33.3%; padding: 0.5rem 1.5%;}
.classliinfo a img{ width: 100%; max-height: 6rem;}
.classliinfo a p{ color:#333; margin-top: 0.5rem;}
.classly_r{ padding:0.5rem 1rem;margin-left: 120px; position: relative; height: 100%; overflow-y: auto;-webkit-overflow-scrolling: touch; }
.classliinfo_ttle{ color: #333; padding-bottom: 0.5rem}
.indexzichan{ background: #192030; padding: 0 3%;}
.indexzichan_list{ position: relative; padding: 10px 0; border-bottom: 1px solid #111521;}
.indexzichan_list img{ position: absolute; width: 35px; height: 35px;}
.indexzichan_list .indexzichan_list_r{ margin-left: 55px; display: flex;flex-flow:row wrap;}
.indexzichan_list .indexzichan_list_r *{ color: #fff; width: 50%;}
.indexzichan_list .indexzichan_list_r .mony1,.indexzichan_list .indexzichan_list_r .mony3{ text-align: right;}

.daishou{ padding: 1rem 3%;}
.daishou_title{ padding: 1rem 3%; position: relative; color: #1c82d6; line-height: 1; background: #fff; border-bottom: 1px solid #ddd;}
.daishou_title i{ color: #1c82d6;}
.daishou_title .icondaishoukuaidi{ font-size: 1.5rem; vertical-align: middle;}
.daishou_title .iconarrow_l{ position: absolute; right: 0; vertical-align: middle;}

.daishoua{position: relative; margin-top: 1rem;}
.daishoub{ background: #fff;padding: 1rem;border: 1px solid #ddd; min-height: 100px; margin: 4px; position: relative;}
.daishoub_title span{ color: #999; font-size: 1rem; width: 50%;}
.daishoub_title font{ color: red; text-align: right; width: 50%;}
.daishouinfo{ color: #333; padding-top: 1rem;}
.daishouinfo span{ width: 50%;}
.daishouinfo font{ width: 50%; text-align: right;}

.switch-slide-label{display:block;width:42px;height:25px;background:#ccc;border-radius:30px;cursor:pointer;position:relative;-webkit-transition:.3s ease;transition:.3s ease}
.switch-slide-label:after{content:'';display:block;width:23px;height:23px;border-radius:100%;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1);position:absolute;left:1px;top:1px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:.3s ease;transition:.3s ease}
.switch-slide input:checked+label{background:#34bf49;transition:.3s ease}
.switch-slide input:checked+label:after{left:24px}

.transferbox{ padding: 10px 3%;}
.transferbox *{color: #fff;}
.transferbox .yue{ background: #181f32; padding: 1.5rem; text-align: center;}
.transferbox .yue p{ margin-bottom: 10px;}
.transferpage .logininfo{margin: 1rem 3%;}
.transferpage .loginbtn{ margin: 2rem 3% 1rem;}
.transferpage .logininfo .saoma{ position: absolute; z-index: 9; right: 15px; top: 15px; width: 25px;}
.transferpage .logininfo input{ height: 40px; line-height: 40px;}

.gatheringbox{ padding: 2rem 6%; text-align: center;}
.gatheringbox .gathering1{ padding: 15px;}
.eqbox{ background: #fff; padding: 1rem;}
/*.erweima{ padding: 0 15px;}*/
.froms{ margin: 10px 3%;}
.froms .label{ margin-bottom: 10px; color: #fff;}
.froms .label *{}
.froms .labelget{ background: #161f30; padding: 0 10px;position: relative;}
.froms .upimg{ margin-bottom: 15px;}
.froms .cons{ text-align: center; color: #fff; padding: 2rem;}
.froms .labelget input{ padding: 0.8rem 0; width: 90%; color: #fff;}
.topup .labelget{ margin-bottom: 20px;}
select{ -webkit-appearance: none; }
.moneytype{ padding: 0.8rem 0; text-align: right; text-align-last: right; width: 100%; border: none; background: none; color: #fff;}
.table{ width: 100%;}
.table th{ text-align: center; color: #efdb80; padding: 1rem 0;}
.table td{ background: #161f30; color: #fff; padding: 1rem 0; border-bottom: 1px solid #0d172;}
.table td.center{ text-align: center; }
.table.markettb td img,.table.AIsmart td img{ width: 40px; margin: 0 10px 0 20px; vertical-align: middle;}
.table.markettb td span,.table.AIsmart td span{padding: 8px 15px; border-radius: 5px; text-align: cente;}
.table.markettb .zhang td span{ background: #ff6763; min-width: 60px;}
.table.markettb .die td span{ background: #0fe1b8; min-width: 60px;}

.table .comsnkl td{ height: 40px;}

.airoot{ text-align: center; background: #161f30; padding: 2rem; margin-bottom: 10px;}
.airoot img{ width: 20px; vertical-align: middle;}
.airoot span{ color: #6a83c7; margin-left: 10px;}

.bankbox{ padding: 1rem 3%;}
.bankbox .bank{ border-radius: 5px; overflow: hidden; position: relative; padding: 1rem; margin-bottom: 1rem;}
.bankicon{ position: absolute; width: 3rem; height: 3rem;}
.bankicon i{ color: #fff; font-size: 3rem;}
.bankright{ margin-left: 4rem; min-height: 3rem;}
.bankright h1{ font-size: 1.2rem; color: #fff; font-weight: lighter;}
.bankright p{ color: #fff; opacity: 0.8; position: relative;}
.bankright font{ font-size: 1.2rem; color: #fff; padding: 0.5rem 0; display: block;}
.bankright a{ position: absolute; right: 0; border-radius: 3px; border: 1px solid #fff; padding: 0.2rem 0.5rem;}
.bankBTN{ position: absolute; right: 1rem;}
.bankBTN i{ padding: 0.5rem; font-size: 1.5rem; color: #fff;}
.bank:nth-child(1),.bank:nth-child(5){background: linear-gradient(to right, #f8c95f, #f98e46);}
.bank:nth-child(2),.bank:nth-child(6){background: linear-gradient(to right, #fe8b72, #ff5163);}
.bank:nth-child(3),.bank:nth-child(7){background: linear-gradient(to right, #5da2d7, #3f67be);}
.bank:nth-child(4),.bank:nth-child(8),.bankbox .bank4{background: linear-gradient(to right, #00b7a3, #028db1);}

.nobank{ text-align: center; padding: 2rem;}
.nobank img{ width: 5rem;}
.nobank p{ color: #aaa;}
.nobank a{ padding: 0.5rem 1rem; border: 1px solid #ddd; color: #333;border-radius: 5px; margin-top: 1rem;}

.choseaic{ border-radius: 30px; background: #fff; height: 30px; width: 60px; float: right; margin-right: 10px; position: relative;}
.choseaic:after{ position: absolute; left: 2px; top:2px; width: 26px; height: 26px; border-radius: 50%; background: #bbb; content: ""}
.choseaic.on{ background: #158EC6;}
.choseaic.on:after{ background: #fff; left: auto; right:2px;}
.pingbox{ position: fixed; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; }
.pingboxbg{ position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5)}
.pingKing{ width: 72%; left: 10%; top: 20%;background: #fff; padding: 0 4%;position: absolute; z-index: 9; border-radius: 5px;}
.pingKing .title{ padding: 1rem; text-align: center; border-bottom: 1px solid #eee;}
.pingKing input{ border: 1px solid #ddd; width: 92%; padding: 8px 4%; margin-bottom: 10px;}
.pingfooter{ border-top: 1px solid #eee; display: flex;}
.pingfooter span{ flex: 1; text-align: center; padding: 12px 0;}

.userindex{ background: url(../images/userbg.jpg) center bottom no-repeat; text-align: center; background-size: cover;}
.userindex img{ width: 80px; height: 80px; border-radius: 50%; margin-top: 40px;}
.userindex .nichen{ display: block; color: #fff;}
.usertm{ text-align: left; padding: 1rem 3%; color: #fff;}
.usertm p{ margin-bottom: 10px;}

.UserOrdernav{ padding: 1rem 3%;}
.UserOrdernav div{ flex: 1; text-align: center;}
.UserOrdernav div img{ width: 28px;}
.UserOrdernav div p{ color: #fff;}

.Usermenu{ background: #fff;}
.Usermenu .Usermenuli{ border-bottom: 1px solid #eee; padding: 1rem 3%; position: relative;}
.Usermenu .Usermenuli i{ color:#3b53ad; margin-right: 10px; vertical-align: middle;font-size: 2rem;}
.Usermenu .Usermenuli span{ color: #333;}
.Usermenu .Usermenuli:after{ content: "";position: absolute; z-index: 9; right: 3%; top:1.5rem; width: 10px; height: 10px;border-color: #a6a6a6;
border-width: 0 0 2px 2px; border-style: solid; transform: rotateZ(225deg);position: absolute;}
.Logedout{ text-align: center; padding: 1rem; color: #fff; background: #161f30; margin: 1rem 3%;}

.Buyorders{ padding: 10px 3% 0; background: #fff; border-radius: 5px; border-bottom: 8px solid #f0f0f0;}
.Buyorders li{ padding: 10px 3%; color: #333; display: flex;}
.Buyorders_left{ width: 50%;}
.Buyorders_right{ width: 50%; text-align: right;}
.Account{}
.Account li{ padding: 1rem 3% ; background: #161f30; color: #fff; position: relative; margin-bottom: 10px;}
.Account li:after{ content: "";position: absolute; z-index: 9; right: 3%; top:1rem; width: 10px; height: 10px;border-color: #a6a6a6;
border-width: 0 0 2px 2px; border-style: solid; transform: rotateZ(225deg);position: absolute;}

.Message li{ background: #161f30; display: flex; color: #fff; margin-bottom: 10px; padding: 10px 3%;}
.Message li .title{ width: 70%;}
.Message li .time{ width: 30%; text-align: right;}

.Messageshow{padding: 1rem 3%; background: #fff;}
.Messageshow .title{ font-size: 1.2rem; color: #fff;}
.Messageshow .time{ color: #999;}
.Messageshow *{ background: none !important; color: #333 !important;}
.Messageshow .show{ padding: 0}
.Messageshow .show img{ width: 100%; height: auto;}

.bannerurl img,.bannerurl a{ width: 100%;}

.showai{ background: #161f30;}
.showaiimg{ padding: 1rem; text-align: center; width: 100%;}
.showaiimg img{ width: 60px; height: 60px; border-radius: 50%;}

.friends{ background: url(../images/friends.jpg) center top no-repeat; background-size: cover; min-height: 200px; margin: 10px 3%; padding: 1rem 3%; text-align: center;}
.friends .title{ font-size: 1.2rem; color: #fff;}
.friends .code{ color: #fff; margin-top: 2rem;}
.friends .copy{ color: #fff; background: linear-gradient(to bottom, #6982c7, #4364bb);padding: 0.8rem 15px;
margin: 2rem 10% 1rem;border-radius: 5px;}
.languagepage,.languagephone{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; opacity: 0;}
.nodata{ color: #fff; text-align: center; padding: 2rem;}
.touzis{ background: #161f30; padding: 1rem 3%;}
.shareshow ul{ margin: 0;}
.nobg .feedbackAdd{ color: #fff;}
.feedbackAdd{ position: absolute; z-index: 9; right: 3%; line-height: 1; font-size: 1rem; z-index: 99; color: #666; top: 10px;}
.feedbackAdd i{ font-size: 2.5rem; color: #fff;}
.feedbackAdd i.iconhome{ font-size: 1.8rem;}
.feedbackAdd p{ color: #fff;}
.feedbackAdd i.sear{ font-size: 1.2rem}
.feedbackAdd b{ position: absolute; z-index: 9; right: -1%; font-weight: 100; font-size: 0.6rem; color: #fff; background: rgba(244,18,7,1); border-radius: 20px; line-height: 1; padding: 0.2rem;}
.feedbacktext,.feedbackask{ color: #fff;}
.feedbacklist .time,.feedbacklist font{ color: #999;}
.feedbacklist{ padding: 1rem 3%;}
.feedbacklist li{ padding: 15px; background: #161f30; margin-bottom: 10px;}
.feedbacklist li p{ padding: 10px 0;}
.feedbackaskbox{ border-top: 1px solid #666; padding-top: 1rem;}

.headerdown{ width: 130px; background: #fff; right: -130px; position: fixed; top: 0; height: 0; width: 0; overflow: hidden;}
.headerdown.active{ right: 0; height:auto; width: 130px;}

.sessionlist{ padding: 0.8rem 3%; height: 2rem; position: relative;}
/*.sessionlist:hover{ background: #000;}*/
.sessionlist .session_img{ position: absolute; left: 3%;}
.sessionlist .session_img i{ font-size: 2rem; color: #108ee9;}
.session_right{ margin-left: 4rem;}
.session_right .session_right_text{ width: 60%;}
.session_right font{ color: #aaa;}
.session_right .session_right_time{ width: 40%; text-align: right; line-height: 4rem;}
.searchfriends{ background: #fff; margin: 8px 0; padding: 0.8rem 3%; border-bottom: 1px solid #eee;}
.searchfriends i{ font-size: 1.2rem; margin-right: 0.8rem;}
.searchfriends span{color: #999;}
.myids{ padding: 1rem 3%; text-align: center;}
.myids i{ margin-left: 0.5rem; font-size: 1.5rem; vertical-align: middle;}
.sousuobox{ position: relative;width: 84%; height: 38px; line-height: 38px; margin: 6px 10%; border-radius: 3rem;background: rgba(0,0,0,0.1);}
.sousuobox i{ color: #fff; display: inline-block; vertical-align: middle;}
.searchinput{ color: #fff; width: 80%; margin-left: 2%; font-size: 1.5rem; background: none; border: none;}
.searchjg{ background: #fff; border-bottom: 1px solid #eee; padding: 0.8rem 3%;}
.searchjg span{ margin-left: 1rem; color: #333;}
.searchkey{ color: #333;}

.myqrcode{ margin: 3rem 10%; border-radius: 8px; background: #fff;}
.myqrcode_title{ position: relative;}
.myqrcode_title img{ width: 6rem; height: 6rem; border-radius: 50%; position: relative; left: -20px; top: -20px; vertical-align: middle;}
.myqrcode_title span{ font-size: 1.2rem; top: -10px; position: relative;}
.myqrcode_footer{ padding: 1rem 3%; text-align: center;}
.myqrcode_info{ text-align: center; padding: 0 10%;}
.myqrcode_info img{ max-width: 100%;}

.gueset{ position: relative; height: 14rem; margin: 10px 3%; background: #fff; border-radius: 10px;}
.gueset a{ position: absolute; z-index: 9; width: 50%; overflow: hidden; padding-bottom: 1rem;}
.gueset a span{ position: relative; display: block;}
.gueset a:nth-child(1){}
.gueset a:nth-child(1) img{ width: 60%; margin: 1rem auto; display: block;}
.gueset a:nth-child(2){ right: 0; border-bottom: 1px solid #eee; border-left: 1px solid #eee;}
.gueset a:nth-child(3){ bottom: 0; right: 0; border-left: 1px solid #eee;}
.gueset a:nth-child(2) div,.gueset a:nth-child(2) p,.gueset a:nth-child(3) div,.gueset a:nth-child(3) p{ width: 70%;}
.gueset a:nth-child(2) img,.gueset a:nth-child(3) img{ width: 5rem; height: 5rem; position: absolute; right: 0; top: 1rem;}
.gueset a div{ color: red; padding:0 1rem;}
.gueset a p{ color: #333; font-weight: 700; padding:1rem 1rem 0.5rem;}

.guest_title{ margin: 0 3%; padding: 1rem; height: 2.5rem; background: url(../images/gbg.jpg) no-repeat; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.guest_title p{ color: #fff; font-size: 1.2rem; font-weight: 700;}
.guest_title font{ color: #aaa; font-size: 1rem;}
.navsF4{ text-align: center; padding: 1rem 0; background: #fff;}
.navsF4 span i{ font-size: 1.8rem; vertical-align: middle;}
.navsF4 span:nth-child(1) i{ color: #3b53ad; font-size: 1.5rem; margin-top: 0.3rem; display: block;}
.navsF4 span:nth-child(2) i{ color: #069ae2;}
.navsF4 span:nth-child(3) i{ color: #ff516c;}
.navsF4 span:nth-child(4) i{ color: #a025be;}
.navsF4 span p{ color: #333; padding-top: 0.5rem;}
.ebook_t{ background: #ebebeb; padding: 0.5rem 3%; color: #666;}
.ebookbox .ebooklist{ padding: 0.5rem 3%; background: #fff; border-bottom: 1px solid #eee; position: relative;}
.ebookbox .ebooklist img{ width: 3rem; height: 3rem; vertical-align: middle;border-radius: 5px; margin-right: 0.5rem;}
.ebookbox .ebooklist span{ color: #333;}
.ebook_f{ text-align: center; padding: 1rem; color: #666;}
.ebooken1{ position: fixed; top: 10%; line-height: 150%;z-index: 99; right: 10px;}
.ebooken1 span{ display: block; color: #999;}
.sousuo{ background: #fff; padding:1rem 3%;}
.sousuo .sousuoinput{ width: 94%; height: 2rem; line-height: 2rem; border: 1px solid #eee; border-radius: 5px; padding: 0 3%;}
.searchindex{ font-size: 1.2rem; padding: 0 15px; text-align: left;line-height: 3rem; height: 3rem;background: rgba(0,0,0,0.1);border-radius: 3rem; color: #666; margin:0.5rem 16%;}
.nobg .searchindex{background: rgba(255,255,255,0.2); color: #ccc;}

.index_news{padding: 0.5rem 3%; border-bottom: 1px solid #eee;}
.index_news .index_news_l{ width: 22%;}
.index_news .index_news_l img{ width: 100%; max-width: 83px; margin: 0.8rem 0;}
.index_news .index_news_m{ width: 60%; position: relative; overflow: hidden; height: 30px; padding: 0.7rem 5px;}
.news_li a{color:#333; margin-left: 0.5rem;}
.index_news .index_news_m a img{ vertical-align: middle; height: 18px; margin-right: 0.2rem;}
.news_li .swiper-slide{ height: 20px; line-height: 20px;}
.index_news .index_news_r{ text-align: right; width: 10%; line-height: 20px; margin: 0.8rem 0 0.8rem 5%; border-left: 1px solid #ccc;}
.index_news .index_news_r a{ color: #333;}
.index_news .index_news_l i{color: #333; line-height: 1;vertical-align: middle; padding: 0.5rem 0.6rem; font-style: inherit;display: block;}
.border8{ height: 8px; background: #f5f5f5;}
.homenavs{ margin: -63px 3% 0; padding: 0.5rem; position: relative; z-index: 99999; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.homenavs span{ width: 22%; margin: 0.5rem 1.5%; position: relative; text-align: center;}
.homenavs img{ width: 65%;}
.homenavs i{color: #fff; font-size: 1.5rem; margin: 0 auto 0.5rem;display: block; width: 3rem; line-height: 3rem;height: 3rem; border-radius: 50%;}
.homenavs span:nth-child(1) i,.homenavs span:nth-child(13) i{ background: #009df9; }
.homenavs span:nth-child(2) i,.homenavs span:nth-child(14) i{ background: #4a93d3;}
.homenavs span:nth-child(3) i,.homenavs span:nth-child(15) i{ background: #2abb84;}
.homenavs span:nth-child(4) i,.homenavs span:nth-child(16) i{ background: #00c3e0;}
.homenavs span:nth-child(5) i,.homenavs span:nth-child(17) i{ background: #00c3e0;}
.homenavs span:nth-child(6) i,.homenavs span:nth-child(18) i{ background: #ffe927;}
.homenavs span:nth-child(7) i,.homenavs span:nth-child(19) i{ background: #53ac49;}
.homenavs span:nth-child(8) i,.homenavs span:nth-child(20) i{ background: #a23fff;}
.homenavs span:nth-child(9) i,.homenavs span:nth-child(21) i{ background: #f6399f;}
.homenavs span:nth-child(10) i,.homenavs span:nth-child(22) i{ background: #3b43a6;}
.homenavs span:nth-child(11) i,.homenavs span:nth-child(23) i{ background: #ff6b6b;}
.homenavs span:nth-child(12) i,.homenavs span:nth-child(24) i{ background: #3b94a6;}


.iconhuiyuan2:before{ margin-left: 5px;}
.swiper-pagination{ bottom: 70px !important;}
.swiper-pagination-bullet-active{ background: #ef0702 !important;}
.homenavs font{ text-align: center; color: #333;}
.index_title{ position: relative; margin: 1rem 3%;justify-content: space-between;}
.index_title span{color: #333;}
.index_title span a{ display: block;  padding: 0.3rem 0.5rem; font-size: 1.8rem; font-weight: 700;}
.index_title font{ padding-right: 5%; line-height: 2.2rem; color: #aaa;}
.index_title font:after{ content: "";position: absolute; z-index: 9; right: 0%; top:0.8rem; width: 10px; height: 10px;border-color: #aaa;
  border-width: 0 0 2px 2px; border-style: solid; transform: rotateZ(225deg);position: absolute;}
/*.tuijain{ margin: 0.5rem 3% 3rem;}*/
.tuijain .sessionlist{ border-radius: 5px; margin-bottom: 10px;height: 3rem; display: block; border-bottom: 8px solid #f0f0f0;}
.tuijain .sessionlist .session_img img{ width: 5rem; height: 5rem;}
.tuijain .sessionlist .session_right{ margin-left: 3rem;}
.tuijain .sessionlist .session_right .session_right_text{ width: 100%;}
.tuijain .sessionlist .session_right .session_right_text p{ color: #333;}


.footernavs{ text-align: center; height: 55px; line-height: 1; border-top: 1px solid #ddd; background: #fff; width: 100%;max-width: 640px; position: fixed; z-index: 9; bottom: 0;}
.footernavs a{ flex:1; color: #aaa; padding: 1rem 0 0;}
.footernavs a i{ font-size: 2.5rem; margin: 0.2rem 0; width: 30px; border-radius: 50%; display: block; margin: 0 auto;color:#5a5a5a;}
.footernavs a font{font-size: 1.2rem;color:#aaa;}
.footernavs a.active i{ margin-top: 0; color: #2537c1;}
.footernavs a.active{color: #2537c1;}
.yaoqing{}
.yaoqing img{ width: 100%;}
.shop{justify-content: space-between; padding: 0 1.5%;}
.shop a{margin: 0 1.5% 1rem;width: 47%;}
.shop a span{ display: block; position: relative; border:1px solid #ddd; margin-bottom: 0.5rem;}
/*.shop a span:after{ position: absolute; content: "";width: 100%; height: 100%; border: 1px solid #00c3e0; left: 0.3rem; top: 0.3rem;}*/
.shop a img{ width: 100%;  display: block;}
.shop a p.red{ color: red; margin-bottom: 0;}
.tuijianshop a{margin: 0.5rem 1.5%; width: 22%;}
.tuijianshop a img{ width: 100%; height: 5rem; display: block;}
.shop a p{ color: #333;}
.nobg{background:none !important; border-bottom: none;}
.Sshow .nobg *{ color: #fff;}
.Sshow .swiper-pagination{ bottom: 10px !important;}
.scroll{width: 50px;height: 50px; text-align: center; line-height: 50px;right: 10px;bottom: 20%; border-radius: 50%;position: fixed; z-index: 9999; background: rgba(0,0,0,0.8);}
.scroll i{ color: #fff;transform:rotate(120deg);-webkit-transform:rotate(120deg);}
.shopcarbtn{width: 50px;height: 50px; text-align: center; line-height: 50px;right: 10px;bottom: 10%; border-radius: 50%;position: fixed; z-index: 9999; background: rgba(0,0,0,0.8);}
.shopcarbtn i{ color: #fff;transform:rotate(120deg);-webkit-transform:rotate(120deg); position: relative;}
.shopcarbtn i span{ position: absolute; top: -20px; right: -20px; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem;border-radius: 50%; background: red; color: #fff;}
.showfooter{ background: #fff; position: fixed; z-index: 9; bottom: 0; padding-left: 3%; width: 97%;}
.showfooter a{ color: red; line-height: 50px; width: 40%;}
.showfooter span{ width: 30%; line-height: 50px; color: #baecff; text-align: center;}
.sfbtn1{ background: #ffb03f;}
.sfbtn2{ background: #f23030;}

.payfooter{ position: fixed; display: flex; bottom: 0; width: 100%; background: #fff; max-width: 768px;}
  .payfooter span{ color: #cb1d29; width: 50%; padding: 1rem;}
  .payfooter a{ width: 50%; text-align: center; background: #cb1d29; color: #fff; padding: 1rem 0;}
  .addreass{ padding: 1rem; background: #fff;}
  .addreass .addreass_title{}
  .addreass_somn{ padding: 1rem 0;}
  .addreass_somn p{padding:1rem 0; border-bottom: 1px solid #eee;}
  .addreass_somn p span{ width: 30%; color: #999;}
  .addreass_somn p font{ width: 70%; text-align: right;}

  .flex{ display: flex;}
  .ordernavs{ border-bottom: 1px solid #eee;}
  .ordernavs a{ flex:1; text-align: center; padding: 0.8rem 0; color: #999;}
  .ordernavs a.active{ position: relative; color: #cb1d29;}
  .ordernavs a.active:after{ position: absolute; content: ""; width: 50%; left: 25%; bottom: 0; height: 2px; background: #cb1d29;}
  .orderlist{ padding: 0 1rem;}
  .orderlist .ordernumber{ padding: 0.5rem 0; color: #999; border-bottom: 1px solid #eee;}
  .orderinfos{ position: relative; margin: 0.5rem 0;}
  .orderinfos .orderimg{ position: absolute; width: 100px; height: 100px;}
  .orderinfos .orderimg img{width: 100px; height: 100px;}
  .orderinfos .orderright{ margin-left: 110px; height: 100px;}
  .orderinfos .orderright p{ margin-top: 0.5rem;}
  .orderinfos .orderright .titlesa{ display: block;}
  .twos{ margin-top: 1rem;}
  .twos span{ width: 50%; text-align: left; color: #cb1d29;}
  .twos font{ width: 50%; text-align: right; color: #999;}
  .orderli{ padding: 0.5rem 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
  .orderli span{ width: 40%;}
  .orderli font{ width: 60%; text-align: right;}
  .orderli font em{ font-size: 1.2rem; color: #cb1d29;}
  .orderlifooter{ text-align: right; padding: 0.5rem 0;}
  .orderlifooter a{ padding: 0.3rem 1rem; border: 1px solid #cb1d29; color: #cb1d29;}

.orderlist{ background: #fff; padding: 0.5rem; margin: 0 0 0.5rem; border-bottom: 8px solid #f0f0f0;}
.order_title{padding:0 0 1rem 0;}
.order_title span{ width: 70%; color: red;}
.order_title font{ width: 30%; text-align: right;color: red; opacity: 0.3;font-size: 0.9rem;}
.order_middle{ position: relative; height: 6rem; margin-bottom: 0.5rem; border-bottom: 1px solid #ddd; padding-bottom: 1rem;}
.order_middle img{ position: absolute; width: 6rem; height: 6rem;}
.order_middle .order_middle_r{ margin-left: 7rem;}
.order_middle .order_middle_r p{ color: #333; margin-bottom: 0.5rem;}
.order_middle .order_middle_r font,.order_addrea font{ color: #333; opacity: 0.3;}
.order_middle .order_middle_r font.paytext{ color: red;opacity: 0.8;}
.order_middle .order_middle_r span{ color: #333; margin-top: 0.5rem; display: block;}
.order_addrea p{ color: #333; line-height: 180%;}
.order_footer{ text-align: right; margin-top: 0.5rem; padding-top: 0.5rem;}
.order_footer a{ padding: 0.5rem 1rem; border-radius: 5px; margin-left: 0.5rem;}
.pay_btn{background:#108ee9; color: #fff;}
.pay_cancel{ border: 1px solid #ddd;color: #999;}

.guestbox{ margin: 0 3%;}
.guestbox a{ display: block; background: #fff; padding-bottom: 1rem; margin-bottom: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.guestbox a img{ width: 100%;}
.guestbox a p{ color: #333; font-size: 1.2rem; padding: 0.5rem 1rem; font-weight: 700;}
.guestbox a div{ color: #999; padding: 0 1rem; color: red;}


.bodybg{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.footerbox{ background: #fff; position: fixed; z-index: 9999; left: 0; bottom: 0; padding: 1rem 0; width: 100%;}
.classactve{ bottom: -100%;}
.shopshow{ padding: 1rem; background: #fff;}
.shopshow .title{ font-size: 1.2rem; color: #333;}
.shopshow .shopshowmoney{ padding: 1rem 0 0;}
.shopshow .shopshowmoney *{ color: #333; font-size: 1rem;}
.shopshow .shopshowmoney span{ margin-right: 0.5rem;}
.shopshow .shopshowmoney .shopshowmoney_l{width: 50%;}
.shopshow .shopshowmoney font{ color: red !important;}
.shopshow .shopshowmoney del{ color: #999;}
.shopshow .shopshowmoney .shopshowmoney_r{ text-align: right; width: 50%;}
.shopshowinfo{ padding: 1rem; color: #333; word-break:break-all; white-space:normal;}
.shopshowinfo img{ width: 100%;}
.shopshowinfo *{ color: #333;}
.moneydata span{ width: 50%}
.Sshow .tuijianshop,.Sshow .shopshowinfo{ background: #fff;}
.moneydata em{ width: 50%; text-align: right;}
.moneydata{ border-top: 1px solid #eee; padding: 1rem;}
.moneydata font{ color: red;}
.shopmoneInfo{ padding: 1rem;}
.foundnavs{ padding: 0.5rem 3%;}
.foundnavs span{ background: #fff; border-radius: 5px; margin: 0.5rem 3%; text-align: center; width: 21.3%; padding: 1rem 3%;box-shadow:0 3px 3px #ccc;}
.foundnavs span img{ max-width: 60%;}
.foundnavs span font{ display: block; text-align: center;}
.friendsbg{ background: url(../images/fbg.jpg); height: 18rem; position: relative;}
.friendsbg .friendsbgimg{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; z-index: 1;}
.friendsbg .friendsuser{ width: 5rem; height: 5rem; position: absolute; right: 3%; bottom: -1rem;}
.friendsbg .friendsuser img{ width: 5rem; height: 5rem;}

.abcbox{ padding: 0.5rem 3%;}
.abcbox i{ font-size: 2rem; vertical-align: middle; padding: 0 1rem;}
.abcbox input{ width: 10rem; height: 2.5rem; border: 1px solid #eee;}
.abcbox span{ padding: 0.5rem 1rem;}
.abcbox span.active{ background: #f23030; color: #fff;}
.footerbox p{ padding: 0 3%;}

.friendsbox{ margin-top: 2rem;}
.friendsym{ border-bottom: 1px solid #eee; padding: 0.8rem 3%; position: relative; min-height: 3rem;}
.friendsym .friendsym_l{ position: absolute; left: 3%; height: 3rem; width: 3rem;}
.friendsym .friendsym_l img{ width: 3rem; height: 3rem;}
.friendsym .friendsym_r{ margin-left: 3rem; padding-left: 10px;}
.friendsym .friendsym_r .name{ color: #69758f; font-size: 1rem;}
.friendsym .friendsym_r .text{ color: #333;}
.shans{ margin-top: 1rem;}
.shans span{ color: #999; width: 33.3%;}
.shans font{ color: #69758f; width: 33.3%;}
.shans .shansbtn{ text-align: right; color: #999; width: 33.3%; position: relative; z-index: 3;}
.shans .shansbtn i{ font-size: 1.2rem;}
.shans .shansbtn .fama .famainfos{ position: absolute; right: 2rem; top: -0.5rem;width: 140px; display: flex; padding: 0.5rem; background: rgba(0,0,0,0.5);}
.shans .shansbtn .fama a { flex: 1; text-align: center;}
.shans .shansbtn .fama a i{ margin-right: 0.5rem;}
.shans .shansbtn .fama *{ color: #fff; vertical-align: middle;}
.bg{ position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%;}
.praise{ padding: 0.5rem; background: #f8f8f8; margin-top: 0.5rem;}
.praise span{ display: inline-block; color: #69758f;}
.praise span i{ margin-right: 0.5rem; vertical-align: middle;}
.comments{ background: #f8f8f8; padding: 0 0.5rem 0.5rem; border-top: 1px solid #eee;}
.comments span{ display: block; padding: 0.5rem 0 0;}
.comments span em{ color:#69758f; }
.imgbox{ padding: 0.5rem 0;}
.imgbox img{ width: 31.5%; height: 6rem; margin-right: 1.5%; margin-bottom: 5px;}
.circlefriendsbtn{ position: fixed; z-index: 999; left: 0; bottom: 0; width: 94%;padding: 0.5rem 3%; border-bottom: 1px solid #ddd; background: #fff;}
.circlefriendsbtn input{ width: 80%; padding: 0.5rem 0;}
.circlefriendsbtn .submit{ text-align: center; width: 20%; padding: 0.5rem 0;}
.sendtext{ text-align: left; padding: 0.5rem 3%; width: 94%; min-height: 130px; background: #fff; border: none;}
.tupain{ background: #fff; padding: 0 1.5%;}
.tupain .tupainli{ width: 22%; padding: 10px 1.5%;}
.tupain .tupainli img{ width: 100%; height: 5rem;}
.position{ padding: 0.5rem 3%; position: relative;}
.position i{ color: #999; font-size: 1.2rem;margin-right: 0.5rem;}
.position a{ position: absolute; right: 3%;}

.Livetitle{ margin: 1.5rem 6%; background: #fff; border: 1px solid #eee; padding: 2rem 1rem;}
.Livetitle .Livetitle_img{ margin: 0 auto; display: block; border-radius: 50%;}
.Livetitle .name{ font-size: 1.2rem; text-align: center; padding: 0.8rem 0;}
.Livetitle p{ text-align: center; color: #666;}
.Livetitle .Livetheme{ border-radius: 10px; padding: 12px 3%; width: 88%;border: 1px solid #eee; margin: 1rem 3%;}
#loading{ position: fixed; z-index: 999; top: 30%; left: 45%;}
.labelinput{ position: absolute; right: 3%; top: 1.2rem;}
.chk_1{ display: none;}
.chk_1 + label {
    background-color: #f0f0f0;
    border: 1px solid #C1CACA;
    padding: 9px;
    border-radius: 50%;
}
.chk_1:checked + label {
    background-color: #3f5be4;
    border: 1px solid #3f5be4;
    color: #243441;
}
.chk_1:checked + label::before{ position: absolute; right: 25%; content: ""; top: 0.25rem; border-radius: 50%; background: #fff; padding: 5px;}
.shareurl{ padding: 10px; background: #eee; margin: 1rem 3%;}
.shareurl i{ font-size: 3rem; color: #999;margin-right: 10px; vertical-align: middle;}

.userheader{ padding: 5rem 3% 0;background:url(../images/dowm.jpg) center top no-repeat; background-size: cover;}
.shengji{ margin-top: 1rem;}
.shengji a{ display: block;}
.shengji img{display: block; width: 100%;}
.userodernavs{ background: #fff;}
.userodernavs a{ text-align: center; padding: 1rem 0; flex:1;}
.userodernavs a img{ max-width: 40%;}
.userodernavs a p{ color: #333; margin-top: 0.5rem;}
.usertiltes{ background: #fff; margin: 0; padding: 1rem 3%;}
.userheader .userheader_info{ position: relative;  margin: 0 3%;}
.userheader .userheader_info .userimg{ width: 4rem; height: 4rem; border-radius: 50%; position: absolute;}
.userheader .userheader_info .userheader_right{ margin-left: 5rem;}
.userheader_name{ font-size: 1rem; color: #fff;}
.userheader_name em{ border-radius: 1.5rem; background: rgba(255,255,255,0.4); margin-left: 0.5rem;padding: 0.2rem 0.5rem;}
.userheader .userheader_info .userheader_right p{ color: #fff;}
.userheadernavs{ margin-top: 2rem;}
.userheadernavs a{ text-align: center; flex:1; color: #fff; position: relative;}
.userheadernavs a:after{ width: 1px; height: 30px; background: #fff; content: ""; right: 0; top: 20%; position: absolute;}
.userheadernavs a:last-child::after{ width: 0;}
.userheadernavs a span{ position: relative; font-weight: 700;}
.userheadernavs a span em{ position: absolute; font-weight: 100; top: -20px; padding: 0.2rem 0; font-size: 0.8rem; width: 2rem; border-radius: 3px; background: #ff011e;}
.usernavs{ padding: 1rem 3%;}
.usernavs .usernavsinfo{ text-align: center; margin: 0 9%;background: linear-gradient(to right, #e0b550, #ab754d); padding: 0.5rem 0; width: 32%;border-radius: 5px;}
.usernavs .usernavsinfo i{ font-size: 2rem; color: #fff;}
.usernavs .usernavsinfo p{ font-size: 1rem; color: #fff;}
.Myassets{ padding: 0.5rem 3%; color: #333;}
.usernavslist{ padding: 1rem 3% 1rem; padding: 0.5rem; background: #fff; margin-top: 10px;}
.usernavslist .usernavslist_info{ padding: 0.5rem 3%; text-align: center; width: 24%;}
.usernavslist .usernavslist_info i{ display: block; margin: 0 auto; font-size: 3rem;}
.usernavslist .usernavslist_info img{ max-width: 70%;}
.usernavslist .usernavslist_info p{color: #333; margin-top: 0.5rem; }

/*address*/
.thisaddress{}
.thisaddress .thisaddress_top{ margin-bottom: 5px; font-size: 1.8rem;}
.thisaddress .thisaddress_top span,.thisaddress .thisaddress_top font{color: #333;}
.thisaddress_middle{ }
.thisaddress_middle span{ display: inline-block; padding: 5px 15px; margin-right: 3%; border-radius: 20px; font-size: 12px; color: #fff; opacity: 0.5}
.thisaddress_middle font{ display: inline-block; width: 80%; vertical-align: middle; color: #999;}
.addressfast{ position: relative; background: url(../images/img1.jpg) repeat-x bottom #fff; background-size: 10%; padding: 1rem 3%;}
.addresslist{ position: relative; padding: 1rem 3%; border-bottom: 1px solid #eee; background: #fff;}
.addressfast i,.addresslist i{ position: absolute; right: 3%; top: 40%;}
.thisaddress p{color: #999;margin-bottom: 5px;width: 80%;}
.bgcolor{ background: #40bd44;}/*全局颜色*/
.bgcolor1{ background: #f70c38;}/*地址用*/
.bgcolor2{ background: #14ae19;}/*会员中心用*/
.fontcolor{ color:#40bd44; }
.bordercolor{ border:1px solid #40bd44;}
.hbg{ height: 8px; background: #f0f0f0;}
.line{ margin: 1rem 10%; color: #ccc; position: relative; text-align: center;}
.line:after,.line:before{ content: ""; width: 25%; height: 1px; background: #ddd; position: absolute; top: 0.8rem;}
.line:after{ right: 0;}
.line:before{ left: 0;}
.eahrse{ width: 40%;}
.eahrselist{ padding: 1rem 0; width: 40%;}
/*.eahrselist p{ margin-bottom: 1rem;}*/
.eahrselist p span{ border-radius: 50%; width: 0.5rem; height: 0.5rem; margin-right: 0.5rem;}
.eahrselist p:nth-child(1) span{ background: #51bff0; margin-top: 0.2rem;}
.eahrselist p:nth-child(2) span{ background: #f4c85d; margin-top: 0.2rem;}
.eahrselist p:nth-child(3) span{ background: #12ab4c; margin-top: 0.2rem;}
.eahrselist p:nth-child(4) span{ background: #977305; margin-top: 0.2rem;}
.eahrselist p:nth-child(5) span{ background: #e83c32; margin-top: 0.2rem;}
.eahrselist p font{ width: 25%; color: #999;}
/*.eahrselist p:nth-child(1) *{color:#51bff0; }
.eahrselist p:nth-child(2) *{color:#f4c85d; }
.eahrselist p:nth-child(3) *{color:#12ab4c; }
.eahrselist p:nth-child(4) *{color:#977305; }
.eahrselist p:nth-child(5) *{color:#e83c32; }*/
.eahrselist p .adims{ text-align: right;}

.comsj{ background: #fff; border-radius: 10px; margin: 0 3%;}
.comsjnavs{ padding: 1rem 0; margin: 0 3%;text-align: center; border-top: 1px solid #eee;}
.comsjnavs span{ width: 35%; margin: 0 7.5%; color: #fff; border-radius: 3rem; padding: 0.5rem 0;background: #108ee9;}
.comsjnavs span i{ font-size: 1.5rem; margin-right: 0.5rem; vertical-align: middle;}
.comsjnavs span:nth-child(1){ background: #ff6b6b;}
.userlink{ background: #fff; margin-top: 10px;}
.userlink a{display: block;color: #33;margin:0 1rem;position: relative;border-bottom: 1px solid #eee;padding: 0.5rem 0;}
.userlink a .lis{ color: #999; font-size: 1.8rem; margin-right: 0.5rem; vertical-align: middle;}
.userlink a .iconangle-right{ vertical-align: middle; margin-right: 0.5rem;}
.userlink a span{ position: absolute; right: 0; top: 1.5rem; color: #333;}
.userlink a font{ width: 60%; display: inline-block;}
.userlink a:nth-child(1) .lis{ color: #51bff0;}
.userlink a:nth-child(2) .lis{ color: #f4c85d;}
.userlink a:nth-child(3) .lis{ color: #12ab4c;}
.userlink a:nth-child(4) .lis{ color: #977305;}
.userlink a:nth-child(5) .lis{ color: #e83c32;}
.userlink a:nth-child(6) .lis{ color: #51bff0;}
.userlink a:nth-child(7) .lis{ color: #f4c85d;}
.userlink a:nth-child(8) .lis{ color: #12ab4c;}
.userlink a:nth-child(9) .lis{ color: #977305;}
.userlink a:nth-child(10) .lis{ color: #e83c32;}
.headerbtns{ position: absolute; right: -6%; top: -1rem;}
.headerbtns i{ color: #fff; font-size: 1.5rem;}

.radio{
    display: inline-block;
    position: relative;
    line-height: 18px;
    margin-right: 10px;
    cursor: pointer;
}
.radio input{
    display: none;
}
.radio .radio-bg{
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.2s ease;
}
.radio .radio-on{
    display: none;
}
.radio input:checked + span.radio-on{
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    background: #45bcb8;
    top: 4px;
    left: 4px;
    transform: scale(0, 0);
    transition: all 0.2s ease;
    transform: scale(1, 1);
    display: inline-block;
}

.postop{ position: fixed; right: -100%; width: 100px; background:#fff; top: 65px; z-index: 18;}
.postop a{ padding: 0.8rem; border-bottom: 1px solid #ddd; display: block; text-align: center;}
.bgpost{ position: fixed; z-index: 10; background: rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%;}
.postop.active{ right: 10px;}
.postopbox{ position: relative;}
.postop:before{ top: -5px; right: 20%; border-left: 5px solid transparent;border-right:5px solid transparent; border-bottom:5px solid #fff;content: "";position:absolute;width:0;}

.linekingbox{padding: 0 3%; background: #fff;}
.lineking{ padding: 1rem 3%; border-bottom: 1px solid #eee; align-items: center;}
.lineking .lineking_l{ width: 50%;}
.lineking .lineking_r{ width: 50%; text-align: right; position: relative;}
.lineking .lineking_r .upimgs img{ width: 4rem; height: 4rem;}
.lineking .lineking_r .upimgs img{}
.lineking .lineking_r span{ color:#999;}
.bloms{ padding: 1rem 3%; background: #fff;}
.valuekey{ width: 100%; border: none;}
.selectlin{ text-align: right; opacity: 0; position: absolute; right: 0; width: 100%;}
.Paymentlist{ margin: 0; background: #fff;}
.tuijain.Paymentlist .sessionlist{ background: #fff; height: 3rem;}
.tuijain.Paymentlist .sessionlist img{ width: 3rem; height: 3rem; border-radius: 50%;}
.tuijain.Paymentlist .sessionlist .session_right{ margin-left: 3rem; padding: 0 0 0.5rem 0.8rem}
.tuijain.Paymentlist .sessionlist .session_right .session_right_text{ width: 50%;}
.tuijain.Paymentlist .sessionlist .session_right .session_right_text:nth-child(2n){ text-align: right;}
.tuijain.Paymentlist .sessionlist .session_right .session_right_text .red{ color: red;}

.Payment_address{ margin: 2rem 6%; background: #fff; padding: 2rem; border-radius: 5px; text-align: center;}
.Payment_address img{ width: 4rem; height: 4rem; border-radius: 50%; margin-right: 1rem; vertical-align: middle;}
.Payment_address span{ font-size: 1.2rem; color: #333;}
.Payment_address p{ margin-top: 1rem; color: #999;}
.qr_code{ margin: 2rem 10%; padding: 1rem; background: #fff; text-align: center;}
.qr_code img{ max-width: 100%;}
.qr_codebtn{ padding:0 3%;}
.qr_codebtn .qrbtn{ margin: 0 6%; background: linear-gradient(to right, #e0b550, #ab754d); text-align: center; font-size: 1rem; color: #fff; padding: 0.8rem 5%; width: 28%; border-radius: 2rem;}

.Walletbox{ padding: 1.5rem 3% 3rem;}
.Walletbox .Walletlist{ background: linear-gradient(to bottom, #ab754d, #e0b550); padding: 1.5rem 6%; position: relative; margin-bottom: 1rem;}
.Walletbox .Walletlist img{ position: absolute; width: 2.8rem; height: 2.8rem; border-radius: 50%;}
.Walletbox .Walletlist .Walletlist_l{ margin-left: 2.8rem; padding-left: 1.5rem;}
.Walletbox .Walletlist .Walletlist_l span{ font-weight: 700; color: #333; font-size: 1.2rem;}
.Walletbox .Walletlist .Walletlist_l p{ color: #333;}
.Walletbox .Walletlist i{ position: absolute; right: 3%; top: 40%; color: #eee;}
.jiaoyipwd{ position: fixed; text-align: center; z-index: 9; width: 100%; bottom: 0; padding: 1.5rem 0; background: linear-gradient(to bottom, #ab754d, #e0b550);}
.jiaoyipwd i{ font-size: 1.5rem; margin-right: 0.8rem; color: #fff;}
.jiaoyipwd span{ color: #fff;}

.moneyDmin{ background: linear-gradient(to right, #e0b550, #ab754d); padding: 1rem 6%; height: 4rem;}
.moneyDmin .moneyDminbox{ background: #fff; border-radius: 10px; text-align: center; padding: 1.5rem 0;}
.moneyDmin .moneyDminbox img{ width: 3rem; height: 3rem; border-radius: 50%; margin-right: 1rem; vertical-align: middle;}
.moneyDmin .moneyDminbox b{ font-size: 1.2rem; color: #333;}
.moneyDmin .moneyDminbox p{ color: #333; margin-top: 1rem;}
.moneyDminshow{ padding: 6rem 3% 2rem;}

.fromlis{ padding: 0.5rem 3%; border-bottom: 1px solid #eee; background: #fff;}
.fromlis .fromlis_l{ width: 20%; padding: 0.5rem 0;}
.fromlis .fromlis_m{ width: 65%; margin-right: 5%; padding: 0.5rem 0;}
.fromlis .fromlis_m input,.fromlis .fromlis_m textarea{ width: 100%; padding: 0.5rem 0; line-height: 100%;}
.fromlis .fromlis_r{ width: 10%; padding: 0.5rem 0; text-align: right;}

.navbar {display: -webkit-box; -webkit-box-orient: horizontal; position: relative; height: 50px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #e0e0e0; }
.navbar-item {display: block; -webkit-box-flex: 1; width: 100%; line-height: 50px; font-size: 16px; text-align: center;color: #7E7E7E;}
.navbar-item-active,.tabnavs li.active{color: #e4a21c;border-bottom: 1px solid #e4a21c;}
.weburls{ background: #f5f5f5; padding: 0.5rem 10px; margin: 0 12%;}
.downtitle{ text-align: center; padding-top: 2rem;}
.tabnavs{ text-align: center; border-bottom: 1px solid #010e58;}
.tabnavs a{ position: relative; padding: 0.8rem 0; color: #baecff; flex:1; opacity: 0.5;}
.tabnavs a.active::after{ content: "";position: absolute; left: 25%; width: 50%; bottom: 0; height: 1px; background: #baecff;}
.tabnavs a.active{ opacity: 1;}

.Theend{ padding: 1rem 0; text-align: center; color: red;}

.collectionbox .sessionlist{ height: 8rem; margin-bottom: 1rem;}
.collectionbox .session_right{ height: 5rem;}
.collectionbox .session_right .session_right_text p{ font-size: 1.2rem;}
.feedbackbox{ margin: 1rem 3%;}
.feedbackbox .toaddress{ border: 1px solid #eee; background: #fff; border-radius: 10px; overflow: hidden ;padding: 1rem 3%; width: 94%; min-height: 10rem;}
.set .fromlis_m{ text-align: right; width: 50%; margin-right: 0; position: relative;}
.set .fromlis_l{ width: 50%;}
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch {
  display: inline-block;
  font-size: 100%;
  height: 1.6em;
  position: relative;
}
.el-switch .el-switch-style {
  height: 1.6em;
  left: 0;
  background: #C0CCDA;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 3em;
  cursor: pointer;
}
.el-switch .el-switch-style:before {
  display: block;
  content: '';
  height: 1.4em;
  position: absolute;
  width: 1.4em;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #13ce66;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #a1efc4;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #ff4949;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #f9b3b3;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #f7ba2a;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #fbeac1;
}
/*define size*/
.el-radio.el-radio-sm,
.el-checkbox.el-checkbox-sm,
.el-switch.el-switch-sm {
  font-size: 85%;
}
.el-radio.el-radio-lg,
.el-checkbox.el-checkbox-lg,
.el-switch.el-switch-lg {
  font-size: 125%;
}
.today{ text-align: center;}
.today p{ color: #ef6103; font-size: 2rem; padding:3rem 0 1rem; }
.today span{ color: #ef6103;}
/* 大转盘样式 */
.pans{display:block;width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.pans .turnplate{display:block;width:100%;position:relative;}
.pans .turnplate canvas.item{width:100%;}
.pans .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}
.scroll-box {
    height:200px;
    overflow:hidden;
    background: rgba(255,255,255,0.2);
    border-radius: 5px;
    margin: 10px 3%;
}
.scroll-box ul {
    list-style:none;
    width:100%;
    height:100%;
}
.scroll-box ul li {
    width:100%;
    margin: 0 20px;
    height:40px;
    box-sizing:border-box;
    line-height:40px;
    color: #fff;
}
.panstext{ text-align: center; color: #fff; padding: 10px; background:rgba(255,255,255,0.2); color: #fff; font-weight: 700; margin: 0 25%; border-radius: 40px;}
.minebtn {margin-top: 10px;padding: 10px 3%;text-align: left;background: #f0f0f0; font-weight: 700;}
.uploaduser{ text-align: center;}
.uploaduser .upimg{ border-radius: 50%; width: 100px; height: 100px; margin: 0 auto; background: #ddd; margin-bottom: 10px;}
.uploaduser .upimg img{ border-radius: 50%;}

.maibtnbox{ padding: 0 3%; background: #f0f0f0; position: fixed; z-index: 9; bottom: 0; width: 94%; max-width: 768px;}
.maibtnbox a{ padding: 0.8rem 1rem; margin: 0.5rem 3%; border-radius: 5px; text-align: center; flex:1;}
.mair{ background: #1c82d6; color: #fff;}
.maic{ background: #f05038; color: #fff;}
.maili{ padding: 0.8rem 3%; text-align: center;}
.maili span{ flex:1;}
.maili span font{ font-weight: 700; font-size: 1.2rem;}
.maili .green{ color: #2bb97d;}
.maili .red{ color: #f6474e;}
.moneytext{ padding: 2rem 3%; text-align: center; border-bottom: 1px solid #eee;}
.moneytext font{ font-size: 1.5rem; color: red;}
.moneytext p{ color: #333;}
.mainavs{ padding: 1rem 3%;}
.mainavs a{ color: #333; margin-right: 1rem;}
.mainavs a.active{ color: red; font-weight: 700; font-size: 1.2rem;}
.reglistinfo{padding: 0.5rem 3%;line-height: 214%;border-bottom: 8px solid #f5f5f5;}
.reglistinfo .reglistinfo_l{ float: left;}
.reglistinfo .reglistinfo_r{ float: right; color: #999;}
.reglistinfo .reglistinfo_r.red{ color: red;}
.maibg{ position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.maiboxs{ margin: 20% 5%; border-radius: 5px; background: #fff; position: fixed; z-index: 99999; top: 20%;}
.maiboxs .title{ padding: 0.8rem 3%; border-bottom: 1px solid #eee;}
.maiboxs .maiinput{ padding: 1rem 3%;}
.maiboxs .maiinput input{ width: 90%; border: 1px solid #eee; padding: 0.8rem 5%;}

.btnmais{ padding: 0.8rem 3%; background: #fcfcfc;}
.btnmais *{ flex:1; text-align: center; border-radius: 5px; margin: 0 3%;}
.btnmais span{ padding: 0.5rem 1rem; color: #999; background: #f0f0f0;}
.btnmais input{ color: #fff; background: #f6474e;}

.commit{ position: relative;}
.commitgd{ position: absolute; z-index: 9; left: 5%; height: 30px; overflow: hidden; padding: 0 10px 0 0; width: 40%; top: 15%; background: rgba(0,0,0,0.5); border-radius: 40px;box-sizing:border-box;}
.commitgd *{ color: #fff;}
.commitgd img{width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; border-radius: 50%;}
.times{ color: #fff !important; background: red; font-size: 0.6rem; text-align: center; border-radius: 20px; padding: 0.2rem 0.5rem;}

.addremssj a{ display: block; position: relative; width: 100%; height: 7rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #eee;}
.addremssj a img{ position: absolute; width: 7rem; height: 5rem;}
.addremssj a div{ margin-left: 8rem; padding-right: 20%; position: relative;}
.addremssj a div h1{ font-size: 1.5rem; font-weight: 700; color: #333; margin: 0;}
.addremssj a div cs{ position: absolute; right: 0; color: red; top: 10%;}

.Business_top{ background: url(../images/dowm.jpg) left top no-repeat; background-size: 100% 100%; padding: 14rem 6% 0; height: 4rem;}
.Business{ background: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; position: relative; margin-top: -6rem; padding:  0 6%;}
.Business img{ position: absolute; width: 7rem; height: 7rem; top: -1rem; border: 2px solid #fff; border-radius: 8px;}
.Business .Business_r{ margin-left: 8rem; padding: 1rem 0;}
.Business .Business_r h1{ font-size: 2rem; color: #333; margin: 0;}
.Business .Business_r h1 span{color: red; margin-left: 1rem; font-size: 1.5rem;}
.Business .Business_r p{ color: #333; margin-top: 0.5rem;}
.Business_navs{ padding: 1rem 3%; border-bottom: 1px solid #eee;}
.Business_navs span{ font-size: 1.8rem; margin: 0 1rem; padding-bottom: 1rem;}
.Business_navs span.active{ color: red; position: relative;}
.Business_navs span.active:after{ content: ""; width: 50%; left: 25%; height: 3px; background: red; position: absolute; bottom: 0;}
.Businesstext{ padding: 1rem 6%; background: #fff; line-height: 180%; font-size: 1.5rem;}

.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}
.article {
  display: block;
  margin: 0 0 8% 0;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 100;
  overflow: hidden;
  position: relative;
  padding-bottom: 0.5rem;
  width:48%;
  float:left;
  margin-left: 1%;
  margin-right: 1%;
}
.article:hover{ transform: scale(1.01);}
.article img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 5% 0;
}
.article a{ color: #666;}
.article p{width: 100%; font-size: 1.2rem; line-height: 1.5;}
.article small{  color: #ff0000; line-height: 1.5;height:34px;}
.article input{ width: 30%; padding:0.2rem 0; border-radius: 0.4em;  z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}