@charset "UTF-8";
/* base/文件夹包含了一些有关于你的项目中一些模板相关。在这里，你可以看到reset样式(或者Normalize.css,或者其他)，也有一些关于文本排版方面的，当然根据不同的项目会有一些其他的文件。著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。 */
/* ---------reset START ---------*/
* { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

body, html { margin: 0px; padding: 0px; height: 100%; font-size: 12px; background: #FFFFFF; color: #363636; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body, div, span, applet, object, iframe, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ul, li, ol, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form, a, button { margin: 0; padding: 0; list-style: none; font-family: "Noto Sans CJK SC", "Source Han Sans CN","黑体"; }

input, textarea, keygen, select, button { font-family: "Noto Sans CJK SC", "Source Han Sans CN", "黑体" !important; }

/* ios滑动效果优化 */
img { border: 0; }

input, textarea, button { outline: none; -webkit-appearance: none; background-color: transparent; margin: 0px; border: none; padding: 0; }

a { text-decoration: none; }

/* 清楚浮动效果 */
.clearfix { zoom: 1; }

.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

/* 隐藏和显示 */
.hide, .display_none { display: none; }

.show { display: block; }

.background_gray { background: #DAD6D6 !important; }

/* CSS实现内容超过长度后以省略号显示*/
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* ---------reset END ---------*/
.login-icon { background-image: url("/static/public/images/gather_icon.png"); background-size: 1000px 1000px; background-repeat: no-repeat; }

.login-public-wrap { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 3000; }
.login-public-wrap .login-content { background-color: #fff; border-radius: 14px; padding: 36px 20px 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80%; z-index: 2; }
.login-public-wrap .login-content .login-close-wrap { width: 50px; height: 30px; position: absolute; top: 5px; right: 0; text-align: right; }
.login-public-wrap .login-content .login-close-wrap i { display: inline-block; width: 18px; height: 18px; background-image: url("/static/public/images/login/loginClose.png"); background-size: 14px 14px; background-repeat: no-repeat; position: absolute; top: 8px; right: 15px; }
.login-public-wrap .login-content .title { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 20px; }
.login-public-wrap .login-content .title .title-small { font-size: 15px; color: #666; font-weight: 300; float: right; padding-top: 8px; width: 50px; text-align: right; }
.login-public-wrap .login-content .input-wrap { width: 100%; height: 44px; border-radius: 5px; background-color: #f7f7f7; position: relative; margin-bottom: 15px; box-sizing: border-box; }
.login-public-wrap .login-content .input-wrap .inp-big-wrap { font-size: 14px; color: #464646; border: none; width: calc(100% - 40px); height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 40px; line-height: 44px; }
.login-public-wrap .login-content .input-wrap .inp-big-wrap.big-short { width: 43%; }
.login-public-wrap .login-content .input-wrap .inp-big-wrap input { width: 100%; height: 20px; display: inline-block; line-height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 14px; }
.login-public-wrap .login-content .input-wrap .input-icon-wrap { display: inline-block; width: 40px; height: 100%; box-sizing: border-box; position: relative; }
.login-public-wrap .login-content .input-wrap .input-icon-wrap i { display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.login-public-wrap .login-content .input-wrap .input-icon-wrap i.input-phone-icon { background-image: url("/static/public/images/login/loginPhone.png"); background-size: 20px 20px; background-repeat: no-repeat; }
.login-public-wrap .login-content .input-wrap .input-icon-wrap i.input-num-icon { background-image: url("/static/public/images/login/loginCode.png"); background-size: 20px 20px; background-repeat: no-repeat; }
.login-public-wrap .login-content .input-wrap .input-icon-wrap i.input-code-icon { background-image: url("/static/public/images/login/loginSuo.png"); background-size: 20px 20px; background-repeat: no-repeat; }
.login-public-wrap .login-content .input-wrap .get-code, .login-public-wrap .login-content .input-wrap .check-code { height: 100%; width: 80px; font-size: 12px; text-align: center; line-height: 44px; position: absolute; right: 0px; top: 0px; color: #cc3244; box-sizing: border-box; }
.login-public-wrap .login-content .input-wrap .get-code::before, .login-public-wrap .login-content .input-wrap .check-code::before { content: ""; display: inline-block; width: 0; height: 16px; border-right: 2px solid #ccc; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.login-public-wrap .login-content .input-wrap .img-code { width: 38%; height: 38px; position: absolute; right: 3px; display: inline-block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.login-public-wrap .login-content .login { width: 100%; height: 45px; border-radius: 23px; font-size: 18px; color: #fff; text-align: center; line-height: 45px; margin-top: 30px; background-color: #F9B2BE; box-sizing: border-box; }
.login-public-wrap .login-content .login.active { background-color: #cc3244; }
.login-public-wrap .login-content .agree-wrap { padding-top: 17px; text-align: center; color: #666; font-size: 12px; }
.login-public-wrap .login-content .agree-wrap .service-text, .login-public-wrap .login-content .agree-wrap .privacy-text { color: #cc3244; }
.login-public-wrap .login-content .SF-sound { font-size: 12px; color: #999999; position: relative; text-indent: 9px; }
.login-public-wrap .login-content .SF-sound i { display: inline-block; width: 3px; height: 3px; background-color: #999999; border-radius: 50%; position: absolute; top: 6px; left: 0px; }
.login-public-wrap .login-content .SF-sound .account { color: #151515; font-weight: bold; }
.login-public-wrap .login-content .login-a { font-size: 14px; color: #cc3244; text-align: center; display: block; margin-top: 15px; text-decoration: underline; opacity: .5; }
.login-public-wrap .login-content .login-a.active { opacity: 1; }
.login-public-wrap .protocol-page-wrap { width: 90%; background-color: #fff; border-radius: 14px; padding: 20px 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 2; box-sizing: border-box; }
.login-public-wrap .protocol-page-wrap .protocol-title-text { font-size: 16px; color: #333; text-align: center; font-weight: bold; padding-bottom: 20px; }
.login-public-wrap .protocol-page-wrap .protocol-text-wrap { padding: 15px; background-color: #f7f7f7; font-size: 13px; color: #333; }
.login-public-wrap .protocol-page-wrap .protocol-text-wrap .protocol-text-p { text-indent: 26px; padding-bottom: 10px; line-height: 18px; }
.login-public-wrap .protocol-page-wrap .protocol-text-wrap .protocol-text-p .bold-text { font-weight: bold; color: #151515; }
.login-public-wrap .protocol-page-wrap .protocol-text-wrap .protocol-text-p .pro-color { color: #cc3244; }
.login-public-wrap .protocol-page-wrap .protocol-btn-wrap { padding-top: 20px; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-around; }
.login-public-wrap .protocol-page-wrap .protocol-btn-wrap span { display: block; width: 100px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 15px; }
.login-public-wrap .protocol-page-wrap .protocol-btn-wrap span.disagree-btn { border: 1px solid #ccc; color: #333; float: left; }
.login-public-wrap .protocol-page-wrap .protocol-btn-wrap span.agree-btn { background-color: #cc3244; color: #fff; float: right; }
.login-public-wrap .mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.75); }
.login-public-wrap .authorization { background: #ffffff; background-color: #fff; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80%; z-index: 2; }
.login-public-wrap .authorization .authorization-title { height: 44px; text-align: center; line-height: 44px; border-bottom: 1px solid #ececec; }
.login-public-wrap .authorization .authorization-title span { font-size: 17px; color: #333333; font-weight: bold; }
.login-public-wrap .authorization .authorization-logo { margin: 0 15px; border-bottom: 1px solid #ececec; height: 75px; }
.login-public-wrap .authorization .authorization-logo img { width: 32px; height: 32px; float: left; margin: 20px 11px 0px 90px; border-radius: 50%; }
.login-public-wrap .authorization .authorization-logo span { font-size: 14px; font-weight: bold; line-height: 75px; }
.login-public-wrap .authorization .authorization-phone { height: 60px; border-bottom: 1px solid #ececec; padding: 10px 15px; font-size: 12px; color: #666666; }
.login-public-wrap .authorization .authorization-button { height: 43px; line-height: 43px; font-size: 15px; font-weight: bold; }
.login-public-wrap .authorization .authorization-button .update-phone { width: 57%; border-right: 1px solid #ececec; text-align: center; display: inline-block; }
.login-public-wrap .authorization .authorization-button .empower { color: #cc3244; text-align: center; width: 43%; display: inline-block; }

/*loading2*/
.loading-wrap { background-color: rgba(255, 255, 255, 0); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200000; }
.loading-wrap .loading { width: 80px; height: 80px; background-color: #000; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; text-align: center; position: absolute; border-radius: 6px; }
.loading-wrap .loading img { width: 60px; height: 60px; z-index: 2000; position: relative; margin-top: 10px; animation: mymove .8s infinite linear; -webkit-animation: mymove .8s infinite linear; /*Safari and Chrome*/ }

@keyframes mymove { from { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg);
    /* IE 9 */
-moz-transform: rotateZ(0deg);
    /* Firefox */
-webkit-transform: trotateZ(0deg);
    /* Safari 和 Chrome */
-o-transform: rotateZ(0deg);
    /* Opera */ }
  to { transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);
    /* IE 9 */
-moz-transform: rotateZ(360deg);
    /* Firefox */
-webkit-transform: trotateZ(360deg);
    /* Safari 和 Chrome */
-o-transform: rotateZ(360deg);
    /* Opera */ } }
@-webkit-keyframes mymove /*Safari and Chrome*/ { from { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg);
    /* IE 9 */
-moz-transform: rotateZ(0deg);
    /* Firefox */
-webkit-transform: trotateZ(0deg);
    /* Safari 和 Chrome */
-o-transform: rotateZ(0deg);
    /* Opera */ }
  to { transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);
    /* IE 9 */
-moz-transform: rotateZ(360deg);
    /* Firefox */
-webkit-transform: trotateZ(360deg);
    /* Safari 和 Chrome */
-o-transform: rotateZ(360deg);
    /* Opera */ } }
.empty-icon { width: 130px; height: 130px; margin: 100px auto 0px; display: block; }

/*input 输入框 placeholder样式*/
/*渐变背景色*/
/*box阴影:内外阴影更换要自己写，因默认为外阴影无值*/
/* 
错误、警告、友善提示（自动消失）
宽高为定，只是设置了最少宽度和最少高度，可以自定义宽高

*/
.popup-tip { position: fixed; left: 0px; right: 0px; margin: 0 auto; width: 51%; top: 50%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); /* IE 9 */ -moz-transform: translate(0%, -50%); /* Firefox */ -webkit-transform: translate(0%, -50%); /* Safari 和 Chrome */ -o-transform: translate(0%, -50%); /* Opera */ padding: 12px 12px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 15px; text-align: center; z-index: 3000; border-radius: 10px; }