i {margin-right: 5px;}
html, body {height: auto;position: relative;min-height: calc(100vh);}
body {font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.layui-container {min-width: 1170px;}
/*播放器音量*/
.plyr__controls__item.plyr__volume {display: flex!important;}
.plyr__controls__item.plyr__volume button {display: block!important;}

/*分页插件处理*/
.u-page {text-align: center;margin-top: 20px;}
.u-page .layui-laypage .layui-laypage-curr .layui-laypage-em {background: #0099FF;}
.u-page .layui-laypage a:hover {color: #0099FF;}
.u-page .layui-laypage input:focus {border: 1px solid #0099FF !important;}
.u-page .layui-laypage select:focus {border: 1px solid #0099FF !important;}
.panel-footer {background: #F5F5F5;padding: 10px 20px;border-top: 1px solid #E8E8E8;}
/*兼容原网站样式*/
.center-block {display: block;margin-left: auto;margin-right: auto;}
.user-center-info {position: relative;padding: 0 0 0 260px;}
.user-right-ctt {width: 100%;min-height: 973px;}
.user-right-ctt .user-card-title {padding: 10px 0;margin-top: 24px;}
.user-right-ctt .user-card-title label {color: #0099FF;border-left: 3px solid #0099FF;padding-left: 10px;font-size: 16px;}
.user-right-ctt .user-card-title label span {color: #8A9BAF;}
.user-right-ctt .user-card-title.card-title-bg {margin-top: 0;margin-bottom: 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
.user-right-ctt .user-card-title.card-title-bg span {font-size: 14px;margin-left: 10px;}
.user-right-ctt .user-card-ctt {padding: 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
/*商品*/
.u-table table {border: 1px solid #E9E9E9;width: 100%;}
.u-table table .footer td,
.u-table table .header td {background: #F6F9FF;color: #868792;font-weight: normal;line-height: 40px;padding: 0 20px;text-align: center;}
.u-table table .footer span {margin-right: 15px;}
.u-table table .footer span b {color: #FF6600;}
.u-table table td[align="left"] {text-align: left;}
.u-table table td[align="right"] {text-align: right;}
.u-table table .header td[data-width="0.5"] {width: 4.999999%;}
.u-table table .header td[data-width="1"] {width: 9.999999%;}
.u-table table .header td[data-width="1.5"] {width: 14.999999%;}
.u-table table .header td[data-width="2"] {width: 19.999999%;}
.u-table table .header td[data-width="3"] {width: 29.999999%;}
.u-table table .header td[data-width="4"] {width: 39.999999%;}
.u-table table .header td[data-width="5"] {width: 49.999999%;}
.u-table table .header td[data-width="5.5"] {width: 43.999999%;}
.u-table table .goods-item td {min-height: 120px;}
.u-table table .goods-item td:last-child a {color: #4185C4;cursor: pointer;}
.u-table table .goods-item td:last-child a:hover {color: #21A5FF;text-decoration: underline;}
.u-table table .goods-item td:not(:first-child) {text-align: center;}
.u-table table .goods-item {border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;margin-bottom: -1px;}
.u-table table .goods-name {position: relative;padding: 30px 0 30px 130px;min-height: 60px;text-align: left;}
.u-table table .goods-name img {position: absolute;left: 20px;top: 20px;height: 80px;display: inline-block;max-width: 100px;}
.u-table table .goods-name a {color: #4185C4;cursor: pointer;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.u-table table .goods-name a:hover {color: #21A5FF;text-decoration: underline;}
.u-table table .goods-num i {margin-right: 0;}
.u-table table .goods-num input {width: 30px;line-height: 19px;text-align: center;}
.u-table table tr .price {color: #FF6600;font-weight: bold;}
/*表格*/
.layui-table-view table {width: 100%;border: 1px solid #E9E9E9;}
.layui-table-view .layui-table-tool {background: #F6F9FF;margin-bottom: -1px;}
.layui-table-view .layui-table-tool-temp input {height: 31px;line-height: 31px;display: inline-block;}
.layui-table-view table th {background: #F6F9FF;}
.layui-table-view table td i {margin-right: 0;}
.layui-table-view .layui-laypage .layui-laypage-curr .layui-laypage-em {background: #0099FF;}
.layui-table-view .layui-laypage a:hover {color: #0099FF;}
.layui-table-view .layui-laypage input:focus {border: 1px solid #0099FF !important;}
.layui-table-view .layui-laypage select:focus {border: 1px solid #0099FF !important;}
/*背景颜色*/
.bg-red {background: #DD3333;}
.bg-light-blue {background: #5BC0DE;}
/*用户中心tab样式*/
.user-tab > .layui-tab {margin: 0;}
.user-tab > .layui-tab > .layui-tab-title {display: flex;height: auto;color: #8A9BAF;margin-bottom: 24px;background: #FFFFFF;border-bottom: none;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
.user-tab > .layui-tab > .layui-tab-title li {-webkit-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.user-tab > .layui-tab > .layui-tab-title li i {font-size: 24px;width: auto;line-height: initial;vertical-align: bottom;}
.user-tab > .layui-tab > .layui-tab-title .layui-this {color: #FF6600;}
.user-tab > .layui-tab > .layui-tab-title .layui-this:after {top: initial;bottom: 0;border-color: #FF6600;height: auto;left: 25%;width: 50%;}
.user-tab > .layui-tab > .layui-tab-content {padding: 0;}
/*错误页面*/
.hhkaobo-error {padding: 84px 0 164px 0;}
.hhkaobo-error .panel-content {margin:0 150px;min-height: 505px;height: 100%;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);border-top: 3px solid #0099FF;border-radius: 5px;color: #738299;text-align: center;}
.hhkaobo-error .panel-content img {margin-top: 15%;}
.hhkaobo-error .panel-content p {line-height: 40px;}
.hhkaobo-error .panel-content a {display: inline-block;line-height: 40px;color: #428bca;}
.hhkaobo-error .panel-content a:hover {color: #2a6496;text-decoration: underline;}

/*项目首页样式*/
.hhkaobo-home {width: 100%;height: 100%;padding-top: 60px;}
.hhkaobo-home > div:not(.hhkaobo-exam-btm) {margin-bottom: 20px;}
.hhkaobo-home > div > hr {margin-top: 30px;}
.hhkaobo-home > div:last-child {margin-bottom: 0;}
.hhkaobo-home .layui-carousel {margin-top: 20px;}
.hhkaobo-home .layui-carousel img {width: 100%;height: 100%; border-radius: 10px;}
.hhkaobo-home .advantage .layui-card {background: none;box-shadow: none;}
.hhkaobo-home .advantage .layui-card-body {box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);border-radius: 6px;text-align: center;}
.hhkaobo-home .advantage .layui-card-body h3 {margin-top: 20px;margin-bottom: 10px;color: #ff6600;font-size: 24px;}
.hhkaobo-home .content-card {margin-bottom: 40px;}
.hhkaobo-home .content-card .content-title {text-align: center;}
.hhkaobo-home .content-card .content-title * {margin-bottom: 15px;}
.hhkaobo-home .content-card .content-title h1 {font-weight: bold;}
.hhkaobo-home .content-card .content-title .layui-input {height: 30px; border-radius: 7px;}
.hhkaobo-home .content-card .content-title .layui-btn {height: 30px;line-height: 30px; border-radius: 7px;}
.hhkaobo-home .product-list img {width: 100%; border-radius: 10px}
.hhkaobo-home .product-list .product-item {cursor: pointer;background: #FFFFFF;overflow: hidden; border-radius: 10px; padding: 5px;}
.hhkaobo-home .product-list .product-item:hover {box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);}
.hhkaobo-home .product-list .product-item:hover p {color: #DD4F43;}
.hhkaobo-home .product-list .product-item p {margin: 10px 0;padding: 0 10px;}
.hhkaobo-home .product-list .product-item p:last-child {color: #DD4F43;font-size: 24px;}
.hhkaobo-home .article-list .article-item {background: #FFFFFF;padding: 20px;border: 1px solid #E5E5E5; border-radius: 10px;}
.hhkaobo-home .article-list .article-item .article-type {padding: 10px 0;}
.hhkaobo-home .article-list .article-item .article-type a {color: #DD4F43;border-left: 4px solid #DD4F43;padding-left: 10px;font-size: 16px;cursor: pointer;}
.hhkaobo-home .article-list .article-item .article-type a:hover {text-decoration: underline;}
.hhkaobo-home .article-list .article-item ul {padding-left: 20px;}
.hhkaobo-home .article-list .article-item ul li {line-height: 30px;list-style: disc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hhkaobo-home .article-list .article-item ul li a {color: #428bca;cursor: pointer;}
.hhkaobo-home .article-list .article-item ul li a:hover {color: #2a6496;text-decoration: underline;}
@media screen and (max-width: 768px) {
	.hhkaobo-home .advantage .layui-col-space20 {margin: -10px 0;}
	
	.hhkaobo-home .advantage .layui-col-space20 > * {padding: 10px 0;}
}

/*考试系统首页*/
.exam_main {padding: 60px 0 160px 0;}
.exam_main .layui-container {margin-top: 24px;}
.exam_main .layui-container:first-child {margin-top: 0;}
.exam_main .layui-carousel {min-width: 1170px;}
.exam_main #carousel {height: 300px;}
.exam_main .layui-carousel img {width: 100%;height: 100%;}
.exam_main .hhkaobo-paper-filter {margin-top: 20px;padding: 10px 0;background: #F5F5F5;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.exam_main .hhkaobo-paper-filter .scroll-list{float: right;	margin: 0 25px 10px 10px; padding: 2px	0 2px 10px; cursor: pointer; color: #999999;}
.exam_main .hhkaobo-paper-filter [data-example="true"]{display: none;}
.exam_main .hhkaobo-paper-filter [data-expend="true"]{display: none;}
.exam_main .hhkaobo-paper-filter dl {display: block;position: relative;padding-left: 90px;}
.exam_main .hhkaobo-paper-filter dl dt {display: inline-block;background: #AFAFAF;position: absolute;left: 0;border-radius: 32px 0 32px 32px;padding: 0 16px;color: #FFFFFF;font-weight: bold;margin: 5px 15px;}
.exam_main .hhkaobo-paper-filter dl dd {display: inline-block;}
.exam_main .hhkaobo-paper-filter dl dd a {display: inline-block;color: #000000;padding: 0 15px;margin: 5px;cursor: pointer;}
.exam_main .hhkaobo-paper-filter dl dd a:hover,
.exam_main .hhkaobo-paper-filter .type-this a {color: #FFFFFF;background: #0099FF;border-radius: 32px;}
.exam_main .hhkaobo-paper-list .paper-sort {background: #F8F8F8;padding: 15px 20px;border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.exam_main .hhkaobo-paper-list .paper-sort dl {display: inline-block;line-height: 32px;}
.exam_main .hhkaobo-paper-list .paper-sort dl dt {display: inline-block;color: #B2B2B2;margin: 0 5px;padding: 5px 15px;}
.exam_main .hhkaobo-paper-list .paper-sort dl dd {display: inline-block;}
.exam_main .hhkaobo-paper-list .paper-sort dl dd a {display: inline-block; margin: 0 5px;padding: 0 15px;cursor: pointer;background: #FFFFFF;border-radius: 5px;border: 1px solid #EDEDED;color: #000000;}
.exam_main .hhkaobo-paper-list .paper-sort dl dd:not(.sort-this) a:hover {background: #E5E5E5;}
.exam_main .hhkaobo-paper-list .paper-sort dl dd:not(.sort-this) a:active {background: #D5D5D5;}
.exam_main .hhkaobo-paper-list .paper-sort dl .sort-this a {background: #0099FF;color: #FFFFFF;border-radius: 5px;}
.exam_main .hhkaobo-paper-list .paper-sort input {height: 32px;padding: 0 10px;position: relative;top: 4px;border: 1px solid #EDEDED;border-radius: 5px;}
.exam_main .hhkaobo-paper-list .paper-sort button {height: 34px;line-height: 34px;background: #FFFFFF;border: 1px solid #EDEDED;padding: 0 10px;border-radius: 5px;cursor: pointer;position: relative;top: 5px;}
.exam_main .hhkaobo-paper-list .paper-sort button:hover {background: #E5E5E5;}
.exam_main .hhkaobo-paper-list .paper-sort button:active {background: #D5D5D5;}
.exam_main .hhkaobo-paper-list .adv-ass-pap img {width: 100%;cursor: pointer;margin-bottom: 30px;}
.exam_main .hhkaobo-paper-list .adv-add-vip img {width: 100%;cursor: pointer;margin-bottom: 30px;}
.exam_main .hhkaobo-paper-list .newest-com {margin-bottom: 30px;}
.exam_main .hhkaobo-paper-list .newest-buy dl dt,
.exam_main .hhkaobo-paper-list .newest-com dl dt {border: 1px solid #EDEDED;line-height: 50px;padding: 0 15px;font-size: 14px;font-weight: bold;margin-bottom: -1px;}
.exam_main .hhkaobo-paper-list .newest-buy dl dt span,
.exam_main .hhkaobo-paper-list .newest-com dl dt span {display: inline-block;border-bottom: 3px solid #0099FF;font-size: 18px;}
.exam_main .hhkaobo-paper-list .newest-buy dl dd,
.exam_main .hhkaobo-paper-list .newest-com dl dd {border: 1px solid #EDEDED;margin-bottom: -1px;padding: 10px;}
.exam_main .hhkaobo-paper-list .newest-com .comment-title {position: relative;padding-left: 58px;line-height: 24px;}
.exam_main .hhkaobo-paper-list .newest-com .comment-title img {width: 48px;height: 48px;border-radius: 48px;position: absolute;left: 0;}
.exam_main .hhkaobo-paper-list .newest-com .comment-title p {color: #0099FF;font-weight: bold;}
.exam_main .hhkaobo-paper-list .newest-com .comment-title span {color: #9BA0A5;}
.exam_main .hhkaobo-paper-list .newest-com .comment-content {padding: 10px;}
.exam_main .hhkaobo-paper-list .newest-buy .newest-buy-info {position: relative;padding-left: 80px;line-height: 30px;}
.exam_main .hhkaobo-paper-list .newest-buy .newest-buy-info p:first-child {position: absolute;left: 0;font-weight: bold;color: #33C8A2;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card {padding: 20px 100px 20px 90px;height: 90px;border-bottom: 1px dotted #AFAFAF;position: relative;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card img {position: absolute;left: 10px;width: 70px;height: 90px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content {position: relative;height: 100%;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child {font-size: 18px;line-height: 40px;color: #333333;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child span {display: inline-block;line-height: 17px;margin-left: 15px;position: relative;color: #0099FF;font-size: 14px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child span:before {display: inline-block;width: 100%;position: absolute;content: '';top: -2px;margin-left: -5px;border: 10px solid;border-color: #0099FF #FFFFFF #0099FF #0099FF;z-index: -2;border-radius: 2px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child span:after {display: inline-block;width: 100%;position: absolute;content: '';top: -1px;left: -4px;border-top: 9px solid;border-bottom: 9px solid;border-left: 8px solid;border-right: 8px solid;border-color: #FFFFFF transparent #FFFFFF #FFFFFF;z-index: -1;border-radius: 2px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child .paper-vip {color: #FE6C09;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child .paper-vip:before {border-color: #FE6C09 #FFFFFF #FE6C09 #FE6C09;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child .paper-self {color: #3ACAA5;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:first-child .paper-self:before {border-color: #3ACAA5 #FFFFFF #3ACAA5 #3ACAA5;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:last-child {position: absolute;bottom: 0;color: #9E9E9E;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:last-child span {margin-right: 20px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .paper-content p:last-child i {font-size: 16px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card > a {position: absolute;right: 10px;top: 25px;padding: 0 20px;}
.exam_main .hhkaobo-paper-list .paper-list .paper-card .degree-active {color: #FF9934;}
.exam_main .hhkaobo-adv-1 a {cursor: pointer;}
.exam_main .hhkaobo-adv-1 img {width: 100%;height: 120px;}
.exam_main .hhkaobo-adv-2 .layui-carousel {min-width: auto;}
.exam_main .hhkaobo-adv-2 .layui-carousel-ind {}
.exam_main .hhkaobo-adv-2 .adv-title {padding: 15px;border: 1px solid #EDEDED;margin-bottom: -1px;}
.exam_main .hhkaobo-adv-2 .adv-title span {padding-left: 10px;border-left: 3px solid #0099FF;color: #0099FF;font-weight: bold;font-size: 16px;}
.exam_main .hhkaobo-adv-2 .adv-body {height: 500px;}
.exam_main .hhkaobo-adv-2 .adv-body > div {height: 100%;cursor: pointer;}
.exam_main .hhkaobo-adv-2 .adv-body > div > div:hover {position: relative;top: -5px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}
.exam_main .hhkaobo-adv-2 .adv-body > div > div:hover p {text-decoration: underline;}
.exam_main .hhkaobo-adv-2 .adv-body > div:last-child {margin-left: -1px;width: calc(50% + 1px)}
.exam_main .hhkaobo-adv-2 .adv-body > div > div {padding: 20px;border: 1px solid #EDEDED;position: relative;}
.exam_main .hhkaobo-adv-2 .adv-body > div > div:last-child {margin-top: -1px;}
.exam_main .hhkaobo-adv-2 .adv-body img {width: 100%;height: 100%;}
.exam_main .hhkaobo-adv-2 .adv-body > div > div a {width: 100%;height: 100%;display: inline-block;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-3 {height: calc(30% - 40px);}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-5 {height: calc(50% - 40px);}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-7 {height: calc(70% - 40px);}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-5 a {height: calc(100% - 40px)}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-title {line-height: 40px;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-title p {color: #A9A9A9;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-title p span {color: #333333;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-h-title p small {font-weight: initial;margin-left: 10px;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-i-text {position: absolute;color: #FFFFFF;top: 50px;line-height: 30px;left: 30px;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-i-text p:last-child {font-size: 12px;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-l-text {float: left;width: 50%;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-l-text + a {width: 50%;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-l-text + img {width: 50%;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-l-text p {line-height: 24px;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-l-text p:first-child {font-weight: bold;margin-top: 25%;}
.exam_main .hhkaobo-adv-2 .adv-body .adv-l-text p:last-child {font-size: 12px;color: #A9A9A9;}

/*考试页面*/
.exam_start {padding: 60px 0 164px 0;}
.exam_start > .layui-container {margin-top: 24px;}
.exam_start .paper-content {background: #FFFFFF;min-height: 515px;padding: 15px 0;border-radius: 5px;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.exam_start .paper-content .paper-info {text-align: center;}
.exam_start .paper-content .paper-title {font-size: 24px;margin: 15px 0 30px 0;}
.exam_start .paper-content .paper-detail span {padding: 10px;border: 1px solid #EFEFEF;margin: 0 5px;}
.exam_start .paper-content .paper-detail span i {font-size: 16px;}
.exam_start .paper-content .paper-detail span .degree-active {color: #FF9934;}
.exam_start .paper-content .que-list {margin-top: 20px;padding: 0 20px;line-height: 24px;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.exam_start .paper-content .que-list .q-it {margin: 15px 0;}
.exam_start .paper-content .que-list div[class='q-ste-chi'] {margin-top: 15px;}
.exam_start .paper-content .que-list span[class='q-ste-chi'] {margin: 0 5px;}
.exam_start .paper-content .que-list [data-q-num] {font-weight: bold;margin-right: 10px;}
.exam_start .paper-content .que-list [data-q-space] {font-weight: bold;padding: 0 10px;border-bottom: 1px solid #333333;}
.exam_start .paper-content .que-list .q-ste-chi input {margin-left: 5px;border: none;text-align: center;width: 100px;border-bottom: 1px solid #333333;padding: 2px 10px;font-weight: normal;}
.exam_start .paper-content .que-list .q-opt:first-of-type {margin-top: 10px;}
.exam_start .paper-content .que-list .q-opt {padding-left: 20px;cursor: pointer;line-height: 45px;}
.exam_start .paper-content .que-list .q-opt:hover {background: #EFEFEF;}
.exam_start .paper-content .que-list .q-opt i {margin-right: 15px;font-size: 20px;position: relative;top: 1px;color: #646464;}
.exam_start .paper-content .que-list .opt-this {color: #0099FF;}
.exam_start .paper-content .que-list .opt-this i {color: #0099FF;}
.exam_start .paper-content .que-list .q-opt-txt {margin-top: 10px;}
.exam_start .paper-content .que-list .q-opt-txt textarea {width: calc(100% - 20px);height: 100px;border-radius: 5px;padding: 10px;resize: vertical;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.1) inset;border: 1px solid #F8F8F8;}
.exam_start .paper-content .que-list .que-tool {text-align: right;}
.exam_start .paper-content .que-list .que-tool a {margin-left: 15px;font-size: 14px;color: #B6B6B6;cursor: pointer;border-bottom: 1px solid #B6B6B6;}
.exam_start .paper-content .que-list .que-tool a:hover {color: #626262;border-color: #626262;}
.exam_start .paper-content .que-list .que-tool .collect-this,
.exam_start .paper-content .que-list .que-tool .exam-this {color: #0099FF;border-color: #0099FF;}
.exam_start .paper-content .que-list .que-tool .collect-this:hover,
.exam_start .paper-content .que-list .que-tool .exam-this:hover {color: #0089E8;border-color: #0089E8;}
.exam_start .paper-content .que-list .plyr--audio .plyr__controls {border: 1px solid #F2F2F2;margin: 10px 0;}
.exam_start .exam-tool {position: fixed;width: 290px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.exam_start .exam-tool > div {background: #FFFFFF;padding: 15px;margin-bottom: 20px;border-radius: 5px;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.exam_start .exam-tool .exam-time label {color: #B9B9B9;display: inline-block;font-size: 16px;line-height: 36px;}
.exam_start .exam-tool .exam-time i {font-size: 32px;width: auto;line-height: initial;vertical-align: middle;margin-right: 10px;}
.exam_start .exam-tool .exam-time span {color: #DD5347;margin-left: 15px;font-size: 32px;vertical-align: bottom;}
.exam_start .exam-tool .exam-answer-card label {color: #0099FF;font-size: 16px;line-height: 32px;}
.exam_start .exam-tool .exam-answer-card > span {float: right;cursor: pointer;padding: 5px 0;}
.exam_start .exam-tool .exam-answer-card > span i {margin-left: 5px;border: 1px solid #8B8B8B;display: inline;padding: 0 5px;border-radius: 3px;}
.exam_start .exam-tool .exam-answer-card ul {height: 200px;overflow-y: scroll;margin-top: 10px;}
.exam_start .exam-tool .exam-answer-card ul li {display: inline-block;width: 24px;height: 24px;line-height: 24px;border: 1px solid #D7D7D7;margin: 4px;text-align: center;border-radius: 3px;cursor: pointer;}
.exam_start .exam-tool .exam-answer-card ul li:hover {background: #F1F1F1;}
.exam_start .exam-tool .exam-answer-card ul li:active {background: #E5E5E5;}
.exam_start .exam-tool .exam-answer-card ul .exam-this {background: #0099FF;border: 1px solid #0099FF;color: #FFFFFF;}
.exam_start .exam-tool .exam-answer-card ul .exam-this:hover {background: #0089E8;}
.exam_start .exam-tool .exam-answer-card ul .exam-this:active {background: #007CD3;}
.exam_start .exam-tool a {width: 100%;}
.exam_start .exam-tool .exam-process {position: relative;}
.exam_start .exam-tool .exam-process p {line-height: 30px;color: #B9B9B9;font-size: 16px;}
.exam_start .exam-tool .exam-process p span {color: #0099FF;}
.exam_start .exam-tool .exam-process .layui-progress {height: 10px;margin-right: 50px;margin-top: 10px;}
.exam_start .exam-tool .exam-process .layui-progress-bar {height: 10px;}
.exam_start .exam-tool .exam-process .exam-pause {position: absolute;text-align: center;right: 15px;top: 15px;cursor: pointer;}
.exam_start .exam-tool .exam-process .exam-pause i {display: block;line-height: 30px;width: auto;font-size: 20px;background: #B9B9B9;color: #FFFFFF;border-radius: 5px;padding: 0 8px;margin: 0;}
.exam_start .exam-tool .exam-process .exam-pause p {line-height: 30px;font-size: 14px;}
.exam_start .pause-modal i {display: block;text-align: center;font-size: 48px;line-height: 72px;padding: 0 24px;width: auto;margin: 0;cursor: pointer;}
.exam_start .submit-modal {padding: 10px;}
.exam_start .submit-modal span {display: block;padding: 15px 0;line-height: 24px;max-width: 200px;}
.exam_start .correct-modal {padding: 20px;}
.exam_start .correct-modal ul {width: 100%;}
.exam_start .correct-modal ul li {float: left;height: 35px;line-height: 35px;cursor: pointer;padding: 0 10px;width: calc(50% - 20px);}
.exam_start .correct-modal ul li i {font-size: 16px;position: relative;top: 1px;color: #5A5A5A;}
.exam_start .correct-modal ul li .fa-dot-circle-o {color: #0099FF;}
.exam_start .correct-modal ul li:hover {background: #F2F2F2;}
.exam_start .correct-modal {padding: 20px;}
.exam_start .correct-modal p {margin-bottom: 10px;color: #ABABAB;}
.exam_start .correct-modal textarea {width: calc(100% - 30px);height: 120px;margin-bottom: 10px;resize: none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.1) inset;padding: 15px;border: 1px solid #F8F8F8;}

/*试题解析页面*/
.exam_question {padding: 60px 0 164px 0;}
.exam_question > .layui-container {margin-top: 24px;}
.exam_question .que-list {padding: 20px;line-height: 24px;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: #FFFFFF;min-height: 515px;border-radius: 5px;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.exam_question .que-list .q-it {margin: 15px 0;}
.exam_question .que-list div[class='q-ste'] {margin-top: 15px;}
.exam_question .que-list span[class='q-ste'] {margin: 0 5px;}
.exam_question .que-list [data-q-num] {font-weight: bold;margin-right: 10px;}
.exam_question .que-list [data-q-space] {font-weight: bold;padding: 0 10px;border-bottom: 1px solid #333333;}
.exam_question .que-list .q-ste input {margin-left: 5px;border: none;text-align: center;width: 100px;border-bottom: 1px solid #333333;padding: 2px 10px;font-weight: normal;}
.exam_question .que-list .q-opt:first-of-type {margin-top: 10px;}
.exam_question .que-list .q-opt {padding-left: 20px;cursor: pointer;line-height: 45px;}
.exam_question .que-list .q-opt:hover {background: #EFEFEF;}
.exam_question .que-list .q-opt i {margin-right: 15px;font-size: 20px;position: relative;top: 1px;color: #646464;}
.exam_question .que-list .opt-this {color: #0099FF;}
.exam_question .que-list .opt-this i {color: #0099FF;}
.exam_question .que-list .opt-error {color: #FF6600;}
.exam_question .que-list .opt-error i {color: #FF6600;}
.exam_question .que-list .opt-success {color: #19A15F;}
.exam_question .que-list .opt-success i {color: #19A15F;}
.exam_question .que-list .q-opt-txt {margin-top: 10px;}
.exam_question .que-list .q-opt-txt textarea {width: calc(100% - 20px);height: 100px;border-radius: 5px;padding: 10px;resize: vertical;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.1) inset;border: 1px solid #F8F8F8;}
.exam_question .que-list .que-tool {text-align: right;border-radius: 5px;line-height: 40px;padding: 15px;margin-top: 10px;background: #CFE7FF;}
.exam_question .que-list .que-tool > span {display: inline-block;float: left;color: #FFFFFF;line-height: 40px;padding: 0 10px;border-radius: 10px;background: #0099FF;}
.exam_question .que-list .que-answer-error {background: #FDE7D9;}
.exam_question .que-list .que-answer-error > span {background: #FF6600;}
.exam_question .que-list .que-answer-success {background: #ADE3CB;}
.exam_question .que-list .que-answer-success > span {background: #19A15F;}
.exam_question .que-list .que-tool a {margin-left: 15px;font-size: 14px;color: #B6B6B6;cursor: pointer;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);background: #FFFFFF;padding: 5px 10px;border-radius: 30px;}
.exam_question .que-list .que-tool a:hover {color: #626262;border-color: #626262;}
.exam_question .que-list .que-tool .exam-this {color: #0099FF;border-color: #0099FF;}
.exam_question .que-list .que-tool .exam-this:hover {color: #0089E8;border-color: #0089E8;}
.exam_question .que-analyze {padding: 10px;}
.exam_question .que-analyze-item {position: relative;line-height: 30px;}
.exam_question .que-analyze-label {color: #A3A3A3;position: absolute;text-align: justify;text-align-last: justify;text-justify: distribute-all-lines;}
.exam_question .que-analyze-label span {display: inline-block;width: 85px;}
.exam_question .que-analyze-content {padding-left: 110px;}
.exam_question .que-analyze-content .fa {font-size: 18px;}
.exam_question .que-analyze-content .fa-star {color: #FF6600;}
.exam_question .que-analyze-count {color: #FF6600;margin: 0 5px;}
.exam_question .exam-tool {position: fixed;width: 290px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.exam_question .exam-tool > div {background: #FFFFFF;padding: 15px;margin-bottom: 20px;border-radius: 5px;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.exam_question .exam-tool > a {width: 100%; float: right; margin-bottom: 20px;}
.exam_question .exam-tool .exam-answer-card label {color: #0099FF;font-size: 16px;line-height: 32px;}
.exam_question .exam-tool .exam-answer-card > span {float: right;cursor: pointer;padding: 5px 0;}
.exam_question .exam-tool .exam-answer-card > span i {margin-left: 5px;border: 1px solid #8B8B8B;display: inline;padding: 0 5px;border-radius: 3px;}
.exam_question .exam-tool .exam-answer-card ul {height: 200px;overflow-y: scroll;margin-top: 10px;}
.exam_question .exam-tool .exam-answer-card ul li {display: inline-block;width: 24px;height: 24px;line-height: 24px;border: 1px solid #D7D7D7;margin: 4px;text-align: center;border-radius: 3px;cursor: pointer;}
.exam_question .exam-tool .exam-answer-card ul li:hover {background: #F1F1F1;}
.exam_question .exam-tool .exam-answer-card ul li:active {background: #E5E5E5;}
.exam_question .exam-tool .exam-answer-card ul .exam-this {background: #0099FF;border: 1px solid #0099FF;color: #FFFFFF;}
.exam_question .exam-tool .exam-answer-card ul .exam-this:hover {background: #0089E8;}
.exam_question .exam-tool .exam-answer-card ul .exam-this:active {background: #007CD3;}
.exam_question .pause-modal i {display: block;text-align: center;font-size: 48px;line-height: 72px;padding: 0 24px;width: auto;margin: 0;cursor: pointer;}
.exam_question .submit-modal {padding: 10px;}
.exam_question .submit-modal span {display: block;padding: 15px 0;line-height: 24px;max-width: 200px;}
.exam_question .correct-modal {padding: 20px;}
.exam_question .correct-modal ul {width: 100%;}
.exam_question .correct-modal ul li {float: left;height: 35px;line-height: 35px;cursor: pointer;padding: 0 10px;width: calc(50% - 20px);}
.exam_question .correct-modal ul li i {font-size: 16px;position: relative;top: 1px;color: #5A5A5A;}
.exam_question .correct-modal ul li .fa-dot-circle-o {color: #0099FF;}
.exam_question .correct-modal ul li:hover {background: #F2F2F2;}
.exam_question .correct-modal p {margin: 10px 0;color: #ABABAB;float: left;}
.exam_question .correct-modal textarea {width: calc(100% - 30px);height: 120px;margin-bottom: 10px;resize: none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.1) inset;padding: 15px;border: 1px solid #F8F8F8;}
.exam_question .plyr--audio .plyr__controls {border: 1px solid #F2F2F2;margin: 10px 0;}

/*试卷详情页*/
.exam_paper {padding: 60px 0 164px 0;}
.exam_paper > .layui-container > div {background: #FFFFFF;margin-top: 24px;padding: 20px;}
.exam_paper .paper-info > p {color: #999999;margin-bottom: 20px;}
.exam_paper .paper-info > p .layui-breadcrumb a:hover {color: #0099FF !important;}
.exam_paper .paper-info img {width: 100%;height: 300px;}
.exam_paper .paper-info .paper-info-card {position: relative;}
.exam_paper .paper-info .paper-info-card p {color: #999999;position: relative;}
.exam_paper .paper-info .paper-info-card p[data-title] {color: #000000;font-size: 24px;margin-bottom: 20px;}
.exam_paper .paper-info .paper-info-card p[data-title] span {display: inline-block;line-height: 17px;margin-left: 15px;position: relative;color: #0099FF;font-size: 14px;z-index: 1;top: -3px;}
.exam_paper .paper-info .paper-info-card p[data-title] span:before {display: inline-block;width: 100%;position: absolute;content: '';top: -2px;margin-left: -5px;border: 10px solid;border-color: #0099FF #FFFFFF #0099FF #0099FF;z-index: -2;border-radius: 2px;}
.exam_paper .paper-info .paper-info-card p[data-title] span:after {display: inline-block;width: 100%;position: absolute;content: '';top: -1px;left: -4px;border-top: 9px solid;border-bottom: 9px solid;border-left: 8px solid;border-right: 8px solid;border-color: #FFFFFF transparent #FFFFFF #FFFFFF;z-index: -1;border-radius: 2px;}
.exam_paper .paper-info .paper-info-card p[data-title] .paper-vip {color: #FE6C09;}
.exam_paper .paper-info .paper-info-card p[data-title] .paper-vip:before {border-color: #FE6C09 #FFFFFF #FE6C09 #FE6C09;}
.exam_paper .paper-info .paper-info-card p[data-title] .paper-self {color: #3ACAA5;}
.exam_paper .paper-info .paper-info-card p[data-title] .paper-self:before {border-color: #3ACAA5 #FFFFFF #3ACAA5 #3ACAA5;}
.exam_paper .paper-info .paper-info-card p[data-info-center] {display: table-row;width: 100%;line-height: 32px;}
.exam_paper .paper-info .paper-info-card p[data-info-center] * {display: table-cell;}
.exam_paper .paper-info .paper-info-card p[data-info-center] label:not(:first-child) {padding-left: 80px;}
.exam_paper .paper-info .paper-info-card p[data-info-center] span {color: #000000;}
.exam_paper .paper-info .paper-info-card p[data-count] {color: #000000;line-height: 32px;margin-bottom: 10px;}
.exam_paper .paper-info .paper-info-card p[data-count] span {color: #FF6600;margin: 0 5px;}
.exam_paper .paper-info .paper-info-card [data-degree] {color: #999999;line-height: 32px;}
.exam_paper .paper-info .paper-info-card [data-degree] .paper-degree i {font-size: 18px;}
.exam_paper .paper-info .paper-info-card [data-degree] .paper-degree .degree-active {color: #FF9934;}
.exam_paper .paper-info .paper-info-card [data-degree] .layui-rate, .layui-rate * {top: -2px;padding: 0;}
.exam_paper .paper-info .paper-info-card a {width: 200px;}
.exam_paper .paper-info .paper-info-card [data-paper-tool] {position: absolute;right: 0;bottom: 0;line-height: 36px;}
.exam_paper .paper-info .paper-info-card [data-paper-tool] a {color: #999999;margin-left: 15px;cursor: pointer;}
.exam_paper .paper-info .paper-info-card [data-paper-tool] a:hover {text-decoration: underline;}
.exam_paper .paper-info .paper-info-card [data-paper-tool] .cancel-col {color: #0099FF;}
.exam_paper .paper-que-type .paper-title-label i {font-size: 32px;color: #FFFFFF;background: #FF6600;width: 48px;height: 48px;line-height: 48px;left: 0;border-radius: 48px;}
.exam_paper .paper-que-type .paper-title-label .layui-timeline-title {height: 48px;line-height: 48px;margin-bottom: 0;font-size: 18px;}
.exam_paper .paper-que-type .layui-timeline-title {font-weight: bold;font-size: 16px;}
.exam_paper .paper-que-type .layui-timeline-axis {left: 15px;color: #0099FF;width: 20px;height: 20px;line-height: 20px;font-size: 16px;}
.exam_paper .paper-que-type .layui-timeline-item:before {left: 24px;}
.exam_paper .paper-que-type .layui-timeline-content {padding-left: 65px;}
.exam_paper .paper-que-type .layui-timeline-content p {padding: 5px 10px;color: #000000;line-height: 30px;border: 1px solid #E6E6E6;}
.exam_paper .paper-comment {padding: 0 20px 20px 20px !important;}
.exam_paper .paper-comment .paper-comment-title {min-height: 50px;line-height: 50px;margin: 0 -20px;padding: 0 20px;position: relative;}
.exam_paper .paper-comment .paper-comment-title:before {width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;background: #E6E6E6;content: '';}
.exam_paper .paper-comment .paper-comment-title label {display: inline-block;font-size: 18px;font-weight: bold;position: relative;}
.exam_paper .paper-comment .paper-comment-title label:before {width: 100%;height: 3px;position: absolute;bottom: 0;background: #FF6600;content: '';}
.exam_paper .paper-comment .paper-comment-title p {color: #999999;}
.exam_paper .paper-comment .paper-comment-title p span {color: #FF6600;margin-right: 5px;font-size: 16px;font-weight: bold;}
.exam_paper .paper-comment .no-comment {line-height: 50px; height: 50px; text-align: center; color: #5F5F5F;margin-top: 30px;}
.exam_paper .paper-comment-item {position: relative;padding: 20px 10px 20px 70px;border-bottom: 1px solid #E6E6E6;}
.exam_paper .paper-comment-item > img {position: absolute;left: 10px;width: 50px;height: 50px;border-radius: 50px;cursor: pointer;}
.exam_paper .paper-comment-item > div {line-height: 30px;}
.exam_paper .paper-comment-item .comment-name {color: #2869B2;cursor: pointer;}
.exam_paper .paper-comment-item .comment-name:hover {color: #1A4D89;}
.exam_paper .paper-comment-item .comment-time {color: #999999;}
.exam_paper .paper-comment-item .comment-time span {margin-right: 10px;}
.exam_paper .paper-comment-page {text-align: center;margin-top: 30px;}
.exam_paper .paper-comment-page .layui-laypage .layui-laypage-curr .layui-laypage-em {background: #FF6600;}
.exam_paper .paper-comment-page .layui-laypage a:hover {color: #FF6600;}
.exam_paper .paper-comment-page .layui-laypage input:focus {border: 1px solid #FF6600 !important;}
.exam_paper .share-modal {padding: 20px;}

/*用户中心*/
.user_center {padding: 84px 0 164px 0;}
.user_center .user-right-ctt .user-correct-rate {width: 100%;padding: 40px 0;}
.user_center .user-right-ctt .user-correct-rate .correct-rate {width: 128px;height: 128px;text-align: center;background: #0099FF;color: #FFFFFF;border-radius: 128px;font-size: 16px;float: right;}
.user_center .user-right-ctt .user-correct-rate .correct-rate p {font-size: 48px;height: 84px;line-height: 108px;}
.user_center .user-right-ctt .user-correct-rate .correct-rate p span {font-size: 24px;}
.user_center .user-right-ctt .user-record-count {padding: 40px 20%;line-height: 32px;margin: auto;}
.user_center .user-right-ctt .user-record-count p {color: #8A9BAF;font-size: 16px;height: 32px;}
.user_center .user-right-ctt .user-record-count p label {color: #0099FF;}
.user_center .user-right-ctt .user-record-count p span {font-size: 24px;}
.user_center .user-right-ctt .user-rate-trend {width: 840px;height: 400px;}
.user_center .user-right-ctt .user-record-item {position: relative;padding: 20px 0;border-bottom: 1px solid #E7E7E7;}
.user_center .user-right-ctt .user-record-item:first-child {margin-top: -20px;}
.user_center .user-right-ctt .user-record-item p {line-height: 36px;margin-right: 240px;color: #8A9BAF;}
.user_center .user-right-ctt .user-record-item p:first-child {font-size: 18px;color: #333333;}
.user_center .user-right-ctt .user-record-item p:first-child i {width: 40px;line-height: initial;color: #0099FF;margin: 0;text-align: center;}
.user_center .user-right-ctt .user-record-item p span {margin-right: 15px;}
.user_center .user-right-ctt .user-record-item p span:first-child {color: #0099FF;margin-left: 12px;}
.user_center .user-right-ctt .user-record-item .item-tool {position: absolute;right: 0;top: 20px;line-height: 72px;}
.user_center .user-right-ctt .user-record-item .item-tool button:first-child {border: none;color: #8A9BAF;}
.user_center .user-right-ctt .user-record-item .item-tool button:first-child:hover {text-decoration: underline;}
.user_center .user-right-ctt .user-record-page {text-align: center;margin-top: 20px;}
.user_center .user-right-ctt .layui-laypage .layui-laypage-curr .layui-laypage-em {background: #FF7043;}
.user_center .user-right-ctt .layui-laypage a:hover {color: #FF7043;}
.user_center .user-right-ctt .layui-laypage input:focus {border: 1px solid #FF7043 !important;}
.user_center .user-right-ctt .user-error-num {width: 100%;padding: 20px 0;}
.user_center .user-right-ctt .user-error-num .error-num {width: 128px;height: 128px;text-align: center;background: #0099FF;color: #FFFFFF;border-radius: 128px;font-size: 16px;float: right;}
.user_center .user-right-ctt .user-error-num .error-num p {font-size: 48px;height: 84px;line-height: 108px;}
.user_center .user-right-ctt .user-error-num .error-num p span {font-size: 24px;}
.user_center .user-right-ctt .user-error-count {padding: 20px 20%;line-height: 64px;margin: auto;}
.user_center .user-right-ctt .user-error-count p {color: #8A9BAF;font-size: 16px;height: 64px;}
.user_center .user-right-ctt .user-error-count p label {color: #0099FF;}
.user_center .user-right-ctt .user-error-count p span {font-size: 24px;}
.user_center .user-right-ctt .user-error-item {position: relative;padding: 20px 0;border-bottom: 1px solid #E7E7E7;}
.user_center .user-right-ctt .user-error-item:first-child {margin-top: -20px;}
.user_center .user-right-ctt .user-error-item p {line-height: 36px;margin-right: 240px;color: #0099FF;margin-left: 10px;}
.user_center .user-right-ctt .user-error-item p:first-child {font-size: 18px;color: #333333;margin: 0;}
.user_center .user-right-ctt .user-error-item p:first-child i {width: 40px;line-height: initial;color: #0099FF;margin: 0;text-align: center;}
.user_center .user-right-ctt .user-error-item p span {margin: 0 5px;}
.user_center .user-right-ctt .user-error-item .item-tool {position: absolute;right: 0;top: 20px;line-height: 72px;}
.user_center .user-right-ctt .user-error-item .item-tool button:first-child {border: none;color: #8A9BAF;}
.user_center .user-right-ctt .user-error-item .item-tool button:first-child:hover {text-decoration: underline;}
.user_center .user-right-ctt .user-error-page {text-align: center;margin-top: 20px;}
.user_center .user-right-ctt .user-my-paper .layui-tab-title {border: none;overflow: hidden;color: #8A9BAF;}
.user_center .user-right-ctt .user-my-paper .layui-tab-title .layui-this {background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);color: #0099FF;height: 42px;}
.user_center .user-right-ctt .user-my-paper .layui-tab-title .layui-this:after {display: none;}
.user_center .user-right-ctt .user-my-paper .layui-tab-item.layui-show {background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
.user_center .user-right-ctt .user-my-paper .layui-tab-content {padding: 0;}
.user_center .user-right-ctt .user-my-paper .layui-tab-item {padding: 20px;}
.user_center .user-right-ctt .user-my-page {text-align: center;margin-top: 20px;}
.user_center .user-right-ctt .user-my-item {position: relative;padding: 20px 0;border-bottom: 1px solid #E7E7E7;}
.user_center .user-right-ctt .user-my-item:first-child {margin-top: -20px;}
.user_center .user-right-ctt .user-my-item p {line-height: 36px;margin-right: 240px;color: #0099FF;margin-left: 40px;}
.user_center .user-right-ctt .user-my-item p:first-child {font-size: 18px;color: #333333;margin: 0;}
.user_center .user-right-ctt .user-my-item p:first-child i {width: 40px;line-height: initial;color: #0099FF;margin: 0;text-align: center;}
.user_center .user-right-ctt .user-my-item p label {margin-right: 15px;color: #8A9BAF;}
.user_center .user-right-ctt .user-my-item p label span[data-do-num] {color: #0099FF;margin: 0 5px;}
.user_center .user-right-ctt .user-my-item .item-tool {position: absolute;right: 0;top: 20px;line-height: 72px;}
.user_center .user-right-ctt .user-my-item .item-tool button {padding: 5px 10px;border-radius: 3px;border: 1px solid #0099FF;color: #0099FF;background: none;margin-left: 15px;cursor: pointer;}
.user_center .user-right-ctt .user-my-item .item-tool button:hover {background: #F5F5F5;}
.user_center .user-right-ctt .user-make-page {text-align: center;margin-top: 20px;}
.user_center .user-right-ctt .user-make-item {position: relative;padding: 20px 0;border-bottom: 1px solid #E7E7E7;}
.user_center .user-right-ctt .user-make-item:first-child {margin-top: -20px;}
.user_center .user-right-ctt .user-make-item p {line-height: 36px;margin-right: 240px;color: #0099FF;margin-left: 40px;}
.user_center .user-right-ctt .user-make-item p:first-child {font-size: 18px;color: #333333;margin: 0;}
.user_center .user-right-ctt .user-make-item p:first-child i {width: 40px;line-height: initial;color: #0099FF;margin: 0;text-align: center;}
.user_center .user-right-ctt .user-make-item p label {margin-right: 15px;color: #8A9BAF;}
.user_center .user-right-ctt .user-make-item p label span[data-do-num] {color: #0099FF;margin: 0 5px;}
.user_center .user-right-ctt .user-make-item .item-tool {position: absolute;right: 0;top: 20px;line-height: 72px;}
.user_center .user-right-ctt .user-make-item .item-tool button {padding: 5px 10px;border-radius: 3px;border: 1px solid #0099FF;color: #0099FF;background: none;margin-left: 15px;cursor: pointer;}
.user_center .user-right-ctt .user-make-item .item-tool button:hover {background: #F5F5F5;}
.user_center .user-right-ctt .user-make-form {color: #999999;margin-top: -20px;}
.user_center .user-right-ctt .user-make-form h3 {margin-top: 20px;}
.user_center .user-right-ctt .user-make-form hr {margin: 20px 0;}
.user_center .user-right-ctt .user-make-form .req-red {margin-left: 10px;color: #DD4F42 !important;font-size: 18px;width: 10px;text-align: center;}
.user_center .user-right-ctt .user-make-form .layui-input-col3 {float: left;width: 520px;}
.user_center .user-right-ctt .user-make-form .exam-content .type-item:first-child .type-item-tool {display: none;}
.user_center .user-right-ctt .user-make-form .type-item .type-item-tool a {color: #0099FF;line-height: 38px;margin-left: 20px;cursor: pointer;padding: 5px 10px;}
.user_center .user-right-ctt .user-make-form .type-item .type-item-tool a:hover {text-decoration: underline;}
.user_center .user-right-ctt .user-make-form .add-type {background: none;color: #0099FF;border: 1px solid #0099FF;padding: 0 30px;margin-left: 110px;}
.user_center .user-right-ctt .user-make-form .add-type:hover {background: #F5F5F5;}
.user_center .user-right-ctt .user-make-form .add-type i {width: auto;line-height: initial;position: relative;top: 2px;}
.user_center .user-right-ctt .user-collect-page {text-align: center;margin-top: 20px;}
.user_center .user-right-ctt .user-collect-item {position: relative;padding: 20px 0;border-bottom: 1px solid #E7E7E7;}
.user_center .user-right-ctt .user-collect-item:first-child {margin-top: -20px;}
.user_center .user-right-ctt .user-collect-item p {line-height: 36px;margin-right: 240px;color: #0099FF;margin-left: 40px;}
.user_center .user-right-ctt .user-collect-item p:first-child {font-size: 18px;color: #333333;margin: 0;}
.user_center .user-right-ctt .user-collect-item p:first-child i {width: 40px;line-height: initial;color: #0099FF;margin: 0;text-align: center;}
.user_center .user-right-ctt .user-collect-item p span {margin: 0 5px;}
.user_center .user-right-ctt .user-collect-item .item-tool {position: absolute;right: 0;top: 20px;line-height: 72px;}
.user_center .user-right-ctt .user-collect-item .item-tool button {}
.user_center .no-data {text-align: center;padding: 100px 0;line-height: 30px;}
.user_center .no-data img {width: 200px;height: 140px;}
.user_center .no-data p {color: #8A9BAF;}
.user_center .no-data p a {color: #0099FF;margin-left: 10px;cursor: pointer;}
.user_center .no-data p a:hover {text-decoration: underline;}

.user_login {height: 100%;min-height: 800px;min-width: 1170px;position: relative;}
.user_login .hhkaobo-exam-top {position: absolute;width: 100%;min-width: 1170px;z-index: 999;background: #0099FF;top: 0;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.user_login .hhkaobo-exam-top img {height: 60px;}
.user_login .hhkaobo-exam-top p {line-height: 60px;color: #FFFFFF;}
.user_login .hhkaobo-login-panel {position: absolute;bottom: 134px;top: 60px;width: 100%;padding: 50px 0;}
.user_login .hhkaobo-login-panel > div {height: 100%;padding: 0 160px;}
.user_login .hhkaobo-login-panel .panel-content {width: 100%;height: 100%;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
.user_login .hhkaobo-login-panel .panel-content > div {height: 100%;}
.user_login .hhkaobo-login-panel .panel-content > div:last-child {padding: 7% 10%;}
.user_login .hhkaobo-login-panel .layui-carousel img {width: 100%;height: 100%;}
.user_login .hhkaobo-login-panel .layui-tab {margin: 0;height: 100%;}
.user_login .hhkaobo-login-panel .layui-tab-title {display: flex;}
.user_login .hhkaobo-login-panel .layui-tab-title li {font-size: 18px;color: #A5A6BA;flex: 1;-webkit-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;}
.user_login .hhkaobo-login-panel .layui-tab-title .layui-this:after {border-color: #0099FF;}
.user_login .hhkaobo-login-panel .layui-tab-title .layui-this {color: #3D425D;}
.user_login .hhkaobo-login-panel .layui-tab-content {padding: 0;height: calc(100% - 40px);}
.user_login .hhkaobo-login-panel .layui-tab-item {height: 100%;}
.user_login .login-form .layui-form-item {position: relative;margin-top: 20px;}
.user_login .login-form .user-info-input i {position: absolute;font-size: 24px;line-height: 40px;width: 50px;text-align: center;color: #A5ADC1;z-index: 99;margin: 0;}
.user_login .login-form .user-info-input .fa-unlock-alt {font-size: 18px;}
.user_login .login-form .user-info-input.password-input i:last-child {right: 0;top: 0;font-size: 18px;cursor: pointer;}
.user_login .login-form .user-info-input .layui-input-block {margin: 0;}
.user_login .login-form .user-info-input input {border: 1px solid #A8AECC;border-radius: 40px;background: #F1F2F7;padding: 0 20px 0 50px;line-height: 40px;height: 40px;}
.user_login .login-form .user-info-input input:focus {border-color: #0099FF !important;}
.user_login .login-form .user-info-input input:hover {border-color: #0099FF !important;}
.user_login .login-form .user-info-input.password-input input {padding: 0 50px;}
.user_login .login-form .layui-form-item:not(.user-info-input) {padding: 0 16px;}
.user_login .login-form .layui-form-item .layui-form-checkbox[lay-skin=primary] span {color: #3D425D;}
.user_login .login-form .layui-form-item .layui-form-checkbox[lay-skin=primary] {margin: 0;}
.user_login .login-form .layui-form-item .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #0099FF !important;}
.user_login .login-form .layui-form-item .layui-form-checked[lay-skin=primary] i {background-color: #0099FF;border-color: #0099FF;}
.user_login .login-form .layui-form-item .forget-pass {color: #A5A6BA;}
.user_login .login-form .layui-form-item .register {color: #0099FF;}
.user_login .login-form button {height: 38px;line-height: 38px;background: #0099FF;}
.user_login .fast-login .fast-login-btn {padding: 0 !important;}
.user_login .fast-login .password-input {padding-right: 150px;}
.user_login .fast-login .password-input input {padding: 0 20px 0 50px !important;}
.user_login .fast-login .password-input button {position: absolute;right: 0;top: 0;width: 130px;height: 40px;line-height: 40px;background: #F0F7FF;color: #A5A6BA;border: 1px solid #A8AECC;}
.user_login .login-form .error-msg {color: #DD5044;padding: 10px 16px;display: block;}

.user_register {height: 100%;min-height: 800px;min-width: 1170px;position: relative;}
.user_register .hhkaobo-exam-top {position: absolute;width: 100%;min-width: 1170px;z-index: 999;background: #0099FF;top: 0;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.user_register .hhkaobo-exam-top img {height: 60px;}
.user_register .hhkaobo-exam-top p {line-height: 60px;color: #FFFFFF;}
.user_register .hhkaobo-register-panel {position: absolute;bottom: 134px;top: 60px;width: 100%;padding: 50px 0;}
.user_register .hhkaobo-register-panel > div {height: 100%;padding: 0 160px;}
.user_register .panel-content {width: 100%;height: 100%;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);border-top: 3px solid #0099FF;border-radius: 5px;color: #738299;}
.user_register .panel-content .register-form {width: 50%;height: 80%;margin: 10% 25%;}
.user_register .layui-form-item {position: relative;margin-bottom: 30px;margin-left: -30px;padding-right: 30px;}
.user_register .layui-form-item input {border: none;border-bottom: 1px solid #E1E1E1;}
.user_register .layui-form-item input::-webkit-input-placeholder {color: #D6D6D6;}
.user_register .layui-form-item input:-moz-placeholder {color: #D6D6D6;}
.user_register .layui-form-item input::-moz-placeholder {color: #D6D6D6;}
.user_register .layui-form-item input:-ms-input-placeholder {color: #D6D6D6;}
.user_register .layui-form-item.msg-code {padding-right: 170px;}
.user_register .layui-form-item.msg-code button {position: absolute;background: none;border: 1px solid #0099FF;color: #738299;right: 30px;top: 0;width: 130px;}
.user_register .layui-form-item .register-prompt {text-align: center;}
.user_register .layui-form-item .register-prompt a {color: #0099FF;}
.user_register .layui-form-item.password-input input {padding-right: 50px;}
.user_register .layui-form-item.password-input i {position: absolute;right: 0;display: inline-block;width: 50px;height: 38px;line-height: 38px;text-align: center;margin: 0;right: 30px;top: 0;cursor: pointer;}

.user_change {height: 100%;min-height: 800px;min-width: 1170px;position: relative;}
.user_change .hhkaobo-exam-top {position: absolute;width: 100%;min-width: 1170px;z-index: 999;background: #0099FF;top: 0;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);}
.user_change .hhkaobo-exam-top img {height: 60px;}
.user_change .hhkaobo-exam-top p {line-height: 60px;color: #FFFFFF;}
.user_change .hhkaobo-change-panel {position: absolute;bottom: 134px;top: 60px;width: 100%;padding: 50px 0;}
.user_change .hhkaobo-change-panel > div {height: 100%;padding: 0 160px;}
.user_change .panel-content {width: 100%;height: 100%;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);border-top: 3px solid #0099FF;border-radius: 5px;color: #738299;}
.user_change .panel-content .panel-header {height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;text-align: center;}
.user_change .panel-content .panel-header i {width: auto;line-height: initial;position: relative;top: 1px;}
.user_change .hhkaobo-steps {width: 80%;height: calc(80% - 50px);margin: 3% 10%;color: #CCD1DC;}
.user_change .hhkaobo-steps .hhkaobo-steps-title {display: flex;padding-bottom: 15px;}
.user_change .hhkaobo-steps .hhkaobo-steps-target {margin-bottom: 10px;}
.user_change .hhkaobo-steps .hhkaobo-steps-target span {display: inline-block;width: 24px;height: 24px;border-radius: 24px;background: #CCD1DC;line-height: 24px;color: #FFFFFF;}
.user_change .hhkaobo-steps .hhkaobo-steps-target span i {width: 24px;height: 24px;line-height: 24px;text-align: center;}
.user_change .hhkaobo-steps .hhkaobo-steps-title .hhkaobo-this {color: #0099FF;}
.user_change .hhkaobo-steps .hhkaobo-steps-title .hhkaobo-this .hhkaobo-steps-target span {background: #0099FF;}
.user_change .hhkaobo-steps .hhkaobo-steps-title .hhkaobo-over {color: #16A05D;}
.user_change .hhkaobo-steps .hhkaobo-steps-title .hhkaobo-over .hhkaobo-steps-target span {background: #16A05D;}
.user_change .hhkaobo-steps .hhkaobo-steps-title li {position: relative;text-align: center;-webkit-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.user_change .hhkaobo-steps .hhkaobo-steps-title li:before {position: absolute;content: '';width: 80%;height: 3px;left: 60%;background: #CCD1DC;top: 10px;}
.user_change .hhkaobo-steps .hhkaobo-steps-title li:last-child:before {display: none;}
.user_change .hhkaobo-steps .hhkaobo-steps-content {height: calc(100% - 68px);color: #3D425D;}
.user_change .hhkaobo-steps .hhkaobo-steps-item {width: 100%;height: 100%;display: none;}
.user_change .hhkaobo-steps .hhkaobo-steps-item.hhkaobo-this {display: block;}
.user_change .layui-form-item {position: relative;margin-bottom: 30px;}
.user_change .layui-form-item input {border: none;border-bottom: 1px solid #B7B7B7;}
.user_change .layui-form-item input:hover {border-color: #0099FF !important;border-width: 2px;}
.user_change .layui-form-item input:focus {border-color: #0099FF !important;border-width: 2px;}
.user_change .authentication {height: 100%;width: 50%;padding: 50px 25% 0 25%;margin-left: -5%;}
.user_change .authentication .layui-form-item input::-webkit-input-placeholder {color: #B7B7B7;}
.user_change .authentication .layui-form-item input:-moz-placeholder {color: #B7B7B7;}
.user_change .authentication .layui-form-item input::-moz-placeholder {color: #B7B7B7;}
.user_change .authentication .layui-form-item input:-ms-input-placeholder {color: #B7B7B7;}
.user_change .authentication .layui-form-item.msg-code {padding-right: 140px;}
.user_change .authentication .layui-form-item.msg-code button {position: absolute;background: none;border: 1px solid #0099FF;color: #738299;right: 0;bottom: 0;width: 130px;height: 30px;line-height: 30px;}
.user_change .reset-password {height: 100%;width: 50%;padding: 50px 25% 0 25%;margin-left: -5%;}
.user_change .reset-over {height: 100%;width: 40%;padding: 50px 30% 0 30%;text-align: center;line-height: 60px;}
.user_change .reset-over p {font-size: 16px;color: #738299;}
.user_change .reset-over p:first-child {font-size: 20px;color: #0099FF;font-weight: bold;}
.user_change .reset-over p:first-child i {line-height: initial;width: auto;}

/*考试报告页面*/
.exam_report {padding: 60px 0 164px 0;}
.exam_report > .layui-container > div {background: #FFFFFF;margin-top: 24px;padding: 20px;}
.exam_report .paper-title {font-size: 24px;text-align: center;margin-bottom: 20px;}
.exam_report .card-name {line-height: 30px;font-size: 18px;font-weight: bold;}
.exam_report .card-name span {display: inline-block;border-bottom: 3px solid #FF6600;}
.exam_report .suggest .card-name {border-bottom: 1px solid #ECF0F2;}
.exam_report .paper-report .layui-row {padding: 0 50px;}
.exam_report .score-pie {width: 160px;height: 160px;color: #FFFFFF;background: #0099FF;border-radius: 160px;margin: 50px auto;position: relative;}
.exam_report .score-pie p:first-child {position: absolute;bottom: 60px;font-size: 48px;width: 100%;text-align: center;}
.exam_report .score-pie p:first-child span {font-size: 28px;}
.exam_report .score-pie p:last-child {position: absolute;bottom: 20px;line-height: 40px;width: 100%;text-align: center;font-size: 16px;}
.exam_report .score-count p {line-height: 52px;}
.exam_report .score-count p span {color: #0099FF;margin: 0 5px;}
.exam_report #trend {height: 260px;width: 100%;}
.exam_report .error-info {padding: 10px 50px;margin: 20px 50px;line-height: 24px;background: #FFF1E8;border: 1px solid #FDCCAC;border-radius: 5px;}
.exam_report .error-info span {display: inline-block;background: #FF6600;color: #FFFFFF;padding: 0 10px;border-radius: 24px;margin-right: 5px;}
.exam_report .tool-btn {text-align: center;}
.exam_report .tool-btn a {width: 200px;}
.exam_report .suggest-text > p {margin: 20px 0;}
.exam_report .suggest-text img {width: 100%;height: 200px;}
.exam_report .product-item {border: 1px solid #E0E0E0;cursor: pointer;}
.exam_report .product-item:hover {box-shadow: 0 1px 5px rgba(50, 50, 93, 0.1), 0 1px 5px rgba(0, 0, 0, 0.07);transform: scale(1.05);}
.exam_report .product-item:hover p:not(:last-child) {color: #DD5044;text-decoration: underline;}
.exam_report .product-item p {margin: 10px 10px;line-height: 24px;}
.exam_report .product-item p:last-child {font-size: 24px;color: #DD5044;}
.exam_report .paper-comment {padding: 0 20px 20px 20px !important;}
.exam_report .paper-comment .paper-comment-title {line-height: 50px;margin: 0 -20px;padding: 0 20px;position: relative;}
.exam_report .paper-comment .paper-comment-title:before {width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;background: #E6E6E6;content: '';}
.exam_report .paper-comment .paper-comment-title label {display: inline-block;font-size: 18px;font-weight: bold;position: relative;}
.exam_report .paper-comment .paper-comment-title label:before {width: 100%;height: 3px;position: absolute;bottom: 0;background: #FF6600;content: '';}
.exam_report .paper-comment .paper-comment-title p {color: #999999;}
.exam_report .paper-comment .paper-comment-title p span {color: #FF6600;margin-right: 5px;font-size: 16px;font-weight: bold;}
.exam_report .paper-comment .no-comment {line-height: 50px; height: 50px; text-align: center; color: #5F5F5F;margin-top: 30px;}
.exam_report .paper-comment-item {position: relative;padding: 20px 10px 20px 70px;border-bottom: 1px solid #E6E6E6;}
.exam_report .paper-comment-item > img {position: absolute;left: 10px;width: 50px;height: 50px;border-radius: 50px;cursor: pointer;}
.exam_report .paper-comment-item > div {line-height: 30px;}
.exam_report .paper-comment-item .comment-name {color: #2869B2;cursor: pointer;}
.exam_report .paper-comment-item .comment-name:hover {color: #1A4D89;}
.exam_report .paper-comment-item .comment-time {color: #999999;}
.exam_report .paper-comment-item .comment-time span {margin-right: 10px;}
.exam_report .paper-comment-page {text-align: center;margin-top: 30px;}
.exam_report .paper-comment-page .layui-laypage .layui-laypage-curr .layui-laypage-em {background: #FF6600;}
.exam_report .paper-comment-page .layui-laypage a:hover {color: #FF6600;}
.exam_report .paper-comment-page .layui-laypage input:focus {border: 1px solid #FF6600 !important;}
.exam_report .paper-comment-area {margin-top: 20px;position: relative;}
.exam_report .comment-tool {border: 1px solid #EDEDED;margin-bottom: -1px;line-height: 30px;height: 30px;padding: 10px;text-align: right;position: relative;}
.exam_report .comment-tool a {margin-left: 15px;cursor: pointer;}
.exam_report .comment-text {border: 1px solid #EDEDED;padding: 15px;min-height: 150px;z-index: 2;}
.exam_report .comment-text:focus {background: #FFFFFF;}
.exam_report .paper-comment-area > p {display: none;position: absolute;padding: 15px;top: 50px;z-index: 1;color: #6F7274;}
.exam_report .comment-text:empty + p {display: block;}
.exam_report .comment-text:focus + p {display: none;}
.exam_report .comment-face {width: 440px;background: #FFFFFF;position: absolute;right: 115px;top: 35px;box-shadow: 0 1px 5px rgba(50, 50, 93, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);}
.exam_report .comment-face ul {width: 100%;height: 100%;padding: 10px;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.exam_report .comment-face li {width: 30px;height: 30px;z-index: 999;cursor: pointer;display: flex;justify-content: center;align-items: center;}

/*听课页面*/
.user_lesson {padding: 60px 0 164px 0;color: #333;}
.user_lesson ul {margin-bottom: 0;}
.user_lesson .user-lesson-info {margin-top: 30px;padding: 0 20px;}
.user_lesson .user-lesson-info .layui-card {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
.user_lesson .user-lesson-info .layui-card-header {font-weight: bold;}
.user_lesson .user-lesson-info .layui-card-header a {font-weight: normal;margin-top: 10px;}
.user_lesson .user-lesson-info .lesson-list {height: 478px;overflow-y: auto;}
.user_lesson .user-lesson-info .lesson-list dt {font-weight: bold;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #404040; font-size: 15px;}
.user_lesson .user-lesson-info .lesson-list dd {line-height: 35px;height: 35px;cursor: pointer;padding: 0 10px;width: calc(100% - 20px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user_lesson .user-lesson-info .lesson-list dd i {font-size: 16px;}
.user_lesson .user-lesson-info .lesson-list dd:hover {background: #E7EFFF;color: #333;text-decoration: underline;}
.user_lesson .user-lesson-info .lesson-list .lesson-this {color: #23beff;}
.user_lesson .prism-setting-quality,
.user_lesson .prism-setting-audio,
.user_lesson .prism-setting-cc,
.user_lesson .prism-cc-btn {display: none;}
.user_lesson video {width: 100%;height: 555px;background: #000000;}
.user_lesson .plyr:-webkit-full-screen video {height: 100%!important;}
.user_lesson .player-setting {padding-top: 12px;display: flex;}
.user_lesson .player-setting > * {-webkit-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.user_lesson .player-setting .layui-btn {height: 38px;line-height: 38px;border-radius: 0;}
.user_lesson .player-setting .btn-group button {width: 100%;border-radius: 0;height: 38px;line-height: 38px;background: #0099FF;border-color: #0099FF;color: #FFF;padding: 0;}
.user_lesson .player-setting .dropdown-toggle.btn-default:hover,
.user_lesson .player-setting .dropdown-toggle.btn-default:focus,
.user_lesson .player-setting .btn-group button:hover {background: #31AAFF;border-color: #31AAFF;color: #FFF;}
.user_lesson .player-setting .btn-group .dropdown-menu {width: 100%;}
.user_lesson .player-setting .btn-group .dropdown-menu > li > a {height: 38px;line-height: 38px;padding: 0 12px;}
.user_lesson .player-setting .layui-nav {height: 38px;line-height: 38px;text-align: center;}
.user_lesson .player-setting .layui-nav .layui-nav-item {line-height: 38px;}
.user_lesson .player-setting .layui-nav .layui-nav-child {top: auto;bottom: 100%;}
.user_lesson .down-list {width: 100%;border: 1px solid #E9E9E9;}
.user_lesson .down-list th {background: #F6F9FF;color: #868792;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #E9E9E9;}
.user_lesson .down-list th:last-child {text-align: center;}
.user_lesson .down-list td {line-height: 40px;padding: 0 20px;border-bottom: 1px solid #E9E9E9;}
.user_lesson .down-list td:last-child {text-align: center;}
.user_lesson .down-list td a {display: inline-block;background: #DC4D41;color: #FFFFFF;line-height: 25px;padding: 0 5px;cursor: pointer;}
.user_lesson .down-list td a i {line-height: 25px;}
.user_lesson .down-list td a i:before {top: 1px;position: relative;}
.user_lesson .down-list td a:hover {opacity: 0.8;}

/*vip开通页面*/
.exam_vip {padding: 60px 0 190px 0;}
.exam_vip .exam-vip-info {padding: 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);margin-top: 30px;}
.exam_vip .exam-vip-info hr {margin: 15px 0;}
.exam_vip .exam-vip-info .vip-img {width: 100%;height: 300px;}
.exam_vip .exam-vip-info p {color: #666666;height: 30px;line-height: 30px;}
.exam_vip .exam-vip-info .vip-card {text-align: center;padding: 20px;border: 1px solid #D4D5DB;cursor: pointer;}
.exam_vip .exam-vip-info .vip-card:hover {background: #F2F2F2;}
.exam_vip .exam-vip-info .vip-card p {display: flex;justify-content: center;align-items: center;height: 40px;line-height: 40px;}
.exam_vip .exam-vip-info .vip-card p:first-child {font-size: 20px;font-weight: bold;}
.exam_vip .exam-vip-info .vip-card p span {text-decoration: line-through;font-size: 16px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.exam_vip .exam-vip-info .vip-card p span:first-child {color: #E43A3D;font-size: 22px;text-decoration: none;}
.exam_vip .exam-vip-info .vip-card i {display: none;}
.exam_vip .exam-vip-info .vip-this {border-color: #E43A3D;position: relative;}
.exam_vip .exam-vip-info .vip-this:before {content: '';display: block;width: 0;height: 0;position: absolute;right: 0;bottom: 0;border-width: 15px;border-color: transparent #E43A3D #E43A3D transparent;border-style: solid;}
.exam_vip .exam-vip-info .vip-this i {display: block;position: absolute;right: 0;bottom: 0;width: 20px;height: 20px;color: #FFF;margin: 0;}
.exam_vip .exam-vip-info .vip-this p:first-child {color: #0099FF;}
.exam_vip .exam-vip-info .vip-price-show {background: #F2F3F8;margin-top: 15px;padding: 20px;}
.exam_vip .exam-vip-info .vip-price-show label {width: 60px;display: inline-block;text-align-last: justify;margin-right: 20px;}
.exam_vip .exam-vip-info .vip-price-show p small {margin-left: 5px;font-size: 16px;}
.exam_vip .exam-vip-info .vip-price-show [data-original-price] {font-size: 18px;text-decoration: line-through;}
.exam_vip .exam-vip-info .vip-price-show [data-current-price] {font-size: 24px;color: #E43A3D;}
.exam_vip .exam-vip-info .vip-pay-type .vip-pay-card {padding: 0 15px;margin-bottom: 10px;}
.exam_vip .exam-vip-info .vip-pay-type .vip-pay-card {cursor: pointer;width: 140px;height: 45px;display: inline-block;margin-right: 15px;border: 1px solid #D4D5DB;}
.exam_vip .exam-vip-info .vip-pay-type .vip-pay-card i {display: none;}
.exam_vip .exam-vip-info .vip-pay-type .pay-this {position: relative;border: 1px solid #E43A3D;}
.exam_vip .exam-vip-info .vip-pay-type .pay-this:before {display: block;content: '';width: 0;height: 0;position: absolute;right: 0;bottom: 0;border-width: 15px;border-color: transparent #E43A3D #E43A3D transparent;border-style: solid;}
.exam_vip .exam-vip-info .vip-pay-type .pay-this i {display: block;position: absolute;right: 0;width: 15px;height: 20px;bottom: 0;margin: 0;color: #FFF;}
.exam_vip .exam-vip-info .vip-pay-card img {width: 100%;height: 100%;}
.exam_vip .exam-vip-info .vip-btn {margin-top: 10px;}
.exam_vip .exam-vip-info .vip-btn button {border-radius: 0;width: 170px;background: #E43A3D;}
.exam_vip .exam-vip-info .vip-btn button:hover {background: #F75252;}
.exam_vip .bought-record {margin-top: 30px;}
.exam_vip .bought-record-header {border-bottom: 1px solid #0099FF;}
.exam_vip .bought-record-header span {display: inline-block;width: 100px;height: 30px;line-height: 30px;background: #0099FF;color: #FFF;text-align: center;}
.exam_vip .bought-record-item {padding: 30px 15px;border-bottom: 1px dotted #D4D5DB;color: #73736A;}
.exam_vip .bought-record-item a {color: #F54844;border: 1px solid #F54844;border-radius: 100px;padding: 5px 10px;cursor: pointer;}
.exam_vip .bought-record-item a:hover {background: #F2F2F2;}
.exam_vip .pay-modal {padding: 20px;border-top: 5px solid #22AB39;}
.exam_vip .order-detail {position: relative;}
.exam_vip .order-detail p {height: 30px;line-height: 30px;}
.exam_vip .order-detail [data-order-amount] {position: absolute;right: 0;top: 30px;}
.exam_vip .order-detail [data-order-amount] span {font-size: 24px;color: #FE4401;font-weight: bold;margin-right: 5px;}
.exam_vip .order-qrcode {text-align: center;margin: 10px 0;}
.exam_vip .order-qrcode .order-qrcode-top img {width: 254px;margin-bottom: -2px;}
.exam_vip .order-qrcode .order-qrcode-border img {border: 2px solid #22AB39;}
.exam_vip .order-qrcode [data-remark] {color: #22AB39;font-size: 18px;font-weight: bold;}
.exam_vip .order-qrcode p {margin-top: 15px;}

/*新闻页*/
.hhkaobo-article {padding: 60px 0 190px 0;}
.hhkaobo-article .article-type-list {padding: 20px 20px 10px 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);margin: 20px 0;}
.hhkaobo-article .article-list .article-item {background: #FFFFFF;padding: 10px 20px 20px 20px;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2); border-radius: 10px;}
.hhkaobo-article .article-list .article-item .article-type {padding: 10px 0;}
.hhkaobo-article .article-list .article-item .article-type a {color: #DD4F43;border-left: 4px solid #DD4F43;padding-left: 10px;font-size: 16px;cursor: pointer;}
.hhkaobo-article .article-list .article-item .article-type a:hover {text-decoration: underline;}
.hhkaobo-article .article-list .article-item ul {padding-left: 20px;}
.hhkaobo-article .article-list .article-item ul li {line-height: 30px;list-style: disc;}
.hhkaobo-article .article-list .article-item ul li a {color: #428bca;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hhkaobo-article .article-list .article-item ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article .article-type-list ul li {display: inline-block;margin-bottom: 10px;}
.hhkaobo-article .article-type-list ul li a {color: #428bca;cursor: pointer;display: block;padding: 0 15px;line-height: 20px;}
.hhkaobo-article .article-type-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article .article-type-list .search-input {line-height: 70px;}
.hhkaobo-article .article-type-list .search-input input {height: 35px;line-height: 35px;}
.hhkaobo-article .article-type-list .search-input button {height: 35px;line-height: 35px;}
.hhkaobo-article .adv-card {margin-bottom: 20px;}
.hhkaobo-article .adv-card a {cursor: pointer;}
.hhkaobo-article .adv-card img {width: 100%;}
.hhkaobo-article .adv-card-2 {text-align: center;/*border: 1px solid #E5E5E5;*/cursor: pointer;}
.hhkaobo-article .adv-card-2 img {width: 100%; border-radius: 10px;}
.hhkaobo-article .adv-card-2 a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-article .adv-card-2:hover a {color: #2a6496;text-decoration: underline;}

/*新闻分类页*/
.hhkaobo-article-cate {padding: 60px 0 190px 0;}
.hhkaobo-article-cate .article-type-list {padding: 20px 20px 10px 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);margin: 20px 0;}
.hhkaobo-article-cate .article-type-list ul li {display: inline-block;margin-bottom: 10px;}
.hhkaobo-article-cate .article-type-list ul li a {color: #428bca;cursor: pointer;display: block;padding: 0 25px;line-height: 30px;}
.hhkaobo-article-cate .article-type-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article-cate .article-type-list .type-this a {color: #FF6600;}
.hhkaobo-article-cate .article-type-list .type-this a:hover {color: #B74B00;}
.hhkaobo-article-cate .article-type-list .search-input {line-height: 70px;}
.hhkaobo-article-cate .article-type-list .search-input input {height: 36px;line-height: 36px;}
.hhkaobo-article-cate .breadcrumb {margin-bottom: 20px;}
.hhkaobo-article-cate .layui-breadcrumb a:hover {color: #0099FF !important;}
.hhkaobo-article-cate .layui-breadcrumb a cite {color: #FF6600;}
.hhkaobo-article-cate .article-list {padding: 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-article-cate .article-list > p {padding: 10px 0;}
.hhkaobo-article-cate .article-list > p a {color: #FF6600;border-left: 4px solid #FF6600;padding-left: 10px;font-size: 20px;cursor: pointer;font-weight: bold;}
.hhkaobo-article-cate .article-list > p a:hover {text-decoration: underline;}
.hhkaobo-article-cate .article-list ul {padding-left: 20px;}
.hhkaobo-article-cate .article-list ul li {line-height: 35px;list-style: disc;}
.hhkaobo-article-cate .article-list ul li a {color: #428bca;cursor: pointer;}
.hhkaobo-article-cate .article-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article-cate .article-list ul li span {color: #999999;margin-left: 10px;}
.hhkaobo-article-cate .college-list {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-article-cate .college-list .layui-card-header {background: #D9EDF7;color: #31708F;text-align: center;}
.hhkaobo-article-cate .college-list .layui-card-body a {color: #428bca;cursor: pointer;display: inline-block;line-height: 30px;margin-right: 10px;}
.hhkaobo-article-cate .college-list .layui-card-body a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article-cate .adv-card {margin-bottom: 20px;}
.hhkaobo-article-cate .adv-card a {cursor: pointer;}
.hhkaobo-article-cate .adv-card img {width: 100%;}
.hhkaobo-article-cate .adv-card-2 {text-align: center;border: 1px solid #E5E5E5;cursor: pointer;}
.hhkaobo-article-cate .adv-card-2 img {width: 100%;}
.hhkaobo-article-cate .adv-card-2 a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-article-cate .adv-card-2:hover a {color: #2a6496;text-decoration: underline;}

/*新闻搜索页*/
.hhkaobo-article-search {padding: 60px 0 190px 0;}
.hhkaobo-article-search .article-type-list {padding: 20px 20px 10px 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);margin: 20px 0;}
.hhkaobo-article-search .article-type-list ul li {display: inline-block;margin-bottom: 10px;}
.hhkaobo-article-search .article-type-list ul li a {color: #428bca;cursor: pointer;display: block;padding: 0 25px;line-height: 30px;}
.hhkaobo-article-search .article-type-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article-search .article-type-list .type-this a {color: #FF6600;}
.hhkaobo-article-search .article-type-list .type-this a:hover {color: #B74B00;}
.hhkaobo-article-search .article-type-list .search-input {line-height: 70px;}
.hhkaobo-article-search .article-type-list .search-input input {height: 36px;line-height: 36px;}
.hhkaobo-article-search .breadcrumb {margin-bottom: 20px;}
.hhkaobo-article-search .layui-breadcrumb a:hover {color: #0099FF !important;}
.hhkaobo-article-search .layui-breadcrumb a cite {color: #FF6600;}
.hhkaobo-article-search .article-list {padding: 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-article-search .article-list > p {padding: 10px 0;}
.hhkaobo-article-search .article-list > p a {color: #FF6600;border-left: 4px solid #FF6600;padding-left: 10px;font-size: 20px;cursor: pointer;font-weight: bold;}
.hhkaobo-article-search .article-list > p a:hover {text-decoration: underline;}
.hhkaobo-article-search .article-list ul {padding-left: 20px;}
.hhkaobo-article-search .article-list ul li {line-height: 35px;list-style: disc;}
.hhkaobo-article-search .article-list ul li a {color: #428bca;cursor: pointer;}
.hhkaobo-article-search .article-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article-search .article-list ul li span {color: #999999;margin-left: 10px;}
.hhkaobo-article-search .college-list {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-article-search .college-list .layui-card-header {background: #D9EDF7;color: #31708F;text-align: center;}
.hhkaobo-article-search .college-list .layui-card-body a {color: #428bca;cursor: pointer;display: inline-block;line-height: 30px;margin-right: 10px;}
.hhkaobo-article-search .college-list .layui-card-body a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-article-search .adv-card {margin-bottom: 20px;}
.hhkaobo-article-search .adv-card a {cursor: pointer;}
.hhkaobo-article-search .adv-card img {width: 100%;}
.hhkaobo-article-search .adv-card-2 {text-align: center;border: 1px solid #E5E5E5;cursor: pointer;}
.hhkaobo-article-search .adv-card-2 img {width: 100%;}
.hhkaobo-article-search .adv-card-2 a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-article-search .adv-card-2:hover a {color: #2a6496;text-decoration: underline;}

/*新闻详情页面*/
.hhkaobo-news {padding: 60px 0 190px 0;}
.hhkaobo-news .article-type-list {padding: 20px 20px 10px 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);margin: 20px 0;}
.hhkaobo-news .article-type-list ul li {display: inline-block;margin-bottom: 10px;}
.hhkaobo-news .article-type-list ul li a {color: #428bca;cursor: pointer;display: block;padding: 0 25px;line-height: 30px;}
.hhkaobo-news .article-type-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-news .article-type-list .type-this a {color: #FF6600;}
.hhkaobo-news .article-type-list .type-this a:hover {color: #B74B00;}
.hhkaobo-news .article-type-list .search-input {line-height: 70px;}
.hhkaobo-news .article-type-list .search-input input {height: 36px;line-height: 36px;}
.hhkaobo-news .breadcrumb {margin-bottom: 20px;}
.hhkaobo-news .layui-breadcrumb a:hover {color: #0099FF !important;}
.hhkaobo-news .layui-breadcrumb a cite {color: #FF6600;}
.hhkaobo-news .article-detail {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-news .article-detail .article-title {background: #F5F5F5;padding: 20px;text-align: center;}
.hhkaobo-news .article-detail .article-title p {margin-top: 15px;}
.hhkaobo-news .article-detail .article-title p span {margin: 0 10px;}
.hhkaobo-news .article-detail .article-content {padding-bottom: 20px;}
.hhkaobo-news .article-detail .article-content .content {padding: 20px 40px;line-height: 32px;}
.hhkaobo-news .article-detail .article-content .content img {width: 100%;}
.hhkaobo-news .related-suggestion {margin-top: 20px;padding: 20px;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-news .related-suggestion .title {color: #43B788;border-left: 5px solid #43B788;padding-left: 10px;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.hhkaobo-news .related-suggestion ul {padding-left: 20px;}
.hhkaobo-news .related-suggestion ul li {list-style: disc;color: #43B788;}
.hhkaobo-news .related-suggestion ul a {color: #428bca;cursor: pointer;display: inline-block;line-height: 30px;margin-right: 10px;}
.hhkaobo-news .related-suggestion ul a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-news .related-suggestion ul span {color: #999999;}
.hhkaobo-news .tutorial {margin-top: 20px;padding: 20px;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-news .tutorial .title {color: #43B788;border-left: 5px solid #43B788;padding-left: 10px;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.hhkaobo-news .tutorial table {text-align: center;}
.hhkaobo-news .tutorial table tr > * {border: 1px solid #DDDDDD;padding: 10px 0;}
.hhkaobo-news .tutorial table td,
.hhkaobo-news .tutorial table th {font-size: 12px;font-weight: normal;}
.hhkaobo-news .college-list {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-news .college-list .layui-card-header {background: #D9EDF7;color: #31708F;text-align: center; font-size: 22px;}
.hhkaobo-news .college-list .layui-card-body a {color: #428bca;cursor: pointer;display: inline-block;line-height: 30px;margin-right: 10px;}
.hhkaobo-news .college-list .layui-card-body a:hover {color: #2a6496;text-decoration: underline;}
.hhkaobo-news .adv-card {margin-bottom: 20px;}
.hhkaobo-news .adv-card a {cursor: pointer;}
.hhkaobo-news .adv-card img {width: 100%;}
.hhkaobo-news .article-content-adv {height: 130px;overflow: hidden;border-bottom: 1px solid #E8E8E8;}
.hhkaobo-news .article-content-adv img {width: 100%;}
.hhkaobo-news .article-content-adv .layui-col-xs3 {padding-top: 20px;}
.hhkaobo-news .article-content-adv p {text-align: center;line-height: 30px;}
.hhkaobo-news .article-content-adv p a {color: #FF0000;font-weight: bold;}
.hhkaobo-news .article-content-adv p a:hover {text-decoration: underline;}

/*图书首页*/
.hhkaobo-book {padding: 60px 0 190px 0;}
.hhkaobo-book .book-type-filter {margin-top: 30px;padding: 10px 0;background: #F5F5F5;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-book .book-type-filter .scroll-list{float: right; color: #999999; margin: 0 25px 10px 10px; padding: 2px	0 2px 10px; cursor: pointer;}
.hhkaobo-book .book-type-filter [data-example="true"]{display: none;}
.hhkaobo-book .book-type-filter [data-expend="true"]{display: none;}
.hhkaobo-book .book-type-filter dl {position: relative;padding-left: 80px;}
.hhkaobo-book .book-type-filter dl dt {position: absolute;display: inline-block;left: 12px;top: 0;font-weight: bold;line-height: 40px;}
.hhkaobo-book .book-type-filter dl dd {display: inline-block;}
.hhkaobo-book .book-type-filter dl dd a {display: inline-block;color: #000000;padding: 0 10px;margin: 5px;cursor: pointer;line-height: 20px;}
.hhkaobo-book .book-type-filter dl dd a:hover,
.hhkaobo-book .book-type-filter .type-this a {background: #0099FF;color: #FFFFFF;}
.hhkaobo-book .book-sort {position: relative;}
.hhkaobo-book .book-sort .search-input {position: absolute;right: 20px;top: 2px;}
.hhkaobo-book .book-sort .search-input input {height: 35px;line-height: 35px;}
.hhkaobo-book .book-sort .search-input button {height: 35px;line-height: 35px;}
.hhkaobo-book .book-list {margin-top: 30px;}
.hhkaobo-book .book-list .book-list-title {border-left: 5px solid #DD5246;padding-left: 10px;margin-bottom: 30px;}
.hhkaobo-book .book-list .book-list-title h2 {display: inline-block;font-weight: bold;}
.hhkaobo-book .book-list .book-list-title span {margin-left: 10px;color: #FF0000;}
.hhkaobo-book .book-list .book-card {/*box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);*/padding: 5px 5px 15px 5px;cursor: pointer; border-radius: 10px;}
.hhkaobo-book .book-list .book-card:hover {box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);}
.hhkaobo-book .book-list .book-card img {width: 100%; border-radius: 10px;}
.hhkaobo-book .book-list .book-card p {padding: 0 10px;}
.hhkaobo-book .book-list .book-card .price {color: #DD3333;font-size: 24px;font-weight: bold;margin: 10px 0 5px 0;}
.hhkaobo-book .book-list .book-card .text {line-height: 24px;}
.hhkaobo-book .book-list .book-card .text a:hover {color: #DD3333;}
.hhkaobo-book .book-list .book-card:hover .text a {color: #DD3333;}
.hhkaobo-book .adv-card {text-align: center;/*border: 1px solid #E5E5E5;*/cursor: pointer;}
.hhkaobo-book .adv-card img {width: 100%; border-radius: 10px;}
.hhkaobo-book .adv-card a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-book .adv-card:hover a {color: #2a6496;text-decoration: underline;}
.hhkaobo-book .btm-adv {margin-top: 30px;}

/*图书详情页*/
.hhkaobo-book-detail {padding: 60px 0 160px 0;}
.hhkaobo-book-detail .book-info-card {margin-top: 30px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-book-detail .book-info-card .breadcrumb {background: #EDEDED;padding: 15px 20px;}
.hhkaobo-book-detail .book-info-card .breadcrumb a:hover {color: #0099FF !important;}
.hhkaobo-book-detail .book-info-card .breadcrumb a cite {color: #DD3333;}
.hhkaobo-book-detail .book-info-card .book-info {padding: 20px 30px;}
.hhkaobo-book-detail .book-info-card .book-info img {width: 100%;}
.hhkaobo-book-detail .book-info-card .book-info h2 {font-weight: bold;padding-top: 10px;}
.hhkaobo-book-detail .book-info-card .book-info p {color: #777777;line-height: 30px;}
.hhkaobo-book-detail .book-info-card .book-info p a {color: #DD3333;cursor: pointer;}
.hhkaobo-book-detail .book-info-card .book-info p a:hover {text-decoration: underline;}
.hhkaobo-book-detail .book-info-card .book-info p span {margin-right: 15px;}
.hhkaobo-book-detail .book-info-card .book-info p span a {margin-left: 5px;}
.hhkaobo-book-detail .book-info-card .book-info .t-btm {font-weight: normal;width: 90px;background: #DDDDDD;display: block;height: 3px;margin-top: 15px;box-sizing: border-box;}
.hhkaobo-book-detail .book-info-card .book-info .product-head {background-color: #eaeaea;	padding: 6px 10px;}
.hhkaobo-book-detail .book-info-card .book-info .price-head {float: left; color: #777; line-height: 34px;}
.hhkaobo-book-detail .book-info-card .book-info .price {font-size: 26px;font-weight: bold;color: #DD3333; margin-left: 65px;}
.hhkaobo-book-detail .book-info-card .book-info .promotion-head {float: left; color: #777; line-height: 30px;}
.hhkaobo-book-detail .book-info-card .book-info .promotion {margin-left: 65px;}
.hhkaobo-book-detail .book-info-card .book-info .promotion .d-tag{border: 1px solid #dd3333; color: #dd3333; padding: 2px 3px; margin-right: 6px; font-size: 12px;}
.hhkaobo-book-detail .book-info-card .book-info .price span {font-size: 14px;color: #777777;text-decoration: line-through;font-weight: normal;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel {display: flex; flex-direction: row;	align-items: flex-start;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel > p{width: 13%;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel ul{margin-top: 0px;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel ul li {padding: 0 3px; border: 1px solid #c5c5c5; word-break: break-all; line-height: 30px; overflow: hidden; margin: 3px; display: inline; float: left;background-color: #fffde5;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel ul li:hover {border: 1px solid #dd3333;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel .checked {border: 1px solid #dd3333;}
.hhkaobo-book-detail .book-info-card .book-info .sku-panel ul li img {width: 11%;}
.hhkaobo-book-detail .book-info-card .book-info .btn {margin-top: 15px; margin-left: 73px;}
.hhkaobo-book-detail .book-info-card .book-info .layui-tab img {width: auto;}
.hhkaobo-book-detail .book-info-card .book-info .layui-tab-title li {line-height: 70px;font-weight: bold;color: #777777;}
.hhkaobo-book-detail .book-info-card .book-info .layui-tab-title li span {margin-left: 5px;}
.hhkaobo-book-detail .book-info-card .book-info .layui-tab-title {border-top: 1px solid #DD6363;height: 70px;}
.hhkaobo-book-detail .book-info-card .book-info .layui-tab-brief > .layui-tab-title .layui-this {color: #DD6363;line-height: 70px;}
.hhkaobo-book-detail .book-info-card .book-info .layui-tab-brief > .layui-tab-title .layui-this:after {border-top: 2px solid #DD6363;border-bottom: none;}
.hhkaobo-book-detail .book-info-card .adv-card {margin: 30px 0;}
.hhkaobo-book-detail .book-info-card .adv-card img {width: 100%;}

/*我的课程*/
.user-course {padding: 84px 0 190px 0;}
.user-course .hhkaobo-exam-btm {float: left;width: 100%;}
.user-course .layui-colla-title {background: #F6F9FF;font-weight: bold;}
.user-course .layui-colla-title button {margin-top: 10px;}
.user-course .layui-colla-content {background: #FFFFFF;padding: 0;}
.user-course .lesson-list li {border-bottom: 1px solid #E9E9E9;}
.user-course .lesson-list li:last-child {border-bottom: none;}
.user-course .lesson-list li a {display: block;line-height: 50px;height: 50px;padding: 0 15px;cursor: pointer;color: #333333;}
.user-course .lesson-list li a:hover {background: #F2F2F2;}
.user-course .lesson-list li a button {margin-top: 14px;}
.user-course .course-list .course-item {padding: 12px;border: 1px solid #E9E9E9;margin-bottom: 12px;}
.user-course .course-list .course-item:last-child {margin-bottom: 0;}
.user-course .course-list .course-item .course-product {position: relative;padding: 0 0 0 132px;min-height: 84px;}
.user-course .course-list .course-item .course-product img {position: absolute;left: 0;top: 0;width: 120px;height: 84px;border-radius: 3px;}
.user-course .course-list .course-item .course-product p {line-height: 22px;}
.user-course .course-list .course-item .course-product p:nth-of-type(1) {line-height: 40px;color: #333333;font-weight: bold;font-size: 15px;}
.user-course .course-list .course-item .course-product p button {margin-left: 12px;}
.user-course .course-list .course-lesson {margin-top: 6px;}
.user-course .course-list .lesson-header {padding: 0 12px;line-height: 30px;background: #F6F9FF;margin-top: 12px;border: 1px solid #E9E9E9;}
.user-course .course-list .lesson-item {position: relative;}
.user-course .course-list .lesson-item img {width: 100%;height: 130px;border-radius: 5px;cursor: pointer;margin-bottom: 10px;}
.user-course .course-list .lesson-item img:hover + .play-btn {display: block;}
.user-course .course-list .lesson-item .play-btn {display: none;position: absolute;left: 6px;top: 6px;width: calc(100% - 12px);height: 130px;line-height: 130px;border-radius: 5px;background: rgba(0, 0, 0, .5);text-align: center;cursor: pointer;}
.user-course .course-list .lesson-item .play-btn i {color: #FFFFFF;font-size: 64px;margin-right: 0;}
.user-course .course-list .lesson-item .play-btn:hover {display: block;}
.user-course .course-list .lesson-item .play-title {display: block;cursor: pointer;line-height: 20px;height: 40px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.user-course .course-list .lesson-item .play-title:hover {color: #FF0000;}
.user-course .course-list [data-expend="true"] {display: none;}
.user-course .course-list .scroll-list {position: absolute;display: inline-block;right: 0;bottom: 0;cursor: pointer;line-height: 22px;}
.user-course .course-list .scroll-list i {margin-left: 5px;margin-right: 0;}

/*教师*/
.hhkaobo-teacher {padding: 60px 0 190px 0;}
.hhkaobo-teacher .adv-card {text-align: center;border: 1px solid #E5E5E5;cursor: pointer;margin-top: 20px;}
.hhkaobo-teacher .adv-card img {width: 100%;}
.hhkaobo-teacher .adv-card a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-teacher .adv-card:hover a {color: #2a6496;text-decoration: underline;}

/*班级首页*/
.hhkaobo-classes {padding: 60px 0 190px 0;}
.hhkaobo-classes .classes-type-filter {margin-top: 20px;padding: 10px 0;background: #F5F5F5;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-classes .classes-type-filter .scroll-list{float: right; color: #999999; margin: 0 25px 10px 10px; padding: 2px	0 2px 10px; cursor: pointer;}
.hhkaobo-classes .classes-type-filter [data-example="true"]{display: none;}
.hhkaobo-classes .classes-type-filter [data-expend="true"]{display: none;}
.hhkaobo-classes .classes-type-filter dl {position: relative;padding-left: 80px;}
.hhkaobo-classes .classes-type-filter dl dt {position: absolute;display: inline-block;left: 12px;top: 0;font-weight: bold;line-height: 40px;}
.hhkaobo-classes .classes-type-filter dl dd {display: inline-block;}
.hhkaobo-classes .classes-type-filter dl dd a {display: inline-block;color: #000000;padding: 0 10px;margin: 5px;cursor: pointer;line-height: 20px;}
.hhkaobo-classes .classes-type-filter dl dd a:hover,
.hhkaobo-classes .classes-type-filter .type-this a {background: #0099FF;color: #FFFFFF;}
.hhkaobo-classes .classes-sort {position: relative;}
.hhkaobo-classes .classes-sort .search-input {position: absolute;right: 20px;top: 2px;}
.hhkaobo-classes .classes-sort .search-input input {height: 35px;line-height: 35px;}
.hhkaobo-classes .classes-sort .search-input button {height: 35px;line-height: 35px;}
.hhkaobo-classes .classes-list {margin-top: 30px;}
.hhkaobo-classes .classes-list .classes-list-title {border-left: 5px solid #DD5246;padding-left: 10px;margin-bottom: 30px;}
.hhkaobo-classes .classes-list .classes-list-title h2 {display: inline-block;font-weight: bold;}
.hhkaobo-classes .classes-list .classes-list-title span {margin-left: 10px;color: #FF0000;}
.hhkaobo-classes .classes-list .classes-card {padding:5px 5px 15px 5px;cursor: pointer; border-radius: 10px;}
.hhkaobo-classes .classes-list .classes-card:hover {box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);}
.hhkaobo-classes .classes-list .classes-card img {width: 100%; height: 198px; border-radius: 10px;}
.hhkaobo-classes .classes-list .classes-card p {padding: 0 10px;}
.hhkaobo-classes .classes-list .classes-card .price {color: #DD3333;font-size: 24px;font-weight: bold;margin: 10px 0 5px 0;}
.hhkaobo-classes .classes-list .classes-card .text {line-height: 24px;height: 48px;position: relative;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 15px;}
.hhkaobo-classes .classes-list .classes-card .text a:hover {color: #DD3333;}
.hhkaobo-classes .classes-list .classes-card:hover .text a {color: #DD3333;}
.hhkaobo-classes .adv-card-t img {width: 100%;}
.hhkaobo-classes .adv-card {text-align: center;/*border: 1px solid #E5E5E5;*/cursor: pointer;}
.hhkaobo-classes .adv-card img {width: 100%; border-radius: 10px;}
.hhkaobo-classes .adv-card a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-classes .adv-card:hover a {color: #2a6496;text-decoration: underline;}
.hhkaobo-classes .btm-adv {margin-top: 30px;}

/*班级详情页*/
.hhkaobo-classes-detail {padding: 60px 0 190px 0;}
.hhkaobo-classes-detail .classes-info-card {margin-top: 30px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-classes-detail .classes-info-card .breadcrumb {background: #EDEDED;padding: 15px 20px;}
.hhkaobo-classes-detail .classes-info-card .breadcrumb a:hover {color: #0099FF !important;}
.hhkaobo-classes-detail .classes-info-card .breadcrumb a cite {color: #DD3333;}
.hhkaobo-classes-detail .classes-info-card .classes-info {padding: 20px 30px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .pro-img-link {position: relative;display: block;}
.hhkaobo-classes-detail .classes-info-card .classes-info .pro-img-link .play {position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.6;display: none;}
.hhkaobo-classes-detail .classes-info-card .classes-info .pro-img-link .playImg {position: absolute;width: 20%;height: 20%;margin: 30% 40%;display: none;}
.hhkaobo-classes-detail .classes-info-card .classes-info .pro-img-link:hover .play {display: block;}
.hhkaobo-classes-detail .classes-info-card .classes-info .pro-img-link:hover .playImg {display: block;}
.hhkaobo-classes-detail .classes-info-card .classes-info img {width: 100%;}
.hhkaobo-classes-detail .classes-info-card .classes-info h2 {font-weight: bold;padding-top: 10px;}
.hhkaobo-classes-detail .classes-info-card .classes-info p {color: #777777;line-height: 30px;}
.hhkaobo-classes-detail .classes-info-card .classes-info p a {color: #DD3333;cursor: pointer;}
.hhkaobo-classes-detail .classes-info-card .classes-info p a:hover {text-decoration: underline;}
.hhkaobo-classes-detail .classes-info-card .classes-info p span {margin-right: 15px;}
.hhkaobo-classes-detail .classes-info-card .classes-info p span a {margin-left: 5px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .t-btm {font-weight: normal;width: 90px;background: #DDDDDD;display: block;height: 3px;margin-top: 15px;box-sizing: border-box;}
.hhkaobo-classes-detail .classes-info-card .classes-info .product-head {background-color: #eaeaea;	padding: 6px 10px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .price-head {float: left; color: #777; line-height: 34px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .price {font-size: 26px;font-weight: bold;color: #DD3333;}
.hhkaobo-classes-detail .classes-info-card .classes-info .promotion-head {float: left; color: #777; line-height: 30px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .promotion {margin-left: 65px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .promotion .d-tag{border: 1px solid #dd3333; color: #dd3333; padding: 2px 3px; margin-right: 6px; font-size: 12px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .price span {font-size: 14px;color: #777777;text-decoration: line-through;font-weight: normal;}
.hhkaobo-classes-detail .classes-info-card .classes-info .sku-panel {display: flex; flex-direction: row;	align-items: flex-start;}
.hhkaobo-classes-detail .classes-info-card .classes-info .sku-panel > p{width:13%;}
.hhkaobo-classes-detail .classes-info-card .classes-info .sku-panel ul{margin-top: 0px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .sku-panel ul li {padding: 0 3px; border: 1px solid #c5c5c5; word-break: break-all; line-height: 30px; overflow: hidden; margin: 3px; display: inline; float: left;background-color: #fffde5;}
.hhkaobo-classes-detail .classes-info-card .classes-info .sku-panel ul li:hover {border: 1px solid #dd3333;}
.hhkaobo-classes-detail .classes-info-card .classes-info .sku-panel .checked {border: 1px solid #dd3333;}
.hhkaobo-classes-detail .classes-info-card .classes-info .btn {margin-top: 15px; margin-left: 73px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .layui-tab img {width: auto;}
.hhkaobo-classes-detail .classes-info-card .classes-info .layui-tab-title li {line-height: 70px;font-weight: bold;color: #777777;}
.hhkaobo-classes-detail .classes-info-card .classes-info .layui-tab-title li span {margin-left: 5px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .layui-tab-title {border-top: 1px solid #DD6363;height: 70px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .layui-tab-brief > .layui-tab-title .layui-this {color: #DD6363;line-height: 70px;}
.hhkaobo-classes-detail .classes-info-card .classes-info .layui-tab-brief > .layui-tab-title .layui-this:after {border-top: 2px solid #DD6363;border-bottom: none;}
.hhkaobo-classes-detail .classes-info-card .adv-card {margin: 30px 0;}
.hhkaobo-classes-detail .classes-info-card .adv-card img {width: 100%;}
.hhkaobo-classes-detail .classes-info-card .course-list {width: 100%;border: 1px solid #E9E9E9;margin-top: 20px;}
.hhkaobo-classes-detail .classes-info-card .course-list th {background: #F6F9FF;color: #868792;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #E9E9E9;}
.hhkaobo-classes-detail .classes-info-card .course-list th:last-child {text-align: center;}
.hhkaobo-classes-detail .classes-info-card .course-list td {line-height: 40px;padding: 0 20px;border-bottom: 1px solid #E9E9E9;}
.hhkaobo-classes-detail .classes-info-card .course-list td:last-child {text-align: center;}
.hhkaobo-classes-detail .classes-info-card .course-list td a {display: inline-block;background: #DC4D41;color: #FFFFFF;line-height: 25px;padding: 0 5px;}
.hhkaobo-classes-detail .classes-info-card .course-list td a:hover {opacity: 0.8;}

/*购物车*/
.user-cart {padding: 60px 0 160px 0;}
.user-cart .cart-card {min-height: 466px;padding: 20px;margin-top: 30px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.user-cart .cart-card .u-table table .goods-item td:last-child a {color: #4185C4;cursor: pointer;}
.user-cart .cart-card .u-table table .goods-item td:last-child a:hover {color: #21A5FF;text-decoration: underline;}
.user-cart .cart-card .address {margin-top: 15px;border: 1px solid #E9E9E9;}
.user-cart .cart-card .address .address-title {background: #F6F9FF;color: #868792;font-weight: normal;line-height: 40px;padding: 0 20px;}
.user-cart .cart-card .address .address-title p {display: inline-block;}
.user-cart .cart-card .address .address-title a {color: #4185C4;cursor: pointer;margin-left: 15px;}
.user-cart .cart-card .address .address-title a:hover {color: #21A5FF;text-decoration: underline;}
.user-cart .cart-card .address .address-list .address-item {padding: 20px;border-top: 1px solid #E9E9E9;cursor: pointer;}
.user-cart .cart-card .address .address-list .address-item .default {display: inline-block;padding: 0 5px;background: #FF6600;color: #FFFFFF;}
.user-cart .cart-card .address .address-list .address-item .set-default,
.user-cart .cart-card .address .address-list .address-item .edit {color: #4185C4;cursor: pointer;margin-left: 15px;}
.user-cart .cart-card .address .address-list .address-item .set-default:hover,
.user-cart .cart-card .address .address-list .address-item .edit:hover {color: #21A5FF;text-decoration: underline;}
.user-cart .cart-card .address .address-list .address-item .check-box {font-size: 18px;position: relative;width: 18px;height: 16px;display: inline-block;}
.user-cart .cart-card .address .address-list .address-item .check-box i {position: absolute;color: #000000;}
.user-cart .cart-card .address .address-list .address-item .check-box .fa-dot-circle-o {color: #0099FF;}
.user-cart .cart-card .submit-order {margin-top: 20px;text-align: right; display: flex;	align-items: center; flex-direction: row; justify-content: space-between;}
.user-cart .cart-card .submit-order div {display: flex;	align-items: center; flex-direction: row; font-size: 11px;}
.user-cart .cart-card .submit-order .p-type {color: #f48719; background-color: #fff; border: 1px solid; padding: 0 8px;}
.user-cart .cart-card .submit-order .p-remark {margin-left: 10px; color: gray;}
.user-cart .cart-card .submit-order .price {color: #FF6600;font-weight: bold;font-size: 20px;margin-right: 20px;}
.user-cart .cart-card .submit-order button {width: 120px;}

/*购物车支付*/
.user-pay {padding: 60px 0 0 0;}
.user-pay .pay-card {min-height: 466px;padding: 20px;margin-top: 30px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.user-pay .pay-card .pay-card-title {line-height: 20px;}
.user-pay .pay-card .price span {color: #FF6600;font-weight: bold;font-size: 16px;}
.user-pay .pay-card .layui-tab-title {text-align: center;}
.user-pay .pay-card .layui-tab-title li {min-width: 200px;}
.user-pay .pay-card .order-qrcode {text-align: center;margin: 10px 0;}
.user-pay .pay-card .order-qrcode .order-qrcode-top img {width: 254px;margin-bottom: -2px;}
.user-pay .pay-card .order-qrcode .order-qrcode-border img {border: 2px solid #22AB39;}
.user-pay .pay-card .order-qrcode [data-remark] {color: #22AB39;font-size: 18px;font-weight: bold;}
.user-pay .pay-card .order-qrcode p {margin-top: 15px;}
.user-pay .pay-card .alipay {margin-top: 15%;text-align: center;}
.user-pay .pay-card .alipay a {color: #4185C4;cursor: pointer;}
.user-pay .pay-card .alipay a:hover {color: #21A5FF;text-decoration: underline;}

/*试听页面*/
.hhkaobo-audition {padding: 60px 0 164px 0;color: #333;}
.hhkaobo-audition ul {margin-bottom: 0;}
.hhkaobo-audition .user-lesson-info {margin-top: 30px;padding: 0 20px;}
.hhkaobo-audition .user-lesson-info .layui-card {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.1);}
.hhkaobo-audition .user-lesson-info .layui-card-header {font-weight: bold;}
.hhkaobo-audition .user-lesson-info .layui-card-header a {font-weight: normal;margin-top: 10px;}
.hhkaobo-audition .user-lesson-info .lesson-list {height: 478px;overflow-y: auto;}
.hhkaobo-audition .user-lesson-info .lesson-list dt {font-weight: bold;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hhkaobo-audition .user-lesson-info .lesson-list dd {line-height: 35px;height: 35px;cursor: pointer;padding: 0 10px;width: calc(100% - 20px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hhkaobo-audition .user-lesson-info .lesson-list dd i {font-size: 16px;}
.hhkaobo-audition .user-lesson-info .lesson-list dd:hover {background: #E7EFFF;color: #333;text-decoration: underline;}
.hhkaobo-audition .user-lesson-info .lesson-list .lesson-this {background: #0099FF;color: #FFF;}
.hhkaobo-audition .prism-setting-quality,
.hhkaobo-audition .prism-setting-audio,
.hhkaobo-audition .prism-setting-cc,
.hhkaobo-audition .prism-cc-btn {display: none;}
.hhkaobo-audition .prism-player .prism-controlbar .prism-controlbar-bg {background: rgba(0, 0, 0, 0.8);}
.hhkaobo-audition .prism-player .prism-time-display .duration {color: #FFF;}
.hhkaobo-audition .player-setting {padding-top: 12px;}
.hhkaobo-audition .player-setting a {margin-right: 15px;cursor: pointer;color: #4185C4;display: inline-block;line-height: 30px;}
.hhkaobo-audition .player-setting a:hover {color: #21A5FF;text-decoration: underline;}
.hhkaobo-audition #player {width: 100%;height: 530px;background: #000000;}
.hhkaobo-audition .plyr:-webkit-full-screen video {height: 100%!important;}

/*服务协议页面*/
.user-agreement {padding: 84px 0 164px 0;}
.user-agreement .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #0099FF!important;}
.user-agreement .layui-form-checked[lay-skin=primary] i {background-color: #0099FF;border-color: #0099FF;}
.user-agreement .signature-area {position: relative;height: 250px;margin-bottom: 10px;}
.user-agreement .signature-area .img-info {position: absolute;width: 250px;text-align: center;left: 0;}
.user-agreement .signature-area img {float: left;width: 250px;height: 250px;margin-right: 6px;border: none;}
.user-agreement .signature-area #signature-pad {float: left;margin-left: 6px;width: calc(100% - 265px);height: 250px;border: 1px solid #D9EDF7;}
.user-agreement #reShow {position: absolute;bottom: 12px;right: 75px;}
.user-agreement #refreshSign {position: absolute;right: 12px;bottom: 12px;}
.user-agreement .layui-form-checkbox[lay-skin=primary] {padding-left: 22px;margin-top: 0;}
.user-agreement .layui-form-checkbox[lay-skin=primary] i {height: 16px;line-height: 16px;width: 16px;}
.user-agreement .layui-form-checkbox[lay-skin=primary] span {padding-right: 0;color: #333333;}

/*我的交易记录*/
.user-order {padding: 84px 0 164px 0;}
.user-order .u-table table {margin-bottom: 20px;}

/*我的下载*/
.user-download {padding: 84px 0 164px 0;}
.user-download .layui-colla-title {background: #F6F9FF;font-weight: bold;}
.user-download .layui-colla-title button {margin-top: 10px;}
.user-download .layui-colla-content {background: #FFFFFF;padding: 0;}
.user-download .download-list li {border-bottom: 1px solid #E9E9E9;}
.user-download .download-list li:last-child {border-bottom: none;}
.user-download .download-list li a {display: block;line-height: 50px;height: 50px;padding: 0 15px;cursor: pointer;color: #333333;}
.user-download .download-list li a:hover {background: #F2F2F2;}
.user-download .download-list li a button {margin-top: 14px;}

/*用户收藏*/
.user-collect {padding: 84px 0 164px 0;}

/*下载记录*/
.user-download-record {padding: 84px 0 164px 0;}

/*单词本*/
.user-wordbook {padding: 84px 0 164px 0;}
.user-wordbook .hhkaobo-exam-btm {float: left;width: 100%;}
.user-wordbook .note-book {border: 1px solid #F0F0F0;padding: 20px 10px;cursor: pointer;background: #F6F6F6;min-height: 60px;}
.user-wordbook .note-book p {text-align: center;line-height: 30px;font-weight: bold;}
.user-wordbook .note-book p span {font-weight: normal;}
.user-wordbook .note-book:hover {box-shadow: 1px 1px 10px rgba(0,0,0,0.1);border-color: #D0D0D0;background: #FDFDFD;}
.user-wordbook .note-book:active {background: #F4F4F4;}
.user-wordbook .wordbook-detail {display: none;}
.user-wordbook .wordbook-detail .note-book {min-height: 30px;}
.user-wordbook .word-list {display: none;}
.user-wordbook .user-word-list .word-item ,
.user-wordbook .word-list .word-item {border: 1px solid #E9E9E9;margin-bottom: -1px;}
.user-wordbook .user-word-list .word-item td,
.user-wordbook .word-list .word-item td {padding: 0 20px;line-height: 40px;font-weight: bold;color: #626F7E;}
.user-wordbook .user-word-list .word-item td:first-child,
.user-wordbook .word-list .word-item td:first-child {color: #333333;}
.user-wordbook .user-word-list .word-item td:last-child,
.user-wordbook .word-list .word-item td:last-child {color: #404B55;}
.user-wordbook .user-word-list .word-item td i,
.user-wordbook .word-list .word-item td i {margin-right: 0;}
.user-wordbook .return-btn {background: #F6F9FF;line-height: 40px;margin-bottom: 20px;text-align: right;padding: 0 10px;}

/*收货地址*/
.user-address {padding: 84px 0 164px 0;}
.user-address .user-right-ctt .user-card-title:first-child {margin-top: 0;}
.user-address .address {border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;margin-bottom: -1px;}
.user-address .address td {padding: 0 20px;line-height: 40px;}
.user-address .address i {margin-right: 0;}

/*下载产品页*/
.hhkaobo-download {padding: 60px 0 160px 0;}
.hhkaobo-download .download-type-filter {margin-top: 20px;padding: 10px 0;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-download .download-type-filter dl {position: relative;padding-left: 80px;}
.hhkaobo-download .download-type-filter dl dt {position: absolute;display: inline-block;left: 12px;top: 0;font-weight: bold;line-height: 40px;}
.hhkaobo-download .download-type-filter dl dd {display: inline-block;}
.hhkaobo-download .download-type-filter dl dd a {display: inline-block;color: #000000;padding: 0 10px;margin: 5px;cursor: pointer;line-height: 30px;}
.hhkaobo-download .download-type-filter dl dd a:hover,
.hhkaobo-download .download-type-filter .type-this a {background: #0099FF;color: #FFFFFF;}
.hhkaobo-download .download-sort {position: relative;}
.hhkaobo-download .download-sort .search-input {position: absolute;right: 20px;top: 2px;}
.hhkaobo-download .download-sort .search-input input {height: 35px;line-height: 35px;}
.hhkaobo-download .download-sort .search-input button {height: 35px;line-height: 35px;}
.hhkaobo-download .download-list {margin-top: 30px;}
.hhkaobo-download .download-list .download-card {box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);padding-bottom: 15px;cursor: pointer;}
.hhkaobo-download .download-list .download-card img {width: 100%;}
.hhkaobo-download .download-list .download-card p {padding: 0 10px;}
.hhkaobo-download .download-list .download-card .price {color: #DD3333;font-size: 24px;font-weight: bold;margin: 10px 0 5px 0;}
.hhkaobo-download .download-list .download-card .text {line-height: 24px;height: 48px;position: relative;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 15px;}
.hhkaobo-download .download-list .download-card .text a:hover {color: #DD3333;}
.hhkaobo-download .download-list .download-card:hover .text a {color: #DD3333;}
.hhkaobo-download .adv-card img {width: 100%;}
.hhkaobo-download .adv-card-2 {text-align: center;border: 1px solid #E5E5E5;cursor: pointer;margin-top: 20px;}
.hhkaobo-download .adv-card-2 a {display: inline-block;color: #428bca;line-height: 40px;}
.hhkaobo-download .adv-card-2:hover a {color: #2a6496;text-decoration: underline;}
.download-type-list {padding: 20px 20px 10px 20px;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);margin: 20px 0;}
.download-type-list ul li {display: inline-block;margin-bottom: 10px;}
.download-type-list ul li a {color: #428bca;cursor: pointer;display: block;padding: 0 15px;line-height: 20px;}
.download-type-list ul li a:hover {color: #2a6496;text-decoration: underline;}
.download-type-list .type-this a {color: #FF6600;}
.download-type-list .type-this a:hover {color: #B74B00;}

/*下载详情页*/
.hhkaobo-download-detail {padding: 60px 0 160px 0;}
.hhkaobo-download-detail .breadcrumb {margin: 20px 0;}
.hhkaobo-download-detail .layui-breadcrumb a:hover {color: #0099FF !important;}
.hhkaobo-download-detail .layui-breadcrumb a cite {color: #FF6600;}
.hhkaobo-download-detail .download-info-card {background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-download-detail .download-info {padding: 20px;}
.hhkaobo-download-detail .download-info img {width: 100%;}
.hhkaobo-download-detail .download-info h2 {font-weight: bold;padding-top: 10px;}
.hhkaobo-download-detail .download-info p {color: #777777;line-height: 30px;}
.hhkaobo-download-detail .download-info p a {color: #DD3333;cursor: pointer;}
.hhkaobo-download-detail .download-info p a:hover {text-decoration: underline;}
.hhkaobo-download-detail .download-info .t-btm {font-weight: normal;width: 90px;background: #DDDDDD;display: block;height: 3px;margin: 15px 0;box-sizing: border-box;}
.hhkaobo-download-detail .download-info .price {font-size: 26px;font-weight: bold;color: #DD3333;}
.hhkaobo-download-detail .download-info .price span {font-size: 14px;color: #777777;text-decoration: line-through;font-weight: normal;}
.hhkaobo-download-detail .download-info .btn {margin-top: 30px;}
.hhkaobo-download-detail .download-info .layui-tab {margin-top: 30px;}
.hhkaobo-download-detail .download-info .layui-tab img {width: auto;}
.hhkaobo-download-detail .download-info .layui-tab-title li {line-height: 70px;font-weight: bold;color: #777777;}
.hhkaobo-download-detail .download-info .layui-tab-title li span {margin-left: 5px;}
.hhkaobo-download-detail .download-info .layui-tab-title {border-top: 1px solid #DD6363;height: 70px;}
.hhkaobo-download-detail .download-info .layui-tab-brief > .layui-tab-title .layui-this {color: #DD6363;line-height: 70px;}
.hhkaobo-download-detail .download-info .layui-tab-brief > .layui-tab-title .layui-this:after {border-top: 2px solid #DD6363;border-bottom: none;}
.hhkaobo-download-detail .adv-card img {width: 100%;background: #FFFFFF;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.hhkaobo-download-detail .down-list {width: 100%;border: 1px solid #E9E9E9;margin-top: 20px;}
.hhkaobo-download-detail .down-list th {background: #F6F9FF;color: #868792;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #E9E9E9;}
.hhkaobo-download-detail .down-list th:last-child {text-align: center;}
.hhkaobo-download-detail .down-list td {line-height: 40px;padding: 0 20px;border-bottom: 1px solid #E9E9E9;}
.hhkaobo-download-detail .down-list td:last-child {text-align: center;}
.hhkaobo-download-detail .down-list td a {display: inline-block;background: #DC4D41;color: #FFFFFF;line-height: 25px;padding: 0 5px;cursor: pointer;}
.hhkaobo-download-detail .down-list td a i {line-height: 25px;}
.hhkaobo-download-detail .down-list td a i:before {top: 1px;position: relative;}
.hhkaobo-download-detail .down-list td a:hover {opacity: 0.8;}

.user-question {padding: 84px 0 164px 0;}
.user-question .u-card {margin-top: 20px;background: #FFFFFF;padding: 15px;box-shadow: 0 1px 5px rgba(0, 103, 255, 0.2);}
.user-question .layui-colla-title {background: #F6F9FF;font-weight: bold;}
.user-question .u-table .que-item {border: 1px solid #E9E9E9;margin-bottom: -1px;}
.user-question .u-table .que-item td {padding: 20px;}
.user-question .img-list {max-width: 212px;height: 100px;overflow-x: auto;white-space:nowrap;}
.user-question .img-list img {display:inline-block;width: 80px;height: 80px;margin: 0 5px;border: 1px solid #E9E9E9;}
.user-question .no-data {display: none;}
.user-question .no-data td {padding: 20px;text-align: center;border: 1px solid #E9E9E9;}
.user-question .no-data td a {color: #428bca;cursor: pointer;}
.user-question .no-data td a:hover {color: #2a6496;text-decoration: underline;}
.user-question .img-add {display: block;float: left;border: 1px dashed #757575;text-align: center;cursor: pointer;margin-right: 15px;color: #757575;width: 144px;height: 149px;line-height: 149px;}
.user-question .img-add:hover {opacity: 0.7;}
.user-question .img-add i {display: inline-block;margin: 0;font-size: 64px;}
.user-question .img-add img {width: 100%;height: 100%;margin-bottom: 1px;}
.user-question .no-auth {text-align: center;}
.user-question .d-img img {width: 80px;height: 80px;border: 1px dashed #757575;margin-right: 15px;}
.user-question .d-answer {padding: 9px 0;line-height: 20px;}

/*听课记录页面*/
.user-lesson-record {padding: 84px 0 164px 0;}
.user-lesson-record .user-card-title:not(:first-child) {margin-top: 20px;}
.user-lesson-record .lesson-item {position: relative;}
.user-lesson-record .lesson-item img {width: 100%;height: 130px;border-radius: 5px;cursor: pointer;margin-bottom: 10px;}
.user-lesson-record .lesson-item img:hover + .play-btn {display: block;}
.user-lesson-record .lesson-item .play-btn {display: none;position: absolute;left: 10px;top: 10px;width: calc(100% - 20px);height: 130px;line-height: 130px;border-radius: 5px;background: rgba(0, 0, 0, .5);text-align: center;cursor: pointer;}
.user-lesson-record .lesson-item .play-btn i {color: #FFFFFF;font-size: 64px;margin-right: 0;}
.user-lesson-record .lesson-item .play-btn:hover {display: block;}
.user-lesson-record .lesson-item .play-title {display: block;cursor: pointer;margin-bottom: 10px;line-height: 20px;height: 40px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.user-lesson-record .lesson-item .play-title:hover {color: #FF0000;}
.user-lesson-record .lesson-item .play-del {float: right;cursor: pointer;}
.user-lesson-record .lesson-item .play-del i {margin-right: 0;}
.user-lesson-record .lesson-item span {color: #999999;font-size: 12px;}
.user-lesson-record .load-more {text-align: center;}
.user-lesson-record .load-more a {text-decoration: underline;color: #999999;cursor: pointer;}
.user-lesson-record .load-more a:hover {opacity: .8;}

/*招生简章*/
.hhkaobo-announce {padding: 72px 0 186px 0;}
.hhkaobo-announce .college-table > table {width: 1170px; border-right:2px solid #D36C26; border-bottom:2px solid #D36C26;}
.hhkaobo-announce .college-table > table td{border-left:2px solid #D36C26;border-top:2px solid #D36C26; font-size: 24px; font-weight: 400; color: #515151; height: 46px; text-align: center;}
.hhkaobo-announce .college-table > table thead {border-left:2px solid #D36C26;border-top:2px solid #D36C26; background: #FFB895; font-size: 58px; font-weight: bold; color: #CD0E14; height: 98px;}
.hhkaobo-announce .college-table .tr-bg {background: #fef5f1;}
.hhkaobo-announce .college-table .td-first {background: #FFB895; font-size: 31px; font-weight: 500; color: #CD0E14;}
.hhkaobo-announce .adv-card {margin-bottom: 20px; margin-top: 20px;}
.hhkaobo-announce .adv-card a {cursor: pointer;}
.hhkaobo-announce .adv-card img {width: 1170px;}
.hhkaobo-announce .content-card {margin-bottom: 40px;}
.hhkaobo-announce .content-card .content-title {text-align: center;}
.hhkaobo-announce .content-card .content-title * {margin-bottom: 15px;}
.hhkaobo-announce .content-card .content-title h1 {font-weight: bold;}
.hhkaobo-announce .content-card .content-title .layui-input {height: 30px;}
.hhkaobo-announce .content-card .content-title .layui-btn {height: 30px;line-height: 30px;}
.hhkaobo-announce .product-list img {width: 100%;}
.hhkaobo-announce .product-list .product-item {border: 1px solid #E5E5E5;cursor: pointer;background: #FFFFFF;overflow: hidden;}
.hhkaobo-announce .product-list .product-item:hover {box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);}
.hhkaobo-announce .product-list .product-item:hover p {color: #DD4F43;}
.hhkaobo-announce .product-list .product-item p {margin: 10px 0;padding: 0 10px;}
.hhkaobo-announce .product-list .product-item p:last-child {color: #DD4F43;font-size: 24px;}

/*预约辅导*/
.user-coach-reserve {padding: 84px 0 164px 0;}
.user-coach-reserve .tips-panel > span{color: #ff6532;}
.user-coach-reserve .tips-panel > a{color: #0099ff;}

/*辅导记录*/
.user_center .user-right-ctt .user-coach-record-item {position: relative;padding: 20px 0;border-bottom: 1px solid #E7E7E7;}
.user_center .user-right-ctt .user-coach-record-item:first-child {margin-top: -20px;}
.user_center .user-right-ctt .user-coach-record-item p {line-height: 36px;margin-right: 240px;color: #8A9BAF;}
.user_center .user-right-ctt .user-coach-record-item p:first-child {font-size: 18px;color: #333333;}
.user_center .user-right-ctt .user-coach-record-item p:first-child i {width: 40px;line-height: initial;color: #0099FF;margin: 0;text-align: center;}
.user_center .user-right-ctt .user-coach-record-item p span {margin-right: 15px;}
.user_center .user-right-ctt .user-coach-record-item p span:first-child {color: #9d9d9d;margin-left: 12px;}
.user_center .user-right-ctt .user-coach-record-item .item-tool {position: absolute;right: 0;top: 20px;line-height: 72px;}
.user_center .user-right-ctt .user-coach-record-item .item-tool button:first-child {border: none;color: #8A9BAF;}
.user_center .user-right-ctt .user-coach-record-item .item-tool button:first-child:hover {text-decoration: underline;}
.user_center .user-right-ctt .user-coach-record-item [data-expend="true"] {display: none;}