html {height:100%;}
body {font-size:16px;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:100%;line-height:1.7;vertical-align:baseline;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#646464;background-color:#fff;}
p {margin:0 0 20px 0;color:#646464;}
h1,h2,h3,h4,h5,h6 {font-weight:400;font-family:Helvetica,Arial,sans-serif;margin:0 0 20px 0;color:#111;}
h1,h2 {line-height:1.2;}
h3,h4,h5,h6 {line-height:1.4;}
h1 {font-size:36px;}
@media only screen and (max-width:1199px) {h1 {font-size:34px;}
}
@media only screen and (max-width:991px) {h1 {font-size:32px;}
}
@media only screen and (max-width:767px) {h1 {font-size:30px;}
}
h2 {font-size:28px;}
@media only screen and (max-width:1199px) {h2 {font-size:26px;}
}
@media only screen and (max-width:991px) {h2 {font-size:24px;}
}
@media only screen and (max-width:767px) {h2 {font-size:22px;}
}
h3 {font-size:22px;}
@media only screen and (max-width:991px) {h3 {font-size:20px;}
}
@media only screen and (max-width:767px) {h3 {font-size:18px;}
}
h4 {font-size:20px;}
@media only screen and (max-width:991px) {h4 {font-size:18px;}
}
@media only screen and (max-width:767px) {h4 {font-size:16px;}
}
h5 {font-size:18px;}
@media only screen and (max-width:991px) {h5 {font-size:16px;}
}
/*=======================================================================2. Template Default Style=========================================================================*/a {text-decoration:none;}
a:active,a:hover,a:focus {text-decoration:none;}
a:active,a:hover,a:focus {outline:0 none;}
img {max-width:100%;height:auto;}
ul {list-style:outside none none;margin:0;padding:0;}
.red { color:#f00}
.blod { font-weight: 600;}
.fxt-content-between {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;}
/* login style start*/
.xlogin {min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#049;padding:15px;}
.xlogin .fxt-checkbox-area {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.xlogin .fxt-bg-color {display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;}
.xlogin .fxt-content {padding:30px;width:100%;background-color:rgb(255 255 255 / 15%);border-radius: 30px; position:relative;}

.xlogin .fxt-header {text-align:center;margin-bottom:50px;}
.xlogin .fxt-header .fxt-logo {display:block;margin-bottom:7px;max-width:40vw;margin-left:auto;margin-right:auto;}
.xlogin .fxt-header h1 {color:#fff;font-size:36px;font-weight:500;margin-bottom:10px;}
.xlogin .fxt-header p {color: #dee2e6;font-size: 24px;font-weight: 600;}
.xlogin .fxt-form h2 {text-align:center;font-weight:700;margin-bottom:25px;}
.xlogin .fxt-form .fxt-otp-logo {margin-bottom:20px;display:block;text-align:center;}
.xlogin .fxt-form .fxt-otp-label {margin-bottom:15px;font-size:18px;font-weight:500;text-align:center;width:100%;}
.xlogin .fxt-form p {font-size:18px;color:#049;text-align:center;}
.xlogin .fxt-form p span {display:block;}
.xlogin .fxt-form .form-group {position:relative;z-index:1;margin-bottom:50px;}
.xlogin .fxt-form .form-group .field-icon {position:absolute;z-index:1;right:19px;bottom:18px;font-size:14px;color:#a1a1a1;}
.xlogin .fxt-form .form-group .field-icon:before {padding:17px 10px;}
.xlogin .fxt-form .form-control {min-height:60px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #e7e7e7;line-height:60px; padding:0 30px;color:#333;border-radius: 30px;}
.xlogin .fxt-form input::-webkit-input-placeholder {color:#a1a1a1;font-size:16px;font-weight:300;}
.xlogin .fxt-form input::-moz-placeholder {color:#a1a1a1;font-size:16px;font-weight:300;}
.xlogin .fxt-form input:-moz-placeholder {color:#a1a1a1;font-size:16px;font-weight:300;}
.xlogin .fxt-form input:-ms-input-placeholder {color:#a1a1a1;font-size:16px;font-weight:300;}
.xlogin .fxt-form input[type="text"]{font-size: 20px;font-weight: 550;letter-spacing:2px;}
.xlogin .fxt-form .fxt-form-row {display:flex;flex-wrap:wrap;margin-bottom:25px;}
.xlogin .fxt-form .fxt-form-row .fxt-form-col {padding:10px 5px;text-align:center;margin-right:10px;flex-basis:0;flex-grow:1;}
.xlogin .fxt-form .fxt-form-row .fxt-form-col:last-child {margin-right:0;}
.xlogin .fxt-form .fxt-form-btn {margin-bottom:10px;}
.xlogin .fxt-btn-fill {cursor:pointer;display:inline-block;font-size:18px;font-weight:600;-webkit-box-shadow:none;box-shadow:none;outline:none;border:0;color:#fff;border-radius:30px;background-color:#dc3545;padding:0;margin-bottom:10px;width:100%;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; height: 60px; line-height: 60px;}
.xlogin .fxt-btn-fill:hover {background-color:#dd4814;}
.xlogin .fxt-btn-fill:focus {outline:none;}
/* login style end*/


/* 考试列表 */
.ks_list li {margin: 30px auto 0; display: block;}
.ks_list li a{width: 100%; display: block; height: 60px; border-radius: 10px;  color: #fff; font-size: 18px; font-weight: 600; line-height: 60px; text-align: center;background: #dc3545;}
.ks_list li a.back{background: #6c757d; color: #ccc;}
.ks_list li a.back:hover {background: #212529;}
.ks_list li a.out{background: #dc3545;}
.ks_list li a:hover{ color: #fff; background: #dd4814;}

#countdown{text-align: center;font-size: 16px;color: #fff;line-height: 3;margin-bottom: 0; margin-top: 20px;}
#countdown #timer{ color:#f00; padding-right: 10px; font-weight: 600;}
.user {display: flex;background: rgb(255 255 255 / 70%);border-radius: 10px;align-content: flex-start;flex-wrap: wrap;padding: 10px;}
.user span { text-align: left; color: #333; padding:0 15px; font-size: 17px;line-height: 40px;height: 40px; width: auto;text-shadow: 0 1px #ffffff; }

.logout{ position: absolute; right: 30px; top: 30px; width: 200px; height: 60px;}
.logout a { width:100%; height:48px; display: block; border-radius: 24px; text-align: center; font-size: 18px; color: #fff; background: #dc3545; line-height: 48px;}
.logout a:hover {background: #dd4814;}

.copyright {position:fixed;left:0;bottom:0px;padding:10px 0;width:100%; margin:0 auto;text-align:center;line-height:30px;color:rgb(191,203,217);font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.copyright a {color: rgb(191,203,217);}

.title {font-size: 24px;line-height: 2;color: #fff;text-align: center;padding-bottom: 30px;font-weight: 600;}

.pass,.fail{ padding:0 15px;color: #096;border: 6px solid #096;line-height: 88px;transform: rotate(-45deg);font-size: 50px;height: 100px;position: absolute;right: 100px; bottom:100px; font-weight: 500;text-shadow: 0 1px #ffffff;}

.fail{color: #999;border: 5px solid #999;}