@charset "UTF-8";

body {
  background-color: #f1f1f1;
}

#imperial_university_banner {
  top: 160px;
}

#imperial_university_banner img {
  width: 100%;
  height: 100%;
}

#imperial_university_banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.meilie_imperial_university_box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 14px;
}

.meilie_imperial_university_box .meilie_imperial_university_header {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_left {
  display: flex;
  flex-direction: row;
  height: 30px;
  align-items: center;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_left .school_icon_img {
  width: 29px;
  height: 23px;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_left .school_txt {
  color: #333333;
  font-size: 15px;
  margin-left: 15px;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_right {
  display: flex;
  flex-direction: row;
  height: 30px;
  align-items: center;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_right .meilie_imperial_university_header_right_list {
  display: flex;
  flex-direction: row;
  height: 30px;
  width: 120px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_right .meilie_imperial_university_header_right_list .document_icon_img {
  width: 20px;
  height: 24px;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_right .meilie_imperial_university_header_right_list .video_icon_img {
  width: 24px;
  height: 17px;
}

.meilie_imperial_university_box .meilie_imperial_university_header .meilie_imperial_university_header_right .meilie_imperial_university_header_right_list .meilie_imperial_university_header_right_list_txt {
  color: #666666;
  font-size: 12px;
  margin-left: 10px;
}

.meilie_imperial_university_box .meilie_imperial_university_content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list {
  width: 50%;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_top {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_top .meilie_imperial_university_content_list_top_left {
  color: #333333;
  font-size: 10px;
  margin-left: 10px;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_top .meilie_imperial_university_content_list_top_right {
  color: #FB9BFF;
  font-size: 10px;
  cursor: pointer;
  margin-right: 10px;
  cursor: pointer;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_bottom {
  width: 100%;
  height: 140px;
  display: flex;
  flex-direction: row;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_bottom .document_default_img {
  width: 200px;
  height: 140px;
  margin-left: 10px;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_bottom .meilie_imperial_university_content_list_bottom_right {
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-left: 10px;
  margin-right: 10px;
}

.meilie_imperial_university_box .meilie_imperial_university_content .meilie_imperial_university_content_list .meilie_imperial_university_content_list_bottom .meilie_imperial_university_content_list_bottom_right .meilie_imperial_university_content_list_bottom_right_list {
  color: #C81725;
  font-size: 10px;
}

.xblock_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.xblock_box .layui-input {
  border: 1px solid #C81725;
  border-radius: 7px;
}

.xblock_box .layui-input-inline {
  margin: 0 10px;
}

.serch_sel_box {
  padding: 10px;
  border-radius: 14px;
}

.meilie_imperial_university_document_list {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.meilie_imperial_university_document_list .meilie_imperial_university_document_list_title {
  color: #333333;
  cursor: pointer;
}

.meilie_imperial_university_document_list:hover .meilie_imperial_university_document_list_title {
  color: #C81725;
}

.meilie_imperial_university_document_list .meilie_imperial_university_document_list_title {
  color: #333333;
}

.imperial_university_show_title {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.imperial_university_show_info {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.imperial_university_show_info .imperial_university_show_info_list {
  color: #666666;
  font-size: 10px;
  margin-left: 40px;
}

.imperial_university_show_info .imperial_university_show_info_list:first-child {
  margin-left: 0;
}

.imperial_university_show_content {
  width: 100%;
  margin-top: 30px;
}

.imperial_university_show_content pre {
  width: 100%;
  line-height: 16px;
  color: #333;
}

.imperial_university_show_btns {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}

.imperial_university_show_btns .imperial_university_show_collection_btn {
  background-color: #FB9BFF;
}

.imperial_university_show_instructions {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.meilie_imperial_university_video_box {
  padding: 10px;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 14px;
  flex-wrap: wrap;
}
.meilie_imperial_university_video_box .meilie_imperial_university_video_list{
	width: 204px;
	display: flex;
	flex-direction: column;
	margin: 10px;
	cursor: pointer;
}
.meilie_imperial_university_video_box .meilie_imperial_university_video_list .video_default_img{
	width: 100%;
	height: 141.67px;
}
.meilie_imperial_university_video_box .meilie_imperial_university_video_list .meilie_imperial_university_video_list_title{
	width: 100%;
	color: #333333;
	margin: 10px 0;
}
.meilie_imperial_university_video_box .meilie_imperial_university_video_list:hover .meilie_imperial_university_video_list_title{
	color: #C81725;
}