html body {
    color: #666;
    font-size: 14px;
    font-family: PingFang SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;
}
em {
    font-style: normal;
    font-weight: normal;
}
div:focus{
    outline:none;
}
.layui-nav{padding:0px !important;}
.success-color{color:#15c288}
.text-center {
    text-align: center;
}
.pr20{padding-right: 20px}
.pl20{padding-left: 20px}
.pb20{padding-bottom: 20px}
.layui-header {height:70px !important;box-shadow:0 0 20px rgba(0,0,0,0.08);background-color:#fff !important}
.logo img {width:180px;margin-top:7px;}
.slide-pic img {width:100%;height:100%;border-radius:8px}
.fixd {position:fixed}
.layui-nav {background-color:#fff}
.layui-nav-item {line-height:70px !important}
.layui-nav .layui-this a {color:#616161 !important;font-size:15px !important}
.layui-nav .layui-nav-item  a {color:#616161 !important;font-size:15px}
.layui-elem-field legend {font-weight:300;color:#313131;font-size:28px;text-align:center;margin-left:30%}
.course-filter {position:relative;min-height:48px;margin:0 0 20px;padding-right:150px}
.layui-field-title {margin-top:0px}
.yxt_nav {margin-bottom:0;padding-left:0;list-style:none}
.yxt_nav>li {margin:0 30px 10px 0;float:left}
.yxt_nav>li>a {position:relative;display:block;padding:10px 15px;color:#616161;border-radius:4px}
.yxt_nav>li.active>a {color:#fff;background:#1890ff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.yxt_nav>li>a:hover {-moz-transition:all .3s ease;-o-transition:all .3s ease}
.yxt_nav>li.active>a {color:#fff;background:#1890ff}
.yxt_btn-bar .active {background-color:#e1e1e1}
.yxt_btn-bar .left-btn {border-radius:4px 0 0 4px}
.yxt_btn-bar .right-btn {border-radius:0 4px 4px 0}
.yxt-course-container {padding-bottom:30px}
.yxt-course-box {}
.yxt-course-box .layui-tab-title .layui-this {background-color:#1890ff;color:#fff}
.yxt-course-box .layui-tab-title li {display:inline-block;height:38px;line-height:38px;padding:0 10px;color:#000;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer;margin-right:7px;margin-left:13px}
.yxt-course-box .layui-tab-title li:hover {background-color:#f5f5f5}
.yxt-course-box .layui-tab-title .layui-this:after {border:none}
.layui-tab-title .layui-this:after {left:18%;width:64%}
.yxt_course-list .yxt_course-item:hover {-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_course-list .yxt_course-item {position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_course-list .yxt_course-item .yxt_course-img {position:relative;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px;height:158px;}
.yxt_course-img .tags {position:absolute;top:0;left:10px}
.yxt_course-img .tags .tag-live {display:inline-block;width:40px;height:50px;background:url('/static/default/img/tag_live.png') no-repeat}
.yxt_course-list .yxt_course-item .yxt_course-img .img-responsive {width:100%;height:100%;padding:10px;display:block;max-width:92%;transition:.8s;-webkit-transition:.8s}
.yxt_course-list .yxt_course-item .title {margin-top:10px;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center}
.yxt_course-list .yxt_course-item .metas {position:relative;padding:10px;color:#c1c1c1;padding-top: 0px;}
.yxt_course-list .yxt_course-item .metas .comment {margin-left:10px}
.yxt_course-list .yxt_course-item .metas .free {float:right;color:#15c288}
.yxt_course-list .yxt_course-item .metas .price {float:right;color:#fd9271;height:20px;line-height:20px;font-size:16px}
.yxt_art_list {margin-top:0px}
.yxt_art_list .yxt_art-item {position:relative;height:135px;z-index:1;padding:10px;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_art_list .yxt_art-item:hover {-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_art_list img {max-width:100%;border-radius: 5px;}
/*教师列表*/
.tea-list .tea-item-wrap {
    padding: 10px 20px 5px;
    position: relative;
    height: 190px;
    border-radius: 8px;
    box-shadow: 0 0 10px #c9c9c9;
    margin-bottom: 38px;
    cursor: pointer;
    background: #fff;
}
.i-tea-pic img {
    width: 80px;
    height: 80px;
    left: 20px;
    top: -20px;
    border-radius: 40px;
    position: absolute;
    transition: -moz-transform 2s ease-out 0s;
}
.tea-list .tea-title {
    padding-left: 110px;
    color: #4D555D;
    font-size: 1.4rem;
    color: rgb(239,108,0);
}
.tea-item-wrap .i-q-txt {
    margin-top:40px;
    height: 70px;
    overflow: hidden;
    color: #666;
    font-size: 1.4rem;
}
.tea-bottom {
    position: relative;
}
.tea-go-icon {
    font-size: 1.2rem;
    position: absolute;
    top: 13px;
    left: 3px;
    color: #fff;
}
.tea-list a:hover{text-decoration:none;}
.tea-list a:hover .tea-item-wrap{background: #3caae3;}
.tea-list a:hover img{transform: rotateZ(360deg)}
.tea-list a:hover .tea-info-txt{color: #fff;}
.tea-list a:hover .tea-title{color: #fff;}
.tea-list a:hover p{color: #fff;}
.yxt-courseinfo {z-index:0;position:relative}
.yxt-courseinfo .yxt-breadcrumb {background:transparent;height:50px;line-height:50px}
.layui-breadcrumb span[lay-separator] {color:#000 !important}
.yxt-courseinfo .yxt-breadcrumb a {color:#000 !important}
.CoursePage_Banner {height:380px;overflow:hidden}
.CoursePage_Banner_Img {position:absolute;z-index:-1;overflow:hidden;height:380px;width:100%}
.CoursePage_Banner_Mask {width:100%;height:380px;background:rgba(0,0,0,0.4);position:absolute;z-index:1}
.CoursePage_Banner_Img img {width:110%;margin-left:-5%;margin-top:-2%;height:120%;overflow:hidden;-webkit-filter:blur(60px);-moz-filter:blur(60px);-ms-filter:blur(60px);filter:blur(60px)}
.yxt-course-before {height:270px;margin:0;background:#fff;border-radius:5px;padding:13px 0 13px 13px}
.yxt-course-before .pic {padding:0;height:270px;}
.yxt-course-before .pic img {width:100%;height:100%;}
.yxt-course-before .info {height:265px;position:relative}
.yxt-course-before .info .course-title {line-height:25px;max-height:52px;text-align:left;color:#444;font-size:25px;overflow:hidden}
.yxt-course-before .info .action {position:absolute;top:20px;right:0;width:160px}
.yxt-course-before .info .action .share {position:absolute;right:96px;height:22px;margin-left:5px;top:2px;font-size:13px}
.yxt-course-before .info .action .share>a {display:block;width:57px;line-height:22px}
.yxt-course-before .info .action .favorite {font-size:13px;position:absolute;right:20px;top:2px;line-height:22px}
.yxt-course-before .info .score {color:#15c288;padding:8px 0 0 40px;margin-bottom:10px;height:32px;line-height:16px;font-size:12px}
.yxt-course-before .info .score span {margin-right:5px;margin-left:0;display:inline-block;float:left}
.yxt-course-before .price-show {background:#fff;padding:5px 0 10px 40px}
.yxt-course-before .info .metas {background:#15c288;height:100px;position:absolute;bottom:0;width:100%}
.yxt-course-before .info .metas li.bd {border-right:1px solid #ddd}
.yxt-course-before .info .metas li {background:#f0f0f0;height:100%;width:25%;float:left;text-align:center;padding:25px 25px 15px}
.yxt-course-before .info .metas li i {font-size:20px;line-height:20px}
.yxt-course-before .info .bot-group {position:absolute;bottom:0px}
.yxt-course-before .info .metas li p {margin:8px 0 0 0}
.yxt-course-before .info .bot {height:80px;border-right:1px solid #ddd;padding-top:15px;text-align:center;background:#f0f0f0}
.yxt-course-before .info .bot i {font-size:20px;line-height:20px}
.yxt-course-before .info .bot p {margin-top:10px;color:#616161}
.yxt-course-before .info .bot-join {background:#1890ff;height:80px;text-align:center}
.yxt-course-before .info .bot-join-btn {color:#fff}
.yxt-course-before .info a {font-size:18px}
.yxt-course-before .info .course-detail {padding:6px}
.yxt-course-before .info .course-detail .free {color:#15c288}
.yxt-course-after {background:#f4f6f8}
.yxt-course-before .info .course-detail-title {margin-top:10px;line-height:20px;margin-left:30px;color:#616161}
.yxt-course-before .info .price {color:#fd9271;font-size:20px}
.yxt-course-before .info .course-detail-price {font-size:30px;color:#fd9271}
.yxt-course-before .info .course-detail-youxiaoqi {color:#616161}
.yxt-course-right {margin-left:26px;width:31%}
.yxt-course-tab-title {height:50px}
.yxt-course-tab-title li {line-height:50px;color:#666;font-size:16px;margin-left:10px}
.yxt_teacher-list .layui-tab-title li {min-width:30px}
.yxt-course-tab-title .layui-this:after {height:51px}
.layui-tab-title {border:none}
.layui-card-header {height:51px;line-height:50px;margin-top:0px;font-size:16px}
.yxt-card-teacher .pic {float:left}
.yxt-card-teacher .pic img {display:block;width:60px;height:60px;border-radius:50%}
.yxt-card-teacher .name {float:left;padding:20px}
.yxt-card-teacher .comment {margin-left:80px;line-height:30px;font-size:14px}
.yxt-card-teacher .comment .user-name {margin:5px;color:#3580DE}
.yxt-card-teacher .comment .comments {height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yxt-card-teacher .brief {padding:10px}
.layui-colla-title {background-color:#f7fbfa}
.yxt-layui-collapse {border-style:none}
.yxt-layui-colla-content {border-color:#fff}
.yxt-layui-colla-item {border-color:#fff}
.yxt-course-brief {line-height:30px;padding:20px;}
.yxt-course-brief img {width:100%}
.yxt-course-seclist li {margin-top:10px;margin-bottom:10px;padding-left:0;list-style-type:none;font-size:14px}
.yxt-course-seclist li:hover {background-color:#f7fbfa}
.yxt-course-seclist li > a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:10px 40px 10px 20px}
.yxt-learn-title {height:60px;background-color:#383838;padding:0 200px 0 60px;position:relative;color:#fff}
.fanhui {height:60px;line-height:60px;font-size:20px;color:#fff}
.yxt-learn-title span {margin-left:20px;height:60px;line-height:60px;font-size:16px}
.video-open-btn {position:absolute;width:50px;height:250px;right:0px;top:50%;margin-top:-125px}
.video-open-btn a {display:block;width:50px;height:60px;margin-bottom:5px;background:#363c40;text-align:center}
.pr {position:relative}
.pa {position:absolute}
.txtOf {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i-art-title {color:#333;font-size:18px}
.in-new-box-list ul li .i-q-txt {height:48px}
.in-new-box-list ul li .i-q-txt p {line-height:24px;height:48px}
.shadow {box-shadow:0px 0px 10px 8px #eaeced}
.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.noboder {border:0px !important}
.txt {height:48px}
.i-q-txt {height:48px;overflow:hidden}
.i-q-txt p {line-height:24px;font-size:12px}
.f-fA {font-family:SimSun}
.tc {text-align:center}
.tag-cloud a {color:#c6c7c9;line-height:25px;display:block;margin:0 0px 7px 0;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.fly-nav-user {position:absolute;top:0;right:0}
.order-nav {margin:0 0 30px 0;font-size:16px;color:#fff;background:#919191;height:46px}
.order-nav .on {background:#1890ff}
.order-nav > div {position:relative;float:left;width:33.3%;text-align:center;line-height:46px;color:#fff;font-size:16px}
.order-nav .on b {border-left-color:#1890ff}
.order-nav > div b {width:0px;height:0px;border:23px solid #fafafa;border-left-color:#919191;font-size:0;line-height:0;position:absolute;top:0px;right:-23px}
.order-nav>div {width:33.333333333%}
.order-nav .on span {border:23px solid #1890ff;border-left-color:#fafafa}
.order-nav span {position:absolute;left:0;top:0px;width:0px;height:0px;border:23px solid #919191;border-left-color:#fafafa;line-height:0}
.payment .check {cursor:pointer;width:150px;height:58px;border:2px solid #e1e1e1;position:relative;text-align:center;font-size:16px;line-height:58px;display:inline-block;margin-right:15px}
.payment .check.active {border:2px solid #1890ff}
.payment .check.active .icon {display:inline}
.payment .check .icon {display:none;background:url('/static/default/img/pay-check-status.png') no-repeat;top:-1px;right:-1px;width:23px;height:26px;background-position:0 -4px;position:absolute;overflow:hidden}
.qrcode-box {text-align:center}
.qrcode {margin-bottom:100px;margin-top:60px}
.payresult {text-align:center;padding-top:100px}
.sucess {font-size:100px;color:#1890ff}
.error {font-size:100px;color:#ff5722}
.mylearn_CoursePage_Banner {height:270px;overflow:hidden}
.mylearn_CoursePage_Banner_Img {position:absolute;z-index:-1;overflow:hidden;height:270px;width:100%}
.mylearn_CoursePage_Banner_Mask {width:100%;height:270px;background:rgba(0,0,0,0.4);position:absolute;z-index:1}
.mylearn_CoursePage_Banner_Img img {width:110%;margin-left:-5%;margin-top:-2%;height:120%;overflow:hidden;-webkit-filter:blur(60px);-moz-filter:blur(60px);-ms-filter:blur(60px);filter:blur(60px)}
.mylearn-course-container {padding-bottom:30px}
.mylearn-course-info {height:190px;position:relative}
.mylearn-course-info .course-title {line-height:25px;max-height:52px;text-align:left;color:#444;font-size:25px;overflow:hidden}
.mylearn-course-info .mylearn-studding {line-height:25px;max-height:25px;text-align:left;color:#444;font-size:16px;overflow:hidden}
.mylearn-course-info .course-progress-box {
    border-bottom: 1px dashed #F2F2F2;
    height: 55px;
}
.mylearn-course-info .title{
    border-bottom: 1px dashed #F2F2F2;
    height: 45px;
}
.mylearn-course-info .course-progress-box .fl {
    line-height: 50px;
    color: #B2B2B2;
}
.mylearn-course-info .course-progress {
    padding: 16px;
    margin-left: 74px;
}
.mylearn-course-info .course-progress .layui-progress {
    border-radius: 0px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mylearn-course-info .course-progress .layui-progress-bar {
    background-color: #7986cb;
    border-radius: 0px;
}
.mylearn-course-info .course-date {
    height: 45px;
    margin: 0 auto;
}
.mylearn-course-info  .course-date .date {
    line-height: 56px;
    color: #B2B2B2;
}
.continue-study {margin-top:170px;border:none}
.xueyuan-list .pic img {display:block;width:40px;height:40px;border-radius:50%}
.course-pic {height:275px;}
.page {text-align:center;margin-bottom:20px;margin-top:20px;}
.down-bg-banner {position:relative;height:420px;background:url(/static/img/down-banner.png) 50% no-repeat;background-color:#fcfcfb;background-size:auto 100%;background-position:50%;}
.down-list h2 {line-height:30px;font-size:28px;color:#111;}
.down-list p {margin-top:5px;line-height:30px;font-size:16px;color:#999;}
.down-style {margin-top:30px;}
.down-list {margin-bottom:60px;margin-top:60px;}
.cuxiao {color:#fd9271;}
.countdown {margin-left:10px;}
.yxt_course-img .layer {padding:60px 70px;background:#040404;background:rgba(4,4,4,0.7);color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;overflow:hidden;}
.yxt_course-img .layer li {margin-bottom:3px;}
.yxt_course-img .layer i {margin-right:10px;}
.yxt_course-img .layer span {color:#1890ff;}
.classroom-tag {position:absolute;top:10px;left:10px;width:70px;height:50px;color:#fff;padding:5px 0 0 6px;overflow:hidden;}
.classroom-tag span {position:relative;z-index:2;}
.classroom-course-list{padding: 0px 20px 20px 20px;}
.hz-triangle:after {content:'';display:inline-block;border:8px solid transparent;position:absolute;}
.classroom-tag:after {border-width:50px;border-left:70px solid #1890ff;left:0;top:-50px;}
.yxt_course-img > a:hover .layer {opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
.class-course-list .course-item {margin-top:30px;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.class-course-list .course-item .media {position:relative;background-color:#f5f5f5;padding:10px;}
.media:first-child {margin-top:0;}
.class-course-list .course-item .media .media-left {padding-right:35px;}
.media-body,.media-left,.media-right {display:table-cell;vertical-align:top;}
.media-body {width:75%;}
.class-course-list .course-item .media .media-left img {width:160px;height:auto;}
.class-course-list .course-item .media .title {margin-right:72px;font-size:18px;margin-bottom:15px;}
.class-course-list .course-item .class-course-price {bottom:10px;line-height:1;color:#666;}
.class-course-list .course-item .class-course-price .origin-price {margin-left:4px;font-size:18px;color:#151515;}
.tl0 {top:0;left:0}
.classroom-live-tag:after {border-width:50px;border-left:70px solid #ff5722;left:0;top:-50px;}
.layui-progress-text {top:5px;}
.study-button {position:absolute;bottom:10px;right:10px;}
.layui-tab-content{padding:0px;}
/*右侧客服*/
.Right-Nav {width:60px;position:fixed;top:50%;right:10px;margin-top:-150px;_position:absolute;-webkit-transition:top .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:99;}
.Right-nav-list ul li {position:relative;height:60px;background: #fff;text-align: center;color:#1890ff;cursor:pointer;line-height:60px;}
.Right-nav-list ul li .layui-icon {font-size:30px;font-weight: 600;}
.Right-nav-list ul li:hover {color:#fff;background: #1890ff;}
.Right-nav-list ul li:hover .r-box {display: block;}
.Right-nav-list ul li a{color:#1890ff;display:block;margin: 0 auto;}
.Right-nav-list ul li a:hover{color:#fff;background: #1890ff;}
.r-box {position:absolute;right:60px;display: none;}
.r-box-border {border-left:4px solid #1890ff;background-color:#fff;color:#1890ff;}
.r-box-border img {width:120px;}
.r-box:after {content: '';position: absolute;width: 0;height: 0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;margin: auto;right:-8px;}
.r-qq .r-box {top:0;}
.r-qq .r-box:after {top: 20px;}
.r-qq .r-box-border {padding:0 15px;display: inline-block;}
.r-qrcode .r-box {top:-40px;}
.r-qrcode .r-box:after {top: 60px;}
.r-qrcode .r-box-border {padding: 10px;}
/*内容页导航*/
.subMenu {height:60px;background: #fff;width: 100%;border-bottom: 1px solid #F2F2F2;}
.subMenu .subNav {display:flex;justify-content:center;align-items: center;font-weight: 400;min-height: 60px;}
.subMenu .subNav ul li {display: inline-block;padding:0 15px;text-align: center;}
.subMenu .subNav ul li a {display: block;margin: 0px;padding:0px;line-height: 56px;}
.subMenu .subNav ul li .active {border-bottom: 4px solid #1890ff;}
.sticky {left:0;top:0;}
.buy {display: none;}
.sticky .buy {display: block;}
.layui-logo img{height:50px;margin-top:8px;}
/*课程列表*/
.course-list h3 {background: #F5F5F5;height:50px;line-height:50px;color:#333;}
.course-list h3 .chapters {display: inline-block;line-height:25px;border-left:4px solid #1890ff;padding:0 15px;}
.course-list ul li {height:60px;line-height:60px;border-bottom: 1px solid #F2F2F2;}
.course-list ul li:last-child {border-bottom:0px;}
.course-list ul li .Sections {display: inline-block;line-height:25px;width:60px;text-align: center;}
.course-list ul li em {margin-left:15px;}
.course-list ul li a {display: block;margin:0 auto;}
/*评价*/
#catalog .layui-card-body {padding:15px 15px 15px 15px;}
#discuss .layui-card-body,
#evaluate .layui-card-body {padding:0 15px;}
#down .layui-card-body,
#tuijian .layui-card-body,
.forum .layui-card-body {padding: 15px;}
.layui-card-body .view a {line-height:60px;color:#1890ff;display: block;margin: 0 auto;}
.evaluate-area {display: flex;padding: 24px 0px 26px;border-bottom: 1px solid #F2F2F2;}
.evaluate-area .tx {display: block;width:80px;height:80px;line-height:80px;}
.evaluate-area .tx img {width:60px;height:60px;border-radius: 50px;}
.evaluate-area .evaluate-class ul li {line-height: 30px;}
.evaluate-area .evaluate-class .star {color:#FFD100;}
.evaluate-area .evaluate-class .content {line-height:20px;}
.evaluate-area .evaluate-class .date {font-size:12px;color:#B2B2B2}
.evaluate-area .evaluate-class .reply {padding:10px 15px;background-color: #f5f5f5;}
.evaluate-area .evaluate-class .reply span {margin:0 2px;}
.evaluate-area .evaluate-class .reply .master {background-color: #1890ff;color: #fff;border-radius: 12px;padding:4px 10px;font-size:12px;}
.evaluate-area .evaluate-class .reply .m-name {color: #1890ff;}
.point-content {
    background-color: #fff;
    padding: 24px;
    margin: 10px;
}
.nodata {color: #B2B2B2;padding: 50px 0;}
.nodata img {width:150px;height:100px;}
.wxts {border: 1px solid #c5cae9;background-color: #e8eaf6;}
.wxts span {display: block;padding:12px;color:#9fa8da;}
/*底部*/
.footer {background:#3f51b5;height:210px;color: #9fa8ca;}
.footer .footer-logo {text-align: left;}
.footer .footer-logo img {width:120px;height:120px;vertical-align:middle;}
.footer .footer-about h3 {color:#F0F0F0}
.footer .footer-about ul,
.footer .footer-wechat ul {font-size:0px;}
.footer .footer-about ul li {display: inline-block;width:40%;text-align: left;font-size:14px;margin-top:14px;}
.footer .footer-wechat ul li {display: inline-block;width:50%;text-align: center;font-size:16px;color:#F0F0F0}
.footer .footer-about ul li a{color:#9fa8ca;;font-size: 12px;}
.footer .footer-wechat .foot-qrcode img {width:85px;height:85px;}
.copyright {background:#1A237E;color: #9fa8ca;text-align: center;height:80px}
.copyright p {font-size:12px;padding:28px 0;line-height:26px;}
.copyright p img {width:20px;}
.copyright a{color: #9fa8ca !important}
.share, .fav-share .fav, .fav-share .qrcode {position:relative;width:90px;height:30px;line-height:30px;}
.share:hover, .fav-share .fav:hover, .fav-share .qrcode:hover {cursor: pointer;}
.share .share-box {width:158px;height:29px;display: none;position: absolute;top:0px;left:70px;background: #f2f2f2;z-index: 1000;}
.share .share-box:after {content: '';position: absolute;width: 0;height: 0;border-top: 5px solid transparent; border-right: 5px solid #f2f2f2; border-bottom: 5px solid transparent;top: 8px;left: -5px;margin: auto;}
.share .share-box a {margin-left:8px;font-size:14px}
.share:hover .share-box {display:block;background: #f2f2f2;}
.share-f{line-height: 30px;height:30px}
.share .classroom-share {width:158px;height:29px;display: none;position: absolute;top:0px;right:35px;background: #f2f2f2;z-index: 1000;}
.share .classroom-share:after {content: '';position: absolute;width: 0;height: 0;border-top: 5px solid transparent; border-left: 5px solid #f2f2f2; border-bottom: 5px solid transparent;top: 8px;right: -5px;margin: auto;}
.share .classroom-share a {margin-left:8px;font-size:14px}
.share:hover .classroom-share {display:block;background: #f2f2f2;}
/*考试前说明*/
.exam-preview .title{height:100px;text-align: center;line-height: 100px;border-bottom: 1px dashed #dedede;font-size:25px;}
.exam-preview .detail{height:130px;padding:30px 0px 30px 0px;text-align: center;}
.exam-preview .detail ul li{height:50px;line-height: 50px;}
.exam-preview .detail ul li .tag{margin-right: 30px;}
.exam-preview .daojishi{text-align: center;height:60px;line-height: 60px;}
.exam-preview .daojishi .tag{font-size: 16px;}
.exam-preview .daojishi .layui-badge{font-size: 16px;height:20px;padding-top:4px;}
/*评测模块*/
.exam{background:#fff;text-align: center;padding:60px 0px 50px 0px;}
.exam .layui-col-md3{padding:5px 30px 5px 30px;}
.exam .layui-col-md3 .p-item-pic {
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
    transition: all .3s;
}
.exam .layui-col-md3 .p-item-pic img {
    transition: all .3s
}
.exam .layui-col-md3:hover .p-item-pic {
    border-color: #188eee
}
.exam .layui-col-md3:hover .p-item-pic img {
    transform: rotateY(180deg)
}
.exam .layui-col-md3 .name {
    margin-top: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 18px;
}
.exam .layui-col-md3 .des {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}
.exam .layui-col-md3 .layui-btn {
    margin-top: 30px;
    width: 150px;
}

.long-nav-main-box {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    height: 100%;
    z-index: 99;
    transform: translate(-50%,0);
    left: 48.5%;
}

.long-nav-group {
	width: 132px;
	position: absolute;
	color: #f7f7f7;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	background: rgba(0,0,0,.6);
}
.long-nav-bg{
	height: 100%;
}

.long-nav {
	background-color: transparent;
	transition: background-color 1s;
	padding: 0 14px;
	padding-right: 6px;
	cursor: pointer;
	display: flex;
	justify-content:space-around;
	height: 35px;
	align-items: center;
}

.long-sub-nav-grop{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    height: 100%;
    min-width: 110px;
	background: rgba(0,0,0,.6);
	writing-mode: vertical-lr;
}
.long-sub-nav-box{
	position: absolute;
	left: 132px;
	top:0;
	height: 100%;
	display: none;
}
.long-sub-nav{
	height: 36.67px;
	line-height: 36.67px;
	text-align: left;
	padding:0 10px;
	 writing-mode: horizontal-tb;
}

.long-sub-nav-a{
	white-space: nowrap;
	color: #f7f7f7;
	display: block;
	height: 100%;
	width:100%;
	flex: 1;
}

.long-nav-group .long-nav:hover .long-sub-nav-box{
	display: block;
}

.long-sub-nav-a:hover{
	color:#f60;
}

.long-nav-group .long-nav:hover{
	background: rgba(0,0,0,.9);
}

.long-nav a .long-nav-name{
    color: #f7f7f7;
}