/* common */
.expe-banner{ width: 100%; height: 500px; position: relative; }
.expe-banner img{ width: 100%; height: 100%; }
.expe-banner .bg{ position: absolute;top:0; left:0; background-color:rgba(0 , 0 , 0 , .2); width: 100%; height: 100%; }
.expe-banner .context{ width: 1100px; height: 250px; position: absolute; top:50%; left: 50%; margin-top: -125px; margin-left: -550px; }
.expe-banner .title{width: 100%;text-align: center;font-size: 44px;color: #fff;line-height: 60px;margin-bottom: 40px;}
.expe-banner .someinfo{ width: 100%; height: 18px; line-height: 16px; text-align: center;margin-bottom: 50px; }
.expe-banner .someinfo .info{ display: inline-block; margin-right: 90px; color: #fff; font-size: 18px; line-height: 1; }
.expe-banner .someinfo .info:last-child{ margin-right: 0; }
.expe-banner .someinfo .info .dian{ display: inline-block; width: 14px; height: 14px; margin-right: 8px; border-radius: 50%; background-color: #2fab99; }
.expe-banner .someinfo .info .assess-score{ display: inline-block; vertical-align: bottom; margin-bottom: 0; }
.expe-banner .someinfo .info .btn-group.bootstrap-select{ width: auto; max-width: 200px; }
.expe-banner .someinfo .info .btn{ padding: 1px 12px; padding-right: 25px; }
.expe-banner .rela-btn{ width: 100%; text-align: center; margin-bottom: 16px; }
.expe-banner .rela-btn .btn2{ display: inline-block; width: 180px; margin: 0 26px; background-color: #f89b38;  border-radius: 4px; font-size: 18px; color: #fff; line-height: 40px; }
.expe-banner .rela-btn .btn2.not-allow{ background-color: #ccc; color: #999; cursor: no-drop; }
.expe-banner .rela-btn .btn1{ display: inline-block; width: 180px; margin: 0 26px; border-radius: 4px;  border: solid 1px #f89b38; font-size: 18px; color: #f89b38; line-height: 40px; }
.expe-banner .rela-btn .btn1:hover{ background-color: #f89b38; color: #fff; }
.expe-banner .goods-prise{ text-align: center; font-size: 12px; line-height: 30px; margin-bottom: 10px; }
.expe-banner .now-prise{ font-size: 24px; font-weight: bold; color: #f89b38; margin-right: 8px; }
.expe-banner .free-prise{ font-size: 18px; color: #f89b38; margin-right: 8px; }
.expe-banner .normal-prise{ color: rgba(255,255,255,.5); text-decoration: line-through; margin-right: 6px; }
.expe-banner .prise-tips{ color: #fff; }

.head{ width: 100%; height: 60px; background: url("../../images/expe-detail-headnavbg.jpg") 0 0 repeat-x; margin-bottom: 2px; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2); }
.head .context{ width: 1100px; margin: 0 auto; }
.head .nav-btn{ width: 140px; height: 60px; text-align: center; line-height: 60px; font-size: 16px; color: #fff; }
.head .nav-btn.active,.head .nav-btn:hover{ background-color: #fff; color: #333; }
.head .login{ line-height: 60px; font-size: 16px; color: #fff; }
.head1{ width: 100%; height: 60px; display: none; margin-bottom: 2px; }

.showmodule{ display: none; min-height: calc(100% - 720px); }

/*版本提示弹窗*/
.versiontip_bg{ display: none; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: -20px;  background-color: rgba(0,0,0,.5);  z-index: 1000;  overflow-y: auto; }
.versiontip{ position: absolute; top:50%; left:50%; margin-top: -180px; height: 360px; margin-left: -295px; width: 590px; background: #fff; padding: 50px 20px 40px; }
.versiontip .title{ font-size: 24px; line-height: 30px; text-align: center; font-weight: bold; margin-bottom: 40px; }
.versiontip .tiptext{ font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 40px; }
.versiontip .downloadtext{ font-size: 16px; line-height: 26px; color: #666; text-align: center; margin-bottom: 40px; }
.versiontip .downloadtext a{ color: #f89b38; }
.versiontip .btn_box{ text-align: center; }
.versiontip .tipclose{ display: inline-block; width: 150px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background-color: #f89b38; cursor: pointer; text-align: center; }

/*首页*/
.intro{ width: 100%; background-color: #fff; padding:140px 0 110px; }
.intro .context{ width: 1100px; margin: 0 auto; }
.intro .img-box{ position: relative; width: 450px; height: 280px; }
.intro .border{ width: 448px; height: 280px; border: solid 2px #f89b38; position: absolute; top: -30px; left: -32px; }
.intro .intro-img{ position: absolute; top: 0; left: 0; width: 450px; height: 280px; }
.intro .intro-img img{ width: 100%; height: 100%; }
.intro .intro-img video{ width: 100%; height: 100%; background: #000; }
.intro .intro-text-box{ width: 560px; margin-top: -16px; }
.intro .intro-text-box .title{ font-size: 30px; color: #f89b38; line-height: 1; margin-bottom: 30px; }
.intro .intro-text-box .title .english{ text-transform: uppercase; font-size: 12px; }
.intro .intro-text-box .intro-text{ font-size: 16px;  line-height: 26px; height:208px; color: #666666; -webkit-line-clamp:8; margin-bottom: 20px; }
.intro .intro-text-box .intro-text p{ text-indent: 2em; }
.intro .intro-text-box .intro-detail-btn{ font-size: 12px; }
.intro .intro-text-box .intro-detail-btn:hover{ color: #f89b38; }

.catalogue{ width: 100%; background-color: #f2f2f2; }
.catalogue .context{ width: 1100px; margin: 0 auto; }
.catalogue .title{ width: 100%; padding: 56px 100px 0; margin-bottom: 8px; text-align: center; font-size: 30px; color: #f89b38; }
.catalogue .english-title{ font-size: 14px;  color: #f89b38; text-transform: uppercase; text-align: center; margin-bottom: 40px; }
.catalogue .name{ font-size: 18px; text-align: center; margin-bottom: 25px; }
.catalogue .item{ width: 100%; height: 140px; overflow: hidden; margin-bottom: 10px; background-color: #fff; box-shadow: 0px 1px 2px 0px rgba(4, 0, 0, 0.1); border: solid 1px transparent; }
.catalogue .item:hover{ border: solid 1px #f89b38; }
.catalogue .item .leftbg{ width: 70px; }
.catalogue .item .leftbg .top{ float: left; width: 100%; height: 100px;  background-color: #fbc388; }
.catalogue .item .leftbg .bottom{ float: left; width: 100%; height: 40px; background-color: #ffa445; }
.catalogue .item .text-box{ padding: 30px 14px 30px  30px; width: 888px; }
.catalogue .item .text-box .item-name{ width: 100%; font-size: 18px; line-height: 1; margin-bottom: 14px; }
.catalogue .item .text-box .text{ width: 100%; font-size: 14px; line-height: 24px; -webkit-line-clamp:2; }
.rightbg{  width: 140px; height: 140px; overflow: hidden; }
.catalogue .item .iconfont{ float: left; width: 140px; height: 140px; line-height: 140px; text-align: center; font-size: 60px;  background-color: #fff; color: #f89b38; }
.catalogue .item .tostudy{ float: left; width: 140px; height: 140px; line-height: 140px; text-align: center; font-size: 20px;  background-color: #f89b38; color: #fff; }
.catalogue .item:hover .iconfont{ width: 0; }
.catalogue .item-box{ padding-bottom: 70px; }

/*简介*/
.context{ width: 1100px; margin: 0 auto; }
.page_title_box{ position: relative; text-align:center; padding:60px 0 30px; }
.page_title_box:before,.page_title_box:after{ position:relative; top:-20px; content:""; display:inline-block; width:220px; height:1px; background-color:#ccc; }
.page_title_box .text_box{ display:inline-block; margin:0 20px; padding:10px 0; }
.page_title_box .text_box .page_title1{ font-size:18px; line-height:1; margin-bottom:10px; }
.page_title_box .text_box .page_title2{ font-size:12px; line-height:1; color:#999; text-transform:uppercase; }

.main-text{ background-color:#fff; padding:40px 50px 80px; line-height:30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.main-text .info-title{ margin: 20px 0 10px 0; font-size:16px; font-weight: bold; }
.main-text .info-text{ color: #666; }

/*教学团队*/
.speaker-item{ position: relative; width: 320px;  height: 500px; margin-right: 70px; margin-bottom: 30px; }
.speaker-item:nth-child(3n){ margin-right: 0; }
.speaker-item img{  width:200px;  height:200px;  margin-left: 60px;  border-radius: 100px;  border: 1px solid #eee; transition: all ease 300ms; }
.speaker-item .item { width: 320px;  height: 390px; background-color: #fff; border: 1px solid #ccc;  margin-top: -100px; padding: 130px 20px 0; transition: all ease 300ms; }
.speaker-item .item  .name{ font-size: 18px; line-height: 1; overflow: hidden; margin-bottom: 16px; text-align: center; transition: all ease 300ms; }
.speaker-item .item  .charge{ width: 100%; margin-bottom: 20px;  font-size: 12px;  color: #666;  line-height: 20px; /*-webkit-line-clamp: 2;*/ text-align: center; transition: all ease 300ms; }
.speaker-item .text-box{ padding: 0; height: 120px; overflow-y: hidden; transition: all ease 300ms;   }
.speaker-item .item  .text{ font-size: 12px;  color: #666; height: 120px; line-height:20px; -webkit-line-clamp: 6; transition: all ease 300ms; }
.speaker-item .item  .rect{ position: absolute; bottom: 30px; left: 50%; width: 20px; margin-left: -10px; height: 4px;  border-radius: 2px;  background-color: #ccc; transition: all ease 300ms; }

.speaker-item:hover img{position: relative;width: 70px;height: 70px;margin-left: 120px;}
.speaker-item:hover .item{ height: 450px;margin-top: -32px;padding-top: 20px;padding-bottom:10px;}
.speaker-item:hover .name,.speaker-item:hover .charge,.speaker-item:hover .rect{ height: 0; margin: 0; }
.speaker-item:hover .text-box{padding: 10px 0;height: 400px;overflow-y: scroll;}
.speaker-item:hover .text{min-height: 380px;height:auto;-webkit-line-clamp: unset;}

.speaker-item .text-box::-webkit-scrollbar {
    width: 12px;
}
.speaker-item .text-box::-webkit-scrollbar-thumb {
    background-color: #eee;
    -webkit-border-radius: 7px;
    border: 2px solid #fff;
}

/*在线讨论*/
.welcome_text{ font-size: 14px; margin-bottom: 22px; }
.rule_btn:hover{ color: #f89b38; }
.rule_btn{ cursor: pointer; }
.search-box{ text-align: center; }
.search-box .theme_btn{ width: 100px; display: inline-block; height: 30px; line-height: 30px; }
.search-box .search{ position: relative; display: inline-block; margin-right: 10px; }
.search-box .theme-search{ width: 400px; display: inline-block; height: 30px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; }
.search-box .s-result-box{ display: none; position: absolute; top: 30px; left: 0; width: 100%; padding: 10px 0 0; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; border: solid 1px #eee; }
.search-box .s-result-box .s-result{ display: block; font-size: 12px; line-height: 20px; padding: 0 10px; }
.search-box .s-result-box .s-result:hover{ background-color: #eee; }
.search-box .s-result-box .s-result .s-title{ width: 78%; text-align: left; }
.search-box .s-result-box .s-result .s-reply{ color: #999; }
.search-box .s-result-box .s-foot-box{ font-size: 12px; line-height: 30px; color: #999; padding: 0 10px; background-color: #eee; margin-top: 10px; }
.theme-box{ background-color:#fff; padding:30px 40px 80px; margin-bottom: 80px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);  }
.theme{ padding: 20px 0; border-bottom: 1px solid #eee; }
.theme .theme_top{ margin-bottom: 10px; font-size: 14px; }
.theme .theme_top .area_name{ color: #666; margin-right: 10px; }
.theme .theme_top .beTop{ height: 20px; line-height: 20px; padding: 0 10px; background-color: #f89b38; color: #fff; border-radius: 2px; margin-right: 10px; }
.theme .theme_top a:hover{ color: #f89b38; }
.theme .rela_info{ font-size: 12px; color: #999; }
.theme .rela_info .user_img{ margin-right: 5px; }
.theme .rela_info .user_img img{ width:20px;height:20px;border-radius:50%;vertical-align: bottom; }
.theme .rela_info .user_name{ float: left; max-width: 100px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #f89b38; margin-right: 14px; }
.theme .rela_info .time{ margin-right: 14px; }

.content_theme .modal_main_info{ padding: 20px 40px; }
.content_theme .modal_main_info .h_sub_title{ margin-bottom: 16px; }
.content_theme .modal_main_info .form-group{ margin-bottom: 12px; }
.content_theme .modal_main_info .info_title{ margin-right: 20px;  float: left; line-height: 24px; color: #4a3d2f; }
.content_theme .modal_main_info input{ width: 586px; height: 24px; font-size: 14px; padding:0 12px; border: 1px solid #ccc; color: #4a3d2f;  }
.content_theme .modal_main_info .h_bd{ float: left; width: 740px; }
.content_theme .modal_main_info .h_bd .ql-container{ height: 240px; }
.content_theme .modal_main_info .btn_box{ text-align: center; margin-top: 30px; margin-bottom: 10px; }
.content_theme .modal_main_info .btn_box .h_btn_toggle1,.content_theme .modal_main_info .btn_box .h_btn_toggle2{ width: 100px; margin-left: 16px; }

.content_rule .modal_main_info{ padding: 30px; }
.content_rule .modal_main_info .p{ margin-bottom: 20px; font-size: 14px; line-height: 22px; }

/*实验评价*/
.assess-box{ background-color: #fff; padding:20px 40px 80px; margin-bottom: 80px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);  }

.total-score-box{ padding:5px 0; border-bottom: 1px solid #ccc; }
.total-score-box .title{ font-size: 18px; font-weight: bold; line-height: 20px; margin-right: 10px; }
.total-score-box .assess-score{ margin-right: 10px; }
.total-score-box .assess-score li{ float: left; width: 20px; height: 20px; background: url("../../images/assess.png") no-repeat; }
.total-score-box .assess-score li{ background-position: 0 -33px; }
.total-score-box .assess-score li.active{ background-position: 0 -57px; }
.total-score-box .assess-score li.star1{ background-position:-26px -33px; }
.total-score-box .assess-score li.star2{ background-position:-48px -33px; }
.total-score-box .assess-score li.star3{ background-position:-70px -33px; }
.total-score-box .number1,.total-score-box .number2{ font-size:18px; line-height: 20px; color: #f89b38; }
.total-score-box .number3{ margin-left: 10px; }

.myAssessBox{ padding: 30px 0; border-bottom: 1px solid #ccc; }
.myAssessBox .assess-score-box{ margin-bottom: 20px; }
.myAssessBox .assess-score-box .title{ font-size: 18px; line-height: 18px; }

.myAssessBox .assess-score li{ float: left; width: 20px; height: 20px; background: url("../../images/assess.png") no-repeat; }
.myAssessBox .assess-score li{ background-position: 0 -33px; }
.myAssessBox .assess-score li.active{ background-position: 0 -57px; }
.myAssessBox .number1{ font-size: 14px; color: #f89b38; margin-left: 6px; }
.myAssessBox .number2{ font-size: 12px; color: #f89b38; }
.myAssessBox textarea{ width: 100%; height: 100px; background-color: #f5f5f5; padding: 10px; font-size: 16px; line-height: 26px; border-radius: 4px; resize: none; margin-bottom: 20px; }
.myAssessBox .btn-box{ text-align: right; }
.myAssessBox .btn-box .h_btn_toggle1{ margin-left: 20px; height: 30px; line-height: 30px; }

.myAssessedBox{ /*display: none;*/ padding: 30px 0; border-bottom: 1px solid #ccc; }
.myAssessedBox .assess-score-box{ margin-bottom: 20px; }
.myAssessedBox .assess-score-box .title{ font-size: 18px; line-height: 18px; }
.myAssessedBox .assess-score li{ float: left; width: 20px; height: 20px; background: url("../../images/assess.png") no-repeat; }
.myAssessedBox .assess-score li{ background-position: 0 -33px; }
.myAssessedBox .assess-score li.active{ background-position: 0 -57px; }
.myAssessedBox .number1{ font-size: 20px; line-height: 1; margin-left: 10px; color: #f89b38; }
.myAssessedBox .number2{ font-size: 12px; color: #f89b38; }
.myAssessedBox .text-box{ position: relative; padding-left: 10px; padding-right: 70px; }
.myAssessedBox .text{ width: 100%; line-height: 26px; font-size: 16px; }
.myAssessedBox .edit{ position: absolute; top: 0; right: 0; cursor: pointer; color: #999; font-size: 14px; }
.myAssessedBox .edit:hover{ color: #f89b38; }

.assess-box ul{ margin-bottom: 10px; }
.assess{ position: relative; border-bottom: 1px solid #ccc; padding: 30px 0; padding-left: 76px; }
.assess .user_img{ position: absolute; top: 30px; left: 10px; width: 50px; height: 50px; border-radius: 50%; }
.assess-top{ margin-top: 16px;margin-bottom: 6px; line-height: 20px; }
.assess-top .user_name{ font-size: 14px; color: #999; margin-right: 10px; }
.assess-top .assess-score li{ float: left; width: 14px; height: 16px; margin: 2px 1px; background: url("../../images/assess.png") no-repeat; }
.assess-top .assess-score li{ background-position: 0 0; }
.assess-top .assess-score li.r{ background-position:-7px 0; }
.assess-top .assess-score li.active{ background-position: 0 -16px; }
.assess-top .assess-score li.star1{ background-position:-26px -62px; }
.assess-top .assess-score li.star2{ background-position:-46px -62px; }
.assess-top .assess-score li.star3{ background-position:-66px -62px; }
.assess-top .number1{ font-size: 16px; line-height: 20px; margin-left: 10px; color: #f89b38; }
.assess-top .number2{ font-size: 12px; color: #f89b38; }
.assess-title{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.assess-title .beTop{height: 22px;font-size: 14px;line-height: 22px;padding: 0 10px;background-color: #f89b38;color: #fff;border-radius: 2px;margin-right: 10px;}
.assess .rela_info{ font-size: 12px; color: #999; }
.assess .rela_info .learn-time{ margin-right: 20px; }
.assess .rela_info .icon{ display: inline-block; width: 15px; height: 18px; vertical-align: text-bottom; background: url("../../images/assess.png") no-repeat; margin-right: 6px; }
.assess .rela_info .praise{ cursor: pointer; user-select: none; }
.assess .rela_info .praise .icon{ background-position: -38px 1px; }
.assess .rela_info .praise.active .icon{ background-position: -38px -16px; }
.assess .rela_info .accusation{ margin-right: 20px; cursor: pointer; user-select: none; }
.assess .rela_info .accusation .icon{ background-position: -19px 1px; }
.assess .rela_info .accusation.active .icon{ background-position: -19px -16px; }

.assess .rela_info .delete{ margin-right: 20px; cursor: pointer; user-select: none; }
.assess .rela_info .delete .icon{ background-position: -107px 4px; }
.assess .rela_info .delete.active .icon{ background-position: -107px -14px; }
.assess .rela_info .reply{ margin-right: 20px; cursor: pointer; user-select: none; }
.assess .rela_info .reply .icon{ background-position: -89px 4px; }
.assess .rela_info .reply.active .icon{ background-position: -89px -14px; }
.assess .rela_info .totop{ margin-right: 20px; cursor: pointer; user-select: none; }
.assess .rela_info .totop .icon{ background-position: -73px 4px; }
.assess .rela_info .totop.active .icon{ background-position: -73px -14px; }

.rela_info .praise.active,
.rela_info .accusation.active,
.rela_info .delete.active,
.rela_info .reply.active,
.rela_info .totop.active{
    color: #f89b38;
}

.assess .reply_area{ margin-top: 20px; border: 1px solid #ccc; border-radius: 4px; background-color: #f5f5f5; padding: 10px; }
.assess .reply_area .reply-top{ font-size: 14px; line-height: 14px; margin-bottom: 20px; }
.assess .reply_area .reply-text{ font-size: 14px; color: #666; }
.assess .reply_area .reply-time{ color: #999; font-size: 12px; }

.content_accusation .modal_main_info{ padding: 20px 30px; }
.content_accusation .h_radio_group_inline{ margin-bottom: 10px; }
.content_accusation textarea{ width: 100%; height: 140px;line-height: 20px; font-size: 14px; margin-bottom: 20px; border-radius: 4px; resize: none; padding: 10px; border: 1px solid #ccc; }
.content_accusation .btn-box{ text-align: center; }
.content_accusation .btn-box .h_btn_toggle1,
.content_accusation .btn-box .h_btn_toggle2{
    margin-left: 20px; height: 30px; line-height: 30px;
}


/*讨论详情*/
.discuss_detail{ padding: 20px 20px; }