@charset "utf-8";
/* base style */
body {
}

label {
    font-weight: normal;
    text-decoration: none;
}

li {
    list-style: none;
}

a, a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}

.grey {
    color: #ccc;
}

.green {
    color: #66CC00;
}

.red {
    color: #FF0033;
}

/**************************************************************************************/
.container {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
}

.header {
    line-height: 40px;
    font-size: 14px;
    height: 40px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    background-color: #1E9FFF;
    color: #fff;
}

.header-register a {
    margin-left: 20px;
    font-size: 14px;
    color: #ffe779;
}

.register-pic {
    width: 100%;
    background: #F8F8F8;
    padding-top: 40px;
}

.register-form-main {
    width: 580px;
    margin: 20px auto;
}

.register-form-item {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative;
}

.register-form-item.mb-10 {
    margin-bottom: 10px;
}

.register-form-item label {
    margin-bottom: 0;
    float: left;
}

.register-form-item p {
    width: 90px;
    text-align: right;
    font-size: 14px;
    display: inline-block;
    line-height: 36px;
    margin-right: 15px;
    float: left;
    margin-bottom: 0;
}

.register-form-item p span {
    font-size: 14px;
    color: #f00;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.register-form-item span {
    color: #FF0000;
}

.register-form-type {
    width: 475px;
    line-height: 36px;
    display: inline-block;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 22px;
    background: url("../svg/icon-01.svg") left center no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
}

.input-1 {
    width: 475px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    border: 1px #ddd solid;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
}

.input-2 {
    width: 120px;
    float: left;
}

.textarea-1 {
    width: 475px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 78px;
    line-height: 22px;
    border: 1px #ddd solid;
    padding: 6px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
}

.register-code {
    float: left;
    width: 335px;
    margin-left: 15px;
    line-height: 36px;
}

.register-code img {
    width: 120px;
    height: 36px;
    border: 1px #000 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.register-form-item-text {
    width: 120%;
    float: left;
    margin-top: 10px;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-register {
    width: 475px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
}

input.sendMsgBtn {
    width: 160px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    border: 0;
}

.register-protocol {
    width: 475px;
    float: right;
    text-align: center;
    font-size: 14px;
}

.register-protocol a {
    color: #017fea;
}

.navbar-wrapper {
    height: 80px;
    border-bottom: 1px #eee solid;
}

.navbar {
    background: #ffffff;
}

.navbar .logo {
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    line-height: normal;
}

.navbar .logo img {
    max-height: 60px;
}

.nav > ul > li {
    margin-top: 18px;
}

.navbar-nav > ul > li, .navbar-nav > ul > li > a {
    color: #333;
    font-size: 16px;
}

.nav > ul > li > a:hover, .nav > ul > li.current > a {
    color: #279ff5;
    background: none;
}

.dropDown.hover .dropDown_A, .dropDown.open .dropDown_A {
    background: none;
}

.dropDown.hover .dropDown_A a, .dropDown.open .dropDown_A {
    color: #279ff5;
}

.menu > li > a {
    font-size: 14px;
}

.nav > ul > li > a {
    padding: 0 10px;
}

.index-search {
    position: relative;
}

.input-3 {
    width: 200px;
    height: 36px;
    background: #eee;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 36px;
    padding-left: 10px;
    font-size: 16px;
    transition: width 0.2s linear;
}

.input-3:focus {
    /*width: 200px;*/
}

.btn-1 {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 7px;
    background: none;
    border: 0;
    cursor: pointer;
    outline: none;
}

.btn-1 .Hui-iconfont {
    font-size: 22px;
}

.custom-manage {
    height: 70px;
}

.header-img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.dropDown.open > .dropDown-menu.custom-dropDown {
    top: 62px;
    left: auto;
    right: 0;
}

.dropDown.open > .dropDown-menu.custom-dropDown i {
    margin-right: 8px;
}

#Hui-userbar > ul > li > a.top-help {
    position: relative;
}

