* { box-sizing: border-box }


@font-face {
  font-family: 'iconfont';  /* Project id 2386006 */
  src: url('//at.alicdn.com/t/font_2386006_4629algqb41.woff2?t=1641265534467') format('woff2'),
       url('//at.alicdn.com/t/font_2386006_4629algqb41.woff?t=1641265534467') format('woff'),
       url('//at.alicdn.com/t/font_2386006_4629algqb41.ttf?t=1641265534467') format('truetype');
}
.iconfont { font-family: 'iconfont'; font-style: normal; }

blockquote, body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul { margin: 0; padding: 0 }
fieldset, img { border: 0 }
img { vertical-align: middle }
ol, ul { list-style: none }
a { text-decoration: none; outline: 0 none; color: #333 }
a:hover { text-decoration: none; color: #333 }
.clearfix:after, .clearfix:before { content: "."; display: block; height: 0; overflow: hidden }
.clearfix:after { clear: both }

body { background-color: #188ae2;}

input:focus { outline: -webkit-focus-ring-color auto 0px; }
select:focus { outline: -webkit-focus-ring-color auto 0px; }
textarea:focus { outline: -webkit-focus-ring-color auto 0px; }
button:focus { outline: -webkit-focus-ring-color auto 0px; }

.red { color: red; }
.gray { color: gray; }
.black { color: black; }
.blue { color: blue; }
.green { color: green; }
.orange { color: orange; }
.purple { color: purple }

.basebox { position:fixed; width:100%; height:100%; top:0; left:0; }
.basewrap { width: 90%; max-width: 380px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.basewrap .logo { text-align: center; font-size: 24px; margin-bottom: 24px; color: #fff; }
.basewrap .logo a { color: #fff; }

.basewrap .form .title { margin: 10px auto; font-size: 18px; font-weight: 500; color: rgb(106, 108, 111); text-align: center; }
.basewrap .form { background-color: #fff; border-radius: 6px; padding: 24px; margin-bottom: 24px; }
.basewrap .form .group { margin-bottom: 12px; }
.basewrap .form .group p{ color:rgba(0, 0, 0, 0.25); font-size:12px; padding:4px 0 3px 0; }
.basewrap .form .group p.tr {text-align: right; }
.basewrap .form input,
.basewrap .form input:focus,
.basewrap .form input:active { outline: none; box-shadow: none; }
.basewrap .form input { border: none; border-bottom: 1px solid #eee; height: 40px; vertical-align:middle; }
.basewrap .form input[disabled] { padding:0 12px;}
.basewrap .form .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.basewrap .form .active { color: #fff; background-color: #188ae2; border-color: #167ccb; }
.basewrap .form .active:hover { background-color: #136eb4; border-color: #105a94; }
.basewrap .form input.control {width:100%;}
.basewrap .form input.checkbox { height: auto; margin: 0 0 0 10px; }
.basewrap .form .btn { width: 100%; }

.basewrap .form .weixin { color: #fff; background-color: #44B549; border-color: #22B04C; margin-top:20px; padding:0 15px; height:50px; vertical-align:middle }
.basewrap .form .weixin:hover { background-color: #3BBF3A; border-color: #22B04C; }
.basewrap .form .weixin i { margin-right: 8px; font-size: 18px; vertical-align: middle }

.basewrap .form textarea { border: 1px solid #eee; height: 120px; line-height: 20px; vertical-align: middle; width: 100%; padding: 8px 12px; font-size: 13px; }
.basewrap .form select { border: none; border-bottom: 1px solid #eee; height: 40px; vertical-align: middle; width: 100%; padding: 8px 0; font-size: 13px; }

.basewrap .form .group label { height:40px; line-height:40px; display:inline-block; vertical-align:middle;}
.basewrap .form .group label.gtitle { margin-right:5px;}
.basewrap .form .group label.info { margin-left: 5px; margin-right: 15px; }

.basewrap .form .forget { margin-top: 5px; text-align: right; }
.basewrap .form .forget a { color: #188ae2; font-size:14px; }

.basewrap .footer p { text-align: center; margin-bottom: 24px; }
.basewrap .footer a { color: #fff; font-weight: 500; }
.basewrap .footer small { margin-right: 16px; color: #fff; }

.dialogbox { position:fixed; width:100%; height:100%; top:0; left:0; z-index:90000; background:rgba(0,0,0,.5);}
.dialogbox .dialog { width: 80%; max-width: 320px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #FFF; border-radius:12px;}
.dialogbox .dialog .dialoghd { min-height: 40px; padding: 32px 24px 0; font-weight: 700; color: #333; margin-bottom: 32px; font-size: 17px; line-height: 1.4; word-wrap: break-word; text-align:center; }
.dialogbox .dialog .dialogft { position: relative; line-height: 56px; min-height: 56px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: flex; }
.dialogbox .dialog .dialogft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid rgba(0,0,0,0.1); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.dialogbox .dialog .dialogft .btn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #576b95; font-weight: 700; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; text-align:center;}

.basewrap .form .userbtn { color: #fff; background-color: #188ae2; border-color: #167ccb; display: inline-block; width: 100%; height: 40px; margin:15px 0 0 0; text-align:center; line-height:40px; }
.basewrap .form .userbtn:hover { background-color: #136eb4; border-color: #105a94; }
.basewrap .form .userbtn.disabled { background-color: gray; }

.basewrap .form .tips { background: rgba(0,0,0,.1); padding: 8px 16px; text-align: center; margin: 32px 0 16px; }
.basewrap .form .tips.submit { background: #ffc107; color: #FFF; }
.basewrap .form .tips.review { background: #17a2b8; color: #FFF; }
.basewrap .form .tips.fail { background: #dc3545; color: #FFF; }
.basewrap .form .tips.success { background: #28a745; color: #FFF; }
.basewrap .form .tips small { display:block; text-align:left; margin-top:8px;}

.basewrap .form .reviewbtn { color: #fff; background-color: #f05151; border-color: #f05151; display: inline-block; width: 100%; height: 52px; margin: 15px 0 0 0; text-align: center; line-height: 52px; }
.basewrap .form .reviewbtn:hover { background-color: #ee4444; border-color: #ee4444; }

/*验证插件*/
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent {  background: #ee0101; position: relative; z-index: 5001; color: #fff; width: 180px; font-size: 12px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }
/*loading*/
#loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.05); display: none; z-index: 999999 }
#loading .runing { width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 10px; position: relative; }
/*#loading .runing:after { content: "\e61a"; font-family: iconfont; position: absolute; top: 50%; left: 50%; font-size: 60px; transform: translate(-50%,-50%); color: #0056B9 }*/
#loading .runing i { -webkit-animation: weuiLoading 1s steps(60, end) infinite; animation: weuiLoading 1s steps(60, end) infinite; display: block; width: 120px; height: 120px; text-align: center; line-height: 120px; font-size: 100px; color: #1B6BC1 }

.pcform, .qrform { position: relative; }
.pcform > i, .qrform > i { position: absolute; top: 1px; right: 2px; display: block; width: 44px; height: 44px; color: #666; border-radius: 0 8px 0 0; overflow: hidden; cursor: pointer; }
.pcform > i { font-size: 44px;}
.qrform > i { font-size: 36px;}
.qrform { display: none; }

.qrform .qrcodebox { padding:5px; margin:0 80px; border:solid 1px #DEDEDE; }
.qrform .qrcodebox .qrcode { width:100%; position:relative; padding-bottom:100%;overflow:hidden;}
.qrform .qrcodebox .qrcode canvas { position:absolute; top:0;left:0; width:100%; height:100%;}

.qrtextbox { text-align: center; line-height: 24px; padding-top: 20px; }
.qrtextbox .qrtext {font-size:15px; color:#555;}
.qrtextbox .qrtext i{ margin-right: 8px; font-size: 22px; color: #09BB07; vertical-align:middle; }

.qrcodebox { position: relative; }
.qrtipsbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); color: #FFF; text-align:center; }
.qrtipsbox .icon { padding-top:30px;}
.qrtipsbox .icon i { font-size: 64px; }
.qrtipsbox .tipstxt { padding-top: 10px; font-size:13px;}

.qrerror { cursor:pointer;}
.qrerror, .qrcomfirn { display: none; }

dl.seluser { border-bottom: solid 1px #dedede; position: relative; height: 70px; padding-left: 70px; padding-top: 6px; }
dl.seluser:after { content: "\e77c"; font-family:iconfont; position:absolute; right:6px; top:25px; font-size:18px; color:gray; }
dl.seluser dt { height: 58px; width: 58px; border: solid 1px #DEDEDE; border-radius: 50%; background: #DEDEDE; overflow: hidden; position: absolute; top: 6px; left: 6px; }
dl.seluser dt img { width:100%; height:100%;}
dl.seluser dt i { font-size:56px; color:#999; }
dl.seluser dd.head { color: #444; font-size: 18px; line-height: 32px; padding-left: 12px; }
dl.seluser dd.sub { color: gray; font-size: 13px; line-height: 26px; padding-left: 12px; }
/*.pcform { display: none; }
.qrform { display: block; }*/
.nonononono { }
@-webkit-keyframes weuiLoading { 
    0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); }
}

@keyframes weuiLoading {
    0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); }
}