/*
* CSS reset for mobile
*/
html,body,div,span,applet,object,iframe,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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; font-family:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:20px;}
body{font-family:Microsoft YaHei, "Droid Sans", "Droid Sans Fallback", "Heiti SC", Helvetica, sans-self; }
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
textarea{width:100%;vertical-align:middle;}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border:0}
body *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
i{vertical-align:middle}
button{margin:0;padding:0;font-size:100%;line-height:1}a{text-decoration:none}
input,textarea{outline:none;font-family:inherit;-webkit-appearance:none;}
a{color:#333;}
/*清除浮动*/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{zoom:1}
.fl{float:left;}
.fr{float:right;}
@media (min-width:321px) and (max-width:414px) {
html{font-size:23.4375px;}
}
@media (min-width:415px) {
html{font-size:25.875px;}
}
.AppBanner {
color: #ffffff;
text-align: center;
}
.AppBanner-inner {
padding: 34px 0 28px;
background-image: -webkit-linear-gradient(316deg, #3592f5, #67bcef);
background-image: linear-gradient(134deg, #3592f5, #67bcef);
}
.AppBanner-title {
margin-bottom: 24px;
font-size: 19px;
-webkit-font-smoothing: antialiased;
line-height: 1;
}
h1, h2, h3 {
margin: 0;
font: inherit;
}
.AppBanner-button--ghost {
color: #ffffff;
border-color: hsla(0, 0%, 100%, .6);
}
.AppBanner-button {
padding: 4px 20px !important;
}
.Button--ghost {
color: #3592f5;
border: 1px solid #3592f5;
}
.AppBanner-button--ghost {
color: #ffffff;
border-color: hsla(0, 0%, 100%, .6);
}
.AppBanner-button + .AppBanner-button {
margin-left: 16px;
}
.Button--invertGhost {
color: #3592f5;
background-color: #ffffff;
border: 1px solid #ffffff;
}
.Button { display: inline-block; box-sizing: border-box; padding: 4px 0; cursor: pointer; line-height: 1.5; border-radius: 4px; text-align: center; font-size:16px; }
.dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 12px; -webkit-transform: translateZ(0); transform: translateZ(0); }
.dropload-down { height: 50px; }
.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { height: 50px; line-height: 50px; text-align: center; }
.dropload-load .loading { display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }
@-webkit-keyframes rotate {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(180deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg);}
100% { transform: rotate(360deg); }
}
button{border: 0px; width: 100%;}
.btn { display: block; height: 1.9rem; line-height: 1.9rem; text-align: center; font-size: .8rem; color: #ffffff; background: #5063c6; border-radius: .2rem }
.regist .form { padding: .7rem .6rem }
.regist .form .btn_area { margin-top: .65rem }
.regist .form .btn_area .link { margin-top: .5rem; display: inline-block; width: 100%; height: 2rem; line-height: 2rem; text-align: center; color: #5568c8 }
.regist .form .ipt { height: 1.85rem; overflow: hidden; margin-bottom: .65rem}
.regist .form .ipt input { text-align:left; box-sizing: border-box; border: 1px solid #bebebe; width: 100%; height: 100%; font-size: .65rem; border-radius: 0; padding-left: .5rem; }
.regist .form .code_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 1.85rem }
.regist .form .code_wrap .code { display: block; -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5 }
.regist .form .code_wrap .code_tip { display: block; -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; padding-left: .6rem }
.regist .form .code_wrap .code_tip .checkcode { display: block; box-sizing: border-box; height: 1.85rem; line-height: 1.85rem; border: 1px solid #bebebe; width: 100%; height: 100%; font-size: .65rem; text-align: center; background: #ffffff }
.regist .success { text-align: center; padding: 2rem .6rem }
.regist .success .title { font-size: .75rem; margin-bottom: .4rem }
.regist .success p { line-height: 1rem; font-size: .65rem }
.regist .success .btn_area { margin-top: 3rem }
.regist .success .btn_area li { margin-bottom: .65rem }
.regist .form .code_wrap .code_tip .againSend{ background: #efefef!important;}
/*tip*/
.preloader-indicator-modal .preloader { display: block; width: 1.7rem; height: 1.7rem; }
.preloader-indicator-modal { position: fixed; left: 50%; top: 50%; padding: 0.4rem; margin-left: -1.25rem; margin-top: -1.25rem; background: rgba(0, 0, 0, 0.8); z-index: 11000; border-radius: 0.25rem; }
.preloader {display: inline-block; width: 1rem; height: 1rem; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: preloader-spin 1s steps(12, end) infinite; animation: preloader-spin 1s steps(12, end) infinite; }
.preloader:after {display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }
.preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes preloader-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.preloader-indicator-modaltext { position: fixed; left: 0%; top: 50%; z-index: 11000; width: 100%;}
.preloader-indicator-modaltitle{ padding: 0.4rem; margin-left: auto; margin-right: auto; margin-top: -1.25rem; color:#fff; font-size:.6rem; background: rgba(0, 0, 0, 0.8);border-radius: 0.25rem; width: 60%; text-align: center; }