@CHARSET "UTF-8";

/*=== 字体 ===*/
@font-face {
    
    font-family: "SourceSans";
    src: url("../fonts/SourceSansPro-Regular.eot");
    src: url("../fonts/SourceSansPro-Regular.eot") format("embedded-opentype"),
         url("../fonts/SourceSansPro-Regular.woff2") format("woff2"),
         url("../fonts/SourceSansPro-Regular.woff") format("woff"),
         url("../fonts/SourceSansPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    
    font-family: "SourceCode";
    src: url("../fonts/SourceCodePro-Regular.eot");
    src: url("../fonts/SourceCodePro-Regular.eot") format("embedded-opentype"),
         url("../fonts/SourceCodePro-Regular.woff2") format("woff2"),
         url("../fonts/SourceCodePro-Regular.woff") format("woff"),
         url("../fonts/SourceCodePro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    
    font-family: "FuturaBook";
    src: url("../fonts/FuturaBook.eot");
    src: url("../fonts/FuturaBook.eot") format("embedded-opentype"),
         url("../fonts/FuturaBook.woff2") format("woff2"),
         url("../fonts/FuturaBook.woff") format("woff"),
         url("../fonts/FuturaBook.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

/*== HTML ==*/
* { backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden; }
html,body { -ms-overflow-style: scrollbar; font-size: 625%; height: 100%; overflow: hidden; }

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "FuturaBook", "SourceSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", SimSun, sans-serif; outline: none; }
div { box-sizing: border-box; }
ul, li, p { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:focus, a:hover { color: #FF4343; text-decoration: none; outline: none; }

/*=== 通用 ===*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-box { padding: 0 0.08rem; }
.tm-first-box { padding-top: 0.8rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 3.2rem) { 
    
}

@media ( min-width : 3.6rem) { 
    
} 

/*平板电脑*/
@media ( min-width : 7.68rem) { 
    
} 

/*笔记本电脑*/
@media ( min-width : 9.92rem) {   
    
} 

/*PC电脑*/
@media ( min-width : 12rem) {
    
}

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
.uk-container { padding: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }

/*=== Login ===*/
.tm-login { position: relative; height: 100%; overflow: hidden; }
.tm-login .background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; z-index: 1; }
.tm-login .background:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;             background: -webkit-radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.9));
    background: -o-radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.9));
    background: -moz-radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.9));
    background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.9)); }
.tm-login .main { position: relative; padding: 0.16rem; background: rgba(255,255,255,0.2); box-shadow: 0 0 0.08rem rgba(0,0,0,0.5); border: 0.01rem solid rgba(255,255,255,0.5); border-radius: 0.02rem; z-index: 2; }
.tm-login .main .container { max-width: 4rem; }
.tm-login .main .container .title { padding: 0.08rem; background: rgba(0,0,0,0.7); line-height: 0.3rem; font-size: 0.2rem; color: #FFF; }
.tm-login .main .container .title span { margin-left: 0.04rem; letter-spacing: 0.02rem; }

/*表单*/
.tm-login .main .container .form { padding: 0.16rem 0.32rem; background: rgba(255,255,255,0.7); }
.tm-login .main .container .form .box .list { position: relative; margin-top: 0.16rem; }
.tm-login .main .container .form .box .list .subject { position: absolute; top: 0.04rem; left: 0.08rem; line-height: 0.32rem; font-size: 0.14rem; color: #999; }
.tm-login .main .container .form .box .list .subject .icon { position: relative; top: -0.03rem; margin-right: 0.04rem; }
.tm-login .main .container .form .box .list .input input[type="text"],
.tm-login .main .container .form .box .list .input input[type="password"] { padding: 0 0.08rem; padding-left: 0.36rem; width: 100%; height: 0.4rem; background: rgba(255,255,255,0.7); box-sizing: border-box; border: none; border-bottom: 0.02rem solid rgba(0,0,0,0.1); line-height: 0.4rem; font-size: 0.14rem; }
.tm-login .main .container .form .box .list.name .input:after,
.tm-login .main .container .form .box .list.password .input:after,
.tm-login .main .container .form .box .list.code .input:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; background: #0EB83A; 
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); 

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-login .main .container .form .box .list .input.on:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
.tm-login .main .container .form .box .list .input img { position: absolute; top: 50%; right: 0.08rem; margin-top: -0.05rem; height: 0.1rem; cursor: pointer; }
.tm-login .main .container .form .box .list .input .back { line-height: 0.32rem; font-size: 0.14rem; }
.tm-login .main .container .form .box .list .input .back a { display: block; }
.tm-login .main .container .form .box .list .input label { line-height: 0.32rem; font-size: 0.14rem; cursor: pointer; }
.tm-login .main .container .form .box .list .input label + label { margin-right: 0.16rem; }
.tm-login .main .container .form .box .list .input label .check { position: relative; top: 0.1rem; margin-right: 0.04rem; width: 0.10rem; height: 0.10rem; border: 0.01rem solid rgba(0,0,0,0.5); }
.tm-login .main .container .form .box .list .input label .check .icon { position: absolute; top: 50%; left: 50%; margin-top: -0.12rem; margin-left: -0.08rem; width: 0; height: 0.2rem; overflow: hidden; }
.tm-login .main .container .form .box .list .input label.on { color: #FF4343; }
.tm-login .main .container .form .box .list .input label.on .check { border-color: #FF4343; }
.tm-login .main .container .form .box .list .input label.on .check .icon { width: 0.2rem; }
.tm-login .main .container .form .box .list .input label input[type="radio"]{ display: none; visibility: hidden; }
.tm-login .main .container .form .box .list .input input[type="submit"] { display: block; width: 100%; height: 0.4rem; line-height: 0.4rem; background: #FF4343; border: none; letter-spacing: 0.08rem; font-size: 0.14rem; color: #FFF; cursor: pointer; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-login .main .container .form .box .list .input input[type="submit"]:hover { background: #0EB83A; }

/*版权*/
.tm-login .main .container .copyright { padding: 0 0.32rem 0.16rem 0.32rem; background: rgba(255,255,255,0.7); font-size: 0.14rem; }