.top-help span {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: -10px;
    top: -2px;
    background: url("../svg/icon-02.svg") top right no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-username {
    position: absolute;
    top: 5px;
    left: 24px;
    color: #FFFFFF;
    font-size: 12px;
}

.Hui-aside {
    top: 80px;
    background: #4a4e58;
    padding-top: 0;
}

.Hui-article-box {
    top: 80px;
}

/*
.Hui-aside .menu_dropdown dt{
    color: #b3bccd;
    font-size: 15px;
    padding-left: 20px;
}
.Hui-aside .menu_dropdown dt:hover{
    color: #b3bccd;
}
.Hui-aside .menu_dropdown dt .menu_dropdown-arrow {
    color: #fff;
}
.Hui-aside .menu_dropdown dd ul {
    padding: 0;
}
.Hui-aside .menu_dropdown dd li a{
    color: #b3bccd;
}
.Hui-aside .menu_dropdown li.current a{
    color: #148cf1;
    background-color: rgba(250,250,250,0.5);
}
*/
.navigation-controller {
    width: 100%;
    line-height: 26px;
}

.navigation-controller label {
    cursor: pointer;
}

.navigation-controller input[type="checkbox"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #bbb solid;
    top: -1px;
}

.navigation-controller input[type="checkbox"]:checked::after {
    content: url(../images/icon-checked.png);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.protocol {
    width: 100%;
    background: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.member-nav {
    width: 100%;
    border: 1px #dcdcdc solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.member-nav-header {
    width: 100%;
    height: 228px;
    background: url("../images/left-list-logobg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 35px;
}

.member-nav-header-img {
    width: 100%;
    text-align: center;
}

.member-nav-header-img img {
    width: 94px;
    height: 94px;
    display: inline-block;
    border-radius: 50%;
    border: 3px #fff solid;
}

.member-nav-header-nickname {
    width: 100%;
    text-align: center;
    margin-top: 16px;
    font-size: 14px;
    color: #ffffff;
}

.member-nav-header-integral {
    width: 100%;
    text-align: center;
    margin-top: 13px;
    color: #ffffff;
}

.member-nav-header-integral span {
    padding-left: 28px;
    background: url(../images/icon.png) no-repeat -774px -344px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: #FFFFFF;
}

.member-credit {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 15px;
}

.member-credit li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.member-credit li p {
    font-size: 18px;
    color: #383838;
    line-height: 1;
    margin-bottom: 5px;
}

.member-credit li span {
    font-size: 13px;
    color: #8599A7;
}

.member-credit li.active p, .member-credit li.active span {
    color: #279FF5;
}

.member-nav dl {
    width: 100%;
    border-top: 1px #F3F2F2 solid;
    padding-top: 15px;
}

.member-nav dl dt {
    font-size: 16px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #8599A7;
}

.member-nav dl dd {
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}

.member-nav dl dd a {
    font-size: 16px;
    color: #8599A7;
    display: block;
}

.member-nav dl dd a i {
    margin-right: 8px;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: -5px;
    background: url("../images/member_aside.png") no-repeat;
}

.member-nav dl dd.active {
    color: #279FF5;
}

.member-nav dl dd.active a, .member-nav dl dd:hover a {
    color: #279FF5;
}

.member-nav dl dd a i.menu-icon-01 {
    background-position: -2px -46px;
}

.member-nav dl dd.active a i.menu-icon-01, .member-nav dl dd:hover a i.menu-icon-01 {
    background-position: -37px -46px;
}

.member-nav dl dd a i.menu-icon-02 {
    background-position: 0 -865px;
}

.member-nav dl dd.active a i.menu-icon-02, .member-nav dl dd:hover a i.menu-icon-02 {
    background-position: -38px -865px;
}

.member-nav dl dd a i.menu-icon-03 {
    background-position: 0 -686px;
}

.member-nav dl dd.active a i.menu-icon-03, .member-nav dl dd:hover a i.menu-icon-03 {
    background-position: -38px -686px;
}

.member-nav dl dd a i.menu-icon-04 {
    background-position: 0 2px;
}

.member-nav dl dd.active a i.menu-icon-04, .member-nav dl dd:hover a i.menu-icon-04 {
    background-position: -35px 2px;
}

.member-nav dl dd a i.menu-icon-05 {
    background-position: -35px -730px;
}

.member-nav dl dd.active a i.menu-icon-05, .member-nav dl dd:hover a i.menu-icon-05 {
    background-position: -1px -730px;
}

.member-nav dl dd a i.menu-icon-06 {
    background-position: 0 -378px;
}

.member-nav dl dd.active a i.menu-icon-06, .member-nav dl dd:hover a i.menu-icon-06 {
    background-position: -35px -378px;
}

.member-nav dl dd a i.menu-icon-07 {
    background-position: 0 -429px
}

.member-nav dl dd.active a i.menu-icon-07, .member-nav dl dd:hover a i.menu-icon-07 {
    background-position: -35px -429px
}

.member-nav dl dd a i.menu-icon-08 {
    background-position: 0 -784px;
}

.member-nav dl dd.active a i.menu-icon-08, .member-nav dl dd:hover a i.menu-icon-08 {
    background-position: -33px -784px;
}

.member-nav dl dd a i.menu-icon-09 {
    background-position: 0 -479px;
}

.member-nav dl dd.active a i.menu-icon-09, .member-nav dl dd:hover a i.menu-icon-09 {
    background-position: -35px -479px;
}

.member-nav dl dd a i.menu-icon-10 {
    background-position: 2px -836px;
}

.member-nav dl dd.active a i.menu-icon-10, .member-nav dl dd:hover a i.menu-icon-10 {
    background-position: -36px -836px;
}

.member-nav dl dd a i.menu-icon-11 {
    background-position: -1px -529px;
}

.member-nav dl dd.active a i.menu-icon-11, .member-nav dl dd:hover a i.menu-icon-11 {
    background-position: -36px -529px;
}

.member-nav dl dd a i.menu-icon-12 {
    background-position: -1px -211px;
}

.member-nav dl dd.active a i.menu-icon-12, .member-nav dl dd:hover a i.menu-icon-12 {
    background-position: -36px -211px;
}

.member-nav dl dd a i.menu-icon-13 {
    background-position: -1px -262px;
}

.member-nav dl dd.active a i.menu-icon-13, .member-nav dl dd:hover a i.menu-icon-13 {
    background-position: -36px -262px;
}

.member-nav dl dd a i.menu-icon-14 {
    background-position: 1px -761px;
}

.member-nav dl dd.active a i.menu-icon-14, .member-nav dl dd:hover a i.menu-icon-14 {
    background-position: -35px -761px;
}

.member-nav dl dd a i.menu-icon-15 {
    background-position: -1px -98px;
}

.member-nav dl dd.active a i.menu-icon-15, .member-nav dl dd:hover a i.menu-icon-15 {
    background-position: -36px -98px;
}

.member-nav dl dd a i.menu-icon-16 {
    background-position: -1px -148px;
}

.member-nav dl dd.active a i.menu-icon-16, .member-nav dl dd:hover a i.menu-icon-16 {
    background-position: -36px -148px;
}

.my-collect-total-search {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
}

.my-collect-total span {
    font-size: 12px;
    color: #3498db;
    font-style: normal;
}

.my-collect-list {
    width: 100%;
}

.my-collect-item {
    width: 220px;
    float: left;
    margin-left: 3px;
    border: 1px #f5f5f5 solid;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 240px;
    margin-bottom: 20px;
}

.my-collect-item:hover {
    border: 1px #ccc solid;
}

.my-collect-item img {
    width: 100%;
    height: 140px;
}

.my-collect-item p {
    width: 100%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 14px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #333;
    line-height: 1;
}

.my-collect-item p a {
    font-size: 14px;
    color: #333;
    line-height: 1;
}

.my-collect-item button {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../svg/icon-23.svg) center no-repeat #d1d1d1;
    -webkit-background-size: 18px;
    background-size: 18px;
    border: 0;
    cursor: pointer;
    display: none;
}

.my-collect-item:hover button {
    display: block;
}

.my-collect-item li {
    color: #777;
    margin-bottom: 10px;
}

.my-enroll-list {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-enroll-item {
    width: 100%;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.my-enroll-item-left {
    width: 160px;
    margin-right: 20px;
}

.my-enroll-item-left img {
    width: 160px;
    height: 102px;
}

.my-enroll-item-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.my-enroll-item-center p {
    font-size: 18px;
    color: #383838;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.my-enroll-item-center p a {
    font-weight: 500;
    font-size: 18px;
    color: #383838;
}

.my-enroll-item-center span {
    color: #777;
    font-size: 14px;
}

.my-enroll-item-center .state {
    margin-top: 10px;
}

.my-enroll-item-center .state i {
    font-style: normal;
}

.my-enroll-item-center .state i.state_unstart {
    color: orangered;
}

.my-enroll-item-center .state i.state_running {
    color: #279ff5;
}

.my-enroll-item-center .state i.state_finished {
    color: darkgreen;
}

.my-enroll-item-right {
    width: 118px;
    margin-left: 20px;
}

.my-enroll-item-right a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 14px;
    border-radius: 2px;
    background: #279ff5;
    color: #fff;
}

.my-question-list {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-question-item {
    width: 100%;
    border-top: 1px #e8e8e8 solid;
    margin-bottom: 20px;
    padding-top: 20px;
}

.my-question-item-1 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.my-question-item-1 p {
    font-size: 14px;
    color: #333;
}

.my-question-item-1 p i {
    font-style: normal;
    color: #ff5a00;
}

.my-question-item-1 span {
    color: #999;
    font-size: 12px;
}

.my-comment-star {
    width: 100%;
    margin-top: 8px;
}

.my-comment-star a {
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 5px;
    background: url("../svg/icon-24.svg") center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.my-question-item-2 {
    width: 100%;
    margin-top: 10px;
    line-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.my-question-item-2 button {
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 12px;
    color: #999;
}

.my-question-item-2 a {
    color: #999;
    font-size: 12px;
}

.my-question-item-2 a span {
    color: #3498db;
    margin-left: 6px;
}

.my-answer-list {
    width: 100%;
}

.my-answer-item {
    width: 100%;
    padding: 10px 15px;
    background: #f5f5f5;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
}

.my-answer-item li {
}

.my-answer-item li i {
    color: #3498db;
    font-style: normal;
}

.my-answer-item p {
    color: #333;
}

.my-answer-item button {
    border: 0;
    background: none;
    cursor: pointer;
}

.course-comment-search {
    width: 100%;
    background: #F4F5F9;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.course-comment-score {
    text-align: center;
    width: 140px;
    font-size: 26px;
    line-height: 30px;
    color: #fd6500;
}

.course-comment-tags {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    line-height: 30px;
}

.course-comment-tags label {
    margin-right: 10px;
}

.course-comment-tags label input {
    margin-right: 5px;
}

.course-comment {
    background: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.lq-score {
    display: inline-block
}

div.lq-score ul, li {
    margin: 0;
    padding: 0;
    list-style: none
}

div.lq-score > ul > li {
    float: left;
    cursor: pointer;
    padding: 0 2px;
    transition: color .3s;
    -moz-transition: color .3s;
    -webkit-transition: color .3s;
    -o-transition: color .3s
}

div.lq-score > ul:after {
    content: "";
    display: block;
    clear: both
}

.course-comment-star {
    line-height: 30px;
    width: 100%;
    padding-left: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-comment-star.pl-0 {
    padding-left: 0;
}

div.lq-score {
    float: left
}

.comment-star-tip {
    padding: 0 8px;
    float: left
}

.star-tip {
    margin: 0;
    transition: color .3s;
    -moz-transition: color .3s;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    font-size: 16px;
    color: #333;
}

.course-comment-star.pl-0 .star-tip {
    margin-left: 6px;
}

.star-tip i {
    font-style: normal;
    font-size: 26px;
    font-weight: 700;
    margin-left: 10px;
    float: left;
    margin-right: 15px;
}

.course-comment-text {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.course-comment-text.mt-0 {
    margin-top: 0;
}

.course-comment-text-left {
    width: 60px;
    margin-right: 20px;
}

.course-comment-text-left img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-comment-text-left p {
    color: #627a88;
    font-size: 12px;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.course-comment-text-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.course-comment-text-right textarea {
    height: 90px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    resize: none;
    max-width: 100%;
    min-width: 100%;
    max-height: 90px;
    min-height: 90px;
}

.course-comment-text-right p {
    width: 100%;
    text-align: right;
    line-height: 32px;
    color: #999;
}

.course-comment-text-right p span {
}

.course-comment-text-right p button {
    height: 32px;
    min-width: 70px;
    padding: 0 10px;
    line-height: 32px;
    margin-left: 30px;
}

.course-comment-list {
    width: 100%;
    position: relative;
}

.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loading-bg {
    width: 32px;
    height: 32px;
    background: url("/Public/Home/static/layui/css/modules/layer/default/loading-2.gif");
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.course-comment-item {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.course-comment-item-left {
    width: 60px;
    margin-right: 20px;
}

.course-comment-item-left img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-comment-item-left p {
    color: #627a88;
    font-size: 12px;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.course-comment-item-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px #ddd solid;
    padding: 5px 0 15px;
}

.course-comment-item-right li {
    width: 100%;
    float: left;
}

.course-comment-item-right li a {
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 5px;
    background: url("../svg/icon-24.svg") center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.course-comment-item-right p {
    width: 100%;
    float: left;
    margin-top: 5px;
    word-wrap: break-word;
    word-break: break-all;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
    line-height: 23px;
}

.course-comment-item-right span {
    font-size: 12px;
    color: #999;
}

.course-answer {
    width: 100%;
    padding: 20px 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-answer-list {
    width: 100%;
    position: relative;
}

.course-answer-item {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.course-answer-item-left {
    width: 60px;
    margin-right: 20px;
}

.course-answer-item-left img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-answer-item-left p {
    color: #627a88;
    font-size: 12px;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.course-answer-item-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px #ddd solid;
    padding: 5px 0 0;
}

.course-answer-item-right p {
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
    color: #333;
    line-height: 23px;
    overflow: hidden;
}

.course-answer-item-right span {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    line-height: 26px;
}

.course-answer-item-right-btn {
    text-align: right;
}

.course-answer-item-right-btn button {
    display: inline-block;
    margin-left: 25px;
    border: 0;
    font-size: 14px;
    color: #627a88;
    background: none;
    cursor: pointer;
}

.course-answer-item-right-btn button.add-like-ans-like {
    color: #279ff5;
}

.course-answer-item-right-btn i {
    font-style: normal;
    margin-left: 3px;
    color: #279ff5;
}

.course-answer-item-right-btn button:hover {
    color: #279ff5;
}

.course-answer-item-right-list {
    width: 100%;
    background: #EEEEEE;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-answer-sub-item {
    width: 100%;
    border-bottom: 1px dashed #bbb;
    padding: 10px 0;
    position: relative;
}

.answer_sub_list {
    margin-top: 10px;
}

.answer_sub_list .course-answer-sub-item:first-child {
}

.answer_sub_list .course-answer-sub-item:last-child {
    border-bottom: 0;
}

.course-answer-sub-item li i {
    color: #00a0fc;;
    font-style: normal;
}

.course-answer-sub-item p {
    color: #627a88;
    font-size: 14px;
}

.del-answer-sub {
    position: absolute;
    top: 10px;
    right: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.del-answer-sub:hover {
    color: #00a0fc;
}

.course-answer-sub-text-x {
    width: 100%;
    margin-top: 10px;
}

.course-answer-sub-text {
    width: 100%;
    text-align: right;
}

.course-answer-sub-text textarea[name="sub_answer"] {
    height: 70px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    line-height: 140%;
    margin-bottom: 10px;
    resize: none;
    max-width: 100%;
    min-width: 100%;
    max-height: 70px;
    min-height: 70px;
}

.btn-hide-text {
    font-size: 14px;
    margin-right: 20px;
    line-height: 30px;
    padding-right: 0;
    color: #279ff5;
    border: 0;
    background: none;
}

.btn-answer-sub {
    width: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #00a0fc;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    border: 0;
}

.member-footer {
    width: 100%;
    background: #313131;
    text-align: center;
    font-size: 14px;
    color: #9E9E9E;
    letter-spacing: 2px;
    line-height: 2;
}

.member-footer-main {
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.member-footer a {
    color: #9E9E9E;
}

.member-right {
    width: 100%;
    background: #ffffff;
    border: 1px #dcdcdc solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.member-setting {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#member-setting-tab {
    width: 100%;
}

.member-setting-tab {
    width: 100%;
}

.member-setting-tab span {
    padding: 0 12px;
    border-radius: 20px;
    text-align: center;
    color: #007fda;
    font-size: 14px;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    display: inline-block;
}

.member-setting-tab span.current {
    background: #109cff;
    color: #fff;
}

.member-setting-tab-con {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    display: none;
}

.member-setting-tab-con.pd-0 {
    padding: 0;
}

.member-add-address {
    margin-top: 20px;
}

.member-add-address button {
    background: #109cff;
    border: 0;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.member-address-list {
    margin-top: 20px;
}

.member-address-list table {
    border: 0;
    border-collapse: collapse;
    font-size: 14px;
}

.member-address-list table thead {
    background: #eee;
}

.member-address-list table th, .member-address-list table td {
    padding: 10px;
    border-bottom: 1px #eeeeee solid;
    font-size: 14px;
}

.member-address-list table th.w-100 {
    width: 100px;
}

.member-address-list table th.w-400 {
    width: 460px;
}

.member-address-list table td button {
    background: none;
    border: 0;
    color: #27A5F9;
    cursor: pointer;
}

.member-address-list table td button:first-child {
    margin-right: 15px;
}

.member-tab-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.member-tab-header-img {
    width: 120px;
    height: 120px;
    margin-right: 30px;
}

.member-tab-header-img img {
    width: 100%;
    height: 100%;
}

.member-tab-header-text-file {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.member-tab-header-text {
    width: 100%;
    color: #bbb;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}

.file-1 {
    margin-top: 15px;
}

.member-setting-form-1 {
    width: 375px;
    margin-top: 45px;
}

.member-setting-form-1setting-from-1 li {
    width: 100%;
    margin-top: 15px;
    line-height: 30px;
    float: left;
}

.member-setting-form-1 li label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}

.member-setting-form-1 li span {
    float: left;
}

.input-4 {
    border: 1px solid #ddd;
    width: 160px;
    height: 30px;
    line-height: 28px;
    text-indent: 10px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: none;
}

.member-setting-form-1 .layui-input-block a {
    float: right;
    color: #017fea;
    padding: 0 10px;
    margin-left: 10px;
}

.member-setting-form-1 .layui-input-block a.change-nickname-sure {
    display: none;
}

.edit-password-h3 {
    text-align: center;
}

.edit-password {
    width: 100%;
}

.edit-password li {
    height: 32px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 15px;
}

.edit-password li.edit-password-last-li {
    padding-left: 90px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
}

.edit-password label {
    width: 80px;
    display: inline-block;
    text-align: right;
    font-size: 15px;
    line-height: 32px;
    margin-right: 10px;
}

.input-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    border: 1px #dcdcdc solid;
}

.edit-password li button {
    margin-right: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.manage-setting-from {
    width: 100%;
}

.manage-setting-from li {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}

.manage-setting-from li label {
    display: inline-block;
    width: 110px;
    text-align: right;
    line-height: 34px;
    margin-right: 10px;
}

.input-7 {
    width: 300px;
    border: 1px #ccc solid;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.manage-setting-from li img {
    display: inline-block;
    margin-left: 15px;
    height: 32px;
    margin-top: 1px;
}

.textarea-7 {
    width: 600px;
    border: 1px #ccc solid;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.web_about-text {
    width: 1000px;
}

.inputsort {
    width: 44px;
    text-align: center;
    height: 26px;
    line-height: 24px;
    border: 1px #ccc solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
}

.img-custom-1 {
    max-width: 100%;
    max-height: 31px;
}

.page {
    width: 100%;
}

.page-center {
    text-align: center;
}

.page a, .page span {
    display: inline-block;
    margin-right: 5px;
    border: 1px #ccc solid;
    padding: 0 11px;
    height: 30px;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.page a:hover, .page span, .page a.current {
    color: #5a98de;
    border: 1px #5a98de solid;
}

.lh-38 {
    line-height: 38px;
}

.height-20 {
    height: 20px;
}

.bg-fff {
    background: #FFFFFF;
}

/*publish*/
.publish {
    width: 100%;
}

.publish-title {
    width: 100%;
    position: relative;
}

.publish-title-line {
    width: 100%;
    position: absolute;
    top: 12px;
    left: 0;
    height: 1px;
    background: #ddd;
}

.publish-title span {
    font-size: 17px;
    color: #383838;
    padding-right: 30px;
    position: relative;
    z-index: 5;
    background: #eee;
}

.publish-list {
    width: 100%;
    margin-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.publish-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
}

.publish-item p {
    width: 100%;
    font-size: 15px;
    margin-bottom: 15px;
}

.publish-item li {
    width: 100%;
    padding: 28px 0;
    background: #ccc;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    position: relative;
}

.publish-item li.publish-bg-01 {
    background: #0066df;
}

.publish-item li.publish-bg-02 {
    background: #279ff5;
}

.publish-item li.publish-bg-03 {
    background: #17c473;
}

.publish-item li.publish-bg-04 {
    background: #7129ca;
}

.publish-item li.publish-bg-05 {
    background: #00b1e6;
}

.publish-item li.publish-bg-06 {
    background: #06b7b1;
}

.publish-item a {
    text-decoration: none;
}

.publish-item a:hover {
    text-decoration: none;
}

.publish-item li i {
    font-size: 36px;
    color: #ffffff;
    width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    line-height: 64px;
    text-decoration: none;
}

.publish-list-2 .publish-item li i {
    font-size: 36px;
    color: #ffffff;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    line-height: 60px;
    text-decoration: none;
}

.publish-item li span {
    font-size: 18px;
    color: #ffffff;
    margin-left: 15px;
    text-decoration: none;
    position: relative;
    top: -7px;
}

.publish-list-2 .publish-item li span {
    font-size: 17px;
    color: #ffffff;
    margin-left: 10px;
    text-decoration: none;
    position: relative;
    top: -5px;
}

.publish-header {
    width: 100%;
    height: 100px;
}

.publish-header-live {
    background: #ffc835 url(../images/live-header.png) no-repeat center 0;
}

.publish-header-video {
    background: #ffc835 url(../images/video-header.png) no-repeat center 0;
}

.publish-header-picture {
    background: #ffc835 url(../images/picture-header.png) no-repeat center 0;
}

.publish-course {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding-bottom: 40px;
    margin-top: 20px;
}

.publish-course-item {
    width: 100%;
}

.publish-course-item h4 {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 40px;
    color: #1d2f3d;
    font-size: 18px;
    border-bottom: 1px #ddd solid;
}

.publish-course-item h4 span {
    float: right;
}

.course_small_text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.edui-default {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 10;
}

.publish-course-main {
    width: 100%;
    background: #ffffff;
    padding: 20px 0;
    /*display: none;*/
}

.publish-form-item {
    width: 100%;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;
}

.uploads-tips {
    position: absolute;
    top: 100px;
    left: 520px;
    font-size: 14px;
    color: #ff0000;
}

.publish-form-item.mb-0 {
    margin-bottom: 0;
}

.publish-form-item.mb-5 {
    margin-bottom: 5px;
}

.publish-form-item-tags {
    display: none;
}

.publish-form-item label {
    width: 120px;
    text-align: right;
    margin-right: 20px;
    line-height: 32px;
    color: #333;
}

.publish-form-item label i {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.input-10 {
    width: 660px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 38px;
    border: 1px #d9d9d9 solid;
}

.publish-form-item p {
    color: #999;
    margin-left: 20px;
    line-height: 38px;
}

.publish-form-item p span {
    color: #ff5500;
}

.course_img {
    width: 360px;
    height: 230px;
}

.course_img img {
    width: 360px;
    height: 230px;
    vertical-align: top;
}

.btn-upload-cus {
    width: 100px;
    margin-top: 160px;
    cursor: pointer;
}

.btn-upload-cus input.input-file {
    width: 100px;
}

.change-default-img {
    margin-top: 160px;
}

.input-12 {
    width: 140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 38px;
    border: 1px #d9d9d9 solid;
    margin-right: 15px;
}

.publish-form-item-line {
    width: 28px;
    height: 18px;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    margin: 0 10px 0 -5px;
}

.select-10 {
    width: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 38px;
    border: 1px #d9d9d9 solid;
    margin-right: 15px;
}

.publish-form-item-checkbox {
    width: 820px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.publish-form-item-checkbox li {
    margin: 0 10px 10px 0;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    color: #666;
    border-radius: 2px;
    background-color: #f5f5f5;
}

.publish-form-item-checkbox li.tags_checked {
    background: #279cff;
    color: #fff;
}

.input-11 {
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 32px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    color: #666;
    border-radius: 2px;
    background-color: #f5f5f5;
    display: none;
}

.ajax-course-tags {
    display: none;
}

#check-list {
    width: 820px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#check-list li {
    margin: 0 10px 10px 0;
    padding: 0 30px 0 10px;
    line-height: 30px;
    height: 30px;
    border-radius: 2px;
    background-color: #279cff;
    position: relative;
    color: #ffffff;
}

#check-list li i {
    width: 28px;
    height: 28px;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.textarea-10 {
    width: 820px;
    height: 160px;
    padding: 5px 10px;
    line-height: 1.6;
    border: 1px #d9d9d9 solid;
}

.input-13 {
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 32px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    color: #666;
    border-radius: 2px;
    background-color: #f5f5f5;
}

.input-14 {
    width: 310px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 38px;
    border: 1px #d9d9d9 solid;
    margin-right: 15px;
}

.show-teacher {
    height: 38px;
    margin-right: 15px;
}

.clear-teacher-info {
    height: 38px;
}

.publish-form-item-text-warning {
    margin-top: 10px;
}

.publish-form-item-text-warning span {
    color: #ff5500;
}

.input-15 {
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 38px;
    border: 1px #d9d9d9 solid;
    margin-right: 15px;
}

.lh-32 {
    line-height: 32px;
}

.publish-form-item .check-box {
    padding: 0;
    width: auto;
    margin-right: 15px;
}

.publish-form-item .check-box label {
    width: auto;
    text-align: left;
    margin-right: 0;
}

.publish-form-item .check-box input[type="checkbox"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 3px;
    border: 1px #bbb solid;
}

.publish-form-item .check-box input[type="checkbox"]:checked::after {
    content: url(../images/icon-checked.png);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.publish-form-item .radio-box {
    padding: 0;
    width: auto;
    margin-right: 15px;
}

.publish-form-item .radio-box label {
    width: auto;
    text-align: left;
    margin-right: 0;
}

.publish-form-item .radio-box input[type="radio"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 3px;
    border: 1px #bbb solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.publish-form-item .radio-box input[type="radio"]:checked::after {
    content: url(../images/icon-radio.png);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.publish-form-item .publish-form-item-filename {
    margin-left: 15px;
    line-height: 31px;
}

.publish-form-item .input-file {
    width: 398px;
    height: 31px;
}

.publish-form-item .publish-form-item-pic {
    margin-left: 15px;
}

.publish-form-item .publish-form-item-pic img {
    height: 31px;
}

.publish-interactive {
    border-top: 1px #eee solid;
}

.publish-interactive-title {
    background: #F5F5F5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
    color: #1d2f3d;
    font-size: 16px;
}

.publish-interactive-list {
    width: 100%;
    padding: 20px;
    background: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.publish-interactive-list li {
    width: 190px;
}

.publish-interactive-list li a {
    width: 190px;
    height: 60px;
    display: block;
    line-height: 60px;
    border-radius: 5px;
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #74c63d;
    border: 1px solid #67b830;
}

.publish-interactive-list li p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.publish-btn {
    width: 100%;
    text-align: center;
}

.publish-btn button {
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    background-color: #4faeff;
    border-radius: 2px;
}

.publish-btn button.btn-adopt-course {
    margin-right: 20px;
}

.publish-teacher {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.publish-teacher-search {
    width: 100%;
    height: 38px;
    position: relative;
}

.input-16 {
    width: 100%;
    height: 38px;
    border: 1px solid #bbb;
    border-radius: 4px;
    line-height: 36px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-16 {
    width: 58px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/search.svg") center no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
    border: 0;
    cursor: pointer;
}

.publish-teacher-list {
    width: 100%;
    margin-top: 15px;
}

.publish-teacher-list table {
    border: 0;
    border-collapse: collapse;
}

.publish-teacher-list table th, .publish-teacher-list table td {
    border: 1px #ccc solid;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.publish-teacher-list table th {
    background: #eee;
    height: 40px;
    line-height: 40px;
}

.publish-teacher-list table td.bgBlue {
    background: #3bb4f2;
    color: #ffffff;
}

.upload-video {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.upload-type {
    margin-top: 10px;
}

.upload-video-c {
    width: 100%;
}

.upload-video-c2 {
    width: 100%;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    display: none;
}

.upload-video-c2 p {
    background: #e5e5e5;
    padding: 0 15px;
    line-height: 29px;
    border: 1px #ccc solid;
    margin-left: 0;
    margin-right: 15px;
}

.upload-video-c2 button {
    cursor: pointer;
}

.video-h5-link {
    margin-top: 10px;
}

.course_library {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    height: 500px;
    overflow-y: scroll;
}

.course_library li {
    width: 23.5%;
    margin-left: 2%;
    margin-bottom: 15px;
    border: 1px #eee solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course_library li.checked {
    border: 1px #f00 solid;
}

.course_library li:nth-child(4n+1) {
    margin-left: 0;
}

.course_library li img {
    width: 100%;
}

.course_library_footer {
    text-align: center;
}

.my-course-current {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    color: #279FF5;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
}

.my-course-search {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
}

.my-course-search-main {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    line-height: 34px;
    padding-bottom: 10px;
}

.my-course-search li {
    margin-left: 15px;
}

.my-course-search li.active a, .my-course-search li:hover a {
    color: #279ff5;
}

.my-course-search span.ml-15 {
    margin-left: 15px;
}

.my-course-search select {
    width: 120px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-course-list {
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-course-item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.my-course-item:last-child {
    border-bottom: 0;
}

.my-course-item-left {
    width: 212px;
    margin-right: 20px;
    position: relative;
}

.my-course-item-left img {
    width: 100%;
    height: 135px;
}

.my-course-item-left i {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/icon.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.my-course-item-left i.my-course-item-type-live {
    background-position: -547px -106px
}

.my-course-item-left i.my-course-item-type-video {
    background-position: -547px -40px
}

.my-course-item-left i.my-course-item-type-picture {
    background-position: -610px -232px;
}

.my-course-item-left span {
    width: 52px;
    height: 22px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}

.my-course-item-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.my-course-item-center p {
    width: 100%;
    margin-bottom: 10px;
}

.my-course-item-center p.p1 a {
    font-size: 16px;
    color: #383838;
    font-weight: 500;
    line-height: 22px;
}

.my-course-item-center p.p2 {
    color: #279FF5;
    font-size: 15px;
}

.my-course-item-center p.p2 i {
    width: 18px;
    height: 18px;
    background: url(../images/icon.png) no-repeat 0 -465px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.my-course-item-center p.p4 span {
    margin-right: 15px;
}

.my-course-item-center p.p4 span.look {
    padding-left: 30px;
    background: url(../svg/icon-03.svg) left center no-repeat;
    -webkit-background-size: 26px;
    background-size: 26px;
}

.my-course-item-center p.p4 span.comment {
    padding-left: 24px;
    background: url(../svg/icon-04.svg) left center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.my-course-item-right {
    width: 132px;
    margin-left: 10px;
}

.course-manage-audit a {
    font-size: 16px;
    color: #555;
    margin-right: 15px;
}

.course-manage-audit a.acitve {
    color: #279ff5;
}

.course-manage-index {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ddd solid;
    border-bottom: 0;
    padding: 10px 15px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.course-manage-index.flex-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.export-btn {
    height: 36px;
    margin-left: 20px;
}

.statistics-project-detail .export-btn {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
}

.course-manage-index-2 {
    padding: 0 15px;
}

.course-manage-index p {
    font-size: 16px;
    line-height: 36px;
}

.course-manage-index-2 p {
    font-size: 14px;
    color: #999;
}

.course-manage-index p a.push_btn {
    color: #279cff;
    font-size: 16px;
    margin-left: 15px;
}

.course-manage-index p a i {
    margin-right: 5px;
}

.course-manage-search {
    position: relative;
}

.course-manage-search .course-manage-search-input {
    width: 150px;
    padding: 0 36px 0 10px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ccc solid;
    line-height: 34px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    top: -1px;
}

.course-manage-search.course-manage-search-2 .course-manage-search-input {
    margin-top: 10px;
}

.course-manage-search .course-manage-search-input-2 {
    width: 100px;
    padding: 0 10px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ccc solid;
    line-height: 34px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    top: -1px;
}

.course-manage-search.course-manage-search-2 .course-manage-search-input-2 {
    margin-top: 10px;
}

.course-manage-search input.submit-c {
    width: 90px;
    height: 36px;
    line-height: 36px;
    border: 0;
    position: relative;
    top: -1px;
    outline: none;
    font-size: 14px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #279ff5;
    margin-left: 5px;
    cursor: pointer;
}

.course-manage-search.course-manage-search-2 input.submit-c {
    margin-top: 10px;
}

.course-manage-search input.reset-c {
    width: 90px;
    height: 36px;
    line-height: 36px;
    border: 0;
    position: relative;
    top: -1px;
    outline: none;
    font-size: 14px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ff8636;
    margin-left: 5px;
    cursor: pointer;
}

.course-manage-search.course-manage-search-2 input.reset-c {
    margin-top: 10px;
}

.course-manage-search-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 7px;
    top: 7px;
    border: 0;
    background: url("../svg/icon-05.svg");
    -webkit-background-size: 22px;
    background-size: 22px;
    cursor: pointer;
}

.course-manage-search span {
    margin-right: 10px;
    line-height: 36px;
    font-size: 14px;
    color: #999;
}

.course-manage-search span select {
    width: 118px;
    border: 1px #ddd solid;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.course-manage-search span select.w-60 {
    width: 60px;
}

.reject_text {
    width: 100%;
}

.reject_text textarea {
    width: 100%;
    height: 160px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #e5e5e5 solid;
}

.exam-tags {
    width: 100%;
}

.exam-tags li {
    font-size: 15px;
    background: #fff;
    color: #199ae0;
    border: 1px solid #199ae0;
    float: left;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    padding: 0 16px;
    cursor: pointer;
    display: inline-block;
    margin-right: 30px;
}

.exam-tags li.active {
    background: #199ae2;
    color: #fff;
}

.exam-tips {
    font-size: 14px;
    color: #bbb;
    margin: 5px 0;
}

.exam-setting {
    width: 100%;
    text-align: right;
    padding-right: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.exam-setting label {
    line-height: 20px;
}

.exam-setting button {
    font-size: 12px;
    margin-left: 25px;
    border: 0;
    background: none;
    height: 20px;
    vertical-align: top;
    cursor: pointer;
}

.add-exam-options {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    background: #279ff5;
    font-size: 17px;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.is_true_answer {
    line-height: 30px;
    font-size: 14px;
}

.is_true_answer label {
    margin-right: 15px;
}

.is_true_answer input[type="radio"] {
    margin-right: 5px;
}

.exam-input {
    width: 100%;
}

.exam-input li {
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
    color: #999;
}

.exam-input li:first-child {
    margin-top: 0;
}

.exam-input li input[type="text"] {
    width: 300px;
    height: 30px;
    margin-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ccc solid;
    font-size: 13px;
}

.exam_title {
    width: 100%;
    position: relative;
}

.exam_title_2 textarea {
    height: 130px;
    padding-top: 44px;
}

.exam_title_input_btn {
    width: 100%;
    height: 40px;
    background: #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    position: absolute;
    text-align: right;
    padding: 5px 25px 5px 0;
    display: none;
}

.exam_title_input_btn button {
    border: 0;
    background: #fff;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0 15px;
}

/*paper*/
.paper-title {
    font-size: 20px;
    color: #383838;
    line-height: 20px;
}

.paper-type {
    color: #999;
    font-size: 14px;
    margin-right: 35px;
    line-height: 26px;
}

.paper-score {
    color: #383838;
    font-size: 14px;
    line-height: 20px;
}

.paper-list-content {
    width: 900px;
    min-height: 296px;
    border: 1px #e0e0e0 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 0 20px 20px;
}

.no-paper-data {
    width: 100%;
    background: url(../svg/icon-25.svg) center top no-repeat;
    padding-top: 60px;
    -webkit-background-size: 50px;
    background-size: 50px;
    margin-top: 65px;
    text-align: center;
    color: #999;
}

.add-paper {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
}

.add-paper button {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #279FF5;
    font-size: 16px;
    border: 1px #279ff5 solid;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background: #FFFFFF;
}

.paper-list {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px #e5e5e5 solid;
}

.paper-type-class {
    line-height: 50px;
    font-size: 17px;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 20px;
}

.paper-item {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.paper-item-remove {
    width: 100%;
    height: 30px;
    visibility: inherit;
    text-align: right;
    position: absolute;
    z-index: 1;
    top: 50px;
}

.paper-item-remove button {
    height: 24px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    background: #f00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    margin: 0 10px;
    visibility: hidden;
}

.paper-item-remove button.first, .paper-item-remove button.last {
    color: #bbbbbb;
}

.paper-item-c {
    width: 100%;
    position: relative;
    padding: 10px 15px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.paper-item:hover .paper-item-remove button {
    visibility: inherit;
}

.paper-item:hover .paper-item-c {
    background: #F3F3F3;
}

.paper-item-difficulty {
    width: 100%;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
}

.paper-item-difficulty a {
    width: 20px;
    height: 20px;
    vertical-align: top;
    display: inline-block;
    background: url("../svg/icon-26.svg") no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    cursor: inherit;
}

.paper-item-difficulty a.orange {
    background: url("../svg/icon-27.svg") no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.paper-item-difficulty span {
    color: #EB702B;
}

.paper-item-title {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}

.paper-item-option {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
}

.paper-item-answer {
    font-size: 16px;
    color: #4d9fee;
    line-height: 24px;
}

.paper-item-analysis {
    font-size: 16px;
    color: #5e7f9c;
    line-height: 24px;
}

.paper-win {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 666;
}

.paper-win-big {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 667;
}

.paper-win-s {
    width: 60%;
    height: 400px;
    top: 100px;
    left: 20%;
    position: absolute;
    z-index: 668;
    background: #FFFFFF;
}

.paper-win-search {
    border-bottom: 1px #ccc solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10px;
    height: 40px;
    text-align: right;
    position: relative;
    /*margin-bottom: 10px;*/
}

.paper-win-search select {
    width: 220px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.paper-win-search .course-manage-search-input {
    width: 250px;
    padding: 0 36px 0 10px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ccc solid;
    line-height: 28px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin-left: 15px;
}

.paper-win-search .course-manage-search-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 7px;
    top: 4px;
    border: 0;
    background: url("../svg/icon-05.svg");
    -webkit-background-size: 22px;
    background-size: 22px;
    cursor: pointer;
    margin-left: 15px;
}

.paper-win-all-election {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 40px;
}

.paper-win-all-election-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    padding-left: 15px;
}

.paper-win-all-election-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    color: #279ff5;
}

.paper-win-all-election-left label {
}

.paper-win-all-election label input[type="checkbox"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #ddd solid;
    top: -12px;
}

.paper-win-all-election label input[type="checkbox"]:checked::after {
    content: url(../images/icon_checked_2.jpg);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.paper-win-all-election label i {
    font-style: normal;
}

.paper-win-all-election-right button {
    display: inline-block;
    border: 0;
    background: none;
    color: #279ff5;
    cursor: pointer;
}

.paper-win-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 300px;
}

.paper-win-list-center {
    width: 18px;
    margin: 0 25px;
    height: 100%;
    background: url("../svg/icon-28.svg") center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.paper-win-list-x {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px #ddd solid;
    overflow-y: scroll;
    padding-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.paper-win-list-x li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 60px;
    padding: 10px 5px 10px 15px;
    border-bottom: 1px #ddd solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.paper-win-list-x2 li {
    height: auto;
    padding: 10px 15px;
}

.paper-win-list-x li label {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    font-size: 14px;
}

.paper-win-list-x li label input[type="checkbox"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #ddd solid;
    top: -2px;
}

.paper-win-list-x2 li label input[type="checkbox"] {
    top: -2px;
    margin-right: 10px;
}

.paper-win-list-x li label input[type="checkbox"]:checked::after {
    content: url(../images/icon_checked_2.jpg);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.paper-win-list-x li label i {
    color: #55809f;
    margin-right: 7px;
    font-style: normal;
}

.paper-win-list-x li label i.checked {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #55809f;
    margin-right: 5px;
    font-style: normal;
    background: url("../svg/icon_check_01_disabled.svg") center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    position: relative;
    top: 3px;
}

.paper-win-list-x li label i.right {
    margin-right: 0;
    float: right;
    color: #555;
}

.paper-win-list-x li span {
    position: absolute;
    right: 5px;
    bottom: 11px;
    font-size: 12px;
    color: #999;
}

.paper-win-list-x li button {
    width: 50px;
    color: #279ff5;
    vertical-align: top;
    font-size: 14px;
    background: none;
    border: 0;
    cursor: pointer;
    visibility: hidden;
}

.paper-win-list-x li:hover button {
    visibility: inherit;
}

.new-index-banner {
    width: 100%;
    position: relative;
    height: 713px;
    overflow: hidden;
}

.new-index-banner .swiper-slide {
    width: 100% !important;
    height: 713px;
    overflow: hidden;
    text-align: center;
}

.new-index-banner .swiper-slide a {
    display: block;
    height: 713px;
}

.new-index-banner .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor: pointer;
    background: #ffffff;
    opacity: 0.8;
}

.new-index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 44px;
    opacity: 1;
}

.index-member-info {
    width: 100%;
    margin-top: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-member-info-left {
    width: 248px;
    height: 500px;
    padding-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #eee solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: url(../images/user-bg.png) top no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin-right: 24px;
}

.index-member-info-list {
    width: 100%;
    margin-top: 55px;
}

.index-member-info-list li {
    width: 100%;
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index-member-info-list li p {
    color: #999;
    font-size: 14px;
}

.index-member-info-list li span {
    color: #383838;
    font-size: 16px;
}

.index-member-info-right {
    width: 928px;
    height: 500px;
    border: 1px #eee solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-member-info-item {
    width: 252px;
    text-align: center;
}

.index-member-info-item-name {
    width: 100%;
    margin-bottom: 20px;
}

.index-member-info-item-name a {
    font-size: 16px;
    color: #383838;
}

.index-member-info-item-tags {
    margin-bottom: 25px;
}

.index-member-info-item-tags span {
    font-size: 14px;
    color: #999;
    display: inline-block;
}

.index-member-info-item-data {
    width: 100%;
    height: 340px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 5px 10px rgba(238, 238, 238, 0.8);
    -moz-box-shadow: 0 5px 10px rgba(238, 238, 238, 0.8);
    box-shadow: 0 5px 10px rgba(238, 238, 238, 0.8);
    padding: 25px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index-member-info-item-data img {
    width: 100%;
}

.no-item-data {
    text-align: center;
    margin-top: 55px;
}

.index-member-info-item-data p {
    font-size: 14px;
    color: #bbb;
}

.index-examination-title {
    text-align: left;
    font-size: 15px;
    margin-top: 15px;
    color: #383838;
    height: 55px;
    line-height: 24px;
}

.index-examination-desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.index-examination-desc p {
    width: 70px;
    color: #999;
    margin-right: 6px;
}

.index-examination-desc span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    word-break: break-all;
    font-size: 14px;
    color: #999;
}

.index-examination-time {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 24px;
    margin-top: 5px;
}

.index-examination-time p {
    width: 70px;
    color: #999;
    margin-right: 6px;
}

.index-examination-time span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    color: #279ff5;
}

.start-examination {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.start-examination a {
    display: inline-block;
    padding: 0 20px;
    line-height: 32px;
    height: 32px;
    color: #fff;
    background-color: #279ff5;
    font-size: 14px;
    border-radius: 4px;
}

.index-course {
    width: 100%;
    margin-top: 50px;
}

.index-course-title {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-course-title p {
    font-size: 22px;
    color: #333;
}

.index-course-title a {
    color: #666;
    font-size: 14px;
    margin-top: 8px;
}

.index-course-list {
    width: 100%;
    margin-top: 30px;
}

.index-course-item {
    width: 282px;
    height: 280px;
    float: left;
    margin-right: 24px;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.index-course-item:nth-child(4n) {
    margin-right: 0;
}

.index-course-item-cover {
    width: 308px;
    height: 314px;
    background-color: #fff;
    position: absolute;
    top: -15px;
    left: -13px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    z-index: -1;
    opacity: 0;
}

.index-course-item:hover .index-course-item-cover {
    opacity: 1;
}

.index-course-item img {
    width: 100%;
    height: 180px;
}

.index-course-item h4 {
    width: 100%;
    text-align: left;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383838;
    font-weight: normal;
}

.index-course-item h4 a {
    color: #383838;
    font-size: 17px;
}

.index-course-item span {
    margin-top: 13px;
    font-size: 15px;
    color: #999;
}

.course-center-top {
    width: 100%;
    margin-top: 25px;
    font-size: 14px;
    position: relative;
    box-shadow: 0 0 24px 1px rgba(191, 191, 191, 0.3);
    border-radius: 8px 8px 2px 2px;
    height: 245px !important;
    background: #e6ebef;
}

.course-center-nav {
    width: 240px;
    float: left;
    background: #e6ebef;
    position: relative;
}

.course-center-nav-top {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background-color: #46546d;
    border-radius: 8px 0 0 0;
    margin-bottom: 10px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-center-nav-top p {
    color: #fff;
    font-size: 16px;
    background: url(../svg/icon-07.svg) right center no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
}

.course-center-nav-list-abs {
    width: 100%;
    position: absolute;
    top: 65px;
    left: 0;
    background: #e6ebef;
    z-index: 70;
}

.course-center-nav-list {
    width: 100%;
}

.course-center-nav-list1 {
    width: 100%;
}

.course-center-nav-list2 {
    width: 100%;
    display: none;
}

.course-center-nav-item {
    width: 100%;
    position: relative;
}

.course-center-nav-item li {
    width: 100%;
    padding: 0 20px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-center-nav-item li a {
    display: block;
}

.course-center-nav-item li a span {
    font-size: 16px;
    color: #333;
}

.course-center-nav-item:hover a span {
    color: #279ff5;
}

.course-center-nav-item li a i {
    width: 14px;
    height: 14px;
    float: right;
    margin-top: 10px;
    background: url(../svg/icon-08.svg) right center no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
}

.course-center-nav-item:hover a i {
    background: url(../svg/icon-09.svg) right center no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
}

.course-center-nav-second-white-bg {
    width: 20px;
    height: 20px;
    background: #ffffff;
    position: absolute;
    z-index: 16;
    left: 230px;
    top: 7px;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.course-center-nav-item:hover .course-center-nav-second-white-bg {
    opacity: 1;
}

.course-center-nav-second {
    width: 960px;
    height: 390px;
    display: none;
    overflow-y: scroll;
    background: #FFFFFF;
    position: absolute;
    z-index: 15;
    top: -65px;
    left: 240px;
    box-shadow: 0 0 24px rgba(191, 191, 191, 0.7);
    padding: 20px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-center-nav-second dl {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0 10px 0;
}

.course-center-nav-second dl dt {
}

.course-center-nav-second dl dt a {
    font-size: 16px;
    color: #333;
}

.course-center-nav-second dl dd {
    width: 100%;
}

.course-center-nav-second dl dd a {
    margin-right: 20px;
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    color: #888;
}

.course-center-nav-more {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}

.course-center-nav-more.hide-course-center-nav-more {
    display: none;
}

.course-center-nav-more span {
    padding-right: 26px;
    background: url("../svg/icon-10.svg") right center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    font-size: 16px;
}

.course-center-type {
    width: 960px;
    height: 245px;
    float: right;
    padding: 25px 20px 20px 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/bg-01.png) no-repeat right bottom #FFFFFF;
}

.course-center-type span {
    line-height: 30px;
    font-size: 14px;
    color: #a8aeb3;
    float: left;
}

.course-center-type a {
    padding: 0 10px;
    margin: 0 5px;
    height: 30px;
    float: left;
    line-height: 30px;
    color: #a8aeb3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
}

.course-center-type a.selected, .course-center-type a:hover {
    background: #279ff5;
    color: #FFFFFF;
}

.course-center-rec {
    width: 100%;
    margin-top: 50px;
}

.course-center-rec-title {
    width: 100%;
    text-align: center;
}

.course-center-rec-title p {
    font-size: 22px;
    color: #383838;
    line-height: 1;
    margin-bottom: 5px;
}

.course-center-rec-title a {
    font-size: 14px;
    color: #00a0fc;
    margin-top: 15px;
}

.course-center {
    width: 100%;
    margin-top: 60px;
    min-height: 600px;
}

.course-order {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e8e8e8;
}

.course-order a {
    line-height: 40px;
    margin-right: 35px;
    cursor: pointer;
    color: #666;
}

.course-order a.active, .course-order a:hover {
    color: #0f91ff;
}

.course-center-list {
    width: 100%;
}

.course-center-item {
    width: 282px;
    height: 300px;
    float: left;
    margin-right: 24px;
    position: relative;
    z-index: 3;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    margin-top: 20px;
}

.course-center-item:nth-child(4n) {
    margin-right: 0;
}

.course-center-item-cover {
    width: 308px;
    height: 314px;
    background-color: #fff;
    position: absolute;
    top: -13px;
    left: -13px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    z-index: -1;
    opacity: 0;
}

.course-center-item:hover .course-center-item-cover {
    opacity: 1;
}

.course-center-item img {
    width: 100%;
    height: 180px;
}

.course-center-item h4 {
    width: 100%;
    text-align: left;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383838;
    font-weight: normal;
}

.course-center-item h4 a {
    color: #383838;
    font-size: 17px;
}

.course-center-item span {
    margin-top: 13px;
    font-size: 15px;
    color: #999;
}

.course-page {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.course-page a, .course-page span {
    display: inline-block;
    margin: 0 4px;
    border: 1px #bbb solid;
    padding: 0 14px;
    height: 34px;
    line-height: 34px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
}

.course-page a:hover, .course-page span {
    color: #fff;
    background: #5a98de;
    border: 1px #5a98de solid;
}

.no-course-data {
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
}

.course-detail-1 {
    width: 100%;
    margin: 20px 0;
    height: 386px;
    background: #fff;
}

.course-detail-1-left {
    width: 610px;
    height: 386px;
    position: relative;
    float: left;
}

.course-detail-1-left img {
    width: 610px;
    height: 386px;
}

.course-detail-1-right {
    width: 590px;
    padding: 20px 20px 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}

.course-detail-tag {
    width: 100%;
    position: relative;
}

.course-detail-tag span {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    color: #FFFFFF;
    background: #00b6ec;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
    float: left;
}

.live_manage {
    float: right;
    text-align: right;
}

.live_manage a {
    margin-left: 20px;
}

.live_manage a.live {
    padding-left: 22px;
    background: url("../svg/live_btn.svg") no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.live_manage a.live:hover {
    background: url("../svg/live_btn_hover.svg") no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
    color: #279ff5;
}

.live_manage a.edit {
    padding-left: 20px;
    background: url("../svg/live_edit.svg") no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
}

.live_manage a.edit:hover {
    background: url("../svg/live_edit_hover.svg") no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    color: #279ff5;
}

.course-detail-title {
    font-size: 18px;
    color: #666;
    font-weight: 700;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.course-detail-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.live-time {
    width: 240px;
    padding-right: 10px;
    margin-right: 10px;
}

.live-time p.p1 {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
    display: block;
}

.live-time p.p2 {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
    display: block;
}

.live-time p.p3 {
    font-size: 14px;
    color: #999;
    display: block;
}

.course-credit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.course-credit p {
    float: left;
    margin-right: 20px;
    font-size: 12px;
    color: #999;
}

.course-credit p.bdl-1 {
    padding-left: 15px;
    border-left: 1px #ccc solid;
}

.course-credit p span {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
    display: block;
}

.course-detail-online {
    margin-top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.course-detail-online button {
    width: 142px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border-radius: 4px;
    background-color: #279ff5;
    border: 0;
    cursor: pointer;
}

.course-detail-online p {
    line-height: 42px;
}

.course-detail-online p span {
    font-size: 14px;
    color: #666;
    margin-left: 25px;
    padding-left: 23px;
}

.course-detail-online p span.span-1 {
    background: url("../svg/icon-03.svg") left center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.course-detail-online p span.span-2 {
    background: url("../svg/icon-20.svg") left center no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
}

.course-detail-online p span.span-3 {
    background: url("../svg/icon-21.svg") left center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    cursor: pointer;
}

.course-detail-online p span.span-3.selected {
    background: url("../svg/icon-21-checked.svg") left center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.course-detail-2 {
    width: 100%;
}

.course-detail-2-left {
    width: 896px;
    float: left;
}

.course-picture-text-title {
    width: 100%;
    height: 52px;
    line-height: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    border-bottom: 1px #ddd solid;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #627a88;
}

.course-picture-text {
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
    font-size: 15px;
}

.course-picture-text img {
    margin-top: 10px;
    max-width: 100%;
}

.course-swiper-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.course-swiper-container .swiper-slide {
    width: 100%;
}

.course-detail-tags {
    width: 100%;
    border-bottom: 1px #ddd solid;
    height: 52px;
    background: #FFFFFF;
}

.course-detail-tags li {
    height: 52px;
    border-bottom: 2px transparent solid;
    line-height: 50px;
    font-size: 14px;
    display: inline-block;
    margin: 0 30px;
    cursor: pointer;
}

.course-detail-tags li.active {
    color: #179aff;
    border-bottom: 2px #179aff solid;
}

.course-detail-2-left-content {
    width: 100%;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
}

.bg-eee {
    background: #eee;
}

.course-detail-teacher {
    width: 100%;
    padding: 0 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-detail-bt {
    font-size: 14px;
    color: #333;
    border-left: 2px #279ff5 solid;
    padding-left: 5px;
    line-height: 16px;
}

.course-detail-teacher-title {
    margin-top: 10px;
}

.course-detail-teacher-text {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #eee solid;
}

.course-detail-text {
    margin-top: 10px;
    padding: 0 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-detail-content {
    width: 100%;
    margin-top: 10px;
    line-height: 24px;
}

.enroll-win {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1080;
    top: 0;
    left: 0;
    background: rgba(35, 35, 35, 0.5);
    display: none;
}

.enroll-win-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1081;
}

.close-enroll-win {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #757575;
}

.enroll-win-main {
    width: 450px;
    padding: 10px 0 20px;
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    top: 50%;
    margin-top: -96px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1082;
}

.enroll-title {
    width: 100%;
    height: 50px;
    position: absolute;
    top: -50px;
    text-align: center;
}

.enroll-title span {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 42px;
}

.enroll-title span i {
    background: url("../svg/icon-19.svg") top center no-repeat;
    -webkit-background-size: 28px;
    background-size: 28px;
    font-style: normal;
    padding-top: 32px;
}

.enroll-input {
    width: 100%;
    padding: 0 75px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1084;
}

.enroll-input input {
    border: 1px solid #c9c9c9;
    width: 100%;
    height: 32px;
    padding-left: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.enroll-win-btn {
    width: 100%;
    padding: 0 75px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.enroll-win-btn button {
    width: 100%;
    border: 1px solid #4c8fc3;
    height: 38px;
    line-height: 38px;
    background-color: #61a6dc;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
}

.course-detail-befrom {
}

.course-detail-befrom-title {
    height: 50px;
    line-height: 52px;
    color: #627a88;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-detail-befrom-title span {
    margin-left: 20px;
    color: #333;
}

.course-detail-befrom-list {
    width: 100%;
    position: relative;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-detail-befrom-list li {
    margin-top: 20px;
    width: 23.5%;
    margin-left: 2%;
}

.course-detail-befrom-list li:nth-child(4n+1) {
    margin-left: 0;
}

.course-detail-befrom-list li img {
    width: 100%;
}

.course-detail-befrom-list li p {
    margin-top: 10px;
}

.refresh-course-befrom-list {
    border: 0;
    width: 100%;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    float: left;
    margin-bottom: 20px;
}

.refresh-course-befrom-list
.refresh-course-befrom-list span {
    float: right;
    padding-left: 24px;
    line-height: 24px;
    margin-top: 13px;
    background: url("../svg/icon-13.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
    cursor: pointer;
}

.course-detail-befrom-user {
    display: inline-block;
    float: left;
}

.course-detail-befrom-user img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

.course-detail-befrom-user p {
    line-height: 50px;
    margin-left: 10px;
    display: inline-block;
}

.course-detail-befrom-list {
}

.course-detail-befrom-list .swiper-wrapper {
    width: 100%;
    overflow: hidden;
}

.course-detail-befrom-list .swiper-slide {
    width: 100%;
}

.course-detail-befrom-list .swiper-slide li {
    width: 199px;
    float: left;
    margin-right: 20px;
}

.course-detail-befrom-list .swiper-slide li:nth-child(4) {
    margin-right: 0;
}

.course-detail-befrom-list .swiper-slide li img {
    width: 100%;
    height: 126px;
}

.course-detail-befrom-list .swiper-slide li p {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 36px;
}

.course-detail-2-right {
    width: 286px;
    float: right;
}

.qr-code {
    width: 100%;
    background: #FFFFFF;
}

.qr-code-title {
    height: 52px;
    line-height: 52px;
    color: #627a88;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.qr-code-title p {
    padding-left: 24px;
    background: url(../svg/icon-11.svg) left center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.qr-code-content {
    width: 100%;
    padding: 10px 20px 20px;
    text-align: center;
    box-sizing: border-box;
}

#qrcode {
    width: 130px;
    height: 130px;
    display: inline-block;
}

.qr-code-content img {
    width: 130px;
    height: 130px;
    display: inline-block;
}

.qr-code-content p {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    margin-top: 5px;
}

.course-has-online {
    width: 100%;
    background: #fff;
    margin-top: 20px;
}

.course-has-online-title {
    height: 52px;
    line-height: 52px;
    color: #627a88;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.course-has-online-title p {
    padding-left: 24px;
    background: url(../svg/icon-12.svg) left center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.course-has-online-list {
    width: 100%;
    padding: 0 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.course-has-online-list .swiper-wrapper {
    width: 100%;
}

.course-has-online-list .swiper-slide {
    width: 100%;
}

.course-has-online-list .swiper-slide li {
    width: 50px;
    float: left;
    margin-right: 15px;
    margin-top: 20px;
}

.course-has-online-list .swiper-slide li:nth-child(4n+4) {
    margin-right: 0;
}

.course-has-online-list .swiper-slide img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
}

.course-has-online-list .swiper-slide p {
    font-size: 12px;
    color: #666;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.refresh-course-has-online {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.refresh-course-has-online span {
    padding-left: 24px;
    line-height: 24px;
    background: url("../svg/icon-13.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
    cursor: pointer;
}

.course-detail-online-fixed {
    width: 100%;
    background-color: #fff;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 60;
    box-shadow: 0 1px 6px #d3d3d3;
    line-height: 60px;
    display: none;
}

.course-detail-online-fixed p {
    font-size: 24px;
    color: #333;
    display: inline-block;
}

.course-detail-online-fixed button {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #279ff5;
    border-radius: 2px;
    text-align: center;
    font-size: 20px;
    float: right;
    margin-right: 45px;
    cursor: pointer;
    margin-top: 10px;
    border: 0;
}

.learn-course-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #fff;
}

.learn-course-pdf {
    width: 100%;
    padding: 0 20px 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video-title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background-color: #292929;
}

.video-title a {
    color: #fff;
    font-size: 18px;
}

.video-title a:hover {
    color: #e79e01;
}

.watch-video {
    width: 100%;
    background: #292929;
    position: relative;
}

.operators {
    display: none;
}

.redirect-comment {
    width: 36px;
    position: absolute;
    top: 20%;
    right: 0;
}

.redirect-comment span {
    width: 36px;
    height: 36px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
}

.redirect-comment span.span-1 {
    background: url(../svg/icon-22.svg) center no-repeat #000000;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.redirect-comment span.span-2 {
    background: #666666;
    color: #FFFFFF;
    font-size: 12px;
    display: none;
}

.redirect-comment a:hover span.span-1 {
    display: none;
}

.redirect-comment a:hover span.span-2 {
    display: block;
}

.video-num {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #1F1F1F;
    color: #FFFFFF;
    font-size: 14px;
}

.live-play-back-list {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background: #ffffff;
}

.live-play-back-list li {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    padding-left: 25px;
    background: url("../svg/live_btn.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.live-play-back-list li:hover, .live-play-back-list li.active {
    background: url("../svg/live_btn_hover.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.live-play-back-list a {
    color: #333;
}

.live-play-back-list a:hover {
    color: #279ff5;
}

.live-play-back-list li.active a {
    color: #279ff5;
}

.live-play-back-list span {
    width: 100px;
    text-align: right;
}

.live-play-back-list span.blue {
    color: #279FF5;
}

.live-play-back-list span.red {
    color: #FF0000;
}

.live-play-back-list li.gray a {
    color: #999;
}

.live-play-back-list li.gray a.red {
    color: #FF0000;
}

.live-play-back-list li.gray:hover {
    background: url("../svg/live_btn.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.live_view {
    width: 100%;
    height: 500px;
    background: #292929;
    position: relative;
}

.live_view_main {
    width: 100%;
    height: 500px;
    position: relative;
}

.livePlayer {
    width: 100%;
    height: 500px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.live_playback {
    width: 286px;
    height: 500px;
    float: right;
    background: #ffffff;
}

.live_playback_title {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-bottom: #292929 solid 1px;
    padding: 0 20px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.live_playback_list {
    width: 100%;
    height: 440px;
    overflow: hidden;
    padding: 8px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.live_playback_list li {
    width: 100%;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    background: url("../svg/live_btn.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.live_playback_list li.active {
    background: url("../svg/live_btn_hover.svg") left center no-repeat;
    -webkit-background-size: 17px;
    background-size: 17px;
}

.live_playback_list li.active a {
    color: #279ff5;
}

/*news*/
.news-banner {
    width: 100%;
    height: 280px;
}

.pub-left {
    width: 218px;
    float: left;
    background: #fff;
    margin-top: 30px;
    border: 1px solid #dcdcdc;
}

.news-nav {
    width: 100%;
}

.news-nav-class {
    width: 100%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news-nav-class a {
    display: block;
    font-size: 16px;
    color: #8999a6;
    background: url("../svg/icon-14.svg") left center no-repeat;
    -webkit-background-size: 12px;
    background-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    line-height: 50px;
}

.news-nav ul {
    width: 100%;
}

.news-nav ul li {
    width: 100%;
    border-top: 1px #dcdcdc solid;
}

.news-nav ul li p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 25px;
}

.news-nav ul li a {
    display: block;
    background: url("../svg/icon-16.svg") right center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    line-height: 50px;
    color: #8999a6;
    font-size: 16px;
}

ul.news-nav-sub {
    width: 100%;
}

ul.news-nav-sub {
    width: 100%;
    display: none;
}

ul.news-nav-sub li {
    border-top: 1px #e5e5e5 solid;
    padding: 0 10px 0 41px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.news-nav-sub li a {
    display: block;
    background: none;
    line-height: 40px;
    font-size: 14px;
    color: #8999a6;
}

.news-nav ul li.selected {
    background: #eae9e9;
}

.news-nav ul li.selected ul.news-nav-sub li {
    background: #FFFFFF;
}

.news-nav ul li.selected a {
    color: #279ff5;
    background: url("../svg/icon-15.svg") right center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.news-nav ul li.selected ul.news-nav-sub li a {
    color: #8999a6;
    background: none;
}

.pub-right {
    width: 960px;
    float: right;
    padding: 20px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    min-height: 400px;
    background: #fff;
    margin-top: 30px;
}

.news-count-search {
    width: 100%;
    height: 70px;
}

.news-news-count {
    float: left;
    line-height: 70px;
}

.news-search {
    width: 220px;
    float: right;
    height: 38px;
    position: relative;
    margin-top: 16px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-search input[type="text"] {
    width: 100%;
    height: 38px;
    border: 0;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 38px 0 10px;
}

.news-search input[type="submit"] {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 8px;
    top: 8px;
    border: 0;
    background: url("../svg/icon-05.svg");
    -webkit-background-size: 22px;
    background-size: 22px;
    cursor: pointer;
}

.news-list {
    width: 100%;
}

.news-list ul {
    width: 100%;
    border-bottom: 1px #e5e5e5 dashed;
}

.news-list ul h3 {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
}

.news-list ul h3 a {
    font-size: 17px;
}

.news-list ul h3 a:hover {
    color: #279ff5;
}

.news-list ul p {
    max-height: 58px;
    box-sizing: border-box;
    line-height: 22px;
    color: #999;
}

.news-list ul p a {
    color: #6389A9;
}

.news-list ul span {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #ccc;
    display: block;
}

.news-title {
    font-size: 24px;
    color: #383838;
    text-align: center;
    margin-top: 20px;
}

.news-add-time {
    text-align: center;
    font-size: 14px;
    color: #ccc;
    margin-top: 20px;
}

.news-text {
    margin-top: 20px;
    font-size: 14px;
    color: #333;
    line-height: 27px;
}

.about-title {
    width: 100%;
    font-size: 24px;
    color: #383838;
    text-align: center;
}

.about-text {
    margin-top: 15px;
    font-size: 14px;
    color: #333;
    line-height: 27px;
}

.about-text p {
    margin-top: 10px;
}

.help-main {
    width: 100%;
    height: calc(100vh - 160px);
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.help-title {
    width: 100%;
    text-align: center;
    color: #017fea;
    font-size: 20px;
}

.help-text {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #777;
    margin-top: 13px;
    line-height: 1.8;
}

.feedback-container {
    width: 820px;
    margin: 40px auto;
}

.feedBack-title {
    width: 100%;
    text-align: center;
    color: #017fea;
    font-size: 20px;
}

.feedBack-desc {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #777;
    margin-top: 13px;
}

.feedBack-textarea {
    width: 100%;
    height: 300px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedBack-title-2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f7f7f7;
    text-indent: 10px;
    border-bottom: 1px solid #ddd;
}

.feedBack-textarea textarea {
    width: 100%;
    height: 257px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-size: 14px;
    color: #999;
    resize: none;
    max-width: 100%;
    min-width: 100%;
    max-height: 257px;
    min-height: 257px;
}

.feedBack-title-3 {
    color: #777;
    text-indent: 10px;
    margin: 20px 0;
}

.feedBack-input-item {
    width: 100%;
}

.feedBack-input-item input {
    width: 260px;
    height: 40px;
    border: 1px solid #ddd;
    margin-right: 20px;
    background-color: #fff;
    color: #999;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.feedBack-input-item input:nth-child(3) {
    margin-right: 0;
}

.feedBack-button {
    margin-top: 30px;
    text-align: center;
}

.feedBack-button button {
    width: 260px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    border-radius: 2px;
    background: #4faeff;
    border: 0;
    cursor: pointer;
}

.index_footer {
    width: 40px;
    position: fixed;
    z-index: 500;
    bottom: 30px;
    right: 20px;
    display: none;
}

.index_footer a {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_footer a.return_top {
    background: url("../svg/icon-17.svg") center no-repeat #ccc;
    -webkit-background-size: 30px;
    background-size: 30px;
}

.index_footer a.return_top:hover {
    background: url("../svg/icon-17_hover.svg") center no-repeat #4FAEFF;
    -webkit-background-size: 30px;
    background-size: 30px;
}

.index_footer a.redirect_feedback {
    margin-top: 10px;
    background: url("../svg/icon-18.svg") center no-repeat #ccc;;
    -webkit-background-size: 30px;
    background-size: 30px;
}

.index_footer a.redirect_feedback:hover {
    margin-top: 10px;
    background: url("../svg/icon-18_hover.svg") center no-repeat #4FAEFF;;
    -webkit-background-size: 30px;
    background-size: 30px;
}

.exam_paper_current {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px #e5e5e5 solid;
}

.exam_paper_current .line {
    width: 100%;
    height: 3px;
    background: #eee;
    position: absolute;
    top: 20px;
    left: 0;
}

.exam_paper_current li {
    width: 145px;
    text-align: center;
    float: left;
    margin-left: 65px;
}

.exam_paper_current li:first-child {
    margin-left: 0;
}

.exam_paper_current li span {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: #eee;
    border-radius: 50%;
    color: #999;
    font-size: 17px;
    text-align: center;
    line-height: 44px;
    position: relative;
    z-index: 5;
}

.exam_paper_current li p {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}

.exam_paper_current li.current span {
    background: #279ff5;
    color: #fff;
}

.exam_paper_current li.current p {
    color: #279ff5;
}

.exam_paper_batch {
    width: 100%;
}

.exam_paper_batch_item {
    width: 70%;
    border: 1px #eee solid;
    margin-top: 20px;
    padding: 5px 0 25px 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.exam_paper_batch_item .close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    color: #666;
}

.exam_paper_batch_item:hover {
    border: 1px #999 solid;
}

.exam_paper_batch_item li {
    margin-top: 20px;
    line-height: 40px;
}

.exam_paper_batch_item li label {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    vertical-align: top;
    text-align: right;
    font-size: 15px;
    color: #383838;
    width: 110px;
}

.exam_paper_batch_item li input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 340px;
    line-height: 38px;
    border: 1px #ddd solid;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.exam_paper_batch_item li span {
    margin-right: 15px;
}

.exam_paper_batch_item li span i {
    color: #fd6500;
    font-size: 15px;
    font-style: normal;
}

.exam_paper_batch_item li label span {
    color: #f00;
    margin-right: 0;
}

.manage-examinee-btn {
    font-size: 15px;
    color: #279FF5;
    height: 40px;
    cursor: pointer;
    border: 0;
    background: none;
    position: relative;
    top: -2px;
}

.add_exam_paper_batch {
    width: 100%;
}

#examinee-win-modal table {
    margin-top: 10px;
    border: 1px #e3e3e3 solid;
}

#examinee-win-modal table th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #7193ac;
    background: #F1F4FB;
    padding: 0 15px;
    border-bottom: 1px solid #e3e3e3;
}

#examinee-win-modal table td {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #555;
    padding: 0 15px;
    border-bottom: 1px solid #e3e3e3;
}

.examinee-body-1 {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.change-paper {
    width: 100%;
}

.change-paper table {
    border: 1px #e4e4e4 solid;
}

.change-paper table th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #7193ac;
    background: #F1F4FB;
    padding: 0 15px;
    border: 1px #eee solid;
}

.change-paper table td {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    padding: 0 15px;
    border: 1px #eee solid;
}

.no-change-paper {
    width: 100%;
    background: url(../svg/icon-29.svg) center top no-repeat;
    padding-top: 50px;
    -webkit-background-size: 50px;
    background-size: 50px;
    margin-top: 15px;
    text-align: center;
    color: #999;
}

.paper-win-table table {
    border: 1px #e4e4e4 solid;
}

.paper-win-table table th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #7193ac;
    background: #F1F4FB;
    padding: 0 15px;
    border: 1px #eee solid;
}

.paper-win-table table td {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    padding: 0 15px;
    border: 1px #eee solid;
}

.paper-win-table table tr:hover {
    background: #EEF3FB;
}

.exam_paper_setting {
    width: 80%;
    position: relative;
    border: 1px #eee solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 170px;
    margin-top: 20px;
}

.exam_paper_setting_anchors {
    width: 169px;
    position: absolute;
    top: 0;
    left: 0;
}

.exam_paper_setting_anchors li {
    line-height: 50px;
    text-align: center;
    border-bottom: 1px #eee solid;
    font-size: 15px;
    color: #999;
    cursor: pointer;
}

.exam_paper_setting_anchors li span i {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.exam_paper_setting_anchors li.selected {
    color: #4d9fee;
}

.exam_paper_setting_anchors li span.exam_paper_setting_menu_1 i {
    background: url("../images/icon.png") no-repeat -506px -296px;
}

.exam_paper_setting_anchors li.selected span.exam_paper_setting_menu_1 i {
    background: url("../images/icon.png") no-repeat -529px -296px;
}

.exam_paper_setting_anchors li span.exam_paper_setting_menu_2 i {
    background: url("../images/icon.png") no-repeat -506px -322px;
}

.exam_paper_setting_anchors li.selected span.exam_paper_setting_menu_2 i {
    background: url("../images/icon.png") no-repeat -529px -322px;
}

.exam_paper_setting_anchors li span.exam_paper_setting_menu_3 i {
    background: url("../images/icon.png") no-repeat -506px -347px;
}

.exam_paper_setting_anchors li.selected span.exam_paper_setting_menu_3 i {
    background: url("../images/icon.png") no-repeat -529px -347px;
}

.exam_paper_setting_box {
    width: 100%;
    height: 400px;
    border-left: 1px #eee solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.exam_paper_setting_box_wrapper {
    height: 400px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.exam_paper_setting_item {
    width: 100%;
    height: 400px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.exam_paper_list_item {
    width: 100%;
    margin-bottom: 20px;
}

.exam_paper_list_item_title {
    font-size: 18px;
    color: #555;
    margin-bottom: 5px;
}

.exam_paper_list_item_manager {
    margin-top: 10px;
}

.exam_paper_list_item_manager li {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #279ff5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
}

.exam_paper_list_item_manager li i {
    font-style: normal;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
}

#exam_paper_list_item_manager {
    display: inline-block;
}

.exam_paper_list_item_manager button {
    border: 0;
    height: 30px;
    padding: 0 10px;
    color: #279ff5;
    background: none;
    cursor: pointer;
    font-size: 15px;
}

.exam_paper_list_item label {
    line-height: 30px;
}

.exam_paper_list_item label span {
    color: #bbb;
}

.exam_paper_list_item input[type="text"] {
    height: 30px;
    padding: 0 10px;
    width: 60px;
    text-align: center;
    line-height: 28px;
    border: 1px #ccc solid;
    margin-right: 2px;
}

.exam_paper_list_item input[type="radio"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #666 solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -2px;
}

.exam_paper_list_item input[type="radio"]:checked::after {
    content: url(../svg/icon-30-checked.svg);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.exam_paper_list_item_tips {
    font-size: 15px;
    color: #bbb;
    margin-bottom: 10px;
}

/********************************************************************/
.manager-win-search {
    border-bottom: 1px #eee solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10px;
    height: 40px;
    text-align: right;
    position: relative;
    /*margin-bottom: 10px;*/
}

.manager-win-search select {
    width: 220px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.manager-win-search .course-manage-search-input {
    width: 250px;
    padding: 0 36px 0 10px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ccc solid;
    line-height: 28px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin-left: 15px;
}

.manager-win-search .course-manage-search-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 7px;
    top: 4px;
    border: 0;
    background: url("../svg/icon-05.svg");
    -webkit-background-size: 22px;
    background-size: 22px;
    cursor: pointer;
    margin-left: 15px;
}

.manager-win-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 300px;
}

.manager-win-list-center {
    width: 18px;
    margin: 0 25px;
    height: 100%;
    background: url("../svg/icon-28.svg") center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.manager-win-list-x {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px #ddd solid;
    overflow-y: scroll;
    padding-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.manager-win-list-x table {
}

.manager-win-list-x table th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #7193ac;
    background: #F1F4FB;
    padding: 0 15px;
    border-bottom: 1px #eee solid;
}

.manager-win-list-x table td {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    padding: 0 15px;
    border-bottom: 1px #eee solid;
}

.manager-win-list-x table input[type="checkbox"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    border: 1px #ddd solid;
    top: -1px;
}

.manager-win-list-x table input[type="checkbox"]:checked::after {
    content: url(../images/icon_checked_2.jpg);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.manager-win-list-x table td.w-50 {
    width: 50px;
}

.manager-win-list-x table td.w-16 {
    width: 16px;
}

.manager-win-list-x table td.grey {
    color: #999;
}

.manager-win-list-x table button {
    width: 50px;
    color: #279ff5;
    vertical-align: middle;
    font-size: 14px;
    background: none;
    border: 0;
    cursor: pointer;
    visibility: inherit;
    /*visibility: hidden;*/
}

.manager-win-list-x table td i.checked {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #55809f;
    margin-right: 5px;
    font-style: normal;
    background: url("../svg/icon_check_01_disabled.svg") center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    position: relative;
    top: 3px;
}

.manager-win-list-x table tr:hover button {
    visibility: inherit;
}

.finished-exam-paper {
    width: 100%;
    margin-top: 40px;
}

.finished-exam-paper p {
    display: inline-block;
    background: url(../svg/icon-31.svg) center top no-repeat;
    padding-top: 60px;
    -webkit-background-size: 50px;
    background-size: 50px;
    text-align: center;
    color: #999;
    font-size: 16px;
}

/*myExaminationNavigation*/
.myExaminationNavigation {
    width: 100%;
    height: 52px;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
}

.myExaminationNavigation a {
    float: left;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    margin-right: 10px;
    width: 127px;
    text-align: center;
    font-size: 15px;
    color: #383838;
    position: relative;
}

.myExaminationNavigation a.selected {
    border-bottom: 2px solid #279ff5;
    color: #279ff5;
}

.myExaminationNavigation a:hover {
    color: #279ff5;
}

.myExamination-lst {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.myExamination-item {
    width: 100%;
    padding: 10px 15px;
    border: 1px #f4f4f4 solid;
    border-bottom: 1px #e8e8e8 solid;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.myExamination-item-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    line-height: 1.8;
}

.myExamination-item-left p {
    font-size: 16px;
    color: #383838;
    font-weight: 500;
    line-height: 26px;
}

.myExamination-item-left p a:hover {
    color: #279ff5;
}

.myExamination-item-right {
    text-align: right;
    font-size: 15px;
    color: #999;
}

.myExamination-item-right p {
    margin-bottom: 5px;
}

.myExamination-item-right span {
    font-size: 18px;
    color: #fd6500;
    display: inline-block;
    padding-left: 24px;
    background: url("../svg/icon-32.svg") left top no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.myExamination-item-right button {
    line-height: 34px;
    height: 34px;
    width: 100px;
    background-color: #279ff5;
    border: 0;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.blue {
    color: #279ff5;
}

.myExamination-item-right2 {
    text-align: right;
}

.myExamination-item-rank {
}

.myExamination-item-rank a {
    font-size: 13px;
    color: #279ff5;
    position: relative;
    cursor: pointer;
}

.myExamination-item-score {
    margin-top: 10px;
}

.myExamination-item-score div {
    display: inline-block;
}

.myExamination-item-score-1 {
    line-height: 60px;
    color: #ff0000;
    font-size: 18px;
    margin-right: 20px;
    vertical-align: top;
}

.myExamination-item-score-2 {
    width: 38px;
    text-align: center;
    margin-left: 30px;
}

.myExamination-item-score-2 span {
    width: 38px;
    height: 38px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #279ff5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.myExamination-item-score-2 span i {
    display: block;
    height: 100%;
    background: url("../svg/icon-33.svg") no-repeat;
    -webkit-background-size: 28px;
    background-size: 28px;
}

.myExamination-item-score-2 p {
    font-size: 16px;
    color: #383838;
    margin-top: 5px;
}

.myExamination-item-score-3 {
    width: 38px;
    text-align: center;
    margin-left: 30px;
}

.myExamination-item-score-3 span {
    width: 38px;
    height: 38px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #279ff5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
}

.myExamination-item-score-3 span i {
    display: block;
    height: 100%;
    background: url("../svg/icon-34.svg") no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.myExamination-item-score-3 p {
    font-size: 16px;
    color: #383838;
    margin-top: 5px;
}

.no-join-exam {
    font-size: 16px;
    color: #8599a7;
}

.exam-score-rank-body {
    padding: 0;
    min-height: 400px;
}

.exam-score-rank {
    width: 100%;
}

.exam-score-rank-item-1 {
    height: 50px;
    line-height: 50px;
    background-color: #279ff5;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.exam-score-rank-item-1 span {
    width: 140px;
    display: inline-block;
}

.exam-score-rank-item-1 span i {
    font-style: normal;
}

.exam-score-rank-item-2 {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.exam-score-rank-item-2 span {
    width: 38px;
    height: 38px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #279ff5;
    margin: 0 50px;
    padding: 7px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.exam-score-rank-item-2 span.icon-1 i {
    display: block;
    height: 100%;
    background: url("../svg/icon-34.svg") no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.exam-score-rank-item-2 span.icon-2 i {
    display: block;
    height: 100%;
    background: url("../svg/icon-35.svg") no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.exam-score-rank-item-2 span.icon-3 {
    padding: 5px;
}

.exam-score-rank-item-2 span.icon-3 i {
    display: block;
    height: 100%;
    background: url("../svg/icon-33.svg") no-repeat;
    -webkit-background-size: 28px;
    background-size: 28px;
}

.exam-score-rank-item-3 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.exam-score-rank-item-3:nth-child(2n+1) {
    background-color: #e9f5fd;
}

.exam-score-rank-item-3 span {
    width: 140px;
    display: inline-block;
}

.myExaminationSearch {
    width: 100%;
    padding: 0 20px;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.myExaminationSearch-input {
    width: 162px;
}

.myExaminationSearch-input input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background: #eee;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.myExaminationSearch-state {
}

.myExaminationSearch-state span {
    font-size: 14px;
    color: #999;
    line-height: 36px;
}

.myExaminationSearch-state select {
    height: 36px;
    line-height: 36px;
    color: #555;
    text-indent: 10px;
    cursor: pointer;
    border: 1px #d8d8d8 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.myExaminationSearch-state input {
    height: 36px;
    line-height: 34px;
    color: #555;
    text-indent: 10px;
    cursor: pointer;
    border: 1px #d8d8d8 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.myExaminationSearch-submit {
}

.myExaminationSearch-submit button {
    width: 80px;
    height: 36px;
    line-height: 36px;
    background: #4d9fee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    border: 0;
    position: relative;
    top: 1px;
}

/*showExamineeInfo*/
.showExamineeInfo {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

.showExamineeInfo-item {
    margin-bottom: 40px;
}

.showExamineeInfo-title {
    font-size: 16px;
    color: #8999a6;
    line-height: 60px;
}

.showExamineeInfo-exam-title {
    color: #383838;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: normal;
}

.showExamineeInfo-exam-info {
    margin-bottom: 15px;
    color: #383838;
    font-size: 16px;
}

.showExamineeInfo-exam-info span {
    font-size: 16px;
    color: #bbb;
}

.showExamineeInfo-btn {
    width: 100%;
    border-top: 1px #e0e0e0 solid;
    padding-top: 20px;
    text-align: center;
}

.showExamineeInfo-btn button {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background: #279ff5;
    border: 0;
    cursor: pointer;
    margin: 0 5px;
}

.showExamineeInfo-btn button.grey {
    background: #ccc;
}

.no-join-exam2 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 26px;
    background: url("../svg/icon-36.svg") left center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    color: #FF0201;
    margin-bottom: 20px;
    font-size: 16px;
}

/*************myMission*************/
.my-project-top {
    width: 100%;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-project-top a {
    margin-right: 20px;
    font-size: 15px;
    color: #383838;
}

.my-project-top a.active {
    color: #279ff5;
}

.my-project-search {
    width: 100%;
    position: relative;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-project-search input[type="text"] {
    width: 230px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    background: #eeeeee;
    color: #8e8e8e;
    text-indent: 10px;
    border: 0;
}

.my-project-search input[type="submit"] {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 220px;
    top: 5px;
    border: 0;
    background: url("../svg/icon-05.svg");
    -webkit-background-size: 22px;
    background-size: 22px;
    cursor: pointer;
}

.my-mission-type {
    width: 100%;
    padding: 0 20px;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-mission-type a {
    height: 24px;
    line-height: 24px;
    color: #888;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    padding: 0 12px;
}

.my-mission-type a.active {
    background: #279ff5;
    color: #fff;
}

.my-mission-list {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 20px;
}

.my-mission-item {
    width: 100%;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.my-mission-item-left {
    width: 212px;
    margin-right: 20px;
    position: relative;
}

.my-mission-item-left img {
    width: 100%;
    height: 135px;
}

.my-mission-item-left i {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/icon.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.my-mission-item-left i.my-course-item-type-live {
    background-position: -547px -106px
}

.my-mission-item-left i.my-course-item-type-video {
    background-position: -547px -40px
}

.my-mission-item-left i.my-course-item-type-picture {
    background-position: -610px -232px;
}

.my-mission-item-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.my-mission-item-title {
    margin-bottom: 10px;
}

.my-mission-item-title a {
    font-size: 18px;
    color: #383838;
    font-weight: 500;
    line-height: 20px;
}

.my-mission-item-title a:hover {
    color: #279ff5;
}

.my-mission-item-title2 {
    font-size: 14px;
    color: #777;
}

.my-mission-item-right {
    width: 118px;
    margin-left: 20px;
    text-align: right;
}

.my-mission-item-right a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 14px;
    border-radius: 2px;
    background: #279ff5;
    color: #fff;
}

.my-mission-item-right span {
    color: #333;
    font-size: 16px;
    line-height: 20px;
}

.no-mission-data {
    width: 100%;
    background: url(../svg/icon-42.svg) center top no-repeat;
    padding-top: 100px;
    -webkit-background-size: 100px;
    background-size: 100px;
    margin: 60px 0;
    text-align: center;
    color: #999;
}

/*project*/
.project_current {
    width: 100%;
    position: relative;
}

.project_current li {
    width: 264px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    background: url(../images/icon.png) no-repeat -7px -791px;
}

.project_current li.project_current_1 {
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat -7px -707px;
    width: 290px;
    height: 60px;
    color: #fff;
}

.project_current li.project_current_2 {
    position: absolute;
    left: 270px;
}

.project_current li.project_current_2.current {
    position: absolute;
    background: url(../images/icon.png) no-repeat -7px -869px;
    color: #fff;
}

.project_current li.project_current_3 {
    position: absolute;
    left: 513px;
}

.project_current li.project_current_3.current {
    position: absolute;
    background: url(../images/icon.png) no-repeat -7px -869px;
    color: #fff;
}

.project_current li.project_current_4 {
    position: absolute;
    left: 756px;
    background: url(../images/icon.png) no-repeat -7px -946px;
}

.project_current li.project_current_4.current {
    position: absolute;
    background: url(../images/icon.png) no-repeat -6px -1022px;
    color: #fff;
}

.project_type {
    width: 100%;
}

.project_type label {
    display: inline-block;
    margin-right: 12px;
    text-align: center;
}

.project_type label p {
    font-size: 15px;
    margin-top: 8px;
}

.project_type label input[type="radio"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #666 solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -2px;
}

.project_type label input[type="radio"]:checked::after {
    content: url(../svg/icon-30-checked.svg);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.project-tips {
    width: 100%;
    color: #999;
    font-size: 14px;
    overflow: hidden;
    padding-left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.project-add {
    width: 1000px;
    color: #999;
    font-size: 14px;
    overflow: hidden;
    text-align: right;
    margin-left: 18px;
}

.project-add p {
    float: left;
}

.project-add p span {
    color: #333;
}

.project-add a {
    color: #279ff5;
    margin-left: 20px;
}

.project-add a i {
    margin-right: 5px;
}

.project-stage-table {
    width: 1000px;
    border: 1px solid #ddd;
    margin-left: 16px;
}

.project-stage-table table {
    text-align: left;
}

.project-stage-table table th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #7193ac;
    background: #F1F4FB;
    padding: 0 15px;
    border-bottom: 1px #eee solid;
}

.project-stage-table table td {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    padding: 0 15px;
    border-bottom: 1px #eee solid;
}

.project-success {
    width: 1000px;
    text-align: center;
    margin-left: 20px;
    margin-top: 50px;
}

.project-success p {
    background: url(../svg/icon-31.svg) center top no-repeat;
    padding-top: 60px;
    -webkit-background-size: 50px;
    background-size: 50px;
    text-align: center;
    color: #999;
    font-size: 16px;
}

.project-success-btn {
    width: 1000px;
    text-align: center;
    margin-left: 20px;
}

.project-form-control {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 31px;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.project-form-control label {
    width: 90px;
}

.project-form-control label span {
    position: relative;
    margin-right: 3px;
    top: 2px;
}

.project-form-control input {
    width: 500px;
}

.project-form-control button {
    margin-right: 15px;
}

/*my-project-list*/
.my-project-list {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my-project-item {
    width: 100%;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.my-project-item-left {
    width: 160px;
    margin-right: 20px;
}

.my-project-item-left img {
    width: 160px;
    height: 102px;
}

.my-project-item-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.my-project-item-center p {
    font-size: 18px;
    color: #383838;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.my-project-item-center p a {
    font-weight: 500;
    font-size: 18px;
    color: #383838;
}

.my-project-item-center span {
    color: #777;
    font-size: 14px;
    display: block;
    line-height: 24px;
}

.my-project-item-center span i {
    font-style: normal;
    color: #333;
    margin: 0 15px 0 5px;
}

.finish-state-box {
    width: 100%;
    position: relative;
}

.finish-state-box .finish-state-bg {
    width: 110px;
    height: 5px;
    background: #cecece;
    border-radius: 10px;
    display: inline-block;
    position: relative;
}

.finish-state-box .finish-state-bg-2 {
    height: 5px;
    border-radius: 10px;
    background-color: #279ff5;
    position: absolute;
    left: 0;
    top: 0;
}

.finish-state-box span {
    display: inline-block;
    margin-left: 5px;
}

.my-project-item-right {
    width: 150px;
    margin-left: 20px;
}

.my-project-item-right div {
    text-align: right;
}

.my-project-item-right div p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 5px;
}

.my-project-item-right div span {
    display: inline-block;
    font-size: 18px;
    height: 24px;
    line-height: 26px;
    color: #fd6500;
    padding-left: 18px;
    background: url("../svg/icon-32.svg") left center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.my-project-item-right div span i {
    font-size: 15px;
    font-style: normal;
}

.my-project-item-right p.p_2 {
    color: #333;
    font-size: 16px;
    margin-top: 5px;
    text-align: right;
}

/*myProjectCredit*/
.credit_tips {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.credit_tips a, .credit_tips span {
    color: #5498ff;
}

.credit_navigation {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
}

.credit_navigation a {
    display: inline-block;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    border: 1px #ddd solid;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    margin-right: 15px;
}

.credit_navigation a.active {
    background: #109cff;
    border: 1px #109cff solid;
    color: #fff;
}

.credit_search {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    height: 58px;
    line-height: 58px;
    padding: 0 30px;
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 15px;
}

.credit_search span {
    margin-right: 10px;
    color: #999;
}

.credit_search input[type="text"] {
    width: 200px;
    height: 30px;
    border: 1px solid #d9d9d9;
    margin-right: 10px;
    color: #757575;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.credit_search button {
    width: 100px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-color: #109cff;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    border: 0;
}

.credit_search input[type="reset"] {
    border: 0;
    background: none;
    margin-left: 20px;
    color: #333;
    cursor: pointer;
}

.credit_list {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
}

.credit_list table {
    border-collapse: collapse;
    border: 0;
}

.credit_list table th {
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    font-size: 16px;
    color: #999;
    border-bottom: 1px solid #eee;
}

.credit_list table td {
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #eee;
    padding: 0 10px;
    height: 58px;
    line-height: 58px;
}

.credit_list table td a {
    color: #279ff5 !important;
}

.credit_list table td.blue {
    color: #279ff5 !important;
}

.credit_list table td.orange {
    color: #f26600;
}

.credit_list table td.green {
    color: green;
}

.role_privilege {
}

.role_privilege label {
    height: 29px;
    line-height: 29px;
    margin-right: 15px;
    display: inline-block;
}

.role_privilege input[type="radio"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #666 solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -2px;
}

.role_privilege input[type="radio"]:checked::after {
    content: url(../svg/icon-30-checked.svg);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}

.privilege-manage-title {
    line-height: 32px;
    background: #f5f5f5;
    font-weight: bold;
    padding-left: 10px;
}

.privilege-manage-list {
    padding-bottom: 10px;
}

.privilege-manage-list label {
    margin-top: 10px;
    line-height: 32px;
    display: inline-block;
    margin-right: 15px;
}

/*integral*/
.my-integral-banner-box {
    padding: 0 20px;
}

.my-integral-banner {
    width: 100%;
    height: 156px;
    background: url("../images/my-integral-banner-bg.png") no-repeat;
}

/*rules*/
.rules-modal {
    display: none;
}

.rules-modal-body {
    padding: 20px;
    font-size: 14px;
    color: #000;
}

.rules-modal-body li {
    margin-bottom: 10px;
    line-height: 26px;
}

.rules-modal-body li p {
    width: 100px;
    font-weight: normal;
    text-align: right;
}

.rules-modal-body li span {
    margin-left: 15px;
}

.rules-modal-body li span.gray {
    color: #ccc;
}

.rules-input-area {
    margin-left: 15px;
}

.rules-input-area button {
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333333;
    background: none;
    cursor: pointer;
}

.rules-input-area input[type="text"] {
    width: 40px;
    height: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    border-left: 0;
    border-right: 0;
    text-align: center;
}

optgroup {
    font-style: normal;
    font-weight: 100;
    color: #999999;
}

#group-win-modal input[type="checkbox"] {
    margin-top: 0;
    appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border: 1px #bbb solid;
    top: -1px;
}

#group-win-modal input[type="checkbox"]:checked::after {
    content: url(../images/icon-checked.png);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 0;
}


/*package-detail-course-list*/

.package-detail-course-list {
    width: 100%;
    background: #ffffff;
    padding: 20px 15px;
}

.package-detail-course-list .item {
    width: 100%;
    line-height: 36px;
}

.package-detail-course-list .item a {
    padding-left: 14px;
    background: url("../images/package_item_bg.png") left center no-repeat;
    font-size: 14px;
}

.package-detail-course-list .item a span {
    margin-right: 20px;
}

.package-detail-content {
    width: 100%;
    padding: 20px;
    background: #ffffff;
    line-height: 2;
}

.enterprise-index-title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    display: flex;
    line-height: 1;
}

.enterprise-index-title p {
    margin-bottom: 0;
}

.enterprise-index-1 {
    margin-top: 25px;
    padding: 25px;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.enterprise-index-1 .enterprise-index-title {
    text-align: center;
}

.enterprise-index-1-list {
    display: flex;
    margin-top: 20px;
    padding: 0 25px;
}

.enterprise-index-1-list .item {
    margin-right: 100px;
    font-size: 24px;
    font-weight: bold;
}

.enterprise-index-2 {
    padding: 0 50px;
    margin-top: 25px;
    position: relative;
}

.enterprise-index-2 .enterprise-index-title {
    align-items: flex-end;
}

.enterprise-index-2 .enterprise-index-title a {
    font-size: 17px;
    margin-left: 50px;
    font-weight: normal;
}
.enterprise-index-2 .end-time{
    position: absolute;
    right: 300px;
    font-size: 17px;
    top: 0;
}
.enterprise-index-2 .enterprise-index-2-list{

}
.enterprise-index-2 .enterprise-index-2-list .item{
    display: flex;
    align-items: center;
    margin-top: 20px;
    width: 850px;
}
.enterprise-index-2 .enterprise-index-2-list .item .package-name{
    font-size: 16px;
    color: #999;
    width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.enterprise-index-2 .enterprise-index-2-list .item .progress-roc{
    width: 200px;
    margin-left: 50px;
    display: flex;
    align-items: center;
}

.enterprise-index-2 .enterprise-index-2-list .item .progress-roc .skillbar {
    width: 200px;
    background: #b3d8ff;
    height: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
.enterprise-index-2 .enterprise-index-2-list .item .progress-roc .skillbar  .filled{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: linear-gradient(to right, #2D99FF, #E21280);
}
.enterprise-index-2 .enterprise-index-2-list .item .progress-title{
    margin-left: 10px;
}
.enterprise-index-2 .enterprise-index-2-list .item .date{
    margin-left: auto;
    color: #999;
}

.enterprise-index-3 {
    margin-top: 25px;
    padding: 25px;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}

.enterprise-index-3 .enterprise-index-3-item {
    width: 550px;
}

.enterprise-index-3 .enterprise-index-title a {
    font-size: 17px;
    font-weight: normal;
}


.enterprise-index-3 .enterprise-index-title {
    align-items: center;
    justify-content: space-between;
}

.enterprise-index-3-item-title {
    font-size: 17px;
    color: #000;
    text-align: right;
    margin-top: 15px;
}

.enterprise-index-3-item-list {
    margin-top: 15px;
}

.enterprise-index-3-item-list .item {
    height: 44px;
    display: flex;
    align-items: center;
}

.enterprise-index-3-item-list .item .group-name {
    font-size: 17px;
    margin-right: 15px;
    width: 120px;
    flex-shrink: 0;
}

.enterprise-index-3-item-list .item .progress-roc {
    background: #ffffff;
    height: 44px;
    padding: 0 15px;
    flex: 1;
    display: flex;
    align-items: center;
    width: auto;
}

.enterprise-index-3-item-list .item .progress-roc .duration {
    margin-left: auto;
    color: #909399;
}

.enterprise-index-3-item-list .item .skillbar {
    width: 260px;
    background: #b3d8ff;
    height: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
.enterprise-index-3-item-list .item .skillbar  .filled{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: linear-gradient(to right, #2D99FF, #E21280);
}