iframe { border: 0 none; vertical-align: top; } .fullscreen { background-color: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1002; } .huosdk_float { cursor: move; height: 40px; width: 40px; position: fixed; right: -20px; top: 200px; } .huosdk_tips { line-height: 40px; text-align: center; z-index: 2 !important; } .huosdk_tips h5 { color: #666; font-size: 14px; margin: -5px 0 15px; } .huosdk_tips p { color: #333; font-size: 16px; line-height: 20px; } .huosdk_tips .btn { border-top: 1px solid #e8e8e8; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px -15px -15px; } .huosdk_tips .btn a { color: #22AFCA; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 15px; line-height: 44px; } .huosdk_close { position: absolute; right: 0; top: 0; height: 0.5rem; width: 0.5rem; } .huosdk_close .icon_close { position: absolute; right: 0; top: 0; } /* 2018/04/19 */ button, input { border: 0 none; outline: none; } a { text-decoration: none; } .float-left { float: left; } .float-right { float: right; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-primary { color: #23B0CB !important; } .text-danger { color: #E71515 !important; } .pop { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; background-color: rgba(0, 0, 0, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; position: absolute; top: 0; width: 100%; z-index: 1; } .pop img { vertical-align: top; } .pop_body { background-color: #fff; border-radius: 10px; padding: 15px; width: 300px; } .login_head { margin: 8px 0 23px; } .login_logo { height: 36px; width: 113px; } .login_title { border-left: 1px solid #dcdcdc; display: inline-block; font-size: 20px; line-height: 32px; margin: 1px 0 1px 15px; padding-left: 25px; } .login_body .form { padding: 0; } .login_foot { margin: 20px 0; overflow: hidden; } .login_foot:last-child { margin-bottom: 0; } .login_foot > a { color: #666; font-size: 14px; } .login_loading { overflow: hidden; } .login_avatar { margin-right: 12px; width: 52px; } .login_info { margin: 2px 0; overflow: hidden; } .login_info__username { color: #333; display: block; font-size: 18px; } .login_status { color: #999; display: block; font-size: 14px; line-height: 20px; } .login_status__icon { -webkit-animation: loading 1s ease-out forwards infinite; animation: loading 1s ease-out forwards infinite; background-image: url(../images/icon-loading.png); background-size: 100% 100%; height: 14px; margin: 3px 5px 0 0; width: 14px; } @keyframes loading{0%{transform:rotate(0deg)}20%{transform:rotate(72deg)}40%{transform:rotate(144deg)}60%{transform:rotate(216deg)}80%{transform:rotate(288deg)}to{transform:rotate(1turn)}} .login_switch { border: 1px solid #15c3e5; border-radius: 50%; color: #23B0CB; font-size: 14px; height: 46px; line-height: 44px; margin: 3px 0; text-align: center; width: 46px; } .login_third { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0; } .login_third-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .login_third-item > img { width: 38px; } .form_item { border: 1px solid #e8e8e8; border-radius: 4px; height: 40px; margin: 10px 0; position: relative; } .form_label { display: block; } .form_input { width: 198px; font-size: 14px; height: 20px; line-height: 20px; margin: 9px 0 9px 38px; } .form_icon__left { left: 12px; margin-top: -1px; position: absolute; top: 10px; } .form_icon__right { margin-top: -1px; position: absolute; right: 15px; top: 10px; } .form_link { border-left: 1px solid #dcdcdc; color: #939393; font-size: 12px; line-height: 32px; margin-top: -1px; padding: 0 10px; position: absolute; right: 0; top: 4px; } .form_btn { margin: 20px 0; } .form_button { background:linear-gradient(90deg,rgba(49,219,139,1) 0%,rgba(40,207,170,1) 100%); border-radius: 4px; color: #fff; font-size: 16px; height: 40px; width: 100%; } .form_remark { color: #999; font-size: 12px; margin-top: -10px; } .icon_user, .icon_pwd, .icon_code, .icon_card, .icon_eye, .icon_noeye { background-size: 100% 100%; height: 20px; width: 20px; } .icon_user { background-image: url(../images/icon-user.png); } .icon_pwd { background-image: url(../images/icon-pwd.png); } .icon_code { background-image: url(../images/icon-code.png); } .icon_card { background-image: url(../images/icon-card.png); } .payment_head{border-bottom:1px solid #dadada;color:#666;height:36px;position:relative} .payment_title{color:#23b0cb;display:block;font-size:16px;text-align:center} .payment_close{position:absolute;right:-10px;top:-10px} .payment_amount{font-size:16px;padding-left:20px} .payment_amount>b{color:#d7374a;font-size:18px} .payment_body{overflow:hidden;padding:15px 0} .payment_body:last-child{margin-bottom:-15px} .payment_type{display:-ms-flexbox;display:flex;padding-top:5px} .payment_type-item{color:#333;-ms-flex:1;flex:1;font-size:16px;text-align:center} .payment_type-item>img{display:block;height:51px;margin:0 auto 7px;width:51px} .payment_qrcode{height:110px;margin-right:20px;width:110px} .payment_info>p{font-size:16px;margin:5px 30px 5px 0}.payment_info>p>b{color:#d7374a;font-size:16px}.payment_tips{color:#333;font-size:12px!important;line-height:18px}.payment_status__msg{color:#333;font-size:24px;margin:0 35px;padding:20px 0 40px;text-align:center}.payment_status__msg>b{color:#d7374a;font-size:24px}.payment_status__btn{margin:0 35px 10px}.payment_button{background-color:#23b0cb;border-radius:4px;color:#fff;font-size:16px;height:40px;width:100%}.payment_gzh{color:#333;font-size:12px;padding-bottom:15px;text-align:center}.payment_gzh>img{height:110px;margin-bottom:5px;width:110px}.payment_reco{display:-ms-flexbox;display:flex}.payment_reco-item{color:#333;-ms-flex:1;flex:1;font-size:12px;text-align:center}.payment_reco-item>img{border-radius:4px;display:block;height:48px;width:48px;margin:0 auto 5px}.payment_foot{background-color:#f0f0f0;border-radius:0 0 10px 10px;color:#23b0cb;font-size:14px;height:40px;line-height:40px;margin:0 -15px -15px;overflow:hidden;text-align:center}.payment_leave{background-color:#fff;border-top:1px solid #dadada;color:#333;display:block;font-size:16px;line-height:40px}.icon_close{background-image:url(../images/icon-close.png);background-size:25px;background-repeat:no-repeat;background-position:center;height:25px;width:25px;padding:20px;z-index:1002}.icon_succ{background-image:url(../images/icon-succ.png)}.icon_fail,.icon_succ{background-size:100% 100%;display:inline-block;height:28px;margin-top:4px;vertical-align:top;width:28px}.icon_fail{background-image:url(../images/icon-fail.png)}