@charset "UTF-8";
/* CSS Document */
.topbar {width: 100%; height: 40px; background: #f0f0f0; position: fixed; left: 0; top: 0; z-index: 999;}
.topbar .center {width: 1200px; height: 40px; margin: 0 auto;}
.topbar .welcome {width: auto; height: 40px; line-height: 40px; float: left; font-size: 14px; color: #666666;}
.topbar .welcome a {color: #666666;}
.topbar .welcome a:hover {color: #444444;}
.topbar .right {width: auto; height: 40px; float: right;}
.topbar .down {width: auto; height: auto; float: left; padding: 0 10px; position: relative; overflow: hidden;}
.topbar .down .link {width: auto; height: 40px; line-height: 40px; font-size: 14px; color: #28b970;}
.topbar .down .link a {color: #28b970;}
.topbar .down .code {width: 100px; height: 100px; box-sizing: content-box; position: absolute; left: 50%; margin-left: -56px; top: 95%; border: 1px solid #ddd; padding: 5px; font-size: 0; margin-top: 15px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); opacity: 0; transition: all .2s;}
.topbar .down .code::before {content: ''; display: block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; position: absolute; left: 50%; margin-left: -5px; top: -6px; transform: rotate(45deg);}
.topbar .down .code img {display: block; width: 100px; height: 100px; position: relative; z-index: 2;}
.topbar .down:hover {overflow: inherit;}
.topbar .down:hover .code {opacity: 1; top: 100%;}
.topbar .btns {width: auto; height: 40px; float: left;}
.topbar .btns .item {width: auto; height: 40px; float: left; padding: 7px 0; margin-right: 10px;}
.topbar .btns .item:last-child {margin-right: 0;}
.topbar .btns .item a {display: block; width: auto; height: 26px; line-height: 26px; font-size: 14px; color: #fff; padding: 0 10px; border-radius: 2px;}
.topbar .btns .item a.btn1 {background: linear-gradient(to right, #28b970, #30a56d);}
.topbar .btns .item a.btn2 {background: linear-gradient(to right, #ef9401, #fdcd5c);}
.topbar .user {width: auto; height: 40px; float: left; padding-left: 11px; position: relative; overflow: hidden;}
.topbar .user::before {content: ''; display: block; width: 1px; height: 16px; background: #dbdbdb; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.topbar .user .box {width: auto; height: 40px;}
.topbar .user .box a {display: block; width: auto; height: 40px; position: relative; padding-left: 38px;}
.topbar .user .box a .portrait {width: 26px; height: 26px; position: absolute; left: 0; top: 50%; margin-top: -13px; font-size: 0;}
.topbar .user .box a .portrait img {width: 26px; height: 26px; border-radius: 50%;}
.topbar .user .box a .name {width: auto; height: 40px; line-height: 40px; font-size: 14px; color: #28b970;}
.topbar .user .nav {width: auto; height: auto; position: absolute; left: 11px; top: 95%; right: 0; opacity: 0; transition: all .2s;}
.topbar .user .nav ul {width: auto; min-width: 80px; height: auto; background: #fff; border: 1px solid #ddd; border-top: 0 none; padding: 5px 0; box-shadow: 0 4px 8px rgba(0, 0, 0, .1);}
.topbar .user .nav ul li {width: auto; height: auto; line-height: 28px; padding: 0 10px; font-size: 14px;}
.topbar .user .nav ul li a {color: #212121;}
.topbar .user:hover {overflow: inherit;}
.topbar .user:hover .nav {opacity: 1; top: 100%;}
.topbar .notice {width: auto; height: 40px; float: left; padding-left: 11px; position: relative; }
.topbar .notice img { width: 24px; height: 24px; vertical-align: middle; margin-top: 8px;}
.topbar .notice span {
    position: absolute;
    top: 3px;
    left: 28px;
    height: 18px;
    border-radius: 8px;
    text-align: center;
    padding: 1px 8px;
    background: #ea4021;
    color: #fff;
    font-size: 14px;
}
.header {width: 100%; height: 86px; background: #fff; position: fixed; left: 0; top: 40px; z-index: 998;}
.header .center {width: 1200px; height: 86px; margin: 0 auto;}
.header .logo {width: auto; height: auto; float: left; font-size: 0; padding-top: 12px;line-height: 62px;}
.header .logo a {display: block;}
.header .logo img {max-height: 62px; max-width: 360px; vertical-align: middle;}
.header .right {width: auto; height: 36px; box-sizing: content-box; padding-top: 25px; float: right;}
.header .menu {width: auto; height: 36px; float: left; margin-right: 60px;}
.header .menu ul {width: auto; height: auto;}
.header .menu ul li {width: auto; height: auto; float: left; margin-right: 20px;}
.header .menu ul li:last-child {margin-right: 0;}
.header .menu ul li a {display: block; width: auto; height: 36px; line-height: 36px; font-size: 16px; color: #222222; position: relative;}
.header .menu ul li a.on {color: #28b970; font-weight: bold;}
.header .menu ul li a.on::after {content: ''; display: block; width: 4px; height: 10px; background: #2ab46f; position: absolute; left: 50%; margin-left: -2px; top: 100%; margin-top: 5px;}
.header .search {width: auto; height: 36px; float: left;}
.header .search input.inp {display: block; width: 260px; height: 36px; float: left; border: 1px solid #28b970; border-right: 0 none; border-radius: 4px 0 0 4px; line-height: 16px; font-size: 14px; color: #333; padding: 9px 10px;}
.header .search .btn {display: block; width: 70px; height: 36px; float: left; background: linear-gradient(to right, #28b970, #30a56d); border: 0 none; border-radius: 0 4px 4px 0;}
.header .search .btn input {display: block; width: 70px; height: 36px; background: url("../images/head-search.png") no-repeat center / 20px 20px; border: 0 none; cursor: pointer;}
.wrapper {width: auto; height: auto; padding-top: 126px;}
.banner,
.banner .bd,
.banner .item {font-size: 0; width: auto; height: 380px; background-repeat: no-repeat; background-position: center; position: relative;}
.banner .hd {width: 100%; height: auto; font-size: 0; position: absolute; left: 0; bottom: 20px; z-index: 999; text-align: center;}
.banner .hd ul {display: inline-block; overflow: hidden;}
.banner .hd ul li {width: 10px; height: 10px; background: #fff; border-radius: 50%; float: left; margin: 0 5px; cursor: pointer; opacity: .5;}
.banner .hd ul li.on {opacity: 1;}
.intitle {width: auto; height: auto; text-align: center; max-width: 1200px; margin: 0 auto;}
.intitle .name {width: auto; height: auto;}
.intitle .name .text {display: inline-block; position: relative; padding: 0 80px;}
.intitle .name .text::before,
.intitle .name .text::after {
    content: '';
    display: block;
    width: 51px;
    height: 30px;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.intitle .name .text::before {left: 0; background-image: url("../images/intitlel1.png");}
.intitle .name .text::after {right: 0; background-image: url("../images/intitler1.png");}
.intitle .name ul {display: inline-block; overflow: hidden;}
.intitle .name ul li {float: left; font-size: 32px; font-weight: bold; color: #222222; padding-right: 20px; background: url("../images/nameline.png") no-repeat right center / 7px 18px; margin-right: 13px;}
.intitle .name ul li:last-child {padding-right: 0; margin-right: 0; background: none;}
.intitle .note {font-size: 15px; color: #666666; line-height: 1; padding-top: 15px;}
.intitle.white .name ul li {color: #fff;}
.intitle.white .note {color: #fff;}
.intitle.white .name .text::before {background-image: url("../images/intitlel2.png");}
.intitle.white .name .text::after { background-image: url("../images/intitler2.png");}
.intitle.white .name ul li {background: url("../images/nameline2.png") no-repeat right center / 7px 18px;}
.intitle.white .name ul li:last-child {background: none;}
.inhots {width: auto; height: auto; background: #fff; border-bottom: 1px solid #e7e7e7; padding: 50px 0 40px 0;}
.inhots .center {width: 1200px; height: auto; margin: 0 auto;}
.inhots-list {width: auto; height: auto; padding-top: 50px;}
.inhots-list ul {width: 1220px;}
.inhots-list ul li {width: 284px; height: auto; float: left; margin-right: 21px;}
.inhots-list ul li .box {width: auto; height: auto; border: 1px solid #e7e7e7; transition: all .2s;}
.inhots-list ul li .box .head {width: auto; height: auto; padding: 11px; position: relative;}
.inhots-list ul li .box .head .img {width: 260px; height: 156px; font-size: 0;}
.inhots-list ul li .box .head .img a {display: block;}
.inhots-list ul li .box .head .img img {width: 260px; height: 156px;}
.inhots-list ul li .box .head .tag {width: auto; height: auto; position: absolute; left: 3px; top: 3px;}
.inhots-list ul li .box .head .tag img {height: 22px;}
.inhots-list ul li .box .cent {width: auto; height: auto; padding: 5px 11px 11px 11px;}
.inhots-list ul li .box .cent .title {width: auto; height: auto; position: relative; padding-left: 25px;}
.inhots-list ul li .box .cent .title .icon {font-size: 0; width: 14px; height: 16px; position: absolute; left: 0; top: 3px;}
.inhots-list ul li .box .cent .title .name {width: auto; height: auto; line-height: 24px; min-height: 24px; font-size: 16px; color: #222222; font-weight: bold;}
.inhots-list ul li .box .cent .title .name a {color: #222222; transition: all .2s;}
.inhots-list ul li .box .cent .tags {width: auto; height: auto; padding-top: 10px;}
.inhots-list ul li .box .cent .tags span {display: inline-block; width: auto; height: 22px; line-height: 22px; font-size: 14px; color: #ef9503; border-radius: 2px; padding: 0 5px; background: #f7f2ea;}
.inhots-list ul li .box .cent .text {width: auto; height: auto; min-height: 58px; font-size: 14px; color: #666666; line-height: 24px; padding-top: 10px;}
.inhots-list ul li .box .foot {width: auto; height: 51px; border-top: 1px solid #e7e7e7; padding: 0 11px;}
.inhots-list ul li .box .foot .state {width: auto; height: 50px; line-height: 50px; float: left; font-size: 16px; padding-left: 20px; position: relative; color: #28b970; font-weight: bold;}
.inhots-list ul li .box .foot .state::before {content: ''; display: block; width: 14px; height: 14px; position: absolute; left: 0; top: 50%; margin-top: -7px; border-radius: 50%; background: linear-gradient(to right bottom, #28b970, #30a56d);}
.inhots-list ul li .box .foot .state.orange {color: #ef9503;}
.inhots-list ul li .box .foot .state.orange::before {background: linear-gradient(to right bottom, #fdcd5c, #ef9401);}
.inhots-list ul li .box .foot .users {width: auto; height: 50px; float: right; font-size: 15px; color: #848484; line-height: 50px; padding-left: 22px; position: relative;}
.inhots-list ul li .box .foot .users::before {content: ''; display: block; width: 14px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; font-size: 0; line-height: 0; background: url("../images/inhot-num.png") no-repeat center / 100% 100%;}
.inhots-list ul li .box:hover {border-color: #28b970; box-shadow: 0 5px 26px rgba(0, 0, 0, .1);}
.inhots-list ul li .box:hover .cent .title .name a {color: #28b970;}
.inhots-more {width: auto; height: auto; padding-top: 35px;}
.inhots-more a {display: block; width: 154px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; border-radius: 2px; margin: 0 auto; background: linear-gradient(to right, #28b970, #30a56d);}
.intopic {width: auto; height: auto; padding-top: 50px; background: #fff;}
.intopic-main {width: auto; height: auto; background: #e1f5eb; margin-top: 50px; padding-top: 50px;}
.intopic-group {width: 1200px; height: auto; margin: 0 auto; padding-bottom: 29px;}
.intopic-max {width: 1220px; height: auto;}
.intopic-hots {width: 589px; height: 317px; float: left; background: #fff; margin: 0 21px 21px 0;}
.intopic-hots .bd {width: 458px; height: 317px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover;}
.intopic-hot1 .bd {background-image: url("../images/inrecom-blue.jpg");}
.intopic-hot2 .bd {background-image: url("../images/inrecom-orange.jpg");}
.intopic-hots .bd .infolist {width: 458px; height: 317px; padding: 0 20px;}
.intopic-hots .bd .infolist .name {width: auto; height: auto; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.intopic-hots .bd .infolist .name .cn {font-size: 26px; color: #fff; font-weight: bold;}
.intopic-hots .bd .infolist .name .en {font-size: 14px; color: #fff; opacity: .6; padding-top: 5px;}
.intopic-hots .bd .infolist .text {font-size: 14px; line-height: 24px; height: 140px; color: #fff; padding-top: 20px;}
.intopic-hots .bd .infolist .more {width: auto; height: auto; padding-top: 20px;}
.intopic-hots .bd .infolist .more a {display: block; width: 154px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; background: #fff; border-radius: 3px;}
.intopic-hot1 .bd .infolist .more a {color: #5883f6;}
.intopic-hot2 .bd .infolist .more a {color: #ef9503;}
.intopic-hots .hd {width: 131px; height: 317px; float: left; border: 1px solid #e7e7e7; border-left: 0 none;}
.intopic-hots .hd ul li {width: auto; height: auto; line-height: 48px; text-align: center; font-size: 15px; color: #666666; cursor: pointer; position: relative; border-bottom: 1px solid #e7e7e7;}
.intopic-hots .hd ul li.on {color: #28b970;}
.intopic-hots .hd ul li.on::after {content: ''; width: 8px; height: 2px; line-height: 0; font-size: 0; background: #28b970; position: absolute; right: 0; top: 50%; margin-top: -1px;}
.intopic-item {width: 284px; height: 317px; float: left; background: #fff; margin: 0 21px 21px 0; border: 1px solid #e7e7e7; transition: all .2s;}
.intopic-item .img {font-size: 0; padding: 11px;}
.intopic-item .img a {display: block;}
.intopic-item .img img {width: 260px; height: 156px;}
.intopic-item .con {width: auto; height: auto; padding: 0 11px;}
.intopic-item .con .tit {width: auto; height: auto; font-size: 16px; font-weight: bold; color: #222222; padding-top: 5px;}
.intopic-item .con .tit a {color: #222222; transition: all .2s;}
.intopic-item .con .tag {width: auto; height: auto; padding-top: 14px;}
.intopic-item .con .tag span {display: inline-block; width: auto; height: 22px; line-height: 22px; font-size: 14px; color: #ef9503; border-radius: 2px; padding: 0 5px; background: #f7f2ea;}
.intopic-item .con .txt {width: auto; height: auto; font-size: 14px; color: #666666; line-height: 24px; padding-top: 12px;}
.intopic-item:hover {border-color: #28b970; box-shadow: 0 5px 26px rgba(0, 0, 0, .1);}
.intopic-item:hover .con .tit a {color: #28b970;}
.inschool {width: auto; height: auto; padding-top: 50px; background: #fff;}
.inschool-main {width: auto; height: auto; background: url("../images/inschool.jpg") no-repeat bottom / 1920px auto; padding: 50px 0;}
.inschool-slide {width: 1200px; height: auto; margin: 0 auto; position: relative;}
.inschool-slide .hd {width: 100%; height: auto; text-align: center; padding-top: 36px;}
.inschool-slide .hd a.prev,
.inschool-slide .hd a.next {
    display: block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 230px;
    opacity: .4;
    transition: all .2s;
}
.inschool-slide .hd a.prev:hover,
.inschool-slide .hd a.next:hover {opacity: 1;}
.inschool-slide .hd a.prev {background-image: url("../images/inschool-prev.png"); left: -98px;}
.inschool-slide .hd a.next {background-image: url("../images/inschool-next.png"); right: -98px;}
.inschool-slide .hd ul {display: inline-block; overflow: hidden;}
.inschool-slide .hd ul li {width: 10px; height: 10px; background: #fff; border-radius: 50%; float: left; margin: 0 7px; cursor: pointer; opacity: .3; font-size: 0;}
.inschool-slide .hd ul li.on {opacity: 1;}
.inschool-slide .bd {width: 1200px; height: 370px; overflow: hidden;}
.inschool-slide .bd ul li {width: 378px; height: 370px; background: #fff; float: left; margin-right: 33px;}
.inschool-slide .bd ul li .box {width: 378px; height: 370px; border: 1px solid #e7e7e7; transition: all .2s;}
.inschool-slide .bd ul li .box .head {width: auto; height: 141px; border-bottom: 1px solid #e7e7e7; padding: 30px 20px; overflow: hidden;}
.inschool-slide .bd ul li .box .head .icon {width: 80px; height: 80px; float: left; margin-right: 20px; font-size: 0;}
.inschool-slide .bd ul li .box .head .icon img {width: 80px; height: 80px;}
.inschool-slide .bd ul li .box .head .name {width: auto; height: auto; padding-top: 15px;}
.inschool-slide .bd ul li .box .head .name .cn {font-size: 20px; color: #222222; font-weight: bold; line-height: 30px;}
.inschool-slide .bd ul li .box .head .name .en {font-size: 15px; color: #848484; line-height: 20px;}
.inschool-slide .bd ul li .box .foot {width: auto; height: auto; padding: 0 20px;}
.inschool-slide .bd ul li .box .foot .text {width: auto; height: 165px; font-size: 14px; color: #666666; line-height: 24px; padding-top: 30px;}
.inschool-slide .bd ul li .box .foot .more a {display: block; width: 104px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; color: #fff; border-radius: 3px; background: linear-gradient(to right, #28b970, #30a56d);}
.inschool-slide .bd ul li .box:hover {border-color: #28b970; box-shadow: 0 5px 26px rgba(0, 0, 0, .1);}
.inschool-slide .btns {text-align: right; position: absolute;bottom: 0;right: 0;}
.inschool-slide .btns a.more {color: #1986f4;font-size: 14px; background: #fff; border-radius: 5px; display: inline-block; height: 30px; line-height: 30px; padding: 0 15px;}
.incourse {width: auto; height: auto; padding: 50px 0; background: #fff;}
.incourse-main {width: 1200px; height: auto; margin: 0 auto; padding-top: 50px; position: relative;}
.incourse-slide {width: 1200px; height: auto; margin: 0 auto; position: relative;}
.incourse-slide .hd {width: 100%; height: auto; text-align: center;}
.incourse-slide .hd a.prev,
.incourse-slide .hd a.next {
    display: block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 150px;
    transition: all .2s;
}
.incourse-slide .hd a.prev {background-image: url("../images/inrecom-prev1.png"); left: -98px;}
.incourse-slide .hd a.next {background-image: url("../images/inrecom-next1.png"); right: -98px;}
.incourse-slide .hd a.prev:hover {background-image: url("../images/inrecom-prev1.png");}
.incourse-slide .hd a.next:hover {background-image: url("../images/inrecom-next2.png");}
.incourse-slide .hd ul {display: inline-block; overflow: hidden;}
.incourse-slide .hd ul li {width: 10px; height: 10px; background: #2fa66d; border-radius: 50%; float: left; margin: 0 7px; cursor: pointer; opacity: .3; font-size: 0;}
.incourse-slide .hd ul li.on {opacity: 1;}
.incourse-slide .bd {width: 1200px; height: 386px; overflow: hidden;}
.incourse-slide .bd ul li {width: 284px; height: 346px; background: #fff; float: left; margin-right: 21px;}
.incourse-slide .bd ul li .box {width: 284px; height: 346px; border: 1px solid #e7e7e7; transition: all .2s;}
.incourse-slide .bd ul li .box .head {font-size: 0; position: relative; padding: 11px;}
.incourse-slide .bd ul li .box .head .img {width: 260px; height: 156px; font-size: 0;}
.incourse-slide .bd ul li .box .head .img a {display: block;}
.incourse-slide .bd ul li .box .head .img img {width: 260px; height: 156px;}
.incourse-slide .bd ul li .box .head .tag {width: auto; height: auto; position: absolute; left: 3px; top: 3px;}
.incourse-slide .bd ul li .box .head .tag img {height: 22px;}
.incourse-slide .bd ul li .box .foot {width: auto; height: 114px; padding: 0 11px;}
.incourse-slide .bd ul li .box .name {width: auto; height: auto; font-size: 16px; color: #222222; font-weight: bold; padding: 5px 0;}
.incourse-slide .bd ul li .box .name a {color: #222222; transition: all .2s;}
.incourse-slide .bd ul li .box .text {font-size: 14px; color: #666666; line-height: 24px;}
.incourse-slide .bd ul li .box .more {width: auto; height: auto; padding: 0 11px;}
.incourse-slide .bd ul li .box .more a {display: block; width: 104px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: linear-gradient(to right, #28b970, #30a56d);}
.incourse-slide .bd ul li .box:hover {border-color: #28b970; box-shadow: 0 5px 26px rgba(0, 0, 0, .1);}
.incourse-slide .bd ul li .box:hover .name a {color: #28b970;}
.inteachers {width: auto; height: 547px; background: url("../images/inrecommend.jpg") no-repeat center / 1920px auto; padding-top: 50px;}
.inteachers-main {width: 1200px; height: auto; padding-top: 50px; overflow: hidden; margin: 0 auto;}
.inteachers-main ul {width: 1210px; height: auto; overflow: hidden;}
.inteachers-main ul li {width: 232px; height: 306px; float: left; margin-right: 10px;}
.inteachers-main ul li .box {width: 232px; height: 306px; background: #fff; position: relative; padding-top: 27px;}
.inteachers-main ul li .box .portrait {width: 104px; height: 104px; border-radius: 50%; margin: 0 auto;}
.inteachers-main ul li .box .portrait img {width: 104px; height: 104px; border-radius: 50%;}
.inteachers-main ul li .box .name {text-align: center; font-size: 18px; font-weight: bold; color: #222222; padding-top: 12px;}
.inteachers-main ul li .box .note {text-align: center; font-size: 14px; color: #999999; padding-top: 5px; position: relative;}
.inteachers-main ul li .box .note::after {content: ''; display: block; width: 28px; height: 4px; background: linear-gradient(to right, #28b970, #30a56d); position: absolute; left: 50%; margin-left: -14px; top: 100%; margin-top: 10px;}
.inteachers-main ul li .box .text {text-align: center; font-size: 14px; color: #666666; line-height: 24px; padding: 24px 15px 0 15px;}
.inteachers-main ul li .box .more {width: 100%; height: 100px; position: absolute; left: 0; bottom: -100px; opacity: 0; padding: 34px 0; background: rgba(0, 0, 0, .8); transition: all .2s;}
.inteachers-main ul li .box .more a {display: block; width: 104px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; color: #fff; border-radius: 3px; background: linear-gradient(to right, #28b970, #30a56d); margin: 0 auto;}
.inteachers-main ul li .box:hover .more {opacity: 1; bottom: 0;}
.footer {width: auto; height: auto; background: #282a29;}
.footer .main {width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding: 40px 0;}
.footer .main .intro {width: 342px; height: auto; float: left;}
.footer .main .intro .img {font-size: 0;}
.footer .main .intro .img img {width: 150px;}
.footer .main .intro .txt {font-size: 14px; color: #bebebe; line-height: 22px; padding-top: 12px;}
.footer .main .links {width: 670px; height: auto; min-height: 114px; float: left; border-left: 1px solid #484948; border-right: 1px solid #484948; overflow: hidden; padding-left: 30px;}
.footer .main .links .group {width: 33.333%; height: auto; float: left; padding: 0 30px;}
.footer .main .links .group .name {width: auto; height: auto; line-height: 34px; font-size: 14px; color: #fff;}
.footer .main .links .group .list {width: auto; height: auto; line-height: 34px;}
.footer .main .links .group .list .item {width: auto; height: auto; font-size: 14px;}
.footer .main .links .group .list .item a {color: #bebebe;}
.footer .main .attention {width: 188px; height: auto; float: right; padding-left: 98px;}
.footer .main .attention .tit {text-align: center; font-size: 14px; color: #fff; line-height: 1; padding-bottom: 10px;}
.footer .main .attention .img {font-size: 0;}
.footer .main .attention .img img {width: 90px;}
.footer .copy {width: auto; height: auto; border-top: 1px solid #484948; padding: 20px 0; text-align: center; font-size: 14px; color: #bebebe; line-height: 34px;}
.footer .copy .center {width: 1200px; height: auto; margin: 0 auto;}
.footer .copy .center a {color: #fff}
.curPlace {width: auto; height: 86px; position: relative;}
.curPlace .center {width: 1200px; height: 86px; line-height: 64px; margin: 0 auto; position: relative; z-index: 2; font-size: 16px; color: #fff; padding-top: 22px;}
.curPlace .center a {color: #fff;}
.curPlace .bg {width: 100%; height: 110px; background: url("../images/curplace.jpg") no-repeat center; position: absolute; left: 0; top: 0; z-index: 1;}
.curPlace .bg2 {width: 100%; height: 110px; background: url("../images/curplace2.jpg") no-repeat center; position: absolute; left: 0; top: 0; z-index: 1;}

.nwrap {width: auto; height: auto; position: relative; z-index: 2;}
.ncourse {width: 1200px; height: auto; margin: 0 auto; padding-bottom: 80px;}
.ncourse-wrap {width: 888px; height: auto; background: #fff; float: left; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; padding: 0 30px;}
.ncourse-head {width: auto; height: auto; padding-top: 23px;}
.ncourse-filter {width: auto; height: auto; min-height: 60px; border: 1px solid #e7e7e7; padding: 15px 10px 0 20px;}
.ncourse-filter .group {width: auto; height: auto; position: relative; padding-left: 100px;}
.ncourse-filter .group .name {width: auto; height: 30px; line-height: 30px; position: absolute; left: 0; top: 0; font-size: 14px; color: #848484;}
.ncourse-filter .group .list {width: auto; height: auto; overflow: hidden;}
.ncourse-filter .group .list .item {width: auto; height: auto; float: left; margin: 0 35px 8px 0;}
.ncourse-filter .group .list .item a {display: block; width: auto; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #212121; border-radius: 2px;}
.ncourse-filter .group .list .item a.on {background: linear-gradient(to right, #28b970, #30a56d); color: #fff; padding: 0 14px;}
.ncourse-sort {width: auto; height: 44px; background: #f7f7f7; border: 1px solid #e7e7e7; overflow: hidden;}
.ncourse-sort .state {width: auto; height: 42px; float: left; overflow: hidden;}
.ncourse-sort .state .item {width: auto; height: 42px; float: left;}
.ncourse-sort .state .item a {display: block; width: 94px; height: 42px; text-align: center; line-height: 42px; position: relative; font-size: 14px; color: #212121;}
.ncourse-sort .state .item a.on {background: #fff; color: #2fa76d;}
.ncourse-sort .state .item a.on::before,
.ncourse-sort .state .item a.on::after {content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; background: #ebebeb; font-size: 0; line-height: 0;}
.ncourse-sort .state .item a.on::before {left: 0;}
.ncourse-sort .state .item a.on::after {right: 0;}
.ncourse-sort .sorts {width: auto; height: 42px; float: right;}
.ncourse-sort .sorts .item {width: auto; height: 42px; float: left;}
.ncourse-sort .sorts .item a {display: block; width: 94px; height: 42px; text-align: center; line-height: 42px; position: relative; font-size: 14px; color: #212121;}
.ncourse-sort .sorts .item a.on {background: #fff; color: #2fa76d;}
.ncourse-sort .sorts .item a.on::before,
.ncourse-sort .sorts .item a.on::after {content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; background: #ebebeb; font-size: 0; line-height: 0;}
.ncourse-sort .sorts .item a.on::before {left: 0;}
.ncourse-sort .sorts .item a.on::after {right: 0;}
.ncourse-head .ncourse-sort {margin-top: -1px;}
.ncourse-list {width: auto; height: auto; padding-top: 24px;}
.ncourse-list .item {width: auto; height: auto; padding-top: 17px;}
.ncourse-list .item:first-child {padding-top: 0;}
.ncourse-list .item .cbox {display: block; width: auto; height: auto; border: 1px solid #e7e7e7; padding: 11px;}
.ncourse-list .item .box {width: auto; height: 126px; position: relative; padding-left: 210px;}
.ncourse-list .item .box .img {width: 210px; height: 126px; font-size: 0; position: absolute; left: 0; top: 0;}
.ncourse-list .item .box .img img {width: 210px; height: 126px;}

.ncourse-list .item .box .con {width: auto; height: auto; padding-left: 20px;}
.ncourse-list .item .box .name {width: auto; height: auto;  line-height: 24px; margin-bottom: 5px; font-size: 18px; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ncourse-list .item .box .name a {color: #222222;}
.ncourse-list .item .box .name a:hover {color: #28b970;}
.ncourse-list .item .box .price {position: absolute; line-height: 42px; right: 0; top: 24px; font-size: 16px; font-family: Avenir, Roboto, Arial; font-weight: normal; color: #ec0000;}
.ncourse-list .item .box .price.free{color: #5f6869;}
.ncourse-list .item .box .tags {width: auto; height: auto; font-size: 0;}
.ncourse-list .item .box .tags span {display: inline-block; width: auto; height: 22px; line-height: 22px; background: #f7f2ea; border-radius: 2px; padding: 0 6px; font-size: 14px; color: #ef9503;}
.ncourse-list .item .box .text {width: auto; height: 40px; font-size: 14px; line-height: 24px; color: #666666; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ncourse-list .item .box .note {width: auto; height: 30px; overflow: hidden;}
.ncourse-list .item .box .note .number {width: auto; height: 30px; float: left; line-height: 30px; font-size: 14px; color: #848484;}
.ncourse-list .item .box .note .number span {display: block; width: auto; padding-left: 20px; background: url("../images/ncourse-number.png") no-repeat left center / 16px 16px;}
.ncourse-list .item .box .note .status {width: auto; height: 30px; float: right; line-height: 30px; font-size: 14px; color: #28b970;}
.ncourse-list .item .box .note .status span {display: block; width: auto; padding-left: 20px; background: url("../images/ncourse-status.png") no-repeat left center / 16px 16px;}
.ncourse-hots {width: 296px; height: auto; float: right;}
.ncourse-hots .group {width: auto; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin-bottom: 15px; padding: 0 18px;}
.ncourse-hots .group:last-child {margin-bottom: 0;}
.ncourse-hots-head {width: auto; height: auto; padding-top: 14px; font-size: 0;}
.ncourse-hots-head a {display: block; width: 260px; height: 156px; position: relative;}
.ncourse-hots-head a span {display: block;}
.ncourse-hots-head a .img img {width: 260px; height: 156px;}
.ncourse-hots-head a .tag {position: absolute; left: -6px; top: -6px;}
.ncourse-hots-head a .tag img {height: 22px;}
.ncourse-hots-list {width: auto; height: auto; padding: 10px 0;}
.ncourse-hots-list .item {width: auto; height: 36px; line-height: 36px; position: relative; padding-left: 34px; color: #222222; font-size: 14px;}
.ncourse-hots-list .item a {color: #222222; display: inline-block;width: 230px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ncourse-hots-list .item .num {display: block; width: 18px; height: 26px; line-height: 26px; text-align: center; position: absolute; left: 2px; top: 50%; margin-top: -13px;}
.ncourse-hots-list .item:nth-child(1) .num,
.ncourse-hots-list .item:nth-child(2) .num,
.ncourse-hots-list .item:nth-child(3) .num {background-repeat: no-repeat; background-position: center; background-size: 18px 26px; color: #e3583f; padding-top: 8px; line-height: 18px;}
.ncourse-hots-list .item:nth-child(1) .num {background-image: url("../images/rank1.png");}
.ncourse-hots-list .item:nth-child(2) .num {background-image: url("../images/rank2.png");}
.ncourse-hots-list .item:nth-child(3) .num {background-image: url("../images/rank3.png");}
.ncoursecon {width: 1200px; height: auto; margin: 0 auto; padding-bottom: 80px;}
.ncoursecon-head {width: auto; height: auto; background: #fff; padding: 30px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px;}
.ncoursecon-img {width: 515px; height: 310px; font-size: 0; float: left;}
.ncoursecon-img img {width: 515px; height: 310px;}
.ncoursecon-intro {width: 594px; height: auto; float: right;}
.ncoursecon-intro .name {width: auto; height: auto; line-height: 36px; font-size: 28px; color: #000000;}
.ncoursecon-intro .note {width: auto; height: auto; line-height: 20px; font-size: 14px; color: #848484; overflow: hidden; padding-top: 10px;}
.ncoursecon-intro .note .item {float: left; margin-right: 30px;}
.ncoursecon-intro .note .item:last-child {margin-right: 0;}
.ncoursecon-intro .note .item span {color: #212121;}
.ncoursecon-intro .menu {width: auto; height: 34px; background: #e7e7e7; padding: 0 20px; position: relative; z-index: 3; margin-top: 5px;}
.ncoursecon-intro .menu select { outline: none; background: transparent; appearance: none;-webkit-appearance: none; height: 34px; line-height: 24px; border: none;
    box-sizing: border-box;
    padding: 4px 20px 4px 10px;
    vertical-align: middle;
    background: url("../images/selectc.png") transparent no-repeat right center;
    background-image: -webkit-image-set(url("../images/selectc.png") 1x, url("../images/selectc@2x.png") 2x);
}
.ncoursecon-intro .price {font-size: 16px; line-height: 24px; font-family: Avenir, Roboto, Arial; font-weight: normal; color: #ec0000; padding: 5px 0;}
.ncoursecon-intro .price.free{color: #666;}
.ncoursecon-intro .menu .name {width: auto; height: 34px; float: left;}
.ncoursecon-intro .menu .name a {display: block; width: auto; height: 34px; line-height: 34px; position: relative; padding-right: 20px; font-size: 14px; color: #212121;}
.ncoursecon-intro .menu .name a::after {content: ''; display: block; width: 10px; height: 10px; font-size: 0; line-height: 0; position: absolute; right: 0; top: 50%; margin-top: -5px; background-repeat: no-repeat; background-position: center; background-size: 10px 10px; background-image: url("../images/ncoursecon-menu1.png");}
.ncoursecon-intro .menu .list {width: auto; height: auto; background: #fff; border: 1px solid #e7e7e7; box-shadow: 0 5px 20px rgba(0, 0, 0, .1); position: absolute; left: 10px; top: 30px; padding: 5px 10px; display: none;}
.ncoursecon-intro .menu .list .item {width: auto; height: auto; font-size: 14px; color: #212121; line-height: 28px;}
.ncoursecon-intro .menu .list .item a {color: #212121;}
.ncoursecon-intro .menu.on .name a::after {background-image: url("../images/ncoursecon-menu2.png");}
.ncoursecon-intro .menu.on .list {display: block;}
.ncoursecon-intro .type {width: auto; height: auto; background: #f7f7f7; padding: 6px 20px; position: relative; margin-top:5px;}
.ncoursecon-intro .type .state {width: auto; height: auto; font-size: 16px; color: #28b970; line-height: 30px; position: absolute; right: 20px; top: 10px; padding-left: 25px; background: url("../images/ncourse-status.png") no-repeat left center / 16px 16px;}
.ncoursecon-intro .type .state.finish {
    color: #999;
    background: url("../images/ncourse-status-gray.png") no-repeat left center / 16px 16px;
}
.ncoursecon-intro .type .item {width: auto; height: 30px; font-size: 14px; color: #848484; line-height: 30px; position: relative; padding-left: 23px;}
.ncoursecon-intro .type .item .icon {display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.ncoursecon-intro .type .item .icon img {width: 16px; height: 16px;}
.ncoursecon-intro .type .item .val {color: #363636;}
.ncoursecon-intro .cls {width: auto; height: auto; overflow: hidden;}
.ncoursecon-intro .cls .item {width: 50%; height: auto; float: left; font-size: 14px; line-height: 20px; color: #666; padding-top: 8px;}
.ncoursecon-intro .btns {width: auto; height: 46px; padding-top: 10px; box-sizing: content-box;}
.ncoursecon-intro .btns .item {width: auto; height: 46px; float: left; margin-right: 20px;}
.ncoursecon-intro .btns .item:last-child {margin-right: 0;}
.ncoursecon-intro .btns .item a {display: block; width: 120px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; color: #fff; border-radius: 2px; position: relative;}
.ncoursecon-intro .btns .item a.btn1 {background: linear-gradient(to right, #28b970, #30a56d);}
.ncoursecon-intro .btns .item a.btn2 {background: linear-gradient(to right, #ef9401, #fdcd5c);}
.ncoursecon-intro .btns .item a.btn4 {background: linear-gradient(to right, #3994ef, #89ccfe);}
.ncoursecon-intro .btns .item a.btn5 {background: linear-gradient(to right, #3994ef, #89ccfe);width: 90px;
    margin-top: 10px; height: 36px; text-align: center; line-height: 36px; }
.ncoursecon-intro .btns .item a.btn3 {background: #ccc;}
.ncoursecon-intro .btns .item a span {display: none; width: 150px; height: auto; line-height: 1.6; padding: 8px 0; background: #fff; position: absolute; left: 50%; margin-left: -75px; top: 100%; font-size: 14px; color: #212121; border: 1px solid #e7e7e7; border-radius: 2px; box-shadow: 0 5px 20px rgba(0, 0, 0, .1); margin-top: 20px;}
.ncoursecon-intro .btns .item a span::before {content: ''; display: block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; position: absolute; left: 50%; margin-left: -5px; top: -5px; font-size: 0; line-height: 0; transform: rotate(45deg); box-sizing: border-box;}
.ncoursecon-intro .btns .item a:hover span {display: block;}
.ncoursecon-wrap {width: auto; height: auto; padding-top: 15px;}
.ncoursecon-main {width: 888px; height: auto; float: left; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; padding: 0 30px;}
.ncoursecon-tabs {width: auto; height: 55px; position: relative; overflow: hidden;}
.ncoursecon-tabs::after {content: ''; display: block; width: 100%; height: 1px; background: #e7e7e7; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0;}
.ncoursecon-tabs .item {width: auto; height: 55px; float: left; margin-right: 45px;}
.ncoursecon-tabs .item:last-child {margin-right: 0;}
.ncoursecon-tabs .item a {display: block; width: auto; height: 55px; line-height: 55px; position: relative; z-index: 2; font-size: 16px; color: #000000;}
.ncoursecon-tabs .item a::after {content: ''; display: none; width: 100%; height: 2px; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #28b970, #30a56d);}
.ncoursecon-tabs .item a span {width: auto; height: 16px; background: #ef0101; border: 1px solid #fff; border-radius: 8px; font-size: 11px; color: #fff; line-height: 14px; padding: 0 4px; position: absolute; left: 100%; margin-left: -10px; top: 10px;}
.ncoursecon-tabs .item a.on {color: #28b970; font-weight: bold;}
.ncoursecon-tabs .item a.on::after {display: block;}
.ncoursecon-content {width: auto; height: auto; padding: 20px 0;}
.ncoursecon-content .item {width: auto; height: auto; padding: 10px 0;}
.ncoursecon-content .item:first-child {padding-top: 0;}
.ncoursecon-content .item:last-child {padding-bottom: 0;}
.ncoursecon-content .item .name {width: auto; height: auto; font-size: 16px; font-weight: bold; color: #010101; position: relative; padding-left: 20px;}
.ncoursecon-content .item .name::before {content: ''; display: block; width: 4px; height: 16px; font-size: 0; position: absolute; left: 0; top: 50%; margin-top: -8px; background: linear-gradient(#28b970, #30a56d);}
.ncoursecon-content .item .text {width: auto; height: auto; font-size: 14px; color: #666666; padding-left: 20px; line-height: 28px; padding-top: 10px;}
.ncoursecon-school {width: 296px; height: auto; float: right; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; padding: 0 20px;}
.ncoursecon-school .logo {width: auto; height: auto; font-size: 0; padding: 18px 0; border-bottom: 1px solid #e7e7e7;}
.ncoursecon-school .logo img {width: 256px;}
.ncoursecon-school .text {width: auto; height: auto; font-size: 14px; color: #666666; line-height: 28px; padding: 18px 0;}
.ncoursecon-menu {width: auto; height: auto; padding: 20px 0;}
.ncoursecon-menu .group {width: auto; height: auto; padding: 15px 0;}
.ncoursecon-menu .group:first-child {padding-top: 0;}
.ncoursecon-menu .group:last-child {padding-bottom: 0;}
.ncoursecon-menu .name {width: auto; height: auto; font-size: 16px; font-weight: bold; color: #010101; position: relative; padding-left: 20px;}
.ncoursecon-menu .name::before {content: ''; display: block; width: 4px; height: 16px; font-size: 0; position: absolute; left: 0; top: 50%; margin-top: -8px; background: linear-gradient(#28b970, #30a56d);}
.ncoursecon-menu .list {width: auto; height: auto;}
.ncoursecon-menu .list .item {width: auto; height: 54px; background: #f6f6f6; margin-top: 12px; border-radius: 2px; position: relative;}
.ncoursecon-menu .list .item .tit {width: auto; height: 54px; line-height: 54px; padding-left: 20px; padding-right: 50px; font-size: 14px; color: #000000;}
.ncoursecon-menu .list .item .tit a {color: #000000;}
.ncoursecon-menu .list .item .tit span {color: #676767;}
.ncoursecon-menu .list .item .btn {width: 30px; height: 30px; background: #fff; border: 1px solid #ededed; border-radius: 2px; font-size: 0; position: absolute; right: 20px; top: 50%; margin-top: -15px;}
.ncoursecon-menu .list .item .btn a {display: block; width: 28px; height: 28px;}
.ncoursecon-menu .list .item .btn a img {width: 28px; height: 28px;}
.ncoursecon-menu .list .item .x-btn {width: 120px; height: 30px;border-radius: 2px; font-size: 0; position: absolute; right: 20px; top: 50%; margin-top: -15px; text-align: right;}
.ncoursecon-menu .list .item .x-btn a {display: inline-block; width: 28px; height: 28px;}
.ncoursecon-menu .list .item .x-btn a img {width: 28px; height: 28px;}
.ncoursecon-bbs {width: auto; height: auto;}
.ncoursecon-bbs .item {width: auto; height: auto; padding: 30px 0; position: relative; border-bottom: 1px solid #e7e7e7;}
.ncoursecon-bbs .item .portrait {width: 62px; height: 62px; font-size: 0; position: absolute; left: 0; top: 30px;}
.ncoursecon-bbs .item .portrait img {width: 62px; height: 62px; border-radius: 50%;}
.ncoursecon-bbs .item .box {width: auto; height: auto; padding-left: 82px;}
.ncoursecon-bbs .item .name {width: auto; height: auto; font-size: 18px; font-weight: bold; color: #222222;}
.ncoursecon-bbs .item .text {width: auto; height: auto; font-size: 14px; color: #666666; line-height: 24px; padding-top: 10px;}
.ncoursecon-bbs .item .note {width: auto; height: auto; padding-top: 20px; overflow: hidden;}
.ncoursecon-bbs .item .note .date {width: auto; height: 16px; float: left; background: url("../images/note-date.png") no-repeat left center / 16px 16px; font-size: 14px; color: #999999; line-height: 16px; padding-left: 25px;}
.ncoursecon-bbs .item .note .star {width: auto; height: 16px; float: right; font-size: 0;}
.ncoursecon-bbs .item .note .star span {display: block; width: 118px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.ncoursecon-bbs .item .note .star span.s0 {background-image: url("../images/restar0.png");}
.ncoursecon-bbs .item .note .star span.s1 {background-image: url("../images/restar1.png");}
.ncoursecon-bbs .item .note .star span.s2 {background-image: url("../images/restar2.png");}
.ncoursecon-bbs .item .note .star span.s3 {background-image: url("../images/restar3.png");}
.ncoursecon-bbs .item .note .star span.s4 {background-image: url("../images/restar4.png");}
.ncoursecon-bbs .item .note .star span.s5 {background-image: url("../images/restar5.png");}
.ncoursecon-teacher {width: auto; height: auto;}
.ncoursecon-teacher .item {width: auto; height: auto; padding: 30px 0; position: relative; border-bottom: 1px solid #e7e7e7;}
.ncoursecon-teacher .item:last-child {border-bottom: 0 none;}
.ncoursecon-teacher .item .portrait {width: 62px; height: 62px; font-size: 0; position: absolute; left: 0; top: 30px;}
.ncoursecon-teacher .item .portrait img {width: 62px; height: 62px; border-radius: 50%;}
.ncoursecon-teacher .item .box {width: auto; height: auto; min-height: 62px; padding-left: 82px;}
.ncoursecon-teacher .item .box .name {width: auto; height: auto; font-size: 18px; font-weight: bold; color: #222222; padding-top: 5px;}
.ncoursecon-teacher .item .box .text {width: auto; height: auto; font-size: 14px; color: #848484; padding-top: 10px;}
.ncoursecon-notice {width: auto; height: auto; padding: 30px 0;}
.ncoursecon-notice-intro {width: auto; height: auto; padding: 20px; overflow: hidden; border: 1px solid #e7e7e7;}
.ncoursecon-notice-intro .name {width: auto; height: 30px; float: left;}
.ncoursecon-notice-intro .name .icon {width: 30px; height: 30px; font-size: 0; float: left; margin-right: 15px;}
.ncoursecon-notice-intro .name .text {width: auto; height: 30px; font-size: 18px; color: #222222; font-weight: bold; line-height: 30px; float: left;}
.ncoursecon-notice-intro .date {width: auto; height: 30px; line-height: 30px; float: right; font-size: 14px; color: #999999;}
.ncoursecon-notice-title {width: auto; height: auto; margin-top: 30px; position: relative; padding-left: 15px; font-size: 16px; color: #010101; font-weight: bold;}
.ncoursecon-notice-title::before {content: ''; display: block; width: 4px; height: 16px; background: linear-gradient(#28b970, #30a56d); font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.ncoursecon-notice-content {width: auto; height: auto; font-size: 14px; color: #666666; line-height: 28px; padding-top: 15px; padding-left: 15px;}
.teaching {width: 1200px; height: auto; margin: 0 auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin-bottom: 80px;}
.teaching .comcurTitle {margin: 0 30px;}
.teaching .pagebar-bbs {margin: 0 30px;}
.teaching-list {width: auto; height: auto;}
.teaching-list .item {width: auto; height: auto; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 30px;}
.teaching-list .item .img {width: 310px; height: 186px; font-size: 0; float: left;}
.teaching-list .item .img a {display: block;}
.teaching-list .item .img img {width: 310px; height: 186px;}
.teaching-list .item .con {width: 800px; height: auto; float: right;}
.teaching-list .item .con .name {width: auto; height: 50px; line-height: 40px; font-size: 18px; font-weight: bold; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.teaching-list .item .con .name::after {content: ''; display: block; width: 28px; height: 4px; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #28b970, #30a56d);}
.teaching-list .item .con .name a {color: #222222;}
.teaching-list .item .con .text {width: auto; height: auto; min-height: 104px; font-size: 14px; color: #666666; line-height: 24px; padding-top: 10px;}
.teaching-list .item .con .foot {width: auto; height: 32px; overflow: hidden;}
.teaching-list .item .con .note {width: auto; height: 32px; float: left; overflow: hidden; font-size: 14px; color: #999999; line-height: 32px;}
.teaching-list .item .con .date {width: auto; height: 32px; background: url("../images/note-date.png") no-repeat left center / 16px 16px; float: left; padding-left: 25px; margin-right: 50px;}
.teaching-list .item .con .user {width: auto; height: 32px; background: url("../images/note-up.png") no-repeat left center / 16px 16px; float: left; padding-left: 25px;}
.teaching-list .item .con .more {width: auto; height: 32px; float: right;}
.teaching-list .item .con .more a {display: block; width: 104px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; border-radius: 2px; background: linear-gradient(to right, #28b970, #30a56d);}
.teaching-list .item:hover {background: #f2f7f5;}
.teaching-list .item:hover .con .name a {color: #28b970;}

.searchres {width: auto; height: auto;}
.searchres .item {width: auto; height: auto; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 30px;}
.searchres .item .img {width: 310px; height: 186px; font-size: 0; float: left;}
.searchres .item .img a {display: block;}
.searchres .item .img img {width: 310px; height: 186px;}
.searchres .item .con {width: 800px; height: auto; float: right;}
.searchres .item .con .head {width: auto; height: auto; padding-bottom: 20px; border-bottom: 1px dashed #e7e7e7; position: relative; padding-top: 10px; padding-right: 124px;}
.searchres .item .con .more {width: auto; height: auto; position: absolute; right: 0; top: 10px;}
.searchres .item .con .more a {display: block; width: 104px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; border-radius: 2px; background: linear-gradient(to right, #28b970, #30a56d);}
.searchres .item .con .name {width: auto; height: auto; position: relative; padding-left: 30px; font-size: 18px; color: #222222;}
.searchres .item .con .name::before {content: ''; display: block; width: 18px; height: 4px; font-size: 0; line-height: 0; background: linear-gradient(to right, #28b970, #30a56d); position: absolute; left: 0; top: 50%; margin-top: -2px;}
.searchres .item .con .tags {width: auto; height: auto; padding-top: 10px;}
.searchres .item .con .tags span {display: inline-block; width: auto; height: 22px; line-height: 22px; border-radius: 2px; background: #f7f2ea; color: #ef9503; padding: 0 5px; font-size: 14px;}
.searchres .item .con .text {width: auto; height: auto; font-size: 14px; color: #666666; line-height: 24px; padding-top: 12px;}
.user-head {width: 1200px; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin: 0 auto; padding: 40px 0; overflow: hidden;}
.user-head .user {width: 464px; height: 120px; float: left; padding-left: 150px; position: relative; padding-right: 10px;}
.user-head .user .portrait {width: 120px; height: 120px; position: absolute; left: 30px; top: 50%; margin-top: -60px; border: 1px solid #2dab6e; border-radius: 50%; font-size: 0; padding: 5px;}
.user-head .user .portrait img {width: 108px; height: 108px; border-radius: 50%;}
.user-head .user .con {width: auto; height: auto; padding-left: 20px;}
.user-head .user .con.ed {padding-top: 25px;}
.user-head .user .con .name {width: auto; height: auto; font-size: 24px; color: #000000; padding-top: 5px;}
.user-head .user .con .text {width: auto; height: auto; font-size: 14px; color: #848484; padding-top: 5px;}
.user-head .user .con .edit {padding-top: 10px;}
.user-head .user .con .edit a {display: inline-block; width: 110px; height: 36px; text-align: center; line-height: 36px; background: linear-gradient(to right, #28b970, #30a56d); border-radius: 3px; font-size: 14px; color: #fff;}
.user-head .user .con .edit a span {display: inline-block; padding-left: 25px; background: url(../images/user-edit.png) no-repeat left center / 14px 14px;}
.user-head .user .con .edit a.sign {margin-left: 10px;display: inline-block; width: 100px;background: linear-gradient(to right, #f5d20b, #f5b51b); border-radius: 3px; }
.user-head .user .con .edit a.sign span {background: url(../images/sign.png) no-repeat left center / 20px 20px;}
.user-head .user .con .edit a.sign.signed {background: #91c6fa;}
.user-head .intro {width: auto; height: 120px; float: right; padding: 10px 0; overflow: hidden;}
.user-head .intro .item {width: 120px; height: 100px; float: left; text-align: center; border-left: 1px solid #e3e3eb;}
.user-head .intro .item .icon {font-size: 0; width: 38px; height: 38px; border-radius: 5px 20px 5px 5px; margin: 0 auto;}
.user-head .intro .item .icon img {width: 38px; height: 38px;}
.user-head .intro .item .number {font-size: 28px; line-height: 1; font-weight: bold; padding-top: 10px;}
.user-head .intro .item .number span {font-size: 14px; line-height: 1; font-weight: normal; color: #000000; padding-left: 3px;}
.user-head .intro .item .text {width: auto; height: auto; font-size: 16px; color: #000000; padding-top: 5px;}
.user-head .intro .item .text a {color: #000000;display: inline-block; }
.user-head .intro .item .text a:hover {color: #28b970; }
.user-head .intro .item .text span {display: inline-block; position: relative;}
.user-head .intro .item .text span a {display: block; position: absolute; left: 100%; top: 0; color: #28b970; text-decoration: underline; white-space: nowrap; margin-left: 3px;}
.user-head .intro .item.green .icon {box-shadow: 0 3px 9px rgba(17, 204, 161, .35);}
.user-head .intro .item.green .number {color: #13cda2;}
.user-head .intro .item.blue .icon {box-shadow: 0 3px 9px rgba(99, 166, 255, .35);}
.user-head .intro .item.blue .number {color: #63a6ff;}
.user-head .intro .item.red .icon {box-shadow: 0 3px 9px rgba(255, 110, 103, .35);}
.user-head .intro .item.red .number {color: #ff6e67;}
.user-head .intro .item.yellow .icon {box-shadow: 0 3px 9px rgba(248, 170, 54, .35);}
.user-head .intro .item.yellow .number {color: #f8aa36;}
.user-head .intro .item.cyan .icon {box-shadow: 0 3px 9px rgba(19, 204, 180, .35);}
.user-head .intro .item.cyan .number {color: #13ccb4;}
.user-head .intro .item.orange .icon {box-shadow: 0 3px 9px rgba(255, 135, 101, .35);}
.user-head .intro .item.orange .number {color: #ff8765;}
.user-wrap {width: 1200px; height: auto; margin: 0 auto; padding: 15px 0 80px 0;}
.user-main {width: 888px; height: auto; float: left; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; padding: 0 30px;}
.user-tabs {width: auto; height: 44px; background: #f7f7f7; border: 1px solid #e7e7e7; overflow: hidden; margin-top: 22px;}
.user-tabs .item {width: auto; height: 42px; float: left;}
.user-tabs .item a {display: block; width: 94px; height: 42px; text-align: center; line-height: 42px; position: relative; font-size: 14px; color: #212121;}
.user-tabs .item a.on {background: #fff; color: #2fa76d;}
.user-tabs .item a.on::before,
.user-tabs .item a.on::after {content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; background: #ebebeb; font-size: 0; line-height: 0;}
.user-tabs .item a.on::before {left: 0;}
.user-tabs .item a.on::after {right: 0;}
.user-course {width: auto; height: auto; padding-top: 22px;}
.user-course .item {width: auto; height: auto; margin-top: 18px; border: 1px solid #e7e7e7; padding: 11px;}
.user-course .item:first-child {margin-top: 0;}
.user-course .item .box {width: auto; height: auto; min-height: 156px; padding-left: 260px; position: relative;}
.user-course .item .box .img {font-size: 0; position: absolute; left: 0; top: 0;}
.user-course .item .box .img img {width: 260px; height: 156px;}
.user-course .item .box .con {width: auto; height: auto; padding-left: 20px;}
.user-course .item .box .con .name {width: auto; height: auto; font-size: 18px; font-weight: bold; color: #222222; padding-top: 5px;}
.user-course .item .box .con .name a {color: #222222;}
.user-course .item .box .con .tags {width: auto; height: auto; padding: 10px 0;}
.user-course .item .box .con .tags span {display: inline-block; width: auto; height: 22px; line-height: 22px; font-size: 14px; color: #ef9503; border-radius: 2px; padding: 0 5px; background: #f7f2ea;}
.user-course .item .box .con .note {width: auto; height: 30px; overflow: hidden;}
.user-course .item .box .con .time {width: auto; height: auto; font-size: 14px; color: #666; padding-top: 5px;}
.user-course .item .box .con .intro {width: auto; color: #999; height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user-course .item .box .con .progress {width: auto; height: 20px; overflow: hidden;}
.user-course .item .box .con .progress .tit {width: auto; height: 20px; line-height: 20px; font-size: 14px; color: #666666; float: left; padding-right: 10px;}
.user-course .item .box .con .progress .txt {width: auto; height: 20px; line-height: 20px; font-size: 14px; color: #000000; font-weight: bold; float: left;}
.user-course .item .box .con .progress .line {width: 252px; height: 8px; font-size: 0; background: #fff5c6; border-radius: 4px; float: left; margin-top: 7px; margin-right: 10px;}
.user-course .item .box .con .progress .line span {display: block; width: 0; height: 8px; background: url("../images/progress.png") no-repeat left center / auto 8px; border-radius: 4px;}
.user-course .item .box .con .note {width: auto; height: auto; overflow: hidden; padding-top: 5px;}
.user-course .item .box .con .note .number {width: auto; height: 30px; float: left; line-height: 30px; font-size: 14px; color: #848484; padding-left: 20px; background: url("../images/ncourse-number.png") no-repeat left center / 16px 16px;}
.user-course .item .box .con .note .kind {width: auto; height: 30px; float: left; line-height: 30px; font-size: 14px; color: #848484; padding-left: 20px;}
.user-course .item .box .con .note .status {width: auto; height: 30px; float: right; line-height: 30px; font-size: 14px; color: #28b970; padding-left: 20px; background: url("../images/ncourse-status.png") no-repeat left center / 16px 16px;}
.user-course .item .box .con .note .status a {color: #28b970;}
.user-total {width: 296px; height: auto; float: right;}
.user-total .group {width: auto; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin-bottom: 15px; padding: 0 18px;}
.user-total .group:last-child {margin-bottom: 0;}
.user-total .group .charts {padding: 18px 0;}
.useredata {width: auto; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; padding: 0 30px;}
.useredata-tabs {width: auto; height: 55px; position: relative;}
.useredata-tabs::after {content: ''; display: block; width: 100%; height: 1px; background: #e7e7e7; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0;}
.useredata-tabs a {display: block; width: auto; height: 55px; line-height: 55px; position: relative; z-index: 2; font-size: 16px; color: #000000; float: left; margin-right: 40px;}
.useredata-tabs a.on {color: #28b970; font-weight: bold;}
.useredata-tabs a.on::after {content: ''; display: block; width: 100%; height: 2px; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #28b970, #30a56d);}
.useredata-form {width: 624px; height: auto; margin: 0 auto; padding: 30px 0;}
.useredata-form .item {width: auto; height: auto; padding: 10px 0; overflow: hidden;}
.useredata-form .item .name {width: 90px; height: 44px; float: left; line-height: 44px; font-size: 14px; color: #000000; text-align: right; padding-right: 10px;}
.useredata-form .item .text {width: 534px; height: 44px; float: left; overflow: hidden;}
.useredata-form .item .text input.inp {display: block; width: 100%; height: 44px; border: 1px solid #dbdbdb; font-size: 14px; color: #333333; padding: 13px 15px; line-height: 16px;}
.useredata-form .item .text select {height: 44px; margin-right: 10px; border: 1px solid #dbdbdb; appearance: none; -webkit-appearance: none; border-radius: 0; font-size: 14px; color: #333; padding: 0 30px 0 15px; background: url("../images/select.png") no-repeat right center / 42px 42px;}
.useredata-form .item .text textarea {width: 100%;height: 80px; margin-right: 10px; border: 1px solid #dbdbdb; appearance: none; -webkit-appearance: none; border-radius: 0; font-size: 14px; color: #333; padding: 0 15px;}
.useredata-form .item .text .li {width: 257px; height: 44px; float: left;}
.useredata-form .item .text .li:last-child {float: right;}
.useredata-form .item .txt {width: 534px; height: 44px; float: left; overflow: hidden; font-size: 14px; line-height: 44px;color: #666; }
.useredata-form .item .txt a { color: #28b970; margin-left: 50px;}
.useredata-form .item .btns {width: auto; height: auto; text-align: center;}
.useredata-form .item .btns .ul {display: inline-block; overflow: hidden;}
.useredata-form .item .btns input.btn {display: block; width: 140px; height: 46px; text-align: center; line-height: 46px; cursor: pointer; color: #fff; float: left; margin: 0 10px; font-size: 16px; border: 0 none; border-radius: 3px;}
.useredata-form .item .btns input.btn.btn1 {background: linear-gradient(to right, #28b970, #30a56d);}
.useredata-form .item .btns input.btn.btn2 {background: #cccccc;}
.detmain {width: 1200px; height: auto; margin: 0 auto; padding-bottom: 80px;}
.detmain-navs {width: 334px; height: auto; padding: 0 30px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; float: left;}
.detmain-navlist {width: auto; height: auto; padding: 10px 0;}
.detmain-navlist .group {width: auto; height: auto;}
.detmain-navlist .group .name {width: auto; height: auto;}
.detmain-navlist .group .name a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: auto; height: 52px; line-height: 52px; font-size: 14px; color: #666666; padding-left: 25px; padding-right: 12px; position: relative;}
.detmain-navlist .group .name a::before {content: ''; display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -8px; background: url("../images/navicon.png") no-repeat center / 16px 16px;}
.detmain-navlist .group .list {display: none; width: auto; height: auto; background: #f2f7f5; padding: 10px 0;}
.detmain-navlist .group .list .item {width: auto; height: auto;}
.detmain-navlist .group .list .item a {display: block; width: auto; height: 46px; line-height: 46px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px; color: #666666; position: relative; padding-left: 40px;}
.detmain-navlist .group .list .item a::before {content: ''; display: block; width: 6px; height: 6px; font-size: 0; line-height: 0; background: #c5cdca; position: absolute; left: 23px; top: 50%; margin-top: -3px;}
.detmain-navlist .group .list .item a.on {background: #30a66d; color: #fff;}
.detmain-navlist .group .list .item a.on::before {background: #fff;}
.detmain-navlist .group.two .name a::after {content: ''; display: block; width: 12px; height: 8px; font-size: 0; line-height: 0; position: absolute; right: 0; top: 50%; margin-top: -4px; background: url("../images/navarrow1.png") no-repeat center / 12px 8px;}
.detmain-navlist .group.two.on .name a::after {background: url("../images/navarrow2.png") no-repeat center / 12px 8px;}
.detmain-navlist .group.two.on .list {display: block;}
.detmain-wrap {width: 850px; height: auto; float: right;}
.detmain-tabs {width: auto; height: 54px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; overflow: hidden; margin-bottom: 12px;}
.detmain-tabs .item {width: 160px; height: 54px; float: left; position: relative;}
.detmain-tabs .item::after {content: ''; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #e7e7e7;}
.detmain-tabs .item a {display: block; width: auto; height: 54px; line-height: 54px; text-align: center; font-size: 16px; color: #666666;}
.detmain-tabs .item a span {display: inline-block; padding-left: 25px; position: relative;}
.detmain-tabs .item a span::before {content: ''; display: block; width: 20px; height: 20px; font-size: 0; position: absolute; left: 0; top: 50%; margin-top: -10px; background-image: url("../images/detabs.png"); background-size: auto 40px; background-repeat: no-repeat; background-position-y: 0;}
.detmain-tabs .item a span.ico1::before {background-position-x: 0;}
.detmain-tabs .item a span.ico2::before {background-position-x: -20px;}
.detmain-tabs .item a span.ico3::before {background-position-x: -40px;}
.detmain-tabs .item a span.ico4::before {background-position-x: -60px;}
.detmain-tabs .item a.on {color: #28b970;}
.detmain-tabs .item a.on span::before {background-position-y: -20px;}
.detmain-head {width: auto; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin-bottom: 12px; padding: 25px; position: relative;}
.detmain-head .row {width: auto;height: auto;padding: 15px 0;border-bottom: 1px solid #eeeeee;position: relative;}
.detmain-title {width: auto; height: auto; position: relative; padding-left: 15px; font-size: 18px; font-weight: bold; color: #222222;}
.detmain-title::before {content: ''; display: block; width: 6px; height: 18px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -9px; background: #28b970; border-radius: 3px;}
.detmain-stard {width: auto; height: auto; position: absolute; right: 0px; top: 15px;}
.detmain-stard a {display: block; width: 104px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: linear-gradient(to right, #28b970, #30a56d); border-radius: 3px;}
.detmain-stard a.gray {
    background: linear-gradient(to right, #d5d7df, #9EA5A5);
}
.detmain-notes {width: auto; height: auto; padding-top: 25px; overflow: hidden;}
.detmain-notes .item {width: auto; height: auto; line-height: 20px; font-size: 14px; color: #999999; background: url("../images/note-date.png") no-repeat left center / 16px 16px; padding-left: 25px; float: left; margin-right: 40px;}
.detmain-notes .good {width: 104px; height: auto; line-height: 20px; float: right; font-size: 14px; color: #ef9503; text-align: center;}
.detmain-number {width: auto; height: auto; border: 1px solid #e7e7e7; border-radius: 3px; overflow: hidden; margin-top: 30px;}
.detmain-number .item {width: 68px; height: 47px; float: left; border-right: 1px solid #e7e7e7;}
.detmain-number .item a {display: block; width: auto; height: 47px; text-align: center; line-height: 47px; font-size: 16px; color: #666666;}
.detmain-number .item a.on {background: #28b970; color: #fff;}
.detmain-dest {width: auto; height: auto; padding-top: 15px; overflow: hidden;}
.detmain-dest .item {width: auto; height: auto; line-height: 20px; font-size: 14px; color: #999999; padding-left: 25px; float: left; margin-right: 40px;}
.detmain-main {width: auto; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px;}
.hlogin {width: 1200px; height: auto; padding: 0 30px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin: 0 auto; margin-bottom: 80px;}
.hlogin-form {width: auto; height: auto; margin: 0 auto; padding: 60px 0 40px 200px;}
.hlogin-form .item {width: auto; height: auto; overflow: hidden; margin-bottom: 20px;}
.hlogin-form .item .name {width: 200px; height: 40px; line-height: 40px; text-align: right; padding-right: 20px; float: left; font-size: 14px; color: #999;}
.hlogin-form .item .text {width: auto; height: auto; float: left;}
.hlogin-form .item .text input.inp {display: block; width: auto; height: 40px; border: 1px solid #ddd; border-radius: 3px; font-size: 14px; color: #333; padding: 11px 12px; float: left; margin-right: 15px;}
.hlogin-form .item .text input.inp1 {width: 300px;}
.hlogin-form .item .text input.inp2 {width: 185px;}
.hlogin-form .item .text .yzm {display: block; width: 100px; height: 40px; font-size: 0; float: left;}
.hlogin-form .item .text .yzm img {width: 100px; height: 40px; border-radius: 3px;}
.hlogin-form .item .text .error {width: auto; height: 40px; background: #ffe4e4; border: 1px solid #ffa7a7; border-radius: 3px; display: block; float: left; color: #ff3e3f; font-size: 13px; line-height: 40px; padding: 0 15px;}
.hlogin-form .item .text input.btn {display: block; width: 300px; height: 44px; line-height: 44px; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: linear-gradient(to right, #28b970, #30a56d); border-radius: 3px; border: 0 none;}
.opendiy {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999;}
.opendiy .mask {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, .7);}
.openlogin {width: 390px; height: 480px; position: absolute; left: 50%; margin-left: -195px; top: 50%; margin-top: -240px; z-index: 2;}
.openlogin-title {width: 100%; height: 64px; background: #30a66d; font-size: 22px; font-weight: bold; color: #fff; text-align: center; line-height: 64px; border-radius: 8px 8px 0 0;}
.openlogin-close {width: 14px; height: 14px; position: absolute; right: 20px; top: 25px; font-size: 0;}
.openlogin-close a {display: block; width: 14px; height: 14px;}
.openlogin-close img {width: 14px; height: 14px;}
.openlogin-main {width: auto; height: 416px; background: #fff; border-radius: 0 0 8px 8px; padding: 0 38px;}
.openlogin-tabs {width: auto; height: 72px; overflow: hidden; position: relative; padding-top: 16px;}
.openlogin-tabs::after {content: ''; display: block; width: 100%; height: 1px; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; z-index: 1; background: #e7e7e7}
.openlogin-tabs ul li {width: 50%; height: 56px; float: left;}
.openlogin-tabs ul li a {display: block; width: auto; height: 56px; text-align: center; line-height: 56px; font-size: 16px; color: #999999; position: relative;}
.openlogin-tabs ul li a::after {content: ''; display: none; width: 100%; height: 2px; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #28b970, #30a56d); z-index: 2;}
.openlogin-tabs ul li a.on {color: #28b970; font-weight: bold;}
.openlogin-tabs ul li a.on::after {display: block;}
.openlogin-form {width: auto; height: auto; padding-top: 30px;}
.openlogin-form .item {width: auto; height: auto; margin-bottom: 14px; overflow: hidden;}
.openlogin-form .item.other {padding-bottom: 15px;}
.openlogin-form .item .icon {width: 42px; height: 42px; float: left; background: #e7e7e7; padding: 6px; font-size: 0; border-radius: 3px 0 0 3px;}
.openlogin-form .item .icon img {width: 30px; height: 30px;}
.openlogin-form .item .text {width: 272px; height: 42px; float: left; position: relative;}
.openlogin-form .item .text input.inp {display: block; width: 100%; height: 42px; line-height: 16px; padding: 12px; border: 1px solid #e7e7e7; border-radius: 0 3px 3px 0; font-size: 14px; color: #333;}
.openlogin-form .item .text select {display: block; width: 100%; height: 42px; border: 1px solid #e7e7e7; border-radius: 0 3px 3px 0; font-size: 14px; color: #333; padding: 0 12px; appearance: none; -webkit-appearance: none; background: url("../images/select2.png") no-repeat right center / 42px 42px;}
.openlogin-form .item .text .obtain {display: block; width: 60px; height: 22px; line-height: 22px; font-size: 14px; color: #009944; border-left: 1px solid #e7e7e7; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -11px;}
.openlogin-form .item input.btn {display: block; width: 100%; height: 42px; line-height: 42px; text-align: center; cursor: pointer; border-radius: 3px; font-size: 16px; color: #fff; background: linear-gradient(to right, #ef9401, #fdcd5c); border: 0 none; margin-top: 15px;}
.openlogin-form .item .remember {width: auto; height: 20px; float: left;}
.openlogin-form .item .remember label {float: left; line-height: 20px; cursor: pointer; font-size: 14px; color: #666666;}
.openlogin-form .item .remember label input {float: left; margin: 4px 5px 0;}
.openlogin-form .item .forget {width: auto; height: 20px; float: right; line-height: 20px; font-size: 14px; color: #30a66d; text-decoration: underline;}
.openlogin-form .item .forget a {color: #30a66d;}
.snusnavs {width: 260px; height: auto; float: left; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 3px;}
.snusnavs-title {width: auto; height: 50px; text-align: center; line-height: 50px; background: linear-gradient(to right, #28b970, #30a56d); font-size: 18px; font-weight: bold; color: #fff; border-radius: 3px 3px 0 0;}
.snusnavs-list {width: auto; height: auto; border-bottom: 2px solid #30a66d;}
.snusnavs-list .item {width: auto; height: auto; position: relative;}
.snusnavs-list .item a {display: block; width: auto; height: 50px; position: relative; z-index: 2; font-size: 16px; color: #666666; line-height: 50px; padding-left: 60px;}
.snusnavs-list .item a::after {content: ''; display: block; width: 6px; height: 12px; font-size: 0; line-height: 0; position: absolute; right: 20px; top: 50%; margin-top: -6px; background-image: url("../images/snarrow.png"); background-repeat: no-repeat; background-size: auto 12px; background-position: left;}
.snusnavs-list .item a::before {content: ''; display: block; width: 20px; height: 20px; background-image: url("../images/snusers.png"); background-repeat: no-repeat; background-size: 40px auto; background-position-x: 0; position: absolute; left: 20px; top: 50%; margin-top: -10px;}
.snusnavs-list .item a.ico1::before {background-position-y: -20px;}
.snusnavs-list .item a.ico2::before {background-position-y: -40px;}
.snusnavs-list .item a.ico3::before {background-position-y: -60px;}
.snusnavs-list .item a.ico4::before {background-position-y: -80px;}
.snusnavs-list .item a.ico5::before {background-position-y: -100px;}
.snusnavs-list .item a.ico6::before {background-position-y: -120px;}
.snusnavs-list .item a.ico7::before {background-position-y: -140px;}
.snusnavs-list .item a.ico8::before {background-position-y: -160px;}
.snusnavs-list .item a.on {background: #e0ebe6; font-weight: bold; color: #30a66d;}
.snusnavs-list .item a.on::after {background-position: right;}
.snusnavs-list .item a.on::before {background-position-x: -20px;}
.snuswrap {width: 925px; height: auto; float: right; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 3px;}
.snuswrap-title {width: auto; height: 50px; position: relative; padding: 0 20px;}
.snuswrap-title::after {content: ''; display: block; width: 100%; height: 2px; font-size: 0; background: #30a66d; position: absolute; left: 0; bottom: 0; z-index: 2;}
.snuswrap-title .name {width: auto; height: 50px; line-height: 50px; font-size: 18px; color: #333333; font-weight: bold; padding-left: 20px; position: relative;}
.snuswrap-title .name::before {content: ''; display: block; width: 5px; height: 18px; background: #30a66d; border-radius: 3px; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.snuswrap-main {width: auto; height: auto;}
.snusmydata {width: auto; height: auto; padding: 65px;}
.snusmydata-head {width: auto; height: 60px;}
.snusmydata-head .tit {width: auto; height: 60px; line-height: 60px; font-size: 14px; color: #333333; padding-right: 20px; float: left;}
.snusmydata-head .img {width: 60px; height: 60px; float: left; margin-right: 20px;}
.snusmydata-head .img img {width: 60px; height: 60px; border-radius: 50%;}
.snusmydata-head .con {width: auto; height: 60px; float: left;}
.snusmydata-head .con .note {width: auto; height: auto; line-height: 20px; font-size: 14px; color: #999999;}
.snusmydata-head .con .upbtn {width: auto; height: auto; margin-top: 10px;}
.snusmydata-head .con .upbtn a {display: block; width: 80px; height: 30px; background: linear-gradient(to right, #28b970, #30a56d); border-radius: 4px; position: relative; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.snusmydata-head .con .upbtn a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 4px; border: 1px solid #30a56d; box-sizing: border-box;}
.stuelearn-tab {font-size: 14px;border-bottom: 1px #eee solid;height: 37px;width: 100%;padding-left: 20px;}
.stuelearn-tab ul {list-style: none;}
.stuelearn-tab ul a {color: #666;}
.stuelearn-tab li.curr {background: #f1f1f1;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.stuelearn-tab li.curr a {color: #30a56d;}
.stuelearn-tab li {float: left;padding: 8px 15px;margin-right: 20px;}
.snusmynews {width: auto; height: auto; padding: 10px 30px 0 30px;}
.snusmynews a { color: #666;}
.snusmynews a:hover { color: #28b970;}
.snusmynews .item {width: auto; height: auto; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.snusmynews .item .head {width: auto; height: auto; position: relative; line-height: 30px; padding-right: 100px;}
.snusmynews .item .name {font-size: 16px; color: #333333; padding-left: 20px; position: relative;}
.snusmynews .item .name:before {content: ''; display: block; width: 8px; height: 8px; background: #30a56d; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.snusmynews .item .date {position: absolute; right: 0; top: 0; font-size: 14px; color: #999999;}
.snusmynews .item .text {width: auto; height: auto; font-size: 14px; color: #999999; line-height: 1.7; padding-top: 5px;}
.snusmynews .item .foot {width: auto; height: auto; height: 20px; text-align: right; font-size: 14px; color: #999999; line-height: 1.7; padding-top: 5px;}
.snusmynews .item .foot span {margin-left: 10px;}
.snusmyint {width: auto; height: auto; padding: 0 30px;}
.snusmyint-head {width: auto; height: 60px; background: #e9fae8; border: 1px dashed #d1f4db; margin-top: 30px; position: relative; padding-left: 60px;}
.snusmyint-head .icon {width: 24px; height: 24px; position: absolute; left: 20px; top: 50%; margin-top: -12px;}
.snusmyint-head .text {width: auto; height: 58px; line-height: 58px; font-size: 16px; color: #333333; display: flex; align-items: center;}
.snusmyint-head .text span {color: #28b970; padding-left: 5px;}
.snusmyint-head .text span.big {font-size: 30px; padding-left: 15px;}
.snusmyint-main {width: auto; height: auto; padding-top: 30px;}
.snusmyint-title {width: auto; height: auto; line-height: 20px; overflow: hidden;}
.snusmyint-title .name {float: left; font-size: 16px; color: #333333; font-weight: bold;}
.snusmyint-title .more {float: right; font-size: 14px; color: #28b970;}
.snusmyint-title .more a {color: #28b970;}
.snusmyint-list {width: auto; height: auto; padding-top: 20px;}
.snusmyint-list table tr th {background: #f3f3f3; height: 50px; vertical-align: middle; font-size: 14px; color: #666666; font-weight: normal; text-align: center; padding: 0 20px;}
.snusmyint-list table tr th:first-child {text-align: left;}
.snusmyint-list table tr th:last-child {width: 20%;}
.snusmyint-list table tr td {height: 50px; vertical-align: middle; font-size: 14px; color: #666666; text-align: center; padding: 0 20px; border-bottom: 1px solid #ededed;}
.snusmyint-list table tr td:first-child {text-align: left;}
.snusmyint-list table span.red {color: #ff4444;}
/*--教师--*/
.nteachers {padding: 0;}
.nteachers ul li {margin-bottom: 10px;}
.teachercon {width: 1200px; height: auto; margin: 0 auto; margin-bottom: 40px;}
.teachercon-intro {width: auto; height: auto; padding: 30px 20px; position: relative; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px;}
.teachercon-intro .portrait {width: 100px; height: 100px; position: absolute; left: 21px; top: 30px; font-size: 0;}
.teachercon-intro .portrait img {width: 100px; height: 100px; border-radius: 50%;}
.teachercon-intro .box {width: auto; height: auto; padding-left: 130px;}
.teachercon-intro .box .name {width: auto; height: auto; font-size: 24px; font-weight: bold; color: #333;}
.teachercon-intro .box .job {width: auto; height: auto; font-size: 0; padding-top: 10px;}
.teachercon-intro .box .job span {display: inline-block; width: auto; height: 24px; line-height: 24px; background: #eee; font-size: 12px; color: #999; padding: 0 10px; border-radius: 3px;}
.teachercon-intro .box .content {width: auto; height: auto; font-size: 13px; color: #666; line-height: 1.9; padding-top: 20px;}
.teachercon-recommend {width: auto; height: auto; overflow: hidden; padding-top: 20px;}
.teachercon-recommend .group {width: 1220px; height: auto; padding-top: 20px;}
/*--学校--*/
.nschools {width: 1200px; height: auto; margin: 0 auto;}
.nschools .pagebar {padding-top: 7px;}
.nschools-list {width: auto; height: auto;}
.nschools-list .group {width: 1233px; height: auto;}

.nschools-list .group .item {width: 290px; height: 140px; background: #fff; float: left; margin-right: 10px; margin-bottom: 10px;}
.nschools-list .group .item .box {width: 290px; height: 140px; border: 1px solid #e7e7e7; transition: all .2s;}

.nschools-list .group .item .box .head {width: auto; height: 131px;  padding: 10px 10px; overflow: hidden;}
.nschools-list .group .item .box .head .icon {width: 80px; height: 130px; float: left; margin-right: 20px; font-size: 0;}
.nschools-list .group .item .box .head .icon img {width: 80px; height: 80px;}
.nschools-list .group .item .box .head .name {width: auto; height: auto; padding-top: 10px;}
.nschools-list .group .item .box .head .name .cn {font-size: 16px; overflow: hidden; color: #222222; font-weight: bold; line-height:20px;}
.nschools-list .group .item .box .head .name .en {font-size: 15px; color: #848484; line-height: 20px;}
.nschools-list .group .item .box .foot {width: auto; height: auto; padding: 0 20px;}
.nschools-list .group .item .box .foot .text {width: auto; height: 135px; overflow: hidden; font-size: 14px; color: #666666; line-height: 24px; padding-top: 30px;}
.nschools-list .group .item .box .foot .more a {display: block; width: 104px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; color: #fff; border-radius: 3px; background: linear-gradient(to right, #28b970, #30a56d);}
.nschools-list .group .item .box:hover {border-color: #28b970; box-shadow: 0 5px 26px rgba(0, 0, 0, .1);}
.nschoolcon {width: 1200px; height: auto; margin: 0 auto;}
.nschoolcon-intro {width: 1200px; height: auto; background: #fff; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; padding: 30px 20px;}
.nschoolcon-intro .icon {width: 100px; height: 100px; font-size: 0; position: absolute; left: 20px; top: 30px;}
.nschoolcon-intro .box {width: auto; height: auto; padding-left: 130px;}
.nschoolcon-intro .name {width: auto; height: auto;}
.nschoolcon-intro .name .cn {width: auto; height: auto; font-size: 24px; font-weight: bold; color: #333;}
.nschoolcon-intro .name .en {width: auto; height: auto; font-size: 18px; color: #999; padding-top: 5px;}
.nschoolcon-intro .content {width: auto; height: auto; font-size: 14px; color: #666; line-height: 2; padding-top: 15px;}
.nschoolcon-recommend {width: auto; height: auto; padding-top: 20px;}
.nschoolcon-recommend .group {width: auto; height: auto; padding-bottom: 20px;}
.nschoolcon-recommend .group .list {width: 1220px; height: auto; padding-top: 20px;}
.nschoolcon-intro .btns {width: auto; height: auto; position: absolute; right: 20px; top: 30px; overflow: hidden;}
.nschoolcon-intro .btns .item {width: auto; height: auto; float: left; padding-left: 15px;}
.nschoolcon-intro .btns .item a {display: block; width: 120px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #009944; font-size: 14px; color: #009944; border-radius: 5px;}
.nschoolcon-intro .btns .item a.btn1 {background: #009944; color: #fff;}
.nabout {width: 1200px; height: auto; margin: 0 auto; padding: 0 0 80px 0;}
.nabout-navs {width: 260px; height: auto; float: left; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 3px;}
.nabout-navs .title {width: auto; height: 50px; text-align: center; line-height: 50px; background: linear-gradient(to right, #28b970, #30a56d); font-size: 18px; font-weight: bold; color: #fff; border-radius: 3px 3px 0 0;}
.nabout-navs .list {width: auto; height: auto; border-bottom: 2px solid #30a66d;}
.nabout-navs .list .item {width: auto; height: auto; position: relative;}
.nabout-navs .list .item a {display: block; width: auto; height: 50px; position: relative; z-index: 2; font-size: 16px; color: #666666; line-height: 50px; padding-left: 40px;}
.nabout-navs .list .item a::before {content: ''; display: block; width: 4px; height: 4px; font-size: 0; position: absolute; left: 20px; top: 50%; margin-top: -2px; border-radius: 50%; background: #ddd;}
.nabout-navs .list .item a::after {content: ''; display: block; width: 6px; height: 12px; font-size: 0; line-height: 0; position: absolute; right: 20px; top: 50%; margin-top: -6px; background-image: url("../images/snarrow.png"); background-repeat: no-repeat; background-size: auto 12px; background-position: left;}
.nabout-navs .list .item a.on {background: #e0ebe6; font-weight: bold; color: #30a66d;}
.nabout-navs .list .item a.on::before {background: #30a56d;}
.nabout-navs .list .item a.on::after {background-position: right;}
.nabout-wrap {width: 925px; height: auto; float: right; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 3px;}
.nabout-title {width: auto; height: 50px; position: relative; padding: 0 20px;}
.nabout-title::after {content: ''; display: block; width: 100%; height: 2px; font-size: 0; background: #30a66d; position: absolute; left: 0; bottom: 0; z-index: 2;}
.nabout-title .name {width: auto; height: 50px; line-height: 50px; font-size: 18px; color: #333333; font-weight: bold; padding-left: 20px; position: relative;}
.nabout-title .name::before {content: ''; display: block; width: 5px; height: 18px; background: #30a66d; border-radius: 3px; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.nabout-content {width: auto; height: auto; font-size: 14px; color: #666; line-height: 1.9; padding: 20px;}
.newscon {width: 1200px; height: auto; margin: 0 auto; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin-bottom: 60px;}
.newscon-title {width: auto; height: auto; padding-top: 40px; font-size: 30px; font-weight: bold; color: #000; text-align: center;}
.newscon-note {width: auto; height: auto; font-size: 14px; color: #999; text-align: center; padding: 20px 0 40px 0; border-bottom: 1px solid #eee; margin: 0 30px;}
.newscon-note a {color: #333; font-weight: bold;}
.newscon-note a:hover {color: #30a56d;}
.newscon-content {width: auto; height: auto; font-size: 16px; color: #666; line-height: 1.9; padding: 30px;}
.newscon-page {width: auto; height: auto; padding: 20px 0; margin: 0 30px; border-top: 1px solid #eee;}
.newscon-page .item {width: auto; height: auto; font-size: 16px; color: #666; padding: 5px 0;}
.newscon-page .item a {color: #333;}
.newscon-page .item a:hover {color: #30a56d; text-decoration: underline;}
.livelist {width: auto; height: auto; overflow: hidden; padding: 0 30px 30px 30px; border-bottom: 1px solid #eee;}
.livelist .group {width: 1160px; height: auto; overflow: hidden;}
.livelist .item {width: 212px; height: auto; float: left; margin: 20px 20px 0 0;}
.livelist .item .img {width: auto; height: auto; font-size: 0;}
.livelist .item .img a {display: block;}
.livelist .item .img img {width: 212px; height: 127px; border-radius: 5px;}
.livelist .item .con {width: auto; height: auto; padding-top: 10px;}
.livelist .item .con .name {width: auto; height: 40px; line-height: 20px; font-size: 14px;}
.livelist .item .con .name a {color: #333; font-weight: bold;}
.livelist .item .con .state {width: auto; height: auto; padding: 10px 0;}
.livelist .item .con .state span {display: inline-block; width: auto; height: 20px; line-height: 20px; background: #ccc; padding: 0 10px; border-radius: 10px; font-size: 14px; color: #fff;}
.livelist .item .con .state span.on {background: #30a56d;}
.livelist .item .con .note {width: auto; height: auto; line-height: 20px; background: url("../images/ncourse-status-gray.png") no-repeat left center / 16px 16px; padding-left: 25px; font-size: 14px; color: #666;}
.topbar .down .code {width: 210px; height: 120px; margin-left: -105px;}
.topbar .down .code .item {width: 100px; height: 120px; float: left; margin-right: 10px;}
.topbar .down .code .item:last-child {margin-right: 0;}
.topbar .down .code .item .txt {font-size: 12px; color: #999; text-align: center; padding-top: 5px;}
.links-text{color: #333;}

/*--忘记密码--*/
.forget-header {width: 100%; height: 70px; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .05);}
.forget-header .center {width: 860px; height: 70px; margin: 0 auto; position: relative;}
.forget-header .logo {width: auto; height: auto; padding: 10px 0; float: left;}
.forget-header .logo a {display: block;}
.forget-header .logo img {height: 50px;}
.forget-header .note {width: auto; height: 70px; line-height: 70px; padding-left: 30px; margin-left: 30px; font-size: 20px; color: #333; float: left; position: relative;}
.forget-header .note:before {content: ''; display: block; width: 1px; height: 30px; background: #ddd; position: absolute; left: 0; top: 50%; margin-top: -15px;}
.forget-header .back {width: auto; height: 30px; line-height: 30px; position: absolute; right: 0; top: 50%; margin-top: -15px;}
.forget-header .back a {font-size: 14px; color: #3d7efc; display: block; background: url("../images/login-back.png") no-repeat left center / 20px 20px; padding-left: 30px;}
.forget-footer {width: 860px; height: auto; margin: 0 auto; padding: 30px 0; text-align: center; font-size: 13px; line-height: 24px; color: #999;}
.forget-wrap {width: 860px; height: auto; background: #fff; margin: 0 auto; margin-top: 30px; position: relative; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.forget-title {width: auto; height: auto; text-align: center; font-size: 24px; font-weight: bold; color: #333; padding: 30px 0; border-bottom: 1px solid #eee;}
.forget-main {width: 420px; height: auto; margin: 0 auto; padding: 30px 0;}
.forget-main .item {width: auto; height: auto; margin-bottom: 20px; position: relative;}
.forget-main .item .inpbox {width: auto; height: auto; position: relative; padding-left: 90px;}
.forget-main .item .inpbox.inpbox2 {padding-right: 100px;}
.forget-main .item .inpbox .yzm {display: block; width: 80px; height: 36px; font-size: 0; line-height: 0; position: absolute; right: 0; top: 0;}
.forget-main .item .inpbox .yzm img {width: 80px; height: 36px; cursor: pointer; border-radius: 3px;}
.forget-main .item .inpbox .obtain {display: block; width: 110px; height: 36px; line-height: 34px; position: absolute; right: 0; top: 0; text-align: center; background: #fff; border: 1px solid #30a56d; font-size: 12px; color: #30a56d; border-radius: 3px;}
.forget-main .item .inpbox .obtain:disabled{background: #f7f7f7; color: #999;border: 1px solid #ccc; }
.forget-main .item .inpbox input.inp {display: block; width: 100%; height: 36px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; padding: 9px 12px; font-size: 14px; color: #333;}

.forget-main .item .inpbox select {-webkit-appearance: none; appearance: none; display: block; width: 100%; height: 36px; line-height: 36px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; padding: 0px 12px; font-size: 14px; color: #333;  background: url("../images/login-select.png") #fff no-repeat right center / auto 6px;}
.forget-main .item .titbox {width: auto; height: 36px; line-height: 36px; position: absolute; left: 0; top: 0; font-size: 13px; color: #666;}
.forget-main .item .btnbox {width: auto; height: auto; padding-left: 90px; overflow: hidden;}
.forget-main .item .btnbox input.btn {display: block; width: 90px; height: 40px; line-height: 40px; cursor: pointer; font-size: 14px; border-radius: 3px; float: left; margin-right: 20px; border: 0 none;}
.forget-main .item .btnbox input.btn.btn1 {background: #30a56d; color: #fff;}
.forget-main .item .btnbox input.btn.btn2 {background: #ccc; color: #fff;}
.forget-other {font-size: 14px; position: absolute; right: 30px; bottom: 30px;}
.forget-other a {color: #30a56d;}