.btn {display: inline-block;color: white;border-radius: 4px;text-align: center;cursor: pointer;}
.noborder {border: none!important;}
.cke_button.cke_button__blockquote {display: none!important;}
/* 活动页面 */
.activity * {box-sizing: border-box;}
.activity .content {overflow: hidden;}
.activity .content .box_left {margin-right: 340px;background: white;padding: 5px;padding-top: 0;border-radius: 4px;}
.activity .content .box_left .filter {margin-bottom: 0;}
.activity .content .box_left .filter ul {font-size: 0;color: #999999;}
.activity .content .box_left .filter ul li {width: 100px; height: 34px;line-height: 34px; display: inline-block;font-size: 18px;text-align: center;border-radius: 20px;}
.activity .content .box_left .filter ul li.active {color: #0cb16d;border: #0cb16d 1px solid;}
.activity .content .box_left .list {overflow: hidden;}
.activity .content .box_left .list li {background: #f6f6f6;width: 270px;height: 360px;margin: 10px 10px 10px 5px;float: left;transition: .5s;overflow: hidden;border-radius: 4px;}
.activity .content .box_left .list li:hover {box-shadow: 0px 2px 5px 0 rgba(0,0,0,.12);}
.activity .content .box_left .list li:hover .act_header img {transform: scale(1.1);}
.activity .content .box_left .list li:hover .act_content h3 {color: #0cb16d;}
.activity .content .box_left .list li:nth-child(3n) {margin-right: 5px;}
.activity .content .box_left .list li .act_header {width: 270px;height: 200px;overflow: hidden;}
.activity .content .box_left .list li .act_header img {width: 100%;height: 100%;transition: all .5s;}
.activity .content .box_left .list li .act_content {padding: 10px 10px 8px;border-bottom: 1px solid #EDEDED;}
.activity .content .box_left .list li .act_content h3 {line-height: 26px;color: #333;font-size: 16px;margin-bottom: 6px;letter-spacing: -0.5px;height: 52px;overflow: hidden;}
.activity .content .box_left .list li .act_content h3 .offline {color: #CB2B36;}
.activity .content .box_left .list li .act_content h3 .online {color: #0cb16d;}
.activity .content .box_left .list li .act_content .date {color: #999;}
.activity .content .box_left .list li .act_footer {text-align: center;height: 60px;line-height: 60px;}
.activity .content .box_left .list li .act_footer .btn {display: inline-block;width: 200px;height: 36px;line-height: 36px;font-size: 16px;color: white;border-radius: 4px;}
.activity .content .box_left .list li .act_footer .btn.unsigned {background: #0cb16d;}
.activity .content .box_left .list li .act_footer .btn.unsigned::after {content: '点击报名';}
.activity .content .box_left .list li .act_footer .btn.signed {background: #7cb940;}
.activity .content .box_left .list li .act_footer .btn.signed::after {content: '已报名';}
.activity .content .box_left .list li .act_footer .btn.stopped {background: #CCCCCC;}
.activity .content .box_left .list li .act_footer .btn.stopped::after{content: '报名截止';}
/* .activity .content .box_left .list li .act_footer .btn.prepared {background: #E65252;}
.activity .content .box_left .list li .act_footer .btn.prepared::after {content: '即将开始';} */

.activity .content .box_right {width: 340px;float: right;padding-left: 10px;}
.activity .content .box_right>div {background: white;padding: 0 10px;border-radius: 4px;}
.activity .content .box_right>div .header {height: 50px;line-height: 50px;padding-left: 10px;padding-right: 5px;border-bottom: 2px solid #efefef;color: #000000;font-size: 18px;font-weight: bold;overflow: hidden;}
.activity .content .box_right>div .header a {font-size: 14px;color: #999999;font-weight: 400;}
.activity .content .box_right>div .header a:hover {color: #0cb16d;}
.activity .content .box_right>div ul li:not(:last-child) {border-bottom: 1px solid #E6E6E6;}
.activity .content .box_right>.notices {margin-bottom:20px;display:none}
.activity .content .box_right>.notices .header i {color: #0cb16d;}
.activity .content .box_right>.notices ul {min-height: 200px;overflow: hidden;}
.activity .content .box_right>.notices ul li {height: 40px;line-height: 40px;color: #999999;padding-left: 10px;transition: 0.5s;}
.activity .content .box_right>.notices ul li .title {display: inline-block;width: 170px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.activity .content .box_right>.notices ul li a:hover {color: #0cb16d;}
.activity .content .box_right>.articles .header i {color: #E65252;} 
.activity .content .box_right>.articles .header a i {color: #0cb16d;font-size: 14px;}
.activity .content .box_right>.articles ul li {padding: 20px 0 10px 10px;color: #999;}
.activity .content .box_right>.articles ul li h3 {font-size: 16px;color: #000;margin-bottom:5px;}
.activity .content .box_right>.articles ul li p {height:auto;overflow: hidden;margin-bottom:5px;}
.activity .content .box_right>.articles ul li .desc {font-size: 12px;}
.activity .content .box_right>.articles ul li .desc img {width: 32px;height: 32px;border-radius: 50%;margin-right: 10px;}
.activity .content .box_right>.articles ul li .desc .name {margin-right: 10px;display: inline-block;width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: sub;}
.activity .content .box_right>.articles ul li a:hover h3 {color: #0cb16d;}

/* 活动详情页 */
.activity_detail * {box-sizing: border-box;}
.activity_detail .content {width: 1000px;margin: 0 auto;padding: 40px 60px;background: white;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.12);border-radius: 4px;}
.activity_detail .content .article h1 {font-size: 24px;font-weight: bold;color: #000;text-align: center;}
.activity_detail .content .article h1 .online {color: #0cb16d;}
.activity_detail .content .article .desc {border-bottom: 1px solid #E6E6E6;padding: 0 20px;height: 30px;line-height: 30px;font-size: 12px;color: #81858A;}
.activity_detail .content .article .desc .name {margin-right: 40px;}
.activity_detail .content .article .article_detail {padding: 30px 20px;}
.activity_detail .sign_btn  {text-align: center;margin: 20px 0 50px;}
.activity_detail .sign_btn .btn {width: 200px;height: 50px;line-height: 50px;font-size: 18px;cursor: pointer;}
.activity_detail .sign_btn .btn.unsigned {background: #0cb16d;}
.activity_detail .sign_btn .btn.unsigned::after {content: '点击报名';}
.activity_detail .sign_btn .btn.signed {background: #7cb940;}
.activity_detail .sign_btn .btn.signed::after {content: '已报名';}
.activity_detail .sign_btn .btn.stopped {background: #CCCCCC;}
.activity_detail .sign_btn .btn.stopped::after{content: '报名截止';}

.activity_detail .content .article .interaction {text-align: center;margin-top: 20px;padding-bottom: 50px;}
.activity_detail .content .article .interaction>div {width: 120px;height: 120px;border-radius: 50%;box-shadow:0px 5px 10px 0px rgba(24,125,197,0.15), 0px -2px 5px 0px rgba(24,125,197,0.04);text-align: center;padding-top: 20px;display: inline-block;position: relative;color: #333;cursor: pointer;}
.activity_detail .content .article .interaction>div:hover {box-shadow:0px 5px 10px 0px rgba(24,125,197,0.6), 0px -2px 5px 0px rgba(24,125,197,0.4);}
.activity_detail .content .article .interaction>div:first-child {margin-right: 180px;}
.activity_detail .content .article .interaction>div i {font-size: 44px;}
.activity_detail .content .article .interaction>div p {font-size: 16px;}
.activity_detail .content .article .interaction .good p::after {content: '点赞'}
.activity_detail .content .article .interaction .good.f p::after {content: '已点赞'}
.activity_detail .content .article .interaction .collect p::after {content: '收藏'}
.activity_detail .content .article .interaction .collect.f p::after {content: '已收藏'}
.activity_detail .content .article .interaction>div.f {color: #418CE2;}
.activity_detail .content .article .interaction>div .mark {color: #EB3535;position: absolute;top: 20px;right: 20px;opacity: 0;}
.activity_detail .content .article .interaction>div .mark.mya {animation: add 1s ease-in;-webkit-animation: add 1s ease-in;}
.activity_detail .content .article .interaction>div .mark.qx {animation: remove 1s ease-in;-webkit-animation: remove 1s ease-in;}
@keyframes add {
  0% {transform: translateY(0px);opacity: 0;}
  50%{transform: translateY(-20px);opacity: 1;}
  100% {transform: translateY(-40px);opacity: 0;}
}
@-webkit-keyframes add {
  0% {transform: translateY(0px);opacity: 0;}
  50%{transform: translateY(-20px);opacity: 1;}
  100% {transform: translateY(-40px);opacity: 0;}
}
@keyframes remove {
  0% {transform: translateY(0px);opacity: 0;}
  50%{transform: translateY(20px);opacity: 1;}
  100% {transform: translateY(40px);opacity: 0;}
}
@-webkit-keyframes remove {
  0% {transform: translateY(0px);opacity: 0;}
  50%{transform: translateY(20px);opacity: 1;}
  100% {transform: translateY(40px);opacity: 0;}
}
/* 相关推荐 */
.activity_detail .recommend {width: 1000px;margin: 40px auto 0;background: white;border-radius: 4px;padding-bottom: 48px;}
.activity_detail .recommend .header {height: 56px;line-height: 56px;padding-left: 20px;border-bottom: 1px solid #E6E6E6;}
.activity_detail .recommend ul {padding: 0 60px;}
.activity_detail .recommend ul li {padding: 20px 0 20px 180px;border-bottom: 1px dashed #E6E6E6;position: relative;height: 144px;}
.activity_detail .recommend ul li .img {width: 140px;height: 104px;position: absolute;top: 20px;left: 20px;}
.activity_detail .recommend ul li .img img {width: 100%;height: 100%;}
.activity_detail .recommend ul li .detail .title {font-size: 20px;font-weight: bold;}
.activity_detail .recommend ul li .detail .title .online {color: #0cb16d;}
.activity_detail .recommend ul li .detail .intro {font-size: 14px;color: #666;margin-top: 4px;height: 42px;overflow: hidden;}
.activity_detail .recommend ul li .detail .desc {color: #81858A;}
.activity_detail .recommend ul li .detail .desc .opers {font-size: 12px;color: #b3b3b3;}
.activity_detail .recommend ul li .detail .desc .opers>span {margin-left: 26px;}


/* 问答 */
.qanda * {box-sizing: border-box;}
.qanda .main_banner .swiper-container {position: relative;}
.qanda .main_banner .swiper-container .user_info {position: absolute;bottom: 0;right: 35px;z-index: 2;width: 262px;height: 222px;background: rgba(255, 255, 255, 0.83);background-size: 100% 100%;padding: 18px 20px 0;text-align: center;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.qanda .main_banner .swiper-container .user_info .img {width: 100px;height: 100px;border-radius: 50%;overflow: hidden;margin: 0 auto 8px;box-shadow: 0 0 0 3px #fff;}
.qanda .main_banner .swiper-container .user_info .img img {width: 100%;height: 100%;}
.qanda .main_banner .swiper-container .user_info p {color: #666;}
.qanda .main_banner .swiper-container .user_info p.name {width: 220px;}
.qanda .main_banner .swiper-container .user_info .detail {position: absolute;bottom: 0;left: 0;height: 54px;width: 100%;background: white;font-size: 0;}
.qanda .main_banner .swiper-container .user_info .detail>div {width: 50%;height: 100%;display: inline-block;overflow: hidden;padding: 10px 0;line-height: 1;}
.qanda .main_banner .swiper-container .user_info .detail>div p:first-child {font-size: 16px;margin-bottom: 8px;}
.qanda .main_banner .swiper-container .user_info .detail>div p:last-child {font-size: 14px;color: #666666;}
.qanda .main_banner .swiper-container .user_info .detail .left {border-right: 1px solid #E6E6E6;}
.qanda .main_banner .swiper-container .user_info .detail .left .nums {color: #FF9A29;}
.qanda .main_banner .swiper-container .user_info .detail .right .nums {color: #0cb16d;}

.qanda .content {overflow: hidden;}
.qanda .content .box_left {margin-right: 340px;background: white;padding: 5px 0;padding-top: 0;border-radius: 4px;}
.qanda .content .box_left .filter {margin-bottom: 0;position: relative;height: 60px;}
.qanda .content .box_left .filter ul {font-size: 0;color: #999999;}
.qanda .content .box_left .filter ul li {width: 100px; height: 34px;line-height: 34px; display: inline-block;font-size: 18px;text-align: center;border-radius: 20px;}
.qanda .content .box_left .filter ul li.active {color: #0cb16d;border: #0cb16d 1px solid;}
.qanda .content .box_left .filter .btn {position: absolute;width: 120px;height: 40px;line-height: 40px;text-align: center;color: white;font-size: 14px;border-radius: 4px;background: #0cb16d;right: 10px;top: 10px;}
.qanda .content .box_right {width: 340px;float: right;padding-left: 10px;}
.qanda .content .box_right>div {background: white;padding: 0 10px;border-radius: 4px;}
.qanda .content .box_right>div .header {height: 50px;line-height: 50px;padding-left: 10px;padding-right: 5px;border-bottom: 2px solid #efefef;color: #000000;font-size: 18px;font-weight: bold;overflow: hidden;}
.qanda .content .box_right>div .header a {font-size: 14px;color: #999999;font-weight: 400;}
.qanda .content .box_right>div .header a:hover {color: #0cb16d;}
.qanda .content .box_right>.courses .header i {color: #8960db;}
.qanda .content .box_right>.courses ul {padding: 10px 0;}
.qanda .content .box_right>.courses ul li {padding: 10px 0;position: relative;}
.qanda .content .box_right>.courses ul li img {width: 310px;height: 172px;}
.qanda .content .box_right>.courses ul li .title {position: absolute;bottom: 10px;left: 0;width: 100%;background: rgba(0, 0, 0, 0.4);height: 40px;line-height: 40px;padding-left: 20px;color: white; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: height 0.5s;}
/* .qanda .content .box_right>.courses ul li a:hover p {padding: 9px 0 9px 20px;height: 84px; line-height: 22px;white-space: normal;overflow: auto;} */

/* 我要提问 */
.qanda_a * {box-sizing: border-box;}
.qanda_a .content {width: 1200px;margin: 0 auto;background: white;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);border-radius: 4px;padding: 16px 0 40px;}
.qanda_a .content h3 {padding-left: 20px;font-size: 16px;font-weight: bold;color: #333;margin-bottom: 33px;}
.qanda_a .content .form .methods .choose {margin-top: 20px;}
.qanda_a .content .form .methods .choose>p {margin-bottom: 20px;}
.qanda_a .content .form .methods .choose ul {font-size: 0;}
.qanda_a .content .form .methods .choose ul li {width: 350px;height: 80px;border: 1px solid #E6E6E6;padding-right: 60px;position: relative;display: inline-block;margin-bottom: 10px;}
.qanda_a .content .form .methods .choose ul li {margin-right: 10px;}
.qanda_a .content .form .methods .choose ul li .left {border-right: 1px solid #E6E6E6;padding-left: 82px;padding-top: 22px;position: relative;height: 100%;overflow: hidden;}
.qanda_a .content .form .methods .choose ul li .left .img {width: 48px;height: 48px;border-radius: 50%;overflow: hidden;position: absolute;top: 16px;left: 20px;}
.qanda_a .content .form .methods .choose ul li .left .img img {width: 100%;height: 100%;}
.qanda_a .content .form .methods .choose ul li .left .detail {font-size: 14px;}
.qanda_a .content .form .methods .choose ul li .left .detail .name {display: inline-block;width: 130px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;}
.qanda_a .content .form .methods .choose ul li .left .detail .desc {font-size: 12px;}
.qanda_a .content .form .methods .choose ul li .left .teacher_intro {width: 100%;height: 100%;background: rgba(0, 0, 0, .7);position: absolute;bottom: -100%;left: 0;transition: all .5s;padding: 5px 10px;}
.qanda_a .content .form .methods .choose ul li:hover .left .teacher_intro {transform: translateY(-100%);}
.qanda_a .content .form .methods .choose ul li .left .teacher_intro p {font-size: 14px;color: white;}
.qanda_a .content .form .methods .choose ul li .right {position: absolute;right: 15px;top: 24px;text-align: center;font-size: 12px;}
.qanda_a .content .form .methods .choose ul li .right .mycheckbox {display: inline-block;width: 14px;height: 14px;border: 1px solid #CCCCCC;position: relative;transition: all .3s;}
.qanda_a .content .form .methods .choose ul li .right .mycheckbox i {color: white;font-size: 10px;position: absolute;top: -1px;left: 0px;}
.qanda_a .content .form .methods .choose ul li .right input:checked+.mycheckbox {border-color: #0cb16d;background: #0cb16d;}
.qanda_a .content .form .methods .choose ul li .right input:checked~p {color: #0cb16d;}
.qanda_a .content .form .btn_area {margin-top: 60px;text-align: center;}
.qanda_a .content .form .btn_area .btn {width: 160px;height: 50px;line-height: 50px;font-size: 18px;background: #0cb16d;}


.sum {position: relative;padding: 50px 70px 40px;text-align: center;}
.sum .img {width: 200px;height: 180px;position: absolute;top: 30px;right: 0;text-align: center;}
.sum .img img {width: 150px;height: 150px;display: block;margin: 0 auto;}
.sum .img .notices {font-size: 12px;}
.sum .contents p {font-size: 18px;text-align: center;}
.sum .contents p i {vertical-align: unset;}
.sum .contents p.count {font-size: 14px;margin: 30px 0;}



/* 问答详情 */
.question * {box-sizing: border-box;}
.question .content {width: 1000px;margin: 0 auto;padding: 40px 60px;background: white;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);border-radius: 4px;}
.question .content .infos {position: relative;}
.question .content .infos .desc {position: relative;}
.question .content .infos .desc .img {display: inline-block;width: 30px;height: 30px;overflow: hidden;border-radius: 50%;margin-right: 10px;vertical-align: middle;}
.question .content .infos .desc .img img {width: 100%;height: 100%;display: block;}
.question .content .infos .desc .author {color: #81858A;font-size: 14px;margin-right: 30px;position: relative;}
.question .content .infos .desc .author::after {content: '';position: absolute;right: -15px;bottom: -10px;height: 30px;border-right: 1px solid #E6E6E6;}
.question .content .infos .desc .author .name {color: #0cb16d;}
.question .content .infos .desc ul {display: inline-block;font-size: 0;}
.question .content .infos .desc ul li {display: inline-block;height: 20px;line-height: 20px;font-size: 12px;color: #0cb16d;background: #E4F1FB;padding: 0 9px;text-align: center;border-radius: 2px;margin-right: 10px;}
.question .content .infos .desc .bounty {position: absolute;top: -20px;right: 60px;font-size: 14px;color: #81858A;text-align: center;}
.question .content .infos .desc .bounty i {font-size: 22px;color: #f1ce3d;line-height: 1;vertical-align: baseline;}
.question .content .infos .desc .bounty i.hide {display: none;}
.question .content .infos .desc .bounty .bounty_sum {font-size: 20px;color: #EC3D41;font-weight: bold;}
.question .content .infos .desc .views {position: absolute;top: -20px;right: 0;font-size: 14px;color: #81858A;text-align: center;}
.question .content .infos .desc .views .count {font-size: 20px;color: #000;font-weight: bold;}
.question .content .infos h1 {margin-top: 20px;font-size: 22px;font-weight: bold;}
.question .content .infos h1.expert_mode {width: 700px;}
.question .content .infos .info {color: #666;}
.question .content .infos .info.expert_mode {width: 700px;}
.question .content .infos .expert_info {position: absolute;top: 50px;right: 0px;text-align: center;color: #999;font-size: 12px;line-height: 1;background: #f6f6f6;padding: 5px;}
.question .content .infos .expert_info .img {width: 80px;height: 80px;overflow: hidden;}
.question .content .infos .expert_info .img img {display: block;}
.question .content .infos .expert_info .expert_duty {margin-top: 5px;}
.question .content .btn_area {margin-top: 36px;}
.question .content .btn_area .btn {width: 120px;height: 40;line-height: 40px;font-size: 16px;background: #0cb16d;}

.question .comment_area {border: none;}
.question .comment_area .pay_div {height: 48px;line-height: 48px;background: #F2F2F2;text-align: center;;}
.question .comment_area .pay_div a {color: #0cb16d;font-size: 14px;}
.question .comment_area .pay_div a i {color: #eca52e;}
.question .comment_area .input_area {padding-left: 0;padding-right: 0;}
.question .comment_area .input_area .input_border {padding: 0;border: none;}
.question .comment_area .comments ul li {padding-left: 64px;}
.question .comment_area .comments ul li .accept_btn {position: absolute;top: 20px;right: 0px;padding: 3px 5px;background: #ff5555;color: white;border-radius: 4px;}
.question .comment_area .comments ul li .accept_btn:hover {background: #ff7070;}
.question .comment_area .comments ul li .accept_btn i {font-size: 18px;vertical-align: bottom;}
.question .comment_area .comments ul li i.accept_tag {position: absolute;top: 0;right: 0px;font-size: 70px;color: #bae3ff;}
.question .comment_area .comments ul li i.accept_tag.hide {display: none;}
.question .comment_area .comments ul li .img {left: 0;}

/* 微课详情页 */
.course_detail * {box-sizing: border-box;}
.course_detail .content {width: 1200px;margin: 0 auto;}
.course_detail .content .course_info {position: relative;overflow: hidden;height: 460px;padding: 30px 15px 30px 750px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);border-radius: 4px;background: white;}
.course_detail .content .course_info .img {position: absolute;top: 30px;left: 15px;width: 720px;height: 400px;overflow: hidden;}
.course_detail .content .course_info .img img {width: 100%;height: 100%;}
.course_detail .content .course_info .img .shade {width: 100%;height: 100%;background: rgba(0, 0, 0, .4);position: absolute;top: 0;left: 0;color: white;}
.course_detail .content .course_info .img .shade i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 70px;}
.course_detail .content .course_info .img .shade span {position: absolute;bottom: 77px;left: 240px;width: 240px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;background: linear-gradient(to right, #7AC5F1, #4CA0FF);border-radius: 6px;display:none}
.togm,.shade span{display:none}
.course_detail .content .course_info .img .shade a {color: inherit;display: block;}
.course_detail .content .course_info h1 {margin:0;font-size: 24px;color: #333;font-weight: bold;}
.course_detail .content .course_info .course_intro {color: #666;line-height:22px;margin-bottom:10px;overflow:auto;height: 130px;/*text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;*/}
.course_detail .content .course_info .teachers .dt {margin-bottom: 5px;color: #666;}
.course_detail .content .course_info .teachers ul {font-size: 0;}
.course_detail .content .course_info .teachers ul li {display: inline-block;text-align: center;margin-right: 10px;margin-bottom: 10px;}
.course_detail .content .course_info .teachers ul li .teacher_img {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
.course_detail .content .course_info .teachers ul li .teacher_img img {width: 100%;}
.course_detail .content .course_info .teachers ul li p {margin-top: -5px;}
.course_detail .content .course_info .teachers ul li p span {font-size: 12px;display: inline-block;background: #59ACE6;border-radius: 6px;color: white;padding: 1px 8px;}
.course_detail .content .course_info .ibtns {font-size: 0;}
.course_detail .content .course_info .ibtns .btn {padding:0 10px;height: 24px;line-height: 24px;font-size: 14px;border-radius: 12px;background: #E4F1FB;color: #0cb16d;cursor: pointer;margin-right: 20px;}
.course_detail .content .course_info .ibtns .active{background:#0cb16d;color:white;}
.course_detail .content .course_info .ibtns .btn:hover{background:#0cb16d;color:white;}
.course_detail .content .course_info .ibtns .btn i {font-size: 14px;}
.course_detail .content .box_down {margin-top:20px;position: relative;min-height: 760px;overflow:hidden}
.course_detail .content .box_down .left_box {background: white;border-radius: 4px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);width: 860px;float: left;}
.course_detail .content .box_down .left_box .tabs {height: 60px;line-height: 60px;overflow: hidden;border-bottom: 1px solid #E6E6E6;}
.course_detail .content .box_down .left_box .tabs ul li {display: inline-block;color: #666;font-size: 16px;width: 128px;position: relative;text-align: center;}
.course_detail .content .box_down .left_box .tabs ul li::before {content: '';position: absolute;border-bottom: 3px solid #0cb16d;width: 0;bottom: 0;left: 50%;transition: all .2s;}
.course_detail .content .box_down .left_box .tabs ul li::after {content: '';position: absolute;border-bottom: 3px solid #0cb16d;width: 0;bottom: 0;right: 50%;transition: all .2s;}
.course_detail .content .box_down .left_box .tabs ul li.active {color: #0cb16d;}
.course_detail .content .box_down .left_box .tabs ul li.active::after,
.course_detail .content .box_down .left_box .tabs ul li.active::before {width: 50%;}
.course_detail .content .box_down .left_box .tab_body {padding: 20px;}
.course_detail .content .box_down .left_box .tab_body.course_index dl:not(:first-child) {margin-top: 20px;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dt {font-size: 20px;color: #333;margin-bottom: 12px;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd {height: 40px;line-height: 40px;padding: 0 20px 0 38px;font-size: 14px;color: #81858A;border-radius: 2px;position: relative;overflow:hidden}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd::before {content: '\e61c';font-family: 'icons';font-size: 18px;position: absolute;top: -1px;left: 10px;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd:hover {background: #E4F1FB;color: #0cb16d;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd .more {text-align: right;width: 120px;height: 100%;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd .locked {margin-right: 30px;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd .locked i {font-size: 18px;line-height: 1;vertical-align: text-bottom;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd .status_text {display: none;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.recently .status_text {display: inline-block;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.recently .status_text {display: inline-block;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd .status {display: inline-block;width: 14px;height: 14px;border-radius: 50%;border: 2px solid #BFC3C7;position: relative;vertical-align: middle;margin: 0 20px;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.doing .status {border-color: #58C94A;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.done .status {border-color: #58C94A;color: #58C94A;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.doing .status::before {content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;top: 3px;left: 3px;background: #58C94A;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.done .status::before {display: none;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd.done .status::after {content: '\eaff';font-family: 'icons';position: absolute;top: 0;left: -1px;font-size: 12px;line-height: 1;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd:hover .status {border-color: #0cb16d;color: #0cb16d;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd:hover .status::before {background: #0cb16d;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd .btn.start {width: 80px;height: 24px;line-height: 24px;border-radius: 12px;background: #0cb16d;display: none;}
.course_detail .content .box_down .left_box .tab_body.course_index dl dd:hover .btn.start {display: inline-block;}
.course_detail .content .box_down .left_box .tab_body.course_intro h2 {font-size: 20px;font-weight: bold;color: #333;margin-bottom: 15px;}
.course_detail .content .box_down .left_box .tab_body.course_intro{color: #81858A;line-height:24px}
.course_detail .content .box_down .left_box .tab_body.attachments ul li {line-height: 38px;overflow: hidden;}
.course_detail .content .box_down .left_box .tab_body.attachments ul li a {color: #81858A;transition: all .5s;display: block;}
.course_detail .content .box_down .left_box .tab_body.attachments ul li a:hover {color: #0cb16d;}
.course_detail .content .box_down .left_box .tab_body.attachments ul li a .type {color: #454545;font-weight: bold;}
.course_detail .content .box_down .left_box .tab_body.attachments ul li a:hover .type {color: #0cb16d;}
.course_detail .content .box_down .left_box .tab_body.attachments ul li a .more {width: 90px;position: relative;padding-left: 24px;text-align: right;}
.course_detail .content .box_down .left_box .tab_body.attachments ul li a .more i {font-size: 16px;position: absolute;top: 0;left: 0;}
.course_detail .content .box_down .left_box .tab_body.comments h3 {font-size: 18px;color: #454545;}
.course_detail .content .box_down .left_box .tab_body.comments .comment_area {border: none;padding-top: 15px;}
.course_detail .content .box_down .right_box {width: 320px;float:right}
.course_detail .content .box_down .right_box .teachers_info {background: white;border-radius: 4px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);}
.course_detail .content .box_down .right_box .teachers_info h3 {text-align: center;font-size: 20px;color: #0cb16d;font-weight: bold;line-height: 60px;border-bottom: 1px solid #EDEDED;}
.course_detail .content .box_down .right_box .teachers_info h3 i {margin-right: 5px;}
.course_detail .content .box_down .right_box .teachers_info ul {padding: 0 20px;}
.course_detail .content .box_down .right_box .teachers_info ul li {padding-top: 26px;}
.course_detail .content .box_down .right_box .teachers_info ul li:not(:last-child) {border-bottom: 1px dashed #E6E6E6;}
.teacher_title{overflow:hidden}
.teacher_more_info{padding:10px;line-height:24px;color:#666}
.course_detail .content .box_down .right_box .teachers_info ul li .img {float: left;margin-right: 12px;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;;}
.course_detail .content .box_down .right_box .teachers_info ul li .img img {width: 100%;height: 100%;}
.course_detail .content .box_down .right_box .teachers_info ul li .text {padding-top: 6px;}
.course_detail .content .box_down .right_box .teachers_info ul li .text h4 {font-size: 18px;color: #333;font-weight: bold;height: 30px;line-height:30px;}
.course_detail .content .box_down .right_box .teachers_info ul li .text p {color: #666;height: 30px;line-height: 30px;}
.course_detail .content .box_down .right_box .more_course_list {background: white;border-radius: 4px;margin-top: 20px;}
.course_detail .content .box_down .right_box .more_course_list .header {height: 50px;line-height: 50px;padding-left: 10px;padding-right: 5px;border-bottom: 2px solid #efefef;color: #000000;font-size: 18px;font-weight: bold;overflow: hidden;}
.course_detail .content .box_down .right_box .more_course_list .header a {font-size: 14px;color: #999999;font-weight: 400;}
.course_detail .content .box_down .right_box .more_course_list .header a:hover {color: #0cb16d;}
.course_detail .content .box_down .right_box .more_course_list ul li:not(:last-child) {border-bottom: 1px solid #E6E6E6;}
.course_detail .content .box_down .right_box .more_course_list .header i {color: #8760E3;}
.course_detail .content .box_down .right_box .more_course_list .header a i {color: #0cb16d;font-size: 14px;}
.course_detail .content .box_down .right_box .more_course_list ul li {height: 90px;padding: 10px;font-size: 12px;color: #999999;}
.course_detail .content .box_down .right_box .more_course_list ul li:not(:last-child) {border-bottom: 1px solid #e6e6e6;}
.course_detail .content .box_down .right_box .more_course_list ul li .img {width: 126px;height: 70px;float: left;margin-right: 10px;}
.course_detail .content .box_down .right_box .more_course_list ul li .img img {width: 100%;height: 100%;}
.course_detail .content .box_down .right_box .more_course_list ul li .text {padding-top: 5px;}
.course_detail .content .box_down .right_box .more_course_list ul li h4 {font-size: 14px;color: #333;width: calc(100% - 136px);transition: all .5s;}
.course_detail .content .box_down .right_box .more_course_list ul li a:hover h4 {color: #0cb16d;}
.course_detail .content .box_down .right_box .more_course_list ul li .teachers {margin-top: 3px;}
.course_detail .content .box_down .right_box .more_course_list ul li .count {margin-top: 5px;}

/* 微课播放页 */
.play  {background: #191919;}
.play * {box-sizing: border-box;}
.play .play_header {height: 60px;background: #1E1E1E;line-height: 60px;}
.play .play_header .back {float: left;width: 60px;height: 100%;text-align: center;background: #1E1E1E;}
.play .play_header .back:hover {background: #666;}
.play .play_header .back i {color: #999;font-size: 30px;}
.play .play_header h1 {font-size: 24px;color: #ABABAB;margin-bottom: 24px;margin: 0 10px;width:700px;display: inline-block;}
.play .play_header h1 .subtitle {font-size: 18px;}
.play .play_header .top_right {padding-top: 10px;padding-right: 20px;line-height: 1;height: 100%;}
.play .play_header .top_right .userInfo {height: 100%;}
.play .play_header .top_right .userInfo .top .img {width: 40px;height: 40px;overflow: hidden;border-radius: 50%;}
.play .play_header .top_right .userInfo .top .img img {display: block;width: 100%;height: 100%;}
.play .play_header .top_right .userInfo .moreInfo {line-height: 30px;left: auto;right: 0;top: 50px;z-index: 9;}
.play .play_header .top_right .userInfo .moreInfo.black {background: #444;border-color: #444;}
.play .play_header .top_right .userInfo .moreInfo.black .info_up {background: #666;}
.play .play_header .top_right .userInfo .moreInfo.black .info_up .img {border-color: #666;}
.play .play_header .top_right .userInfo .moreInfo.black .info_up .img:hover {border-color: #dfc676;}
.play .play_header .top_right .userInfo .moreInfo.black .info_up .name {color: #bbb;}
.play .play_header .top_right .userInfo .moreInfo.black .info_down ul li {border-color: #666;}
.play .play_header .top_right .userInfo .moreInfo.black .info_down ul li a p {color: #808080;}
.play .play_header .top_right .userInfo .moreInfo.black .info_down ul li a:hover p {color: #E86161;}
.play .play_header .top_right .userInfo .moreInfo .img img {display: block;width: 100%;height: 100%;}
.play .play_header .top_right .userInfo .moreInfo .info_up {padding-top: 10px;}
.play .play_header .top_right .userInfo .moreInfo .info_up .text {padding-top: 5px;}
.play .play_header .top_right .userInfo .moreInfo .info_up .text .name {font-size: 16px;margin-bottom: 8px;width: 180px;}
.play .play_header .top_right .userInfo .moreInfo .info_up .text p:nth-child(2) {color: #999;margin-bottom: 5px;}
.play .play_header .top_right .userInfo .moreInfo .info_up .logout {top: 6px;}
.play .play_container {height: calc(100vh - 60px);position: relative;background: #191919;width: 100%;margin: 0 auto;overflow: hidden;padding-bottom: 20px;padding-left: 20px;}
.play .play_container .left_box {height: 100%;padding-top: 24px;width: calc(100% - 440px);}
.play .play_container .left_box .play_area {height: 100%!important;background: #0D0D0D;flex: auto;padding-top: 0!important;display: flex;justify-content: center;align-items: center;}
.play .play_container .right_box {width: 420px;height: calc(100% - 20px); position: absolute;top: 0;right: 0px;padding-top: 24px;padding-right: 20px;}
.play .play_container .right_box .handle {position: absolute;width: 20px;height: 120px;line-height: 120px;left: -20px;top: 50%;transform: translateY(-50%);color: #5E5E5E;border-top-left-radius: 8px;border-bottom-left-radius: 8px;background: #2D2D2D;border-right: 1px solid #242424;cursor: pointer;}
.play .play_container .right_box .handle:hover {background: #484848;}
.play .play_container .right_box .handle i {transform: rotateY(0);transition: all .5s;}
.play .play_container .right_box .handle i.on {transform: rotateY(180deg);}
.play .play_container .right_box .teacher_intro {height: 100px;background: #333333;padding: 20px;}
.play .play_container .right_box .teacher_intro .img {width: 60px;height: 60px;border-radius: 50%;overflow: hidden;float: left;margin-right: 12px;}
.play .play_container .right_box .teacher_intro .img img {width: 100%;height: 100%;}
.play .play_container .right_box .teacher_intro .text {padding-top: 4px;}
.play .play_container .right_box .teacher_intro h3 {color: white;font-size: 16px;}
.play .play_container .right_box .teacher_intro p {color: #808080;}
.play .play_container .right_box .tabs {background: #2D2D2D;height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #242424;font-size: 16px;}
.play .play_container .right_box .tabs .active {display: inline-block;padding: 0 10px;color: #CCCCCC;position: relative;}
.play .play_container .right_box .tabs .active::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 2px solid #2CB9FF;}
.play .play_container .right_box .index_area {background: #2D2D2D;height: calc(100% - 100px);overflow-y: auto;}
.play .play_container .right_box .index_area dl {font-size: 16px;color: #808080;}
.play .play_container .right_box .index_area dl dt {line-height: 40px;padding: 0 14px;color: #ccc;cursor:pointer;}
.play .play_container .right_box .index_area dl dt:hover {color: #0cb16d;}
.play .play_container .right_box .index_area dl dt i {font-size: 18px;}
.play .play_container .right_box .index_area dl dd {position: relative;padding-left: 38px;height: 40px;line-height: 40px;}
.play .play_container .right_box .index_area dl dd.active{background: #1E1E1E;color:#ccc;}
.play .play_container .right_box .index_area dl dd::before {content: '\e61c';font-family: 'icons';font-size: 18px;position: absolute;top: 0px;left: 18px;}
.play .play_container .right_box .index_area dl dd:hover {background: #1E1E1E;color: #ccc;}
.play .play_container .right_box .index_area dl dd .title {display: inline-block;width: 265px;}
.play .play_container .right_box .index_area dl dd .title .themark{position:absolute;right:60px;top:10px;color: orange;border:1px solid orange;padding: 0 10px;border-radius:10px;font-size: 14px;height:20px;line-height:18px}
#index_area_gscroll_content{width:100%}
.play .play_container .right_box .index_area dl dd .duration {vertical-align:top;float:right;margin-right:5px}
.play .play_container .right_box .btns {font-size: 0;height: 50px;line-height: 50px;padding: 0;}
.play .play_container .right_box .btns .btn {display: inline-block;width: 50%;height: 100%;font-size: 14px;color: #666666;cursor: pointer;}
.play .play_container .right_box .btns .active {color:#ea6e00}

.play .play_container .right_box .btns .btn:hover {color: white;}
.play .play_container .right_box .btns .btn:first-child {border-right: 1px solid #242424;}

/* 论坛帖子列表 */
.plate_detail * {box-sizing: border-box;}
.plate_detail {padding-bottom: 40px;overflow: hidden;}
.plate_detail .content {background: white;border: 1px solid #E6E6E6;margin-top:20px;}
.plate_detail .content .plate_header {position: relative;padding: 30px 30px 0 142px;background: #FAFAFA;height: 120px;}
.plate_detail .content .plate_header .img {width: 100px;height: 100px;padding: 3px;position: absolute;top: 10px;left: 20px;background: white;border: 1px solid #E6E6E6;}
.plate_detail .content .plate_header .img img {width: 100%;height: 100%;display: block;}
.plate_detail .content .plate_header .text {font-size: 14px;color: #666666;position: relative;}
.plate_detail .content .plate_header .text .title {font-size: 24px;color: #333;display: inline-block;width: 200px;}
.plate_detail .content .plate_header .text .data {font-size: 14px;color: #999;margin-left: 20px;}
.plate_detail .content .plate_header .text .data span {color: #FF956C;}
.plate_detail .content .plate_header .text .subtitle {margin-top: 10px;width: 755px;}
.plate_detail .content .plate_header .text .plate_btns {position: absolute; top: 0;right: 0;}
.plate_detail .content .plate_header .text .plate_btns .btn {width: 120px;height: 48px;line-height: 48px;font-size: 20px;overflow: hidden;}
.plate_detail .content .plate_header .text .plate_btns .btn a {display: block;color: white;background: linear-gradient(#57e4aa, #0cb16d);}
.plate_detail .content .plate_header .text .plate_btns .btn a:hover {background: linear-gradient(#4cd09a, #0cb16d)}
.plate_detail .content .tabs {height: 48px;border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;}
.plate_detail .content .tabs ul {display: inline-block;height: 100%;}
.plate_detail .content .tabs ul li {float: left;height: 100%;font-size: 16px;color: #333;line-height: 48px;padding: 0 34px;}
.plate_detail .content .tabs ul li.active {background: #E0E0E0;} 
.plate_detail .content .tabs .search_area {position: relative;padding: 8px 10px 0 0;}
.plate_detail .content .tabs .search_area input {height: 32px;line-height: 32px;border: 1px solid #DEDEDE;border-radius: 4px;outline: none;padding: 0 36px 0 5px;}
.plate_detail .content .tabs .search_area i {position: absolute;top: 16px;right: 20px;font-size: 16px;color: #BBBBBB;cursor: pointer;}
.plate_detail .content .box_down {overflow: hidden;}
.plate_detail .content .box_down .left_box {width: calc(100% - 300px);float: left;position: relative;}
.plate_detail .content .box_down .left_box::after {content: '';position: absolute;top: 0;right: 0;height: 100%;border-right: 1px solid #E6E6E6;}

.plate_detail .content .box_down .left_box table {width: 100%;}
.plate_detail .content .box_down .left_box table tr {height: 64px;}
.plate_detail .content .box_down .left_box table tr:hover {background: #fafafa;}
.plate_detail .content .box_down .left_box table tr:not(:last-child) {border-bottom: 1px solid #DEDEDE;}
.plate_detail .content .box_down .left_box table tr td.center {text-align: center;}
.plate_detail .content .box_down .left_box table tr td .views {background: #eaf5f0;color: #0cb16d;width: 50px;height: 24px;display: inline-block;line-height: 24px;text-align: center;border-radius: 2px;vertical-align: middle;}
.plate_detail .content .box_down .left_box table tr td .title_data {display: inline-block;width: 635px;vertical-align: middle;}
.plate_detail .content .box_down .left_box table tr td .title_data .tag {color: white;width: 38px;height: 20px;display: inline-block;line-height: 20px;text-align: center;border-radius: 2px;}
.plate_detail .content .box_down .left_box table tr td .title_data .tag:not(:last-child) {margin-right: 4px;}
.plate_detail .content .box_down .left_box table tr td .title_data .tag:last-child {margin-right: 10px;}
.plate_detail .content .box_down .left_box table tr td .title_data .tag.top {background: #0cb16d;}
.plate_detail .content .box_down .left_box table tr td .title_data .tag.essences {background: #E65252}
.plate_detail .content .box_down .left_box table tr td .title_data .title {font-size: 16px;}
.plate_detail .content .box_down .left_box table tr:hover td .title_data .title {color: #0cb16d;}
.plate_detail .content .box_down .left_box table tr td .author {color: #CCCCCC;font-size: 12px;width: 130px;}
.plate_detail .content .box_down .left_box table tr td .author i {font-size: 14px;}
.plate_detail .content .box_down .left_box table tr td .create_time {color: #CCCCCC;font-size: 12px;}
.plate_detail .content .box_down .left_box table tr td .setting_area {position: relative;height: 64px;line-height: 64px;}
.plate_detail .content .box_down .left_box table tr td .setting_area i {color: #ccc;font-size: 12px;display: none;cursor: pointer;}
.plate_detail .content .box_down .left_box table tr:hover td .setting_area i {display: inline;}
.plate_detail .content .box_down .left_box table tr td .setting_area .menu {position: absolute;top: 30px;right: -64px;z-index: 5;border: 1px solid #E6E6E6;border-radius: 4px;box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .12);background: white;color: #999;overflow: hidden;}
.plate_detail .content .box_down .left_box table tr td .setting_area .menu li {width: 70px;height: 26px;line-height: 26px;text-align: center;transition: color .3s;}
.plate_detail .content .box_down .left_box table tr td .setting_area .menu li:not(:last-child) {border-bottom: 1px solid #E6E6E6;}
.plate_detail .content .box_down .left_box table tr td .setting_area .menu li:hover {color: #0cb16d;}

.plate_detail .content .box_down .right_box {width: 300px;float: right;padding-bottom: 30px;position: relative;}
.plate_detail .content .box_down .right_box::after {content: '';position: absolute;top: 0;left: -1px;height: 100%;border-left: 1px solid #E6E6E6;}
.plate_detail .content .box_down .right_box .personal_info .personal_header {position: relative;padding: 30px 20px 0 128px;height: 140px;}
.plate_detail .content .box_down .right_box .personal_info .personal_header .name {font-size: 14px;color: #444444;}
.plate_detail .content .box_down .right_box .personal_info .personal_header .coins {color: #FF5555;font-size: 14px;margin-top: 10px;}
.plate_detail .content .box_down .right_box .personal_info .personal_header .coins i {font-size: 18px;color: #f1ce3d;vertical-align: baseline;}
.plate_detail .content .box_down .right_box .personal_info .personal_header .img {width: 100px;height: 100px;border-radius: 50%;overflow: hidden;position: absolute;top: 20px;left: 20px;}
.plate_detail .content .box_down .right_box .personal_info .personal_header .img img {display: block;width: 100%;height: 100%;}
.plate_detail .content .box_down .right_box .personal_info .personal_header .duty {color: #999;font-size: 14px;margin-top: 8px;}
.plate_detail .content .box_down .right_box .personal_info .sign_text {padding: 0 20px;color: #999999;font-size: 14px;margin-bottom: 24px;}
.plate_detail .content .box_down .right_box .personal_info ul {overflow: hidden;}
.plate_detail .content .box_down .right_box .personal_info ul li {width: 33.33%;float: left;text-align: center;position: relative;}
.plate_detail .content .box_down .right_box .personal_info ul li:not(:last-child)::after {content: '';position: absolute;top: 6px;right: 0px;height: 40px;border-left: 1px solid #D4D4D4;}
.plate_detail .content .box_down .right_box .personal_info ul li .num {color: #454545;font-size: 16px;margin-bottom: 5px;}
.plate_detail .content .box_down .right_box .personal_info ul li span {color: #808080;}

.plate_detail .content .box_down .right_box .hot_list {padding: 0 10px;margin-top: 30px;}
.plate_detail .content .box_down .right_box .hot_list h3 {height: 48px;line-height: 48px;background: #F5F5F5;color: #333333;font-size: 20px;padding-left: 14px;border: 1px solid #E6E6E6;}
.plate_detail .content .box_down .right_box .hot_list .table_area {padding: 4px;}
.plate_detail .content .box_down .right_box .hot_list table {width: 100%;}
.plate_detail .content .box_down .right_box .hot_list table tr {height: 30px;cursor: pointer;}
.plate_detail .content .box_down .right_box .hot_list table tr td:first-child {width: 30px;}
.plate_detail .content .box_down .right_box .hot_list table tr td .rank {display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;}
.plate_detail .content .box_down .right_box .hot_list table tr td .rank.hot {background: #FF5555;color: white;}
.plate_detail .content .box_down .right_box .hot_list table tr td .title {display: inline-block;width: 180px;vertical-align: middle;}
.plate_detail .content .box_down .right_box .hot_list table tr:hover  td .title {color: #0cb16d;} 
.plate_detail .content .box_down .right_box .hot_list table tr td .views {color: #B3B3B3;}

/* 论坛搜索结果页 */
.bbs_search_result.plate_detail .content .box_down .left_box {width: 100%;}
.bbs_search_result.plate_detail .content .box_down .left_box table thead tr {border-bottom: 1px solid #ddd;}



/* 论坛帖子详情 */
.plate_detail .content .box_down.border {border-top: 1px solid #E6E6E6;}
.plate_detail .content .box_down .left_box .post_detail .detail_header {position: relative;padding: 20px 0 5px 20px;border-bottom: 1px solid #DEDEDE;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .title_data .tag {color: white;width: 38px;height: 20px;display: inline-block;line-height: 20px;text-align: center;border-radius: 2px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .title_data .tag:not(:last-child) {margin-right: 4px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .title_data .tag:last-child {margin-right: 10px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .title_data .tag.top {background: #0cb16d;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .title_data .tag.essences {background: #E65252}
.plate_detail .content .box_down .left_box .post_detail .detail_header .title_data .title {font-size: 16px;font-weight: bold;color: #333;vertical-align: middle;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .post_desc {font-size: 12px;color: #999999;margin-top: 5px;height: 40px;line-height: 40px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .post_desc i {font-size: 12px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .post_desc .author {margin-right: 10px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .post_desc .time {margin-right: 20px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .opers {position: absolute;bottom: 5px;right: 0;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .opers li {text-align: center;float: left;height: 36px;line-height: 36px;font-size: 12px;color: #B3B3B3;width: 85px;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .opers li.t {color: #0cb16d;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .opers li:not(:last-child) {border-right: 1px solid #E6E6E6;}
.plate_detail .content .box_down .left_box .post_detail .detail_header .opers li i {font-size: 16px;vertical-align: top;}
.plate_detail .content .box_down .left_box .post_detail .post_content {padding: 20px;color: #2B3033;border-bottom: 1px solid #E6E6E6;min-height: 300px;}
.plate_detail .content .box_down .left_box .replies {}
.plate_detail .content .box_down .left_box .replies>li {overflow: hidden;border-bottom: 1px solid #EDEDED;}
.plate_detail .content .box_down .left_box .replies>li .user_info {float: left;width: 140px;padding: 20px;position: relative;height: 100%;}
.plate_detail .content .box_down .left_box .replies>li .user_info::after {content: '';position: absolute;top: 0;right: 0;height: 100%;border-right: 1px solid #EDEDED;}
.plate_detail .content .box_down .left_box .replies>li .user_info .img {width: 100px;height: 100px;padding: 3px;background: white;overflow: hidden;}
.plate_detail .content .box_down .left_box .replies>li .user_info .img img {width: 100%;height: 100%;display: block;}
.plate_detail .content .box_down .left_box .replies>li .user_info .identity {text-align: center;margin-top: 5px;}
.plate_detail .content .box_down .left_box .replies>li .user_info .identity .tag {width: 48px;height: 20px;line-height: 20px;display: inline-block;border-radius: 2px;font-size: 12px;color: white;}
.plate_detail .content .box_down .left_box .replies>li .user_info .identity .tag.master {background: #0cb16d;}
.plate_detail .content .box_down .left_box .replies>li .user_info .identity .tag.expert {background: #E65252;}
.plate_detail .content .box_down .left_box .replies>li .user_info .name {color: #0cb16d;text-align: center;margin-top: 5px;word-break: break-all;}
.plate_detail .content .box_down .left_box .replies>li .reply_content {float: right;width: calc(100% - 140px);min-height: 200px;padding: 15px;position: relative;}
.plate_detail .content .box_down .left_box .replies>li .reply_content::before {content: '';position: absolute;top: 0;left: -1px;height: 100%;border-right: 1px solid #EDEDED;}
.plate_detail .content .box_down .left_box .replies>li .reply_content .reply {padding-bottom: 20px;}
.plate_detail .content .box_down .left_box .replies>li .reply_content blockquote {padding: 16px;background: #F5F5F5;border: 1px solid #E6E6E6;margin-left: 0;}
.plate_detail .content .box_down .left_box .replies>li .reply_content .opers {margin-top: 20px;margin-bottom: 60px;text-align: right;font-size: 12px;color: #B3B3B3;}
.plate_detail .content .box_down .left_box .replies>li .reply_content .opers span {margin-left: 20px;}
.plate_detail .content .box_down .left_box .replies>li .reply_content .other_info {color: #b3b3b3;font-size: 12px;}
.plate_detail .content .box_down .left_box .reply_area {margin-top: 15px;padding: 20px;}
.plate_detail .content .box_down .left_box .reply_area .quote {height: 28px;line-height: 28px;color: #999;margin-bottom: 10px;}
.plate_detail .content .box_down .left_box .reply_area .quote .quote_content {display: inline-block;padding: 0 10px;background: #F5F5F5;border: 1px solid #E6E6E6;}
.plate_detail .content .box_down .left_box .reply_area .input_area textarea {width: 100%;height: 100%;border: 1px solid #DEDEDE;border-radius: 4px;padding: 10px;resize: none;}
.plate_detail .content .box_down .left_box .reply_area .reply_btns {text-align: right;}
.plate_detail .content .box_down .left_box .reply_area .reply_btns .btn {width: 72px;height: 28px;line-height: 28px;background: #0cb16d;border-radius: 2px;color: white;margin-top: 15px;}
.plate_detail .content .box_down .left_box .reply_area .quote i {cursor: pointer;font-size: 16px;}


/* 订单确认 */
.order_check * {box-sizing: border-box;}
.order_check .content {width: 1200px;margin: 0 auto;background: white;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);border-radius: 4px;padding: 16px 0 40px;margin-top: 30px;}
.order_check .content h3 {padding-left: 20px;font-size: 16px;font-weight: bold;color: #333;margin-bottom: 33px;}
.order_check .order_detail .form {padding-left: 400px;}
.order_check .order_detail .form .ilabel {padding-left: 80px;}
.order_check .order_detail .form .ilabel .opt {width: 80px;top: 0;}
.order_check .order_detail .form .ilabel .radio_group label {margin-right: 10px;}
.order_check .order_detail .form .ilabel input[type=text] {width: 240px;}
.order_check .order_detail .form .order_detail_btn {margin-top: 60px;padding-left: 70px;}
.order_check .order_detail .form .order_detail_btn .btn {width: 90px;height: 40px;line-height: 40px;}
.order_check .order_detail .form .order_detail_btn .btn.order_cancel {border: 1px solid #dcdfe6;color: #606266;margin-right: 30px;}
.order_check .order_detail .form .order_detail_btn .btn.order_confirm {background: #409eff;color: white;}