@charset "UTF-8";
/* CSS Document */
.header {width: 100%; height: 50px; position: fixed; left: 0; top: 0; z-index: 10; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, .1);}
.mce-fullscreen .header {z-index: 0;}
.mce-fullscreen #navigation {display: none;}
.header .logo {width: auto; height: 50px; float: left; margin-right: 30px;}
.header .logo .img {width: auto; height: 50px; background: #fff; float: left;}
.header .logo .img img {height: 50px;}
.header .logo .txt {width: auto; height: 24px; line-height: 24px; border: 1px solid #ddd; float: left; font-size: 12px; color: #999; padding: 0 10px; border-radius: 3px; margin: 12px 0 0 0;}
.header .menu {width: auto; height: 50px; float: left;}
.header .menu .item {width: auto; height: 50px; float: left; margin-right: 10px;}
.header .menu .item a {display: block; width: auto; height: 50px; text-align: center; line-height: 50px; font-size: 15px; color: #666; padding: 0 25px; position: relative;}
.header .menu .item a.on {color: #ffffff; font-weight: bold; background: #31b4e8;}
.header .other {width: auto; height: 50px; float: right;}
.header .cent {width: auto; height: 50px; float: left; line-height: 50px; margin-right: 20px;}
.header .cent-menu {display: none;position: absolute;top: 50px; line-height: 24px; width: 460px; opacity: 0.9; padding: 10px; left: -180px;min-height: 200px;background: #fff; border: 1px #ddd solid;box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1)}
.header .cent-menu.show {display: block;}
.header .cent-menu a { display: inline-block; background: #f9f9f9; border: 1px #ddd solid; margin: 5px 2px; border-radius: 3px; padding: 0 5px; line-height: 24px;height: 24px;}
.header .cent-menu a:hover {background: #a9e8fe; border: 1px #1986f4 solid; color: #0f70f4;}
.header .user {width: auto; height: 50px; float: left; margin-right: 20px; border-left: 1px solid #eee;padding-left: 10px;}
.header .user a {display: block; width: auto; height: 50px; position: relative; padding-left: 30px;}
.header .user a .img {width: 30px; height: 30px; font-size: 0; position: absolute; left: 0; top: 50%; margin-top: -15px;}
.header .user a .img img {width: 30px; height: 30px; border-radius: 50%;}
.header .user a .txt {width: auto; height: 50px; line-height: 50px; font-size: 12px; color: #666; padding-left: 10px;}
.header .exit {width: auto; height: 50px; float: left; padding: 0 20px; border-left: 1px solid #eee;}
.header .exit a {display: block; width: auto; height: 30px; line-height: 30px; font-size: 12px; color: #000; margin: 10px 0 0 0; position: relative; padding-left: 20px;}
.header .exit a:after {content: ''; display: block; width: 11px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; font-size: 0; line-height: 0;
    background: url("../images/header-exit.png") no-repeat;
    background-image: -webkit-image-set(url("../images/header-exit.png") 1x, url("../images/header-exit@2x.png") 2x);
}
.header .exit a:hover {color: #31b4e8;}
.header .exit a:hover:after {background-position: bottom;}
.footer {width: auto; height: auto; text-align: center; background: #303133; font-size: 12px; color: #fff; padding: 20px 0; margin-top: 20px;}
.topbar {width: auto; height: 70px; position: relative;}
.topbar:after {content: ''; display: block; width: 100%; height: 110px; background: #31b4e8 url("../images/topbar.jpg") no-repeat center; position: absolute; left: 0; top: 0; z-index: 1;}
.topbar .cenmar, .topbar .yee-list-header {max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; padding: 0 20px;}
.topbar .title, .topbar .yee-caption {width: auto; height: 70px; line-height: 70px; font-size: 16px; color: #fff; font-weight: bold; padding-left: 15px; position: relative;}
.topbar .title:after, .topbar .yee-caption:after {content: ''; display: block; width: 3px; height: 14px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -7px; border-radius: 2px;}
.topbar .yee-toolbar {width: auto; height: 30px; position: absolute; right: 20px; top: 50%; margin-top: -15px; z-index: 2;}
.wrapper {width: auto; height: auto; position: relative; z-index: 9; min-height: calc(100vh - 198px);}
.inmain {width: auto; height: auto; max-width: 1400px; margin: 0 auto; padding: 0 30px;}
.inmain.padbig {padding: 0 60px;}
.inmain-head {width: auto; height: auto; padding-left: 30%; position: relative; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 3px;}
.inmain-user {width: 30%; height: 100%; position: absolute; left: 0; top: 0; border-right: 1px solid #eee;}
.inmain-user .mation {width: auto; height: 80px; position: relative; margin: 0 20px; padding: 20px 0 0 60px; border-bottom: 1px dashed #eee;}
.inmain-user .mation .img {width: 60px; height: 60px; font-size: 0; position: absolute; left: 0; top: 20px;}
.inmain-user .mation .img img {width: 60px; height: 60px; border-radius: 50%;}
.inmain-user .mation .con {width: auto; height: auto; padding-left: 15px;}
.inmain-user .mation .con .name {width: auto; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #000;}
.inmain-user .mation .con .name span {display: inline-block; position: relative;}
.inmain-user .mation .con .name span b {display: block; width: 40px; height: 16px; line-height: 16px; background: #ccc; position: absolute; left: 100%; top: 50%; margin-top: -8px; margin-left: 15px; border-radius: 10px; font-size: 12px; color: #fff; font-weight: normal; text-align: center;}
.inmain-user .mation .con .text {width: auto; height: auto; font-size: 12px; color: #666; line-height: 18px; padding-top: 4px;}
.inmain-user .button {width: auto; height: 100px; overflow: hidden; text-align: center;}
.inmain-user .button .item {width: 33.333%; height: auto; float: left; padding-top: 24px;}
.inmain-user .button .item a {display: inline-block; width: auto; height: auto;}
.inmain-user .button .item a .icon {width: 30px; height: 30px; margin: 0 auto;}
.inmain-user .button .item a .text {width: auto; height: auto; line-height: 20px; font-size: 13px; color: #666; padding-top: 8px;}
.inmain-intro {width: auto; height: 144px; border-bottom: 1px dashed #eee; overflow: hidden; text-align: center;}
.inmain-intro .item {width: 25%; height: auto; float: left; padding-top: 45px;}
.inmain-intro .item .text {width: auto; height: auto; font-size: 36px; line-height: 30px; font-weight: bold; color: #000;}
.inmain-intro .item .text span {display: inline-block; position: relative;}
.inmain-intro .item .text span b {font-size: 12px; font-weight: normal; color: #999; margin-left: 5px;}
.inmain-intro .item .name {width: auto; height: auto; line-height: 20px; font-size: 14px; color: #666;}
.inmain-shortcut {width: auto; height: 100px; overflow: hidden; text-align: center;}
.inmain-shortcut .item {width: 14.285%; height: auto; float: left; padding-top: 24px;}
.inmain-shortcut .item a {display: inline-block; width: auto; height: auto;}
.inmain-shortcut .item a .icon {width: 30px; height: 30px; margin: 0 auto; border-radius: 10px;}
.inmain-shortcut .item a .icon.blue {box-shadow: 0 3px 6px rgba(64, 158, 255, .2);}
.inmain-shortcut .item a .icon.green {box-shadow: 0 3px 6px rgba(79, 200, 34, .2);}
.inmain-shortcut .item a .icon.yellow {box-shadow: 0 3px 6px rgba(255, 172, 46, .2);}
.inmain-shortcut .item a .icon.red {box-shadow: 0 3px 6px rgba(245, 108, 108, .2);}
.inmain-shortcut .item a .icon.cyan {box-shadow: 0 3px 6px rgba(24, 196, 193, .2);}
.inmain-shortcut .item a .icon.orange {box-shadow: 0 3px 6px rgba(255, 88, 0, .2);}
.inmain-shortcut .item a .icon.purple {box-shadow: 0 3px 6px rgba(91, 64, 255, .2);}
.inmain-shortcut .item a .icon img {width: 30px; height: 30px;}
.inmain-shortcut .item a .text {width: auto; height: auto; line-height: 20px; font-size: 13px; color: #666; padding-top: 8px;}
.inmain-cent {width: auto; height: auto; padding-top: 20px;}
.inmain-cent .group {width: 50%; height: auto; float: left; box-sizing: border-box; padding-left: 10px;}
.inmain-cent .group:first-child {padding-left: 0; padding-right: 10px;}
.incent-item {width: auto; height: auto; background: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.inmain-chart {width: auto; height: 240px;}
.inmain-total {width: auto; height: auto;}
.inmain-total .table {width: auto; height: auto;}
.inmain-total .table .thead,
.inmain-total .table .tbody .tr,
.inmain-total .table .tbody .tr .text {width: auto; height: auto; overflow: hidden;}
.inmain-total .table .td {width: auto; height: auto; float: left;}
.inmain-total .table .td.name {width: 32%;}
.inmain-total .table .td.number {width: 20%;}
.inmain-total .table .td.date {width: 28%;}
.inmain-total .table .thead {background: #eff3f7; height: 36px; line-height: 36px; padding: 0 20px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.inmain-total .table .thead .td:first-child {text-align: left;}
.inmain-total .table .tbody {font-size: 13px; color: #666;}
.inmain-total .table .tbody .tr {border-bottom: 1px solid #eee; padding: 15px 20px;}
.inmain-total .table .tbody .tr .td {text-align: center; line-height: 20px;}
.inmain-total .table .tbody .tr .td:first-child {text-align: left;}
.inmain-total .table .tbody .tr .td a {color: #333; font-weight: bold;}
.inmain-total .table .tbody .tr .td a:hover {color: #31b4e8;}
.inmain-total .table .tbody .tr .note {color: #999; padding-top: 5px;}
.inmain-total .table .tbody .tr:nth-child(even) {background: #f5f5f5;}
.inmain-total .table .tbody .tr:last-child {border-bottom: 0 none; border-radius: 0 0 3px 3px;}
.inmain-foot {width: auto; height: auto; padding-top: 20px;}
.inmain-foot .shadow {width: auto; height: auto; background: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.inmain-doing {width: 70%; height: auto; float: left; padding-right: 10px; box-sizing: border-box;}
.inmain-doing .list {width: auto; height: auto;}
.inmain-doing .list .group {width: auto; height: auto; padding: 0 20px; border-bottom: 1px solid #eee;}
.inmain-doing .list .group:last-child {border-bottom: 0 none;}
.indoing-item {width: auto; height: auto; padding: 20px 0;}
.indoing-item .box {width: auto; height: auto; position: relative; padding-left: 220px;}
.indoing-item .img {width: 220px; height: 140px; background: #eee; border-radius: 5px; position: absolute; left: 0; top: 0; font-size: 0;}
.indoing-item .img a {display: block;}
.indoing-item .img img {width: 220px; height: 140px; border-radius: 5px;}
.indoing-item .img span {width: auto; height: 20px; line-height: 20px; font-size: 12px; color: #fff; position: absolute; left: 0; top: 0; z-index: 2; background: #F56C6C; padding: 0 10px; border-radius: 5px 0 5px 0;}
.indoing-item .con {width: auto; height: 140px; padding-left: 15px;}
.indoing-item .con .title {width: auto; height: 33px; padding-top: 5px; font-size: 15px; font-weight: bold; color: #000;}
.indoing-item .con .title a {color: #000;}
.indoing-item .con .text {width: auto; height: auto;}
.indoing-item .con .text .item {width: auto; height: 30px; line-height: 30px; font-size: 13px; color: #999; overflow: hidden;}
.indoing-item .con .text .item .column {width: 33.333%; height: auto; float: left;}
.indoing-item .con .text .item .gray {color: #333;}
.indoing-item .con .number {width: auto; height: auto; position: relative; padding-left: 65px; margin-top: 10px;}
.indoing-item .con .number .tit {width: auto; height: 32px; line-height: 32px; font-size: 13px; color: #999; position: absolute; left: 0; top: 0;}
.indoing-item .con .number select {width: 70%; height: 32px; line-height: 24px; vertical-align: middle; border: 1px solid #ccc; font-size: 13px; color: #333; appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 4px 0 4px 10px;
    background: url("../images/select.png") #ffffff no-repeat right center;
    background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x);
}
.indoing-item .btn {width: auto; height: auto; position: absolute; right: 0; bottom: 0;}
.indoing-item .btn a {display: block; width: 90px; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; background: #31b4e8; border-radius: 3px; text-align: center; color: #fff;}
.inmain-news {width: 30%; height: auto; float: left; padding-left: 10px; box-sizing: border-box;}
.inmain-news .list {width: auto; height: 542px; padding: 0 20px;}
.inmain-news .list .item {width: auto; height: auto; position: relative; border-bottom: 1px dotted #ddd; padding: 13px 0 13px 15px;}
.inmain-news .list .item:after {content: ''; display: block; width: 6px; height: 6px; background: #bbb; position: absolute; left: 0; top: 20px; border-radius: 50%;}
.inmain-news .list .item:last-child {border-bottom: 0 none;}
.inmain-news .list .item .name {width: auto; height: auto; line-height: 20px; font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.inmain-news .list .item .name a {color: #333;}
.inmain-news .list .item .name a:hover {color: #31b4e8; text-decoration: underline;}
.inmain-news .list .item .note {width: auto; height: auto; line-height: 20px; font-size: 12px; color: #999;}
.npmain {width: auto; height: auto; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 3px;}
.course-search {width: auto; height: auto; padding: 20px; position: relative;}
.course-search .btns {width: auto; height: 32px; position: absolute; right: 20px; top: 20px; overflow: hidden;}
.course-search .btns .item {width: auto; height: 32px; float: left; margin-left: 10px;}
.course-search .btns .item input.btn {display: block; width: 70px; height: 32px; line-height: 32px; text-align: center; cursor: pointer; border: 0 none; font-size: 13px; background: #ccc; border-radius: 3px;}
.course-search .btns .item input.btn.btn1 {background: #31b4e8; color: #fff; font-weight: bold;}
.course-search .btns .item input.btn.btn2 {background: #fff; border: 1px solid #ccc; color: #666;}
.course-search .list {width: auto; height: auto; margin-right: 150px; overflow: hidden;}
.course-search .list .item {width: 25%; height: 32px; float: left; position: relative; padding-left: 65px; box-sizing: border-box;}
.course-search .list .item .tit {width: auto; height: 32px; line-height: 32px; font-size: 13px; color: #666; position: absolute; left: 0; top: 0;}
.course-search .list .item .txt {width: auto; height: auto; margin-right: 25px;}
.course-search .list .item .txt select {width: 100%; height: 32px; line-height: 24px; vertical-align: middle; border: 1px solid #ccc; font-size: 13px; color: #333; appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 4px 0 4px 10px;
    background: url("../images/select.png") #ffffff no-repeat right center;
    background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x);
}
.course-search .list .item .txt input.inp {display: block; width: 100%; height: 32px; border: 1px solid #ccc; padding: 7px 10px; line-height: 16px; font-size: 13px; color: #333; border-radius: 3px; box-sizing: border-box;}
.course-topbar {width: auto; height: 40px; background: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden;}
.course-tabs {width: auto; height: 40px; float: left;}
.course-tabs .item {width: auto; height: 40px; float: left; border-right: 1px solid #ddd;}
.course-tabs .item a {display: block; width: auto; height: 40px; line-height: 40px; font-size: 14px; color: #666; padding: 0 30px;}
.course-tabs .item a.on {color: #31b4e8; font-weight: bold; background: #fff;}
.course-show {width: auto; height: 40px; float: right;}
.course-show .item {width: auto; height: auto; border-left: 1px solid #ddd; float: left;}
.course-show .item a {display: block; width: 50px; height: 40px; box-sizing: border-box; padding: 10px 15px;}
.course-show .item a span {display: block; width: 20px; height: 20px;
    background-repeat: no-repeat;
    background-position-y: 0;
    background-image: url("../images/show-type.png");
    background-image: -webkit-image-set(url("../images/show-type.png") 1x, url("../images/show-type@2x.png") 2x);
}
.course-show .item a span.y {background-position-x: -20px;}
.course-show .item a span.x {background-position-x: 0;}
.course-show .item a.on span {background-position-y: -20px;}
.course-list {width: auto; height: auto;}
.course-list-y {width: auto; height: auto;}
.course-list-y .group {width: auto; height: auto; padding: 0 20px; border-bottom: 1px solid #eee;}
.course-list-y .group .periods {
    padding-bottom: 10px;border-top: 1px #eee dotted;
    display: none;
}
.course-list-y .group.on .periods {
    display: block;
}
.course-list-y .group .periods .period-item {
    border: 1px #dff5e1 solid; width: 240px;padding: 6px 10px; margin: 10px 10px 0 0; height: 68px;line-height: 20px; float: left; border-radius: 5px; background: #f1f9f6;
}
.course-list-y .group .periods .period-item:hover {
    border: 1px #f5e3d3 solid;
    background: #f9f8f6;
}
.course-list-y .group .periods .period-item a.add-btn {
    background: url("../images/add.png") no-repeat top center;
    display: inline-block;
    height: 60px;
    line-height: 24px;
    width: 240px;
    text-align: center;
    padding-top: 32px;
}
.course-list-y .group .periods .period-item .set-btn a {
    margin-left: 3px;
    color: #0ca6f5;
}
.course-list-y .group .periods .period-item .set-btn a:hover {
    color: #ec5151;
}
.course-itemy {width: auto; height: auto; padding: 20px 0;}
.course-itemy .box {width: auto; height: 84px; position: relative; padding-left: 140px;}
.course-itemy .img {width: 140px; height: 84px; position: absolute; left: 0; top: 0;}
.course-itemy .img a {display: block; width: auto; height: auto;}
.course-itemy .img img {width: 140px; height: 84px; border-radius: 5px;}
.course-itemy .con {padding-left: 20px;}
.course-itemy .con .title {width: auto; line-height: 30px; height: 30px; font-size: 18px; font-weight: bold; color: #000;}
.course-itemy .con .title a {color: #000;}
.course-itemy .con .title span {color: #999; font-size: 14px; margin-left: 10px; font-weight: normal;}
.course-itemy .con .note {width: auto; height: 20px; overflow: hidden; padding-top: 14px;}
.course-itemy .con .note .state {width: auto; height: 20px; line-height: 20px; background: #F56C6C; border-radius: 3px; color: #fff; padding: 0 10px; float: left; margin-right: 20px;}
.course-itemy .con .note .date {width: auto; height: 20px; line-height: 20px; float: left; font-size: 12px; color: #999; padding-left: 20px;
    background: url("../images/note-date.png") no-repeat left center;
    background-image: -webkit-image-set(url("../images/note-date.png") 1x, url("../images/note-date@2x.png") 2x);
}
.course-itemy .con .text {width: auto; height: 64px; font-size: 13px; color: #999; line-height: 28px; padding-top: 4px;}
.course-itemy .con .text .item {width: auto; height: auto; overflow: hidden;}
.course-itemy .con .text .item .gray {color: #333;}
.course-itemy .con .text .item .column-2 {width: 66.666%; float: left;}
.course-itemy .con .text .item .column-3 {width: 33.333%; float: left;}
.course-itemy .con .number {width: auto; height: auto; position: relative; padding-left: 65px; margin-top: 10px;}
.course-itemy .con .number .tit {width: auto; height: 32px; line-height: 32px; font-size: 13px; color: #999; position: absolute; left: 0; top: 0;}
.course-itemy .con .number select {width: 70%; height: 32px; line-height: 24px; vertical-align: middle; border: 1px solid #ccc; font-size: 13px; color: #333; appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 4px 0 4px 10px;
    background: url("../images/select.png") #ffffff no-repeat right center;
    background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x);
}
.course-itemy .btn1 {width: auto; height: auto; position: absolute; right: 0; top: 0;}
.course-itemy .btn2 {width: auto; height: auto; position: absolute; right: 0; bottom: 0;}
.course-itemy .btn2 a {display: block; width: 100px; height: 32px; line-height: 32px; font-size: 14px; border-radius: 3px; text-align: center; }
.course-list-x {width: auto; height: auto; overflow: hidden; padding: 10px;}
.course-list-x .group {width: 25%; height: auto; float: left; box-sizing: border-box; padding: 10px;}
.course-itemx {width: auto; height: auto; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 0 0 5px 5px;}
.course-itemx .img {width: auto; height: auto; font-size: 0; position: relative;}
.course-itemx .img img {width: 100%; border-radius: 5px 5px 0 0;}
.course-itemx .img span {width: auto; height: 20px; line-height: 20px; font-size: 12px; color: #fff; position: absolute; left: 0; top: 0; z-index: 2; background: #F56C6C; padding: 0 10px; border-radius: 5px 0 5px 0;}
.course-itemx .con {width: auto; height: auto; background: #fff; border: 1px solid #ddd; border-top: 0 none; border-radius: 0 0 5px 5px;}
.course-itemx .con .txt {width: auto; height: auto; padding: 12px 15px;}
.course-itemx .con .name {width: auto; height: auto; line-height: 20px; font-size: 16px; font-weight: bold; color: #000;}
.course-itemx .con .name a {color: #000;}
.course-itemx .con .note {width: auto; height: 20px; line-height: 20px; font-size: 12px; color: #999; padding-left: 20px; margin-top: 5px;
    background: url("../images/note-date.png") no-repeat left center;
    background-image: -webkit-image-set(url("../images/note-date.png") 1x, url("../images/note-date@2x.png") 2x);
}
.course-itemx .con .number {width: auto; height: auto; padding: 0 5px 0 15px; background: #f5f5f5; border-top: 1px solid #eee; border-radius: 0 0 5px 5px;}
.course-itemx .con .number select {width: 100%; height: 32px; line-height: 24px; vertical-align: middle; font-size: 13px; color: #333; appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 4px 0;
    background: url("../images/select.png") no-repeat right center;
    background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x);
    border: 0 none;
}
.coursecon-intro {width: auto; height: auto; background: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.coursecon-mation {width: auto; height: auto; padding: 20px; border-bottom: 1px solid #eee;}
.coursecon-mation .position {width: auto; height: auto; position: relative; padding-left: 200px;}
.coursecon-mation .img {width: auto; height: 242px; position: absolute; left: 0; top: 0; font-size: 0;}
.coursecon-mation .img img {width: auto; height: 242px; border-radius: 5px;}
.coursecon-mation .num {width: 80px; height: 100px; background: #f9f9f9; box-sizing: border-box; border: 1px dotted #ddd; border-radius: 5px; position: absolute; right: 0; top: 0; text-align: center;}
.coursecon-mation .num .text {font-size: 30px; line-height: 40px; font-weight: bold; color: #000; padding-top: 20px;}
.coursecon-mation .num .unit {font-size: 12px; color: #999;}
.coursecon-mation .con {width: auto; height: auto; min-height: 242px; padding-left: 20px; padding-right: 100px;}
.coursecon-mation .con .title {width: auto; height: auto; line-height: 32px; font-size: 24px; font-weight: bold; color: #000;}
.coursecon-mation .con .note {width: auto; height: auto; overflow: hidden; padding-top: 15px;}
.coursecon-mation .con .note .state {width: auto; height: 20px; line-height: 20px; background: #F56C6C; border-radius: 10px; color: #fff; font-size: 12px; float: left; padding: 0 10px; margin-right: 20px;}
.coursecon-mation .con .note .state.off {
    background: #ccc;
}
.coursecon-mation .con .note .date {width: auto; height: 20px; line-height: 20px; color: #999; font-size: 12px; float: left; padding-left: 20px; margin-right: 20px;
    background: url("../images/note-date.png") no-repeat left center;
    background-image: -webkit-image-set(url("../images/note-date.png") 1x, url("../images/note-date@2x.png") 2x);
}
.coursecon-mation .con .period {width: auto; height: auto; padding-top: 15px;}
.coursecon-mation .con .period select { height: 32px; line-height: 24px; vertical-align: middle; border: 1px solid #ccc; font-size: 13px; color: #333; appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 4px 20px 4px 10px;
    background: url("../images/select.png") #ffffff no-repeat right center;
    background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x);
}
.coursecon-mation .con .text {width: auto; height: auto; font-size: 13px; color: #999; line-height: 24px; padding-top: 10px;}
.coursecon-mation .con .text .item {width: auto; height: auto; overflow: hidden;}
.coursecon-mation .con .text .item .gray {color: #333;}
.coursecon-mation .con .text .item .column-3 {width: 33.333%; float: left;}
.coursecon-mation .con .btns {width: auto; height: auto; overflow: hidden; padding-top: 10px;}
.coursecon-mation .con .btns .item {width: auto; height: auto; float: left; margin-right: 15px;}
.coursecon-mation .con .btns .item a {display: block; width: 80px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #000; border: 1px solid #000; border-radius: 3px;}
.coursecon-mation .con .btns .item a.btn1 {background: #31b4e8;border-color: #31b4e8; color: #ffffff;}
.coursecon-mation .con .btns .item a.btn2 {border-color: #ccc; color: #999;}
.coursecon-quicks {width: auto; height: auto; padding: 20px 0; overflow: hidden;}
.coursecon-quicks .item {width: 9.09%; height: auto; float: left; text-align: center;}
.coursecon-quicks .item a {display: inline-block;}
.coursecon-quicks .item a .icon {width: 30px; height: 30px; margin: 0 auto; border-radius: 10px;}
.coursecon-quicks .item a .icon.blue {box-shadow: 0 3px 6px rgba(64, 158, 255, .2);}
.coursecon-quicks .item a .icon.green {box-shadow: 0 3px 6px rgba(79, 200, 34, .2);}
.coursecon-quicks .item a .icon.yellow {box-shadow: 0 3px 6px rgba(255, 172, 46, .2);}
.coursecon-quicks .item a .icon.red {box-shadow: 0 3px 6px rgba(245, 108, 108, .2);}
.coursecon-quicks .item a .icon.cyan {box-shadow: 0 3px 6px rgba(24, 196, 193, .2);}
.coursecon-quicks .item a .icon.orange {box-shadow: 0 3px 6px rgba(255, 88, 0, .2);}
.coursecon-quicks .item a .icon.purple {box-shadow: 0 3px 6px rgba(91, 64, 255, .2);}
.coursecon-quicks .item a .icon img {width: 30px; height: 30px;}
.coursecon-quicks .item a .text {width: auto; height: auto; line-height: 20px; font-size: 12px; color: #666; padding-top: 8px;}
.coursecon-wrap {width: auto; height: auto; background: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); margin-top: 20px;}
.coursecon-tabs {width: auto; height: 50px; overflow: hidden; position: relative;}
.coursecon-tabs:after {content: ''; display: block; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0;}
.coursecon-tabs .list {width: auto; height: auto;}
.coursecon-tabs .list .item {width: auto; height: 50px; float: left;}
.coursecon-tabs .list .item a {display: block; width: auto; height: 50px; line-height: 50px; font-size: 16px; color: #666; padding: 0 25px; position: relative;}
.coursecon-tabs .list .item a.on {color: #31b4e8; font-weight: bold;}
.coursecon-tabs .list .item a.on:after {content: ''; display: block; width: 100%; height: 3px; background: #31b4e8; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; z-index: 2;}
.coursecon-tabs .opera {width: auto; height: 30px; position: absolute; right: 0; top: 50%; margin-top: -15px; overflow: hidden;}
.coursecon-tabs .opera .item {width: auto; height: 30px; float: left; margin-right: 10px;}
.coursecon-tabs .opera .item a {display: block; width: auto; height: 28px; line-height: 28px; font-size: 12px; border: 1px solid #000; border-radius: 3px; padding: 0 10px; color: #000; text-align: center;}
.coursecon-tabs .opera .item a span {display: inline-block; width: auto; height: 28px; position: relative; padding-left: 18px;}
.coursecon-tabs .opera .item a span:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -5px; top: 50%; margin-top: -10px;}
.coursecon-tabs .opera .item a.refresh {border-color: #ccc; color: #999;}
.coursecon-tabs .opera .item a.refresh span:after {
    background: url("../images/refresh-gray.png") no-repeat;
    background-image: -webkit-image-set(url("../images/refresh-gray.png") 1x, url("../images/refresh-gray@2x.png") 2x);
}
.coursecon-tabs .opera .item a.create, .coursecon-tabs .opera .item a.edit {border-color: #31b4e8; color: #31b4e8; font-weight: bold;}
.coursecon-tabs .opera .item a.create span:after {
    background: url("../images/create-blue.png") no-repeat;
    background-image: -webkit-image-set(url("../images/create-blue.png") 1x, url("../images/create-blue@2x.png") 2x);
}
.coursecon-tabs .opera .item a.edit span:after {
    background: url("../images/delist-opera.png") no-repeat -20px -20px;
    background-image: -webkit-image-set(url("../images/delist-opera.png") 1x, url("../images/delist-opera@2x.png") 2x);
}
.coursecon-main .caption .title {width: auto; height: auto; font-size: 16px; font-weight: bold; color: #010101; position: relative; padding-left: 20px;}
.coursecon-main .caption .title::before {
    content: ''; display: block; width: 4px; height: 16px; font-size: 0; position: absolute; left: 0; top: 50%; margin-top: -8px;
    background: linear-gradient(#31b4e8, #146dc6);
}
.coursecon-main .body {width: auto; height: auto; font-size: 14px; color: #666666; padding-left: 20px; line-height: 28px; padding-top: 10px;}
.coursecon-list {width: auto; height: auto; padding: 20px;}
.coursecon-list .group {width: auto; height: auto; background: #fff; border: 1px solid #eee; border-radius: 3px; margin-top: 10px;}
.coursecon-list .group:first-child {margin-top: 0;}
.coursecon-list .group .head {width: auto; height: 48px; position: relative; cursor: move;}
.coursecon-list .group .head .name {width: auto; height: 48px; line-height: 48px; padding-left: 20px;}
.coursecon-list .group .head .name a {display: inline-block; font-size: 14px; font-weight: bold; color: #333333; position: relative; padding-left: 30px;}
.coursecon-list .group .head .name a:after {content: ''; display: block; width: 14px; height: 8px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -4px;
    background: url("../images/delist-arrow.png") no-repeat;
    background-image: -webkit-image-set(url("../images/delist-arrow.png") 1x, url("../images/delist-arrow@2x.png") 2x);
}
.coursecon-list .group .head .right {width: auto; height: 30px; position: absolute; right: 20px; top: 50%; margin-top: -15px;}
.coursecon-list .group .head .right .sort {width: auto; height: 30px; float: left; margin-right: 20px; font-size: 12px; color: #999; line-height: 30px; padding-left: 20px;
    background: url("../images/delist-sort.png") no-repeat left center;
    background-image: -webkit-image-set(url("../images/delist-sort.png") 1x, url("../images/delist-sort@2x.png") 2x);
}
.coursecon-list .group .head .right .opera {width: auto; height: 30px; float: left;}
.coursecon-list .group .head .right .opera .item {width: auto; height: 30px; float: left; margin-left: 20px;}
.coursecon-list .group .head .right .opera .item a {display: block; width: auto; height: 30px; line-height: 30px; font-size: 12px; font-weight: bold; color: #333; padding-left: 24px; position: relative;}
.coursecon-list .group .head .right .opera .item a:after {content: ''; display: block; width: 20px; height: 20px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -10px;
    background-image: url("../images/delist-opera.png");
    background-image: -webkit-image-set(url("../images/delist-opera.png") 1x, url("../images/delist-opera@2x.png") 2x);
    background-repeat: no-repeat;
    background-position-y: 0;
}
.coursecon-list .group .head .right .opera .item a.add:after {background-position-x: 0;}
.coursecon-list .group .head .right .opera .item a.edit:after {background-position-x: -20px;}
.coursecon-list .group .head .right .opera .item a.del:after {background-position-x: -60px;}
.coursecon-list .group .head .right .opera .item a:hover {color: #31b4e8;}
.coursecon-list .group .head .right .opera .item a:hover:after {background-position-y: -20px;}
.coursecon-list .group .list {display: none; width: auto; height: auto; border-top: 1px solid #eee;}
.coursecon-list .group .list table thead tr th {background: #F5F5F5; height: 36px; vertical-align: middle; font-size: 12px; color: #999999; font-weight: bold;}
.coursecon-list .group .list table thead tr th:first-child {padding-left: 50px;}
.coursecon-list .group .list table tbody tr td {height: 50px; vertical-align: middle; font-size: 14px; color: #666; border-bottom: 1px solid #eee;}
.coursecon-list .group .list table tbody tr:last-child td {border-bottom: 0 none;}
.coursecon-list .group .list table tbody tr td:first-child {padding-left: 50px;}
.coursecon-list .group .list table tbody tr td .tit {color: #000;}
.coursecon-list .group .list table tbody tr td .tit a {color: #000;}
.coursecon-list .group .list table tbody tr td .tit a:hover {color: #31b4e8;}
.coursecon-list .group .list table tbody tr td .opera {display: inline-block; overflow: hidden;}
.coursecon-list .group .list table tbody tr td .opera input.inp {display: block; width: 44px; height: 24px; background: #eee; border-radius: 3px; float: left; text-align: center; line-height: 24px; border: 0 none; margin: 0 10px;}
.coursecon-list .group .list table tbody tr td .opera a {display: block; width: 20px; height: 20px; float: left; padding: 2px; margin: 0 10px;}
.coursecon-list .group .list table tbody tr td .opera a:after {content: ''; display: block; width: 20px; height: 20px;
    background-image: url("../images/delist-opera.png");
    background-image: -webkit-image-set(url("../images/delist-opera.png") 1x, url("../images/delist-opera@2x.png") 2x);
    background-repeat: no-repeat;
    background-position-y: 0;
}
.coursecon-list .group .list table tbody tr td .opera a.set:after {background-position-x: -40px;}
.coursecon-list .group .list table tbody tr td .opera a.edit:after {background-position-x: -20px;}
.coursecon-list .group .list table tbody tr td .opera a.del:after {background-position-x: -60px;}
.coursecon-list .group .list table tbody tr td .opera a:hover:after {background-position-y: -20px;}
.coursecon-list .group.on {box-shadow: 0 2px 2px rgba(0, 0, 0, .05);}
.coursecon-list .group.on .head .name a {color: #31b4e8;}
.coursecon-list .group.on .head .name a:after {background-position: right;}
.coursecon-list .group.on .list {display: block;}
.questions {width: auto; height: auto; background: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.questions-toggle {width: auto; height: auto; border-top: 1px solid #eee; text-align: right; padding: 10px 20px; font-size: 0;}
.questions-toggle .box {width: auto; height: auto; display: inline-block; overflow: hidden; text-align: center;}
.questions-toggle .box .item {width: auto; height: auto; float: left; margin-left: 30px;}
.questions-toggle .box .item a {display: block; position: relative; font-size: 12px; font-weight: bold; color: #333; line-height: 20px; padding-left: 20px;}
.questions-toggle .box .item a:after {content: ''; display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -5.5px;
    background: url("../images/allshow.png") no-repeat left;
    background-image: -webkit-image-set(url("../images/allshow.png") 1x, url("../images/allshow@2x.png") 2x);
}
.questions-toggle .box .item a.btn1:after {background-position: left;}
.questions-toggle .box .item a.btn2:after {background-position: right;}
.quescart {width: 40px; height: 300px; position: fixed; right: 0; top: 50%; margin-top: -150px; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .1); z-index: 1000; transition: all .2s;}
.quescart .cent {width: 300px; height: 300px; overflow: hidden;}
.quescart .tit {width: 40px; height: 300px; text-align: center; line-height: 30px; font-size: 16px; font-weight: bold; padding: 80px 5px 0 5px; color: #fff; box-sizing: border-box; background: #3d97f1; float: left; position: relative; cursor: pointer;}
.quescart .tit:after {content: ''; display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; position: absolute; left: 50%; margin-left: -8px; bottom: 20px;
    background: url("../images/quescart.png") no-repeat left;
    background-image: -webkit-image-set(url("../images/quescart.png") 1x, url("../images/quescart@2x.png") 2x);
}
.quescart .box {width: 260px; height: 300px; float: left;}
.quescart .box .head {width: auto; height: 40px; padding: 0 20px; line-height: 40px; font-size: 14px; color: #000; background: #f5f5f5;}
.quescart .box .head span {color: #F56C6C;}
.quescart .box .main {width: auto; height: 260px; padding: 0 20px;}
.quescart .box .main .list {width: auto; height: auto; padding-top: 40px;}
.quescart .box .main .list .item {width: auto; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #000;}
.quescart .box .main .list .item span {color: #F56C6C;}
.quescart .box .main .list .item .type {width: 120px; float: left;}
.quescart .box .main .list .item .number {width: 70px; float: left;}
.quescart .box .main .list .item .del {width: 30px; height: 30px; float: left; box-sizing: border-box; padding: 5px;}
.quescart .box .main .list .item .del a {display: block; width: 20px; height: 20px;
    background: url("../images/delist-opera.png") no-repeat -60px 0;
    background-image: -webkit-image-set(url("../images/delist-opera.png") 1x, url("../images/delist-opera@2x.png") 2x);
}
.quescart .box .main .list .item .del a:hover {background-position: -60px -20px;}
.quescart .box .main .list .item .del a:hover {background-position: -60px -20px;}
.quescart .box .main .btns {width: auto; height: auto; text-align: center; font-size: 0; padding-top: 20px;}
.quescart .box .main .btns a {display: inline-block; width: 90px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; border: 1px solid #000; color: #000; border-radius: 3px; margin: 0 10px;}
.quescart .box .main .btns a.btn1 {background: #31b4e8; color: #ffffff; border-color: #31b4e8; margin-left: 0;}
.quescart .box .main .btns a.btn2 {background: #ffffff; color: #999999; border-color: #cccccc; margin-right: 0;}
.quescart .box .main .btns a.btn1.disabled, .quescart .box .main .btns a.btn1.disabled:hover {
    background: #f1f1f1; color: #999; border-color: #cccccc;
}
.quescart.show {width: 300px;}
.quescart.show .tit:after {background-position: right;}
.questions-thead {width: auto; height: auto; background: #f5f5f5; border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden;}
.questions-thead .item {width: auto; height: 36px; float: left; text-align: center; line-height: 36px; font-size: 12px; color: #999; font-weight: bold; box-sizing: border-box;}
.questions-thead .item.item1 {width: 45%; text-align: left; padding-left: 45px;}
.questions-thead .item.item2 {width: 10%;}
.questions-thead .item.item3 {width: 10%;}
.questions-tbody {width: auto; height: auto;}
.questions-tbody .group {width: auto; height: auto; border-bottom: 1px solid #eee;}
.questions-tbody .group .head {width: auto; height: 50px; overflow: hidden;}
.questions-tbody .group .head .item {width: auto; height: 50px; float: left; text-align: center; line-height: 50px; font-size: 14px; color: #666; box-sizing: border-box;}
.questions-tbody .group .head .item.item1 {width: 45%; text-align: left;}
.questions-tbody .group .head .item.item2 {width: 10%;}
.questions-tbody .group .head .item.item3 {width: 10%;}
.questions-tbody .group .head .item .title {padding-left: 20px;}
.questions-tbody .group .head .item .title a {color: #000; display: inline-block; position: relative; padding-left: 25px;}
.questions-tbody .group .head .item .title a i {display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -8px;
    background: url("../images/quesicon.png") no-repeat left;
    background-image: -webkit-image-set(url("../images/quesicon.png") 1x, url("../images/quesicon@2x.png") 2x);
}
.questions-tbody .group .head .item .title a span.err {display: block; width: auto; height: 20px; background: #F56C6C; border-radius: 10px; white-space: nowrap; line-height: 20px; font-size: 12px; color: #fff; padding: 0 5px; position: absolute; left: 100%; top: 50%; margin-top: -10px; margin-left: 10px;}
.questions-tbody .group .head .item .opera {display: inline-block; text-align: center; height: 20px; padding: 15px 0;}
.questions-tbody .group .head .item .opera a {display: block; width: auto; height: 20px; line-height: 20px; font-size: 14px;float: left; position: relative; margin-left: 5px;}
.questions-tbody .group .head .item .opera a:first-child {margin-left: 0;}
.questions-tbody .group .head .item input.inp {display: block; width: 40px; height: 24px; background: #eee; border-radius: 3px; border: 0 none; margin: 0 auto; text-align: center; line-height: 24px; font-size: 12px; color: #333; margin-top: 13px;}
.questions-tbody .group .ques {display: none; border-top: 1px dotted #ddd; padding: 20px 20px 20px 45px;}
.questions-tbody .group .ques .title {width: auto; height: auto; font-size: 16px; color: #333;}
.questions-tbody .group .ques .answer {padding-top: 15px;}
.questions-tbody .group .ques .tiselect {width: auto; height: auto; overflow: hidden;}
.questions-tbody .group .ques .tiselect .item {width: 20%; height: auto; line-height: 20px; float: left; font-size: 14px; color: #666;}
.questions-tbody .group .ques .tiselect .item.on {color: #31b4e8; font-weight: bold;}
.questions-tbody .group.on .head .item .title a {color: #31b4e8;}
.questions-tbody .group.on .head .item .title a i {background-position: right;}
.questions-tbody .group.on .ques {display: block;}
.paper-list {width: auto; height: auto;}
.paper-list table {border-spacing: 0;padding: 0;border: 0;}
.paper-list table thead tr th {background: #f5f5f5; height: 36px; vertical-align: middle; border-top: 1px solid #eee; padding: 0 7px; border-bottom: 1px solid #eee; font-size: 12px; color: #999; font-weight: bold;}
.paper-list table tbody tr td {border-bottom: 1px solid #eee; height: 50px; vertical-align: middle; padding: 0 7px; box-sizing: border-box; font-size: 12px; color: #666;}
.paper-list table tbody tr td .state {display: inline-block; border-radius: 10px; height: 20px; line-height: 20px; padding: 0 8px; font-size: 12px; color: #fff;}
.paper-list table tbody tr td .state.green {background: #67C23A;}
.paper-list table tbody tr td .state.gray {background: #ccc;}
.paper-list table tbody tr td .opera {display: inline-block; overflow: hidden; font-size: 0; height: 20px;}
.paper-list table tbody tr td .opera a {display: block; width: auto; height: 20px; line-height: 20px; font-size: 12px; color: #000; float: left; padding-left: 24px; position: relative; margin-left: 10px;}
.paper-list table tbody tr td .opera a:first-child {margin-left: 0;}
.paper-list table tbody tr td .opera a:after {content: ''; display: block; width: 20px; height: 20px; font-size: 0; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -10px;
    background-image: url("../images/delist-opera.png");
    background-image: -webkit-image-set(url("../images/delist-opera.png") 1x, url("../images/delist-opera@2x.png") 2x);
    background-repeat: no-repeat;
    background-position-y: 0;
}
.paper-list table tbody tr td .opera a.set:after {background-position-x: -40px;}
.paper-list table tbody tr td .opera a.edit:after {background-position-x: -20px;}
.paper-list table tbody tr td .opera a.del:after {background-position-x: -60px;}
.paper-list table tbody tr td .opera a.pass:after {background-position-x: -100px;}
.paper-list table tbody tr td .opera a.stop:after {background-position-x: -120px;}
.paper-list table tbody tr td .opera a.up:after {background-position-x: -140px;}
.paper-list table tbody tr td .opera a.down:after {background-position-x: -160px;}
.paper-list table tbody tr td .opera .sort {float: left; height: 20px; border-left: 1px solid #ddd; margin-left: 10px;}
.paper-list table tbody tr td .opera .sort a {width: 20px; padding: 0; margin-left: 10px;}
.paper-list table tbody tr td .opera a:hover {color: #31b4e8;}
.paper-list table tbody tr td .opera a:hover:after {background-position-y: -20px;}
.paperedit-intro {width: auto; height: auto; border-bottom: 1px solid #eee; padding: 20px;}
.paperedit-intro table {border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.paperedit-intro table tr th,
.paperedit-intro table tr td {text-align: left; vertical-align: middle; height: 40px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 0 15px; font-size: 12px; color: #666;}
.paperedit-intro table tr:first-child th,
.paperedit-intro table tr:first-child td {border-top: 0 none;}
.paperedit-intro table tr th {background: #f9f9f9; font-weight: bold; color: #333;}
.paperedit-intro table .number {font-size: 14px; font-weight: bold; color: #31b4e8;}
.paperedit-intro table .user {font-weight: bold; color: #31b4e8;}
.paperedit-intro table .gray {color: #999;}
.paperedit-list {width: auto; height: auto; padding: 0 20px;}
.paperedit-list .group {width: auto; height: auto; border: 1px solid #eee; margin-top: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, .05); border-radius: 3px;}
.paperedit-list .group:first-child {margin-top: 0;}
.paperedit-list .group .head {width: auto; height: 40px; background: #f5f5f5; border-bottom: 1px solid #eee; border-radius: 3px 3px 0 0; position: relative;}
.paperedit-list .group .head .intro {width: auto; height: 40px; line-height: 40px; font-size: 13px; padding-left: 20px;}
.paperedit-list .group .head .intro .number {width: auto; height: 40px; float: left; min-width: 30px; padding-right: 10px; box-sizing: border-box; font-weight: bold; color: #333;}
.paperedit-list .group .head .intro .item {width: auto; height: 40px; float: left; margin-right: 50px; color: #666;}
.paperedit-list .group .head .intro .item span {color: #333;}
.paperedit-list .group .head .opera {width: auto; height: 24px; position: absolute; right: 20px; top: 50%; margin-top: -12px;}
.paperedit-list .group .head .opera .inps {width: auto; height: 24px; float: left;}
.paperedit-list .group .head .opera .inps span {display: block; width: auto; height: 24px; line-height: 24px; font-size: 12px; color: #333; float: left;}
.paperedit-list .group .head .opera .inps input.inp {display: block; width: 40px; height: 24px; line-height: 24px; background: #ddd; border: 0 none; float: left; border-radius: 3px; text-align: center; font-size: 13px; color: #333;}
.paperedit-list .group .head .opera .item {width: auto; height: 20px; float: left; padding: 2px 0; margin-left: 20px;}
.paperedit-list .group .head .opera .item a {display: block; width: auto; height: 20px; line-height: 20px; float: left; padding-left: 20px; font-size: 12px; color: #333; position: relative;}
.paperedit-list .group .head .opera .item a:after {content: ''; display: block; width: 20px; height: 20px; font-size: 0; line-height: 0; position: absolute; left: -2px; top: 50%; margin-top: -10px;
    background-image: url("../images/delist-opera.png");
    background-image: -webkit-image-set(url("../images/delist-opera.png") 1x, url("../images/delist-opera@2x.png") 2x);
    background-repeat: no-repeat;
    background-position-y: 0;
}
.paperedit-list .group .head .opera .item a.edit:after {background-position-x: -20px;}
.paperedit-list .group .head .opera .item a.del:after {background-position-x: -60px;}
.paperedit-list .group .head .opera .item a.up:after {background-position-x: -140px;}
.paperedit-list .group .head .opera .item a.down:after {background-position-x: -160px;}
.paperedit-list .group .head .opera .item a:hover {color: #31b4e8;}
.paperedit-list .group .head .opera .item a:hover:after {background-position-y: -20px;}
.paperedit-list .group .cent {padding: 20px;}
.paperedit-list .group .cent .title {width: auto; height: auto; font-size: 16px; color: #333;}
.paperedit-list .group .cent .answer {padding-top: 15px;}
.paperedit-list .group .cent .tiselect {width: auto; height: auto; overflow: hidden;}
.paperedit-list .group .cent .tiselect .item {width: 20%; height: auto; line-height: 20px; float: left; font-size: 14px; color: #666;}
.paperedit-list .group .cent .tiselect .item.on {color: #31b4e8; font-weight: bold;}
.user-left {width: 21%; height: auto; float: left; box-sizing: border-box; padding-right: 10px;}
.user-right {width: 79%; height: auto; float: left; box-sizing: border-box; padding-left: 10px;}
.usernavs {width: auto; height: auto; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 3px;}
.usernavs .list {width: auto; height: auto;}
.usernavs .list .item {width: auto; height: auto; border-top: 1px solid #eee;}
.usernavs .list .item:first-child {border-top: 0;}
.usernavs .list .item a {display: block; width: auto; height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px; color: #666;}
.usernavs .list .item a span {display: block; padding-left: 15px; position: relative;}
.usernavs .list .item a span:after {content: ''; display: block; width: 4px; height: 4px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.usernavs .list .item a.on {background: #f3f6f9; color: #31b4e8; font-weight: bold;}
.usernavs .list .item a.on span:after {background: #31b4e8;}
.usermain {width: auto; height: auto; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 3px;}
.usermain-title {width: auto; height: 44px; line-height: 44px; font-size: 14px; font-weight: bold; color: #333; position: relative; padding: 0 20px;}
.usermain-title:after {content: ''; display: block; width: 100%; height: 1px; background: #ddd; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0;}
.usermain-title span {display: block; position: relative; padding-left: 15px;}
.usermain-title span:after {content: ''; display: block; width: 3px; height: 12px; background: #31b4e8; position: absolute; left: 0; top: 50%; margin-top: -6px; border-radius: 2px;}
.userdata {width: auto; height: auto; padding: 40px 20px;}
.userdata .group {width: auto; height: auto; position: relative; padding-left: 200px; margin-bottom: 15px;}
.userdata .group .tit {width: 200px; height: 32px; line-height: 32px; position: absolute; left: 0; top: 0; padding-right: 10px; font-size: 13px; color: #666; text-align: right; box-sizing: border-box;}
.userdata .group .tit.center {top: 50%; margin-top: -16px;}
.userdata .group .box {width: auto; height: auto;}
.userdata .group .box .portrait {width: auto; height: 80px; position: relative; padding-left: 80px;}
.userdata .group .box .portrait .img {width: 80px; height: 80px; position: absolute; left: 0; top: 0; font-size: 0;}
.userdata .group .box .portrait .img img {width: 80px; height: 80px; border-radius: 50%;}
.userdata .group .box .portrait .con {width: auto; height: auto; padding-left: 20px;}
.userdata .group .box .portrait .con .txt {width: auto; height: auto; line-height: 20px; font-size: 12px; color: #999; padding-top: 9px;}
.userdata .group .box .portrait .con .ups {width: auto; height: auto; padding-top: 10px;}
.userdata .group .box .portrait .con .ups a {display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #31b4e8; border-radius: 5px; font-size: 13px; font-weight: bold; color: #31b4e8;}
.userdata .group .box .text {width: auto; height: 32px; line-height: 32px; font-size: 13px; color: #333;}
.userdata .group .box .inps {width: auto; height: auto; font-size: 0;}
.userdata .group .box .inps input.inp {display: block; width: 300px; height: 32px; border: 1px solid #ccc; padding: 7px 10px; line-height: 16px; font-size: 13px; color: #333; border-radius: 3px; box-sizing: border-box;}
.userdata .group .box .inps select {width: 300px; height: 32px; line-height: 24px; vertical-align: middle; border: 1px solid #ccc; font-size: 13px; color: #333; appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 4px 0 4px 10px;
    background: url("../images/select.png") #ffffff no-repeat right center;
    background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x);
}
.userdata .group .box .inps textarea {display: block; width: 500px; height: 100px; border: 1px solid #ccc; padding: 7px 10px; line-height: 16px; font-size: 13px; color: #333; border-radius: 3px; box-sizing: border-box;}
.userdata .group .box .btns input.btn {display: block; width: 110px; height: 40px; line-height: 40px; text-align: center; border: 0 none; cursor: pointer; border-radius: 5px; background: #31b4e8; font-size: 14px; font-weight: bold; color: #fff;}
.userdata .group .box .note {width: auto; height: auto; padding-top: 5px; font-size: 12px; color: #999;}