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

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

@font-face {
    font-family: "FuturaBook";
    src: url("../other/FuturaBook.eot");
    src: url("../other/FuturaBook.eot") format("embedded-opentype"), url("../other/FuturaBook.woff2") format("woff2"), url("../other/FuturaBook.woff") format("woff"), url("../other/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;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;
    width: 435px;
    display: block;
    margin: 0px auto;
    margin-top: 100px;
}

.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;
    text-align: center;
}

.tm-login .main .container .title span {
    margin-left: 0.1rem;
    /* 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.16rem;
    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;
    float: left;
    width: 100px;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    text-align: center;
    margin-right: 20px;
    color: black;
    font-size: 16px;
}

.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.18rem;
    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;
    margin: 15px 0px;
}

.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.16rem;
}
.list li{}