@import url("../font/iconfont.css");

.no_margin{
	margin:0!important;
}
.no_padding{
	padding:0!important;
}
.empty_tip{
	font-size:14px;
	color:#cccccc;
	width: 100%;
	text-align:center;
	padding:40px 0;
}
.user_item{
	display:flex;
	align-items: center;
}
.user_item .headimg{
	width: 60px;
	height: 60px;
	border-radius:50%;
	overflow:hidden;
}
.user_item .headimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.user_item.user_item2{
	display:flex;
	align-items:center;
}
.user_item.user_item2 .headimg{
	margin-right: 12px;
}
.container{
	width: 1200px;
	margin: 0 auto;
}

.container_flex{
	display:flex;
}
/*左右结构*/
.container_flex .container_left{
	width:796px;
	margin-right:20px;
}
.container_flex .container_right{
	width:384px;
}
/*左中右结构*/
.container_flex_box3 .container_item{
	width:340px;
	margin-right:20px;
}
.container_flex_box3 .container_item:last-child{
	margin-right: 0;
}
.container_flex_box3 .container_item:nth-child(2){
	flex:1;
}
.img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 状态提示 */
.page_msg_box{
	background:#fff;
	padding:20px; 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
	border-radius: 5px; 
	width: 400px; 
	margin:100px auto;
	text-align:center;
}
.page_msg_box .message{
	font-size:16px;
	color:#333333;
	margin-bottom:10px;
}
.page_msg_box .jump_txt{
	color:#999999;
	font-size:14px;
	margin-bottom:10px;
}
.page_msg_box .box_btm{
	text-align:center;
}
.page_msg_box .box_btm a{
	
}

/*tab模块*/
.tab_box{
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
}
.tab_box .tab_head{
	border-bottom: solid 1px #e5e5e5;
}
.tab_box .tab_head.flex{
	display:flex;
	justify-content:space-around;
}
.tab_box .tab_head .item{
	display:inline-block;
	margin:0 30px;
	line-height:68px;
	font-size:16px;
	color:#9b9b9b;
	position:relative;
}
.tab_box .tab_head .item:hover, .tab_box .tab_head .item.active{
	color:#c100a8;
}
.tab_box .tab_head .item:hover::after, .tab_box .tab_head .item.active::after{
	content:"";
	width:100%;
	height:4px;
	border-radius:2px;
	background:#c100a8;
	position:absolute;
	left:0;
	bottom:0;
}
.tab_box .tab_con .tab_con_item{
	display:none;
}
.tab_box .tab_con .tab_con_item.active{
	display:block;
}

/*列表分页样式*/
.pager{
	clear:both;
	color:#999;
	padding: 70px 0px 30px;
	font-size:14px;
	text-align: center;
}

/*.pager a,.pager span.curr{ min-width:32px; width:auto;}*/
.pager a,.pager span.disabled,.pager span.curr{
	display: inline-block; min-width: 32px;  width:auto; height: 32px; line-height: 32px; color: #6d6d6d; font-size: 14px; border:1px solid #dedede;background-color: #fff; margin: 0 5px; vertical-align: top; padding: 0 8px;box-sizing:border-box; border-radius:5px;
}

.pager span.disabled{
	color: #6d6d6d; background-color: #FFF;
}
.pager span.curr{
	color: #ffffff; background-color: #c100a8; border-color: transparent;
}
.pager a:hover{
	color: #ffffff; background-color: #a0009e; border-color: transparent;
}
.pager span.normalsize{
}
.pager span.totalText{ margin-left: 15px; *display:inline; *zoom:1;}
.pager .goPageBox #kkpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
	margin-left: 10px;
}
.pager .goPageBox #kkpager_btn_go {
	display: inline-block; width:32px; height: 32px; line-height: 32px; color: #6d6d6d; font-size: 14px;  background-color: #ffffff; margin: 0 5px; vertical-align: top;
	cursor: pointer; border:1px solid #dedede;padding: 0;
}
.pager .goPageBox #kkpager_btn_go_input{
	display: inline-block; width: 30px; color:#6d6d6d; height: 30px; line-height: 32px;  margin: 0 5px; text-align: center; border: solid 1px #dedede; font-size: 14px; background-color: #fff; vertical-align: top;padding:0;
}

.pager .goPageBox #kkpager_btn_go_input.focus{
	border-color:#dc2396;
}

.pager .pageBtnWrap{
	display: inline-block;
}
.pager .infoTextAndGoPageBtnWrap{
	color:#6d6d6d; font-size: 14px;
	display: inline-block; vertical-align: top;
	height:32px; line-height: 32px; *display:inline; *zoom:1;
}
.pager .spanDot{
	display: inline-block;
	margin-right:5px;
	margin-top:13px;
}

.pager .currPageNum{
	color:#a0009e;
	margin:0 2px;
}

.pager .infoTextAndGoPageBtnWrap{

}

/* 弹窗样式 */
.modal_panel{
	position: fixed;
	top:0;
	left:0;
	z-index:500;
	width:100%;
	height:100%;
	display:none;
	align-items: center;
	justify-content: center;
}
.modal_panel .modal{
	position: relative;
	z-index:110;
	width:600px;
	max-width:90%;
	max-height:80%;
	height:800px;
	overflow: auto;
}
.modal_panel .modal .modal_con{
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
	border-radius:8px;
	background:#ffffff;
	display:flex;
	flex-flow:column;
	position:relative;
}
.modal_panel .modal .modal_con .modal_header{
	font-size:18px;
	padding: 0 30px 20px 30px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.modal_panel .modal .modal_con .close_btn{
	position:absolute;
	right: 10px;
	top: 10px;
	width:40px;
	height: 40px;
	background:url('../image/icon/icon_close.png') no-repeat;
	background-size: 32px auto;
	background-position:center;
	cursor: pointer;
	border-radius: 100%;
}
.modal_panel .modal .modal_con .close_btn:hover {
    background-color: #eaeaea;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
}

.modal_panel .modal .modal_con .modal_body{
	font-size:14px;
	color:#666666;
	padding:20px 0;
	overflow-y: auto;
	flex:1;
	
	scrollbar-color: #dddddd #f7f7f9;

	/* 火狐浏览器滚动条宽度有三种 thin auto none*/
	/* thin 很细 */
	/* auto 默认 */
	/* none 将滚动条隐藏 */
	scrollbar-width: thin;
}

.modal_panel .modal .modal_con .modal_body::-webkit-scrollbar {/*滚动条整体样式*/
	width: 9px;
	height: 6px;
	background-color: #dddddd;
}
.modal_panel .modal .modal_con .modal_body::-webkit-scrollbar-thumb {/*滚动条整体样式*/
	background-color: #dddddd;
	border-radius: 5px;
}
.modal_panel .modal .modal_con .modal_body::-webkit-scrollbar-track {/*滚动条里面轨道*/
	background: #f7f7f9;
}

.modal_panel .modal .modal_con .modal_body .content{
	white-space: pre-wrap;
}
.modal_panel .modal .modal_con .modal_footer{
	display:flex;
	flex-flow:wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-top: 1px solid #eaeaea;
	font-size:14px;
	color:#333333;
}
.modal_panel .mask{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 100;
	background:rgba(0,0,0,0.5);
}

/* 统一的详情页 */
.container_detail{
	display:flex;
	flex-flow: wrap;
}
.container_detail .container_left{
	width:796px;
	margin-right:20px;
}
.container_detail .container_right{
	width:384px;
}
.container_detail .left_btn{
	position:fixed;
	top:50%;	    
	transform: translate(0, -50%);
    display: flex;
    flex-flow: column;
    margin-left: -80px;
}
.container_detail .left_btn a{
	display:flex;
	align-items:center;
	height:52px;
	background:#ffffff;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	width:52px;
	padding-left:52px;
	background-repeat:no-repeat;
	background-position: 12px center;	
}
.container_detail .left_btn a span{
	display:none;
	font-size:14px;
}
.container_detail .left_btn a:not(.disabled):hover{
	width:110px;
	background-color:#dc2396;
	border-color:#dc2396;
}
.container_detail .left_btn a:not(.disabled):hover span{
	display:inline-block;
	color:#ffffff;
}
.container_detail .detail_info{
	box-sizing:border-box;
	width:100%;
	padding:30px;
	background:#ffffff;
	border: solid 1px #e5e5e5;
	border-radius: 8px;
}
.container_detail .detail_info .info_header{
	padding:20px 0 30px;
	border-bottom:1px solid #dddddd;
	margin-bottom:30px;
}
.container_detail .detail_info .info_header .title{
	font-size:24px;
	color:#333333;
	line-height:28px;
	margin-bottom:24px;
	font-weight:700;
}
.container_detail .detail_info .info_header .info_b{
	display:flex;
	align-items:center;
	color:#999999;
}
.container_detail .detail_info .info_header .info_b .info_b_line{
	content:"";
	display:inline-block;
	width:1px;
	height:10px;
	background:#dddddd;
	margin-left:12px;
	margin-right:12px;
}
.container_detail .detail_info .info_header .info_b .user_item .headimg{
	width: 30px;
	height: 30px;
	margin-right: 8px;
}
.container_detail .detail_info .info_header .info_b .user_item .nickname{
	font-size: 14px;
	color:#999999;
}
.container_detail .detail_info .info_con{
	
}
.container_detail .detail_info .info_con .con_one{
	margin-bottom: 40px;
}
.container_detail .detail_info .info_con .con_tit{
	padding: 20px 0 20px;
	font-size:18px;
	color: #333;
}
.container_detail .detail_info .info_con .content{
	color: #535353;
	font-size:16px;
	line-height:1.6;
	white-space: pre-wrap;
	margin-bottom:20px;
}
.container_detail .detail_info .info_con .content table tr td{
	border: 1px solid #DDD;
    padding: 5px 10px;
}
.container_detail .detail_info .info_con .content img{
	max-width:100%!important;
	vertical-align:middle;
}
.container_detail .detail_info .info_con .pics{
	margin-top:20px;
	text-align:center;
}
.container_detail .detail_info .info_con .pics img{
	max-width:100%;
	margin:10px 0;
}
.container_detail .detail_info .info_con .con_attachment{
	display:flex;
	flex-flow:column;
}
.container_detail .detail_info .info_con .con_attachment .item{
	display:inline;
	font-weight:700;
	width:max-content;
	margin-bottom:12px;
	border:1px solid #eaeaea;
	padding:12px 24px;
	border-radius:8px;
}
.container_detail .detail_info .info_con .con_attachment .item:hover{
	color:#c100a8;
	border-color:#c100a8;
}
.container_detail .detail_info .info_con .con_attachment .item:last-child{
	margin-bottom:0;
}
.container_detail .detail_info .info_con .con_tool{
	display:flex;
	justify-content:space-between;
}
.container_detail .detail_info .info_con .con_tool .con_tool_r{
	
}
.container_detail .con_tool_item{
	display:inline-block;
	padding-left:40px;
	background-repeat: no-repeat;
	background-position:left center;
	background-size: 30px 30px;
	height:30px;
	line-height:30px;
}
.container_detail .con_tool_item.item_collect{
	background-image: url('../image/icon/icon_collect.png');
}
.container_detail .con_tool_item.item_collect.active{
	background-image: url('../image/icon/icon_collect_active.png');
}
.container_detail .con_tool_item.item_zan{
	background-image: url('../image/icon/icon_zan.png');
}
.container_detail .con_tool_item.item_zan.active{
	background-image: url('../image/icon/icon_zan_active.png');
}

.container_detail .con_tool_item .num{
	display:inline-block;
	font-size:14px;
	color:#4a4a4a;
	vertical-align: middle;
	min-width: 30px;
}
.comment_modal_panel .modal{
	height:auto;
}
.comment_box{
	box-sizing:border-box;
	width:100%;
	background:#ffffff;
	padding:30px;
	border: solid 1px #e5e5e5;
	
	border-radius: 8px;
}
.comment_box .tit{
	font-size: 20px;
	line-height: 36px;
	color: #333333;
	margin-bottom:14px;
}

.comment_box .con{
	
	background-color: #f8f8f8;
	border: solid 1px #dddddd;
	margin-bottom:15px;
	padding:20px;
}
.comment_box .con textarea{
	width:100%;
	min-height:120px;
	border:none;
	background:none;
	color:#333333;
	font-size:14px;
	line-height:1.4;
	resize: none;
}
.comment_box .upload_pic_box{
	margin-top:10px;
}
.comment_box .upload_pic_box .pic_box{
	display:flex;
	flex-flow:wrap;
}
.comment_box .upload_pic_box .pic_box .img{
	display:inline-block;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	margin-bottom:10px;
	border:1px solid #eaeaea;
	position:relative;
}
.comment_box .upload_pic_box .pic_box .img img{
	width:100%;
	height:100%;
}
.comment_box .upload_pic_box .pic_box .img .del{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	padding: 2px 4px;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	font-size: 10px;
	display:none;
}
.comment_box .upload_pic_box .pic_box .img:hover .del{
	display:block;
}
.comment_box .upload_pic_box .upload_pic_btn{
	content:"";
	background:url('../image/icon/icon_upload_pic.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% auto;
	display:inline-block;
	width:20px;
	height:20px;
}
.comment_box .btn_box{
	text-align:right;
}
.comment_box .btn_box .tip{
	color:#999999;
	margin-bottom:10px;
}
.comment_box .btn_box .btn{
	height: 42px;
	line-height: 42px;
	font-size:18px;
	margin-left:10px;
}
.comment_box .btn_box .btn.cancel_btn{
	background:#eeeeee;
	border-color:#eeeeee;
	color:#999999;
}
.comment_list_con .num_tit{
	font-size:16px;
	color:#535353;
}
.comment_list_box{
	min-height:200px;
}
.comment_list_box .comment_item{
	box-sizing:border-box;
	padding:18px 0;
}
.comment_list_box .comment_item .item_info{
	display:flex;
}
.comment_list_box .comment_item .item_info .headimg{
	width:50px;
	height:50px;
	border-radius:50%;
	overflow:hidden;
	margin-right:16px;
}
.comment_list_box .comment_item .item_info .headimg img{
	width:100%;
	height:100%:
	object-fit:cover;
}
.comment_list_box .comment_item .item_info .info{
	flex:1;
}
.comment_list_box .comment_item .item_info .info .info_t{
	display:flex;
	justify-content:space-between;
	margin-bottom:8px;
}
.comment_list_box .comment_item .item_info .info .info_t .info_t_l .nickname{
	color: #8c3915;
	font-size:16px;
}
.comment_list_box .comment_item .item_info .info .info_t .info_t_l .time{
	color: #9b9b9b;
	font-size:14px;
}
.comment_list_box .comment_item .item_info .info .info_t .info_t_r .chapter_title{
	color:#9b9b9b;
	font-size:12px;
}
.comment_list_box .comment_item .item_info .info .info_b{
	display:flex;
	justify-content:space-between;
}
.comment_list_box .comment_item .item_info .info .info_b .content{
	color: #535353;
	font-size:14px;
	flex:1;
}
.comment_list_box .comment_item .item_info .info .info_b .btn_box{
	margin-left:10px;
}
.comment_list_box .comment_item .item_info .info .info_b .btn_box .reply_btn{
	color: #c100a8;
	font-size:14px;
}
.comment_list_box .comment_item .item_reply{
	background-color: #f5f5f5;
	border-radius: 4px;
	margin-left:71px;
	margin-top:13px;
	padding:18px;
}
.comment_list_box .comment_item .item_reply.hide{
	display:none;
}
.comment_list_box .comment_item .item_reply .item_info{
	margin-bottom:18px;
}
.comment_list_box .comment_item .item_reply .item_info:last-child{
	margin-bottom:0;
}

.comment_list_box.small_list .comment_item .item_reply .item_info .headimg{
	display:none;
}

.con_box{
	width:100%;
	background-color: #ffffff;
	border: solid 1px #e5e5e5;
	box-sizing: border-box;
	margin-bottom:24px;
	border-radius:8px;
}
.con_box:last-child{
	margin-bottom:0;
}
.con_box .tit{
	font-size:18px;
	color:#333333;
	font-weight:700;
	height:68px;
	padding:30px 30px 0 30px;
	box-sizing:border-box;
	position:relative;
}
.con_box .tit.tit_border{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.con_box .tit .more{
	position:absolute;
	right:30px;
	font-size:14px;
	font-weight:500;
}
.con_box .con{
	padding:0 30px 30px 30px;
	box-sizing:border-box;
}
.con_box.no_tit .con{
	padding:30px;
}
.con_box .btm{
	border-top:1px solid #e5e5e5;
    color: #666666;
    font-size: 14px;
    text-align: center;
}
.con_box .btm .more{
    display: block;
    line-height: 52px;
}
.link_list .item{
	display:inline-block;
	width:100%;
	font-size:14px;
	line-height:25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.link_list .item:hover{
	color:#dc2396;
}
.con_join_user{
	display:flex;
	flex-flow:wrap;
}
.con_join_user .user_item{
	margin-right:15px;
	margin-top:16px;
}
.con_join_user .user_item:nth-child(5n){
	margin-right:0;
}
.con_join_user .user_item:nth-child(-n+5){
	margin-top:0;
}
.con_join_user .user_item .headimg{
	width:52px;
	height:52px;
}

/*下拉选择菜单区块*/
.con_data_box .box_head_select{
	display:flex;
	flex-flow:wrap;
	height: 64px;
	border-bottom: 1px solid #eaeaea;
	align-items: center;
	font-size:16px;
	padding:0 22px;
}
.con_data_box .box_head_select .item{
	min-width:80px;
	text-align:center;
	position:relative;
	cursor:pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
}
.con_data_box .box_head_select .item .item_title{
	padding: 0 10px;
}
.con_data_box .box_head_select .item .item_select_list{
	display:none;
	position:absolute;
	top:60px;
	left:0;
	z-index:10;
	min-width:80px;
	width:max-content;
	background:#ffffff;
	box-shadow: 3px 5px 5px rgba(0,0,0,0.1);
	border-radius: 0 0 5px 5px;
	border: 1px solid #efefef;
	border-top:none;
}
.con_data_box .box_head_select .item .item_select_list .item_select_list_item{
	display:block;
	line-height:40px;
	position:relative;
}
.con_data_box .box_head_select .item .item_select_list .item_select_list_item .item_select_list_item_a{
	display:block;
	padding:0 10px;
}
.con_data_box .box_head_select .item .item_select_list .item_select_list_item .item_select_list_item_sub{
	display:none;
	background:#ffffff;
	box-shadow: 3px 5px 5px rgba(0,0,0,0.1);
	width:max-content;
	border-radius: 0 0 5px 5px;
	border: 1px solid #f7f7f7;
	position:absolute;
	left:100%;
	top:0;
}
.con_data_box .box_head_select .item .item_select_list .item_select_list_item:hover > .item_select_list_item_sub{
	display:block;
}
.con_data_box .box_head_select .item.active {
	
}
.con_data_box .box_head_select .item.active .item_title{
	color: #c100a8;
	font-weight:700;
}
.con_data_box .box_head_select .item:hover .item_title{
	color: #c100a8;
}
.con_data_box .box_head_select .item:hover .item_select_list{
	display:block;
}
.con_data_box .box_head_select .item .item_select_list .item_select_list_item .item_select_list_item_a:hover{
	color: #c100a8;
	background:#f7f7f7;
}
.con_data_box .box_head_select .item .item_select_list .item_select_list_item .item_select_list_item_a.active{
	color: #c100a8;
}

/*按钮*/

.btn{
    display: inline-block;
	padding:0 20px;
    line-height: 30px;
    text-align: center;
    color:#fff;
    border:1px #C100A8 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:linear-gradient(180deg,rgba(226,0,211,1) 0%,rgba(193,0,168,1) 100%);
    cursor: pointer;
	box-sizing:border-box;
	font-size:12px;
}
.btn:hover{
    background:linear-gradient(180deg,rgba(226,0,211,1) 0%,rgba(226,0,211,1) 100%);
	color:#ffffff;
	border-color: #C100A8;
}
.btn:active{
    background:linear-gradient(180deg,rgba(226,0,211,1) 0%,rgba(226,0,211,1) 100%);
	color:#ffffff;
	border-color: #C100A8;
}
.btn.disabled{
	border-color:#dddddd;
	background:#dddddd;
}
.btn.btn_white{
	background:#ffffff;
	border-color:#dddddd;
	color:#333333;
}
.btn.btn_white:hover{
	background:#eee;
}
.btn.btn_full{
	width:100%;
	font-size:18px;
    line-height: 42px;
}
.btn_m{
	font-size:14px;
	line-height:40px;
}

/* 图片上传裁切 */
.pic_prew_panel .modal{
	width:760px;
}
.pic_prew_panel .modal_body{
	display:flex;
	justify-content: space-between;
}
.pic_prew_panel .image_jcrop_box {
	width: 400px;
	height: 400px;
	overflow: hidden;
	border:1px solid #eaeaea;
	box-sizing:border-box;
}
.pic_prew_panel .image_jcrop_box .jcrop_img{
	max-width: 400px;
	max-height: 400px;
}
.pic_prew_panel .result_box{
	width:300px;
	display:flex;
	flex-flow: column;
}

.pic_prew_panel .result_box .preview_pane{
	width: 300px;
	height: 300px;
	overflow: hidden;
	border: 1px solid #eaeaea;
	box-sizing:border-box;
}
.pic_prew_panel .result_box .preview_pane .preview-container {
	width: 300px;
	height: 300px;
	overflow: hidden;
}
.pic_prew_panel .result_box .btn_box{
	margin-top:20px;
}
.pic_prew_panel .result_box .btn_box .btn{
	margin-right:10px;
}
.pic_prew_panel .result_box .btn_box .btn.cancal_btn{
	background:#dddddd;
	border-color:#dddddd;
}
.pic_prew_panel canvas {
	width: 200px;
	height: 200px;
	display:none;
}

.share_wechat_qrcode_modal .modal{
	width: 300px;
	height: auto;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
}
.share_wechat_qrcode_modal .modal .qrcode_img{
	width:300px;
	height:300px;
}
.share_wechat_qrcode_modal .modal .text{
	font-size: 16px;
	margin-top: 20px;
	font-weight: 700;
	color: #666;
}

/*星星评价*/
.star_con{
	display:flex;
}
.star_con .item_star{
	display:inline-block;
	width: 20px;
	height: 20px;
	padding:0 8px;
	background:url('../image/icon/icon_star2.png');
	background-repeat:no-repeat;
	background-size: 20px; 
	background-position:center;
}
.star_con .item_star.active{
	background-image:url('../image/icon/icon_star.png');
}
.star_con .item_star:first-child{
	padding-left:0!important;
	background-position:left center;
}
.star_con .item_star:last-child{
	padding-right:0!important;
	background-position:right center;
}

/* 统一表单样式 */

.input_select {
	min-width: 300px;
	position: relative;
	border: solid 1px #dddddd;
}
.input_select select{
	height: 36px;
	width: 100%;
	border: 1px #fff solid;
	padding: 0px 30px 0px 15px;
	font-size: 14px;
	color: #333333;
	border-radius: 4px 0 0 4px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.input_select::after{
	content: "";
	display: inline-block;
	width: 30px;
	height: 36px;
	position: absolute;
	right: 1px;
	background: url('../image/icon/icon_select_down.png');
	pointer-events: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}

/* 统一列表样式 */
.list_container .list_search_box{
	border: solid 1px #e5e5e5;
	border-radius:8px;
	overflow:hidden;
}
.list_container .list_search_box .search{
	padding:10px 30px;
}
.list_data_box .select_con {
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #343434;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 500;
    border: solid 1px #e5e5e5;
    margin: 20px auto 0 auto;
    background: #fafafa;
    padding: 0;
    border-radius: 8px 8px 0px 0px;
	display:flex;
}
.list_data_box .select_con span{
    margin-left:20px;
}

.list_data_box .select_con .item {
    font-style: normal;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 0 14px;
    cursor: pointer;
}

.list_data_box .select_con i.actives,.list_data_box .select_con .item.actives {
    color: #333;
    background: #fff;
    border-right: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    -moz-border-radius-bottomleft: 0px;
	position:relative;
	height:59.4px;
}
.list_data_box .select_con i:first-child,.list_data_box .select_con .item:first-child {
    padding-left: 30px;
    border-left: none;
	border-top-left-radius:8px;
}


.list_data_box .list_data_con_box {
    height: auto;
}

.list_data_box .list_data_con_box .list_data_con {
    clear: both;
    height: auto;
    overflow: hidden;
    width: 1200px;
	display:flex;
	flex-flow:wrap;
}

.list_data_box .list_data_con_box .list_data_con .item {
    display: inline-block;
    width: 300px;
    height: 430px;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 29px;
    border-bottom: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    -webkit-transition: all .5s ease;
    transition: all .3s ease;
}
.list_data_box .list_data_con_box .list_data_con .item:hover {
    box-shadow: 0 0 28px rgba(0,0,0,.1) inset;
}
.list_data_box .list_data_con_box .list_data_con .item:nth-of-type(4n+1) {
    margin-left: 0;
    border-left: solid 1px #e5e5e5;
}
.list_data_box .list_data_con_box .list_data_con .item .img{
    display: block;
    width: 240px;
    height: 135px;
    overflow: hidden;
    border-radius: 4px;
	margin-bottom:10px;
}

.list_data_box .list_data_con_box .list_data_con .item .img img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.list_data_box .list_data_con_box .list_data_con .item .info {
    background: #fff;
    height: 164px;
    overflow: hidden;
}

.list_data_box .list_data_con_box .list_data_con .item .info a {
    color: #333333;
}

.list_data_box .list_data_con_box .list_data_con .item .info p {
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    color: #797979;
}
.list_data_box .list_data_con_box .list_data_con .item .info .info_item {
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    color: #797979;
	display:flex;
}
.list_data_box .list_data_con_box .list_data_con .item .info .title{
    line-height: 24px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
	margin-bottom:8px;
	word-break:break-all;
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
    color: #333333;
}
.list_data_box .list_data_con_box .list_data_con .item .info .info_item .info_item_r{
	flex:1;
}

.list_data_box .list_data_con_box .list_data_con .item .info .info_item .info_item_r .info_item_r_one{
	margin-right: 5px;
}
.list_data_box .list_data_con_box .list_data_con .item .info .timedown_box{
	color: #c100a8;
	font-size:12px;
}
.list_data_box .list_data_con_box .list_data_con .item .info .tag{
	border:1px solid #C100A8;
	color:#C100A8;
	border-radius:4px;
	padding:2px 4px;
}

.list_data_box .list_data_con_box .list_data_con .item .icon {
    background: #fff;
    height: 30px;
    position: relative;
	text-align:center;
	margin-top:20px;
	font-size:14px;
}
.list_data_box .list_data_con_box .list_data_con .item .icon.justify-between {
	display:flex;
	justify-content:space-between;
	align-items: center;
}

/*课程*/

.list_data_box .list_data_con_box.moocs_con_box .list_data_con .item{
	height:435px;
}

.container_detail_moocs .moocs_detail_info{
	box-sizing:border-box;
	width:100%;
	padding: 24px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	margin-bottom:20px;
	display:flex;
}
.container_detail_moocs .moocs_detail_info .img{
	width: 288px;
	height: 162px;
	background-color: #bfbfbf;
	border-radius: 4px;
	overflow:hidden;
	margin-right:24px;
}
.container_detail_moocs .moocs_detail_info .img img{
	width: 100%;
	height:100%;
	object-fit:cover;
}
.container_detail_moocs .moocs_detail_info .info{
	flex:1;
	display:flex;
	flex-flow:column;
}
.container_detail_moocs .moocs_detail_info .info .info_t{
	flex:1;
	position:relative;
}

.container_detail_moocs .moocs_detail_info .info .info_t .title{
	font-size:24px;
	line-height:1.4;
	width: calc(100% - 150px);
	margin-bottom:12px;
}
.container_detail_moocs .moocs_detail_info .info .info_t .num_box{
	color:#797979;
	display: flex;
	align-items: center;
}
.container_detail_moocs .moocs_detail_info .info .info_t .num_box span{
	font-size: 14px;
}
.container_detail_moocs .moocs_detail_info .info .info_t .num_box .span_space{
	content:"";
	display:inline-block;
	background:#797979;
	width:2px;
	height:2px;
	border-radius:50%;
	margin:0 15px;
}
.container_detail_moocs .moocs_detail_info .info .info_t .tags{
	margin-top:10px;
}
.container_detail_moocs .moocs_detail_info .info .info_t .tags a{
	display:inline-block;
	font-size:14px;
	background: #f8f8f8;
	color:#797979;
	padding:4px 10px;
	border-radius:4px;
}
.container_detail_moocs .moocs_detail_info .info .info_t .show_mobile_box{
	position:absolute;
	top:5px;
	right:18px;
	height:30px;
}
.container_detail .show_mobile_box .tit{
	font-size: 12px;
	color: #9b9b9b;
	padding-left:16px;
	background:url('../image/icon/icon_mobile.png') no-repeat;
	background-position:left center;
	background-size:10px 14px;
}
.container_detail .show_mobile_box .qrcode{
	position: absolute;
	right: -18px;
	top: 30px;
	border: 1px solid #eaeaea;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	display:none;
}
.container_detail .show_mobile_box:hover .qrcode{
	display:block;
}
.container_detail_moocs .moocs_detail_info .info .info_b{
	height:42px;
	display: flex;
	justify-content: space-between;
	align-items:end;
}
.container_detail_moocs .comment_box{
	border:none;
}
.container_detail_moocs .con_box{
	border-radius: 8px;
}
.container_detail_moocs .con_user {
	display:flex;
	flex-flow: wrap;
}
.container_detail_moocs .con_user .user_item{
	width:50%;
	flex-flow:column;
	margin-top:30px;
	cursor:pointer;
}
.container_detail_moocs .con_user .user_item:nth-child(-n+2){
	margin-top:0;
}
.container_detail_moocs .con_user .headimg{
	width:100px;
	height:100px;
	margin-bottom:16px;
}
.container_detail_moocs .con_user .nickname{
	font-size:18px;
	color:#333333;
}
.container_detail_moocs .con_user .user_item .user_tit{
	font-size:14px;
	line-height:25px;
	color:#797979;
	margin-top:13px;
}
.container_detail_moocs .con_user .content{
	display:none;
	font-size: 14px;
	line-height: 25px;
	color: #797979;
	margin-top:6px;
}
.team_member_modal .modal .modal_con{
	padding:0 0 20px 0;
}
.team_member_modal .modal .modal_con .modal_body{
	padding:0;
	border-radius:8px;
}

.team_member_modal .user_item{
	flex-flow:column;
}
.team_member_modal .user_item .item_t{
	display:flex;
	flex-flow:column;
	align-items:center;
	background: #ebedf3;
	width:100%;
	padding:20px;
	box-sizing:border-box;
}
.team_member_modal .user_item .headimg{
	width:160px;
	height:160px;
}
.team_member_modal .user_item .nickname{
	font-weight:700;
	color:#333333;
	line-height:26px;
	margin-top:8px;
	font-size:18px;
}
.team_member_modal .user_item .user_tit{
	margin-top:5px;
}
.team_member_modal .user_item .content{
	padding:20px;
	text-align:justify;
	font-size:14px;
	color:#333333;
	white-space:pre-wrap;
}
.moocs_lock_modal{
	
}
.moocs_lock_modal .modal{
	width:350px;
	height:250px;
}
.moocs_lock_modal .modal .modal_body .input{
	border:1px solid #eaeaea;
	padding:0 10px;
}
.moocs_lock_modal .modal .modal_body .input input{
	width: 100%;
	border:none;
	line-height:48px;
}
.moocs_lock_modal .modal .modal_con .modal_footer{
	justify-content:center;
}
.container_detail_moocs .moocs_content{
	padding:30px;
	font-size:16px;
	line-height:1.6;
	box-sizing:border-box;
	min-height:500px;
}
.container_detail_moocs .moocs_content img{
	max-width:100%;
}
.container_detail_moocs_chapter .left_btn a.prev{
	background-image:url('../image/icon/icon_chapter_prev.png');
}
.container_detail_moocs_chapter .left_btn a.next{
	background-image:url('../image/icon/icon_chapter_next.png');
}
.container_detail_moocs_chapter .left_btn a.prev.disabled{
	background-image:url('../image/icon/icon_chapter_prev_disabled.png');
}
.container_detail_moocs_chapter .left_btn a.next.disabled{
	background-image:url('../image/icon/icon_chapter_next_disabled.png');
}
.container_detail_moocs_chapter .left_btn a.prev:not(.disabled):hover{
	background-image:url('../image/icon/icon_chapter_prev_hover.png');
}
.container_detail_moocs_chapter .left_btn a.next:not(.disabled):hover{
	background-image:url('../image/icon/icon_chapter_next_hover.png');
}
.container_detail_moocs_chapter .audio_box{
	margin-bottom:40px;
} 
.audio_box{
	height: 160px;
	background-color: #f7f7f7;
	border-radius: 20px;
	padding:40px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
.audio_box .audio_l{
	flex:1;
	margin-right:40px;
}
.audio_box .audio_l .process{
	width:100%;
	height:4px;
	background:#dddddd;
}
.audio_box .audio_l .process .bar{
	height:100%;
	width:0;
	background:#c100a8;
	transition: .2s;
}
.audio_box .audio_l .time{
	margin-top:16px;
	display:flex;
	justify-content:space-between;
}
.audio_box .audio_l .time span{
	font-size:24px;
	color:#666666;
}

.audio_box .audio_r{
	width:80px;
}
.audio_box .audio_r .play_btn{
	display:inline-block;
	width:80px;
	height:80px;
	border-radius:50%;
	background-color:#ffffff;
	background-image:url('../image/icon/icon_audio_play.png');
	background-repeat:no-repeat;
	background-position:center;
}
.audio_box .audio_r .play_btn.playing{
	background-image:url('../image/icon/icon_audio_playing.gif');
}

.container_detail_moocs_chapter .video_box{
	margin-bottom:40px;
} 
.video_box{
	width:100%;
	height:413.1px;
}
.video_box .video_player{
	width:100%;
	height:100%;
}
.container_detail_moocs_chapter .book_box{
	margin-bottom:40px;
} 
.container_detail_moocs_chapter .book_box .item{
	display: block;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 700;
	border: 1px solid #eaeaea;
	padding: 20px 20px 20px 68px;
	background:url('../image/icon/icon_book.png') no-repeat;
	background-size: 36px;
	background-position: 20px center;
}
.container_detail_moocs_chapter .book_box .item:hover{
	background-color:#fafafa;
	color:#c100a8;
}

.container_detail_moocs_chapter .container_right .tab_box .tab_head .item{
	margin:0 34px;
}

.moocs_tocs_box{
	min-height:500px;
}
.moocs_tocs_box .toc_item .toc_title{
	display:block;
	background:#fafafa;
	font-size:16px;
	color:#999999;
	padding:24px 30px;
}
.moocs_tocs_box .toc_item a.toc_title{
	color:#333333;
	position:relative;
}
.moocs_tocs_box .toc_item a.toc_title::after{
	content:"";
	background-image:url('../image/icon/icon_jt_right.png');
	background-repeat:no-repeat;
	background-position:center;
	width:30px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
}
.moocs_tocs_box .toc_item .chapter_box{
	background:#ffffff;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item{
	padding:16px 30px 16px 58px;
	display:flex;
	align-items: center;
	min-height:64px;
	box-sizing:border-box;
	background-image:url('../image/icon/icon_chapter_process.png');
	background-repeat:no-repeat;
	background-position:30px center;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item.study_in{
	background-image:url('../image/icon/icon_chapter_process_in.png');
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item.study_end{
	background-image:url('../image/icon/icon_chapter_process_end.png');
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .item_l{
	width:calc(100% - 110px);
	display: flex;
	align-items: center;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .chapter_type{
	display:inline-block;
	font-size:12px;
	border-radius: 4px;
	border: solid 1px #dddddd;
	background:#ffffff;
	color:#535353;
	padding:0 4px;
	margin-right:4px;
	vertical-align:middle;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .chapter_title{
	display:inline-block;
	font-size:14px;
	color:#535353;
	flex:1;
	vertical-align:middle;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item.locked .chapter_title::before{
	content:"";
	background:url('../image/icon/icon_lock.png');
	background-repeat:no-repeat;
	background-size:18px 18px;
	background-position:left center;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .item_r{
	width:110px;
	text-align:right;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .is_zuoye{
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url('../image/icon/icon_zuoye.png');
	background-repeat:no-repeat;
	background-position:center;  
	margin-left:10px;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .hover_show{
	display:none;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item .hover_hide{
	display:inline-block;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item.active .chapter_title{
	color: #c100a8;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item:hover{
	background-color:rgba(193, 0, 168, 0.06);
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item:hover .hover_show{
	display:inline-block;
}
.moocs_tocs_box .toc_item .chapter_box .chapter_item:hover .hover_hide{
	display:none;
}
.moocs_tocs_box.moocs_tocs_box2 .toc_item .toc_title{
	padding:16px 30px;
}
.moocs_tocs_box.moocs_tocs_box2 .toc_item .chapter_box .chapter_item{
	padding:8px 30px 8px 58px;
	min-height:48px;
}
.moocs_tocs_box.moocs_tocs_box2 .toc_item .chapter_box .chapter_item .chapter_title{
	font-weight: 700;
}
.moocs_tocs_box2 .toc_item .chapter_box .chapter_item .item_l{
	width:100%;
}
.moocs_tocs_box2 .toc_item .chapter_box .chapter_item:hover{
	background-color:rgba(193, 0, 168, 0.06);
}
.moocs_tocs_box2 .toc_item .chapter_box .chapter_item:hover .item_l .chapter_title{
	color:#c100a8;
}

.moocs_work_box{
	min-height:500px;
	background:#ffffff;
}
.moocs_work_box .item{
	padding:16px 30px 16px 30px;
	display:flex;
	align-items: center;
	min-height:64px;
	box-sizing:border-box;
}
.moocs_work_box .item .item_l{
	width:calc(100% - 110px);
	display: flex;
	align-items: center;
}
.moocs_work_box .item .item_title{
	display:inline-block;
	font-size:14px;
	color:#535353;
	flex:1;
	vertical-align:middle;
}
.moocs_work_box .item .item_r{
	width:110px;
	text-align:right;
}
.moocs_work_box .item .hover_show{
	display:none;
}
.moocs_work_box .item .hover_hide{
	display:inline-block;
}
.moocs_work_box .item.active .item_title{
	color: #c100a8;
}
.moocs_work_box .item:hover{
	background-color:rgba(193, 0, 168, 0.06);
}
.moocs_work_box .item:hover .hover_show{
	display:inline-block;
}
.moocs_work_box .item:hover .hover_hide{
	display:none;
}

.qa_box{
	padding:30px;
}
.qa_box .qa_form_box{
	margin-bottom:30px;
}
.qa_box .qa_form_box .con {
    background-color: #ffffff;
    border: solid 1px #dddddd;
    margin-bottom: 15px;
    padding: 12px 16px;
}
.qa_box .qa_form_box textarea{
	border:none;
	background:none;
	width:100%;
	min-height:280px;
	color: #333333;
	font-size: 14px;
	line-height: 1.4;
	resize: none;
}
.qa_box .qa_form_box .btn_box{
	text-align:center;
}
.sx_nav{
}
.sx_nav .item{
	background: #ffffff;
	border-radius: 4px;
	border: solid 1px #dcdcdc;
	font-size:12px;
	line-height:20px;
	padding:0 8px;
	margin-right:16px;
	display:inline-block;
}
.sx_nav .item.active{
	background-color: #c100a8;
	border-color: #c100a8;
	color:#ffffff;
}
.con_class_data{
	display:flex;
	flex-flow:wrap;
}
.con_class_data .item{
	width:152px;
	margin-right:18px;
	margin-top:20px;
}
.con_class_data .item:nth-child(2n){
	margin-right:0;
}
.con_class_data .item:nth-child(-n+2){
	margin-top:0;
}
.con_class_data .item .img{
	width:152px;
	height:85.5px;
	background-color: #e5e5e5;
	border-radius: 8px;
	margin-bottom:12px;
}
.con_class_data .item .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.con_class_data .item .info .title{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
}
.con_class_data .item .info .nickname{
	font-size: 12px;
	color: #797979;
}
.question_type_box{
	margin-bottom:60px;
}
.question_type_box .question_type_tit{
	margin-bottom:36px;
}
.question_type_box .question_type_tit .title{
	font-size:18px;
	font-weight:700;
	color:#333333;
}
.question_type_box .question_type_tit .title2{
	font-size:14px;
	color:#999999;
}
.question_type_box .question_item{
	margin-bottom:36px;
}
.question_type_box .question_item .title{
	font-size:16px;
	color:#535353;
	margin-bottom:16px;
}
.question_type_box .question_item .answer_box{
	font-size:16px;
	color:#535353;
	display:flex;
	flex-flow:wrap;
}
.question_type_box .question_item .answer_box .answer_item{
	margin-right:60px;
	margin-bottom:10px;
}
.question_type_box .question_item .analysis_data{
	padding:28px 20px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin-top:15px;
}
.question_type_box .question_item .analysis_data .true_answer{
	font-size:16px;
	color:#ffa42f;
	margin-bottom:16px;
}
.question_type_box .question_item .analysis_data .analysis{
	font-size:16px;
	color:#535353;
	line-height:1.6;
}

.question_card_con .question_card_data{
	
}
.question_card_con .question_card_data .question_card_item{
	margin-bottom:36px;
}
.question_card_con .question_card_data .question_card_item:last-child{
	margin-bottom:26px;
}
.question_card_con .question_card_data .question_card_item .item_tit{
	font-size:14px;
	color:#666666;
	margin-bottom:15px;
}
.question_card_con .question_card_data .question_card_item .item_box{
	
}
.question_card_con .question_card_data .question_card_item .item_box a{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #dddddd;
	font-size:14px;
	color:#9b9b9b;
	border-radius:4px;
	margin-right:12px;
}
.question_card_con .question_card_item .item_box a.active,.question_card_con .question_card_item .item_box a:hover{
	display:inline-block;
	background:#c100a8;
	border-color:#c100a8;
	color:#ffffff;
}
.question_card_con .con_btm{
	border-top:1px solid #e5e5e5;
	text-align:center;
	padding:36px 0 18px;
}
.question_card_con .con_btm .btn{
	width: 140px;
}
.question_card_con .result_fen{
	margin-bottom:24px;
}
.question_card_con .result_fen .item_tit{
	font-size:14px;
	color:#666666;
	margin-bottom:16px;
}
.question_card_con .result_fen .item_data{
	color: #ffa42f;
	font-size:14px;
}
.question_card_con .result_fen .item_data .fen{
	font-size: 24px;
	font-weight:700;
}
.question_card_con .question_card_data.question_card_data_result .question_card_item .item_box a{
	background:#ff5b04;
	border-color:#ff5b04;
	color:#ffffff;
}
.question_card_con .question_card_data.question_card_data_result .question_card_item .item_box a.is_right{
	background:#7bd796;
	border-color:#7bd796;
}
.question_card_con .question_card_data.question_card_data_result .result_icon span{
	font-size:12px;
	color:#9b9b9b;
	display:inline-flex;
	align-items:center;
	margin-right:12px;
}
.question_card_con .question_card_data.question_card_data_result .result_icon span::before{
	content:"";
	background:#7bd796;
	width:10px;
	height:10px;
	border-radius:4px;
	margin-right: 4px;
}
.question_card_con .question_card_data.question_card_data_result .result_icon span.is_wrong::before{
	background:#ff5b04;
}


.container_detail .work_box{
	padding:30px;
}
.container_detail .work_box .work_data{
	margin-bottom:20px;
}
.container_detail .work_box .work_data .content{
	font-size:14px;
	color:#535353;
}
.container_detail .work_box .work_data .pics{
	width:100%;
	margin-top:10px;
}
.container_detail .work_box .work_data .pics img{
	max-width:280px;
	max-height:400px;
	margin:5px;
}
.container_detail .work_box .work_form_box{
	margin-bottom:30px;
}
.container_detail .work_box .work_form_box .con {
    background-color: #ffffff;
    border: solid 1px #dddddd;
    margin-bottom: 15px;
    padding: 12px 16px;
}
.container_detail .work_box .work_form_box textarea{
	border:none;
	background:none;
	width:100%;
	min-height:280px;
	color: #333333;
	font-size: 14px;
	line-height: 1.4;
	resize: none;
}
.container_detail .work_box .work_form_box .upload_pic_box{
	margin-top:10px;
}
.container_detail .work_box .work_form_box .upload_pic_box .pic_box{
	display:flex;
	flex-flow:wrap;
}
.container_detail .work_box .work_form_box .upload_pic_box .pic_box .img{
	display:inline-block;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	margin-bottom:10px;
	border:1px solid #eaeaea;
	position:relative;
}
.container_detail .work_box .work_form_box .upload_pic_box .pic_box .img img{
	width:100%;
	height:100%;
}
.container_detail .work_box .work_form_box .upload_pic_box .pic_box .img .del{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	padding: 2px 4px;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	font-size: 10px;
	display:none;
}
.container_detail .work_box .work_form_box .upload_pic_box .pic_box .img:hover .del{
	display:block;
}
.container_detail .work_box .work_form_box .upload_pic_box .upload_pic_btn{
	content:"";
	background:url('../image/icon/icon_upload_pic.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% auto;
	display:inline-block;
	width:20px;
	height:20px;
}
.container_detail .work_box .work_form_box .btn_box{
	text-align:center;
}
.container_detail .work_box .work_form_box .btn_box .btn{
	margin-right:20px;
}
.container_detail .work_box .work_form_box .btn_box .btn:last-child{
	margin-right:0;
}
.container_detail .work_box .work_form_box .work_answer_box .con {
	background-color:#f7f7f7;
	border:1px solid #dddddd;
}
.container_detail .work_box .work_form_box .work_answer_box .con .text{
	min-height:200px;
	color:#666666;
	font-size:14px;
}
.container_detail .work_box .work_comment_box{
	margin-top:30px;
}
.container_detail .work_box .work_comment_box .tit{
	font-size:16px;
	font-weight:700;
	color:#333333;
	margin-bottom:11px;
}
.container_detail .work_box .work_comment_box .work_comment_con{
	
}
.container_detail .work_box .work_comment_box .work_comment_con .item{
	display:flex;
	min-height:26px;
}
.container_detail .work_box .work_comment_box .work_comment_con .item .tip{
	color:#999999;
	font-size:14px;
	width:44px;
}
.container_detail .work_box .work_comment_box .work_comment_con .item .txt{
	color:#666666;
	font-size:14px;
	flex:1;
}
.container_detail .work_box .work_comment_box .work_comment_con .item.fen_item .txt{
	color: #ffa42f;
}
.container_detail .work_box .work_comment_box .work_comment_con .item.fen_item .txt .fen{
	font-weight:700;
}

/*小组*/


.list_data_box .list_data_con_box.moocs_group_con_box .list_data_con .item{
	height:475px;
}
.list_data_box .list_data_con_box.moocs_group_con_box .list_data_con .item .img{
	width: 240px;
	height: 240px;
}
.list_data_box .list_data_con_box.moocs_group_con_box .list_data_con .item .info{
	height:120px;
}

.group_box .group_con{
	padding:0;
}
.group_box .group_con .group_item{
	border-right:1px solid #e5e5e5;
	width:300px;
	padding:30px;
}
.main-box-2 .group_box .group_con .group_item{
	width: 296px;
	padding: 25px 30px;
	border-top: 1px solid #e5e5e5;
}
.main-box-2 .group_box .group_con .group_item:nth-child(-n+2){
	border-top: none;
}
.main-box-2 .group_box .group_con .group_item:nth-child(2n){
	border-right:none;
}
.group_box .group_con .item:nth-child(4n){
	border-right:none;
}
.group_con{
	display:flex;
	flex-flow:wrap;
	padding:15px 0;
}
.group_item {
	padding:15px 30px;
	box-sizing: border-box;
	width:300px;
	display:flex;
	align-items:center;
}
.group_item:hover{
	box-shadow: 0 0 28px rgba(0, 0, 0, .1) inset;
}
.container_left .group_con{
	padding:15px;
}
.container_left .group_con .group_item{
	width:254.5px;
	padding: 15px 15px;
	border:none;
}
.container_right .group_con .group_item{
	width:300px;
}
.group_item .img{
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:23px;
	margin-right:16px;
}
.group_item .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.group_item .info{
	width:calc(100% - 76px);
}
.group_item .info .title{
	color:#343434;
	font-size:16px;
	line-height:28px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.group_item .info .num_box span{
	padding-left:21px;
	margin-right:16px;
	background-size:14px 14px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#999999;
	font-size:12px;
}
.group_item .info .num_box span:last-child{
	margin-right:0;
}
.group_item .info .num_box .join_num{
	background-image:url('../image/icon/group_user.png');
}
.group_item .info .num_box .topic_num{
	background-image:url('../image/icon/group_topic.png');
}


.group_topic_con{
	background:#ffffff;
}
.group_topic_con .item{
	display:flex;
	padding:30px;
	align-items:center;
	border-bottom:1px solid #e5e5e5;
	background:#ffffff;
}
.group_topic_con .item:last-child{
	border-bottom:none;
}
.group_topic_con .item .comment_num{
	width:60px;
	height:60px;
	background:#f5f5f5;
	border-radius:4px;
	text-align:center;
	padding: 5px 0;
	box-sizing: border-box;
	margin-right:14px;
}
.group_topic_con .item .comment_num .num{
	font-size: 20px;
	line-height: 28px;
	color: #999999;
}
.group_topic_con .item .comment_num .text{
	font-size:12px;
	line-height: 28px;
	color: #999999;
}
.group_topic_con .item .info{
	flex: 1;
}
.group_topic_con .item .info .title{
	font-size:16px;
	color:#343434;
	margin-bottom:10px;
}
.group_topic_con .item .info .btm{
	display:flex;
}
.group_topic_con .item .info .btm .user {
	display:flex;
	margin-right:17px;
}
.group_topic_con .item .info .btm .user .headimg{
	width:16px;
	height:16px;
	border-radius:50px;
	margin-right:8px;
	overflow:hidden;
}
.group_topic_con .item .info .btm .user .headimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.group_topic_con .item .info .btm .user .nickname{
	font-size:12px;
	color:#747474;
}
.group_topic_con .item .info .btm .time{
	font-size:12px;
	color: #9b9b9b;
}
.group_topic_con .item .info .btm .group{
	flex:1;
	text-align:right;
}
.container_detail .left_btn a.publish{
	background-image:url('../image/icon/icon_publish.png');
}
.container_detail .left_btn a.publish:hover{
	width:120px;
	background-image:url('../image/icon/icon_publish_hover.png');
}
.group_detail_info{
	border: solid 1px #e5e5e5;
	padding:30px;
	display:flex;
	align-items:center;
	background:#ffffff;
}

.group_detail_info .img{
	width: 60px;
	height: 60px;
	border-radius: 23px;
	margin-right:13px;
}
.group_detail_info .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.group_detail_info .info{
	flex:1;
}
.group_detail_info .info .title{
	color: #333333;
	font-size:18px;
	margin-bottom:8px;
}
.group_detail_info .info .num_box{
	font-size:14px;
	color: #999999;
}
.group_detail_info .info .num_box span{
	margin-right:38px;
}
.group_detail_info .join_btn{
	width: 110px;
	height: 40px;
	line-height: 40px;
	font-size:16px;
	background-color: #c100a8;
	border-radius: 4px;
	margin-left:20px;
}
.group_detail_info .join_btn.disabled{
	background:#dddddd;
	border-color:#dddddd;
}

.create_topic_box{
	box-sizing:border-box;
	width:100%;
	background:#ffffff;
	padding:30px;
	border: solid 1px #e5e5e5;
}
.create_topic_box .tit{
	font-size: 20px;
	line-height: 36px;
	color: #333333;
	margin-bottom:14px;
}
.create_topic_box .title{
	background-color: #f8f8f8;
	border: solid 1px #dddddd;
	margin-bottom:15px;
}
.create_topic_box .title input{
	border:none;
	width:100%;
	line-height:37px;
	padding:0 20px;
	box-sizing:border-box;
	background:none;
	color:#333333;
}

.create_topic_box .con{
	background-color: #f8f8f8;
	border: solid 1px #dddddd;
	margin-bottom:15px;
	padding:20px;
}
.create_topic_box .con textarea{
	width:100%;
	min-height:200px;
	border:none;
	background:none;
	color:#333333;
	font-size:14px;
	line-height:1.4;
	resize:none;
}
.create_topic_box .btn_box{
	text-align:right;
}
.create_topic_box .btn_box .tip{
	color:#999999;
	margin-bottom:10px;
}
.create_topic_box .btn_box .sub_btn{
	height: 42px;
	line-height: 42px;
	font-size:18px;
}
.container_detail_group .container_right .group_desc{
	font-size:14px;
	color:#333333;
	white-space:pre-line;
}
.container_detail_group .con_user{
	display:flex;
	align-items:center;
}
.container_detail_group .con_user .headimg{
	width: 60px;
	height: 60px;
	border-radius:50%;
	overflow:hidden;
	margin-right:12px;
}
.container_detail_group .con_user .headimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.container_detail_group .con_user .nickname{
	font-size:20px;
	color:#333333;
}
.container_detail_group .con_join_user{
	display:flex;
	flex-flow:wrap;
}
.container_detail_group .con_join_user .user_item{
	margin-right:16px;
	margin-top:16px;
}
.container_detail_group .con_join_user .user_item:nth-child(5n){
	margin-right:0;
}
.container_detail_group .con_join_user .user_item:nth-child(-n + 5){
	margin-top:0;
}
.container_detail_group .con_join_user .user_item .headimg{
	width: 51px;
	height: 51px;
}
.container_detail_group .con_topic_group{
	display:flex;
	align-items:center;
}
.container_detail_group .con_topic_group .group_item{
	padding:0;
	width:calc(100% - 90px);
}

/*专业*/
.list_data_box .list_data_con_box.class_con_box .list_data_con .item{
	height:420px;
}
.list_data_box .list_data_con_box.class_con_box .list_data_con .item .info{
	height:150px;
}

.container_detail_class .class_detail_info{
	box-sizing:border-box;
	width:100%;
	padding: 24px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	margin-bottom:20px;
	display:flex;
}
.container_detail_class .class_detail_info .img{
	width: 288px;
	height: 162px;
	background-color: #bfbfbf;
	border-radius: 4px;
	overflow:hidden;
	margin-right:24px;
}
.container_detail_class .class_detail_info .img img{
	width: 100%;
	height:100%;
	object-fit:cover;
}
.container_detail_class .class_detail_info .info{
	flex:1;
	display:flex;
	flex-flow:column;
}
.container_detail_class .class_detail_info .info .info_t{
	flex:1;
	position:relative;
}

.container_detail_class .class_detail_info .info .info_t .title{
	font-size:24px;
	line-height:1.4;
	width: calc(100% - 150px);
	margin-bottom:12px;
}
.container_detail_class .class_detail_info .info .info_t .num_box{
	color:#797979;
	display: flex;
	align-items: center;
}
.container_detail_class .class_detail_info .info .info_t .num_box span{
	font-size: 14px;
}
.container_detail_class .class_detail_info .info .info_t .num_box .span_space{
	content:"";
	display:inline-block;
	background:#797979;
	width:2px;
	height:2px;
	border-radius:50%;
	margin:0 15px;
}
.container_detail_class .class_detail_info .info .info_t .tags{
	margin-top:10px;
}
.container_detail_class .class_detail_info .info .info_t .tags a{
	display:inline-block;
	font-size:14px;
	background: #f8f8f8;
	color:#797979;
	padding:4px 10px;
	border-radius:4px;
}
.container_detail_class .class_detail_info .info .info_t .show_mobile_box{
	position:absolute;
	top:5px;
	right:18px;
}
.container_detail_class .class_detail_info .info .info_t .show_mobile_box .tit{
	font-size: 12px;
	color: #9b9b9b;
	padding-left:16px;
	background:url('../image/icon/icon_mobile.png') no-repeat;
	background-position:left center;
	background-size:10px 14px;
}
.container_detail_class .class_detail_info .info .info_b{
	height:42px;
	display: flex;
	justify-content: space-between;
	align-items:end;
}

.container_detail_class .moocs_data_box .item{
	box-sizing:border-box;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	padding:30px;
	margin-bottom:24px;
}
.container_detail_class .moocs_data_box .item:last-child{
	margin-bottom:0;
}
.container_detail_class .moocs_data_box .item .item_t{
	display:flex;
}
.container_detail_class .moocs_data_box .item .item_t .img{
	width: 208px;
	height: 117px;
	background-color: #bfbfbf;
	border-radius: 4px;
	overflow:hidden;
	margin-right:16px;
}
.container_detail_class .moocs_data_box .item .item_t .img img{
	width: 100%;
	height:100%;
	object-fit:cover;
}
.container_detail_class .moocs_data_box .item .item_t .info{
	width:calc(100% - 224px);
	display:flex;
	flex-flow:column;
}
.container_detail_class .moocs_data_box .item .item_t .info .info_t{
	position:relative;
	flex:1;
	display:flex;
	justify-content:space-between;
}
.container_detail_class .moocs_data_box .item .item_t .info .info_t .title{
	font-size:18px;
	line-height:30px;
	width: 435px;
	text-overflow: ellipsis;
	word-break: keep-all;
	overflow: hidden;
	flex:1;
}
.container_detail_class .moocs_data_box .item .item_t .info .info_t .btn{
	background: #ffffff;
	border-radius: 4px;
	border: solid 1px #dddddd;
	font-size:14px;
	color:#999999;
	line-height:36px;
	height:38px;
	width:100px;
}
.container_detail_class .moocs_data_box .item .item_t .info .info_b{
	color: #9b9b9b;
	font-size:12px;	
	line-height:24px;
}
.container_detail_class .moocs_data_box .item .item_t .info .info_b p span{
	margin-right:16px;
}
.container_detail_class .moocs_data_box .item .item_t .info .info_b p span:last-child{
	margin-right:0;
}
.container_detail_class .moocs_data_box .item .item_c{
	margin-top:20px;
	font-size:16px;
	line-height: 32px;
	color: #535353;
}
.container_detail_class .con_box{
	border-radius: 8px;
}
.container_detail_class .con_user {
	flex-flow: column;
	align-items: center;
}
.container_detail_class .con_user .headimg{
	width:100px;
	height:100px;
	margin-bottom:16px;
}
.container_detail_class .con_user .nickname{
	font-size:20px;
	color:#333333;
}
.container_detail_class .con_user .desc{
	font-size: 14px;
	line-height: 25px;
	color: #797979;
	margin-top:12px;
}



.container_detail .detail_info_base{
	box-sizing:border-box;
	width:100%;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	margin-bottom:20px;
}

.container_detail .detail_info_base .title{
	font-size:24px;
	line-height:1.4;
}
.container_detail .detail_info_base .tags{
	margin-top:18px;
}
.container_detail .detail_info_base .tags a{
	display:inline-block;
	background:#dc2396;
	font-size: 12px;
	color:#ffffff;
	padding:0 10px;
	line-height: 22px;
	margin-right:10px;
	margin-bottom:10px;
	border-radius:4px;
}
.container_detail .detail_info_base .info{
	margin-top:20px;
	display:flex;
}
.container_detail .detail_info_base .img{
	width: 520px;
	height: 292.5px;
	background-color: #bfbfbf;
	overflow:hidden;
	border-radius:8px;
	margin-right:24px;
}
.container_detail .detail_info_base .img img{
	width: 100%;
	height:100%;
	object-fit:cover;
}
.container_detail .detail_info_base .info .info_r{
	flex:1;
}
.container_detail .detail_info_base .info .info_r .info_ls{
}
.container_detail .detail_info_base .info .info_r .info_ls .item{
	font-size:14px;
	padding-left: 30px;
	color:#797979;
	line-height: 24px;
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size:18px 18px;
	margin-bottom:12px;
}
.container_detail .detail_info_base .info .info_r .info_ls .item.hide{
	display:none;
}
.container_detail .detail_info_base .info .info_r .info_ls .show_info_more_btn{
	display:none;
	color:#c100a8;
	font-size:14px;
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_address{
	background-image: url('../image/icon/icon_address.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_se_time{
	background-image: url('../image/icon/icon_date.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_shows{
	background-image: url('../image/icon/icon_time_hour.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_order_time{
	background-image: url('../image/icon/icon_order_time.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_tel{
	background-image: url('../image/icon/icon_phone.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_money{
	background-image: url('../image/icon/icon_money.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_host{
	background-image: url('../image/icon/icon_host.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_organizer{
	background-image: url('../image/icon/icon_organizer.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_coorganizer{
	background-image: url('../image/icon/icon_coorganizer.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_last_order_num{
	background-image: url('../image/icon/icon_last_num.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_performed{
	background-image: url('../image/icon/icon_performed.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_area_val{
	background-image: url('../image/icon/icon_area_val.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_people{
	background-image: url('../image/icon/icon_people.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.icon_speaker{
	background-image: url('../image/icon/icon_speaker.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_leave_times{
	background-image: url('../image/icon/icon_leave_times.png');
}
.container_detail .detail_info_base .info .info_r .info_ls .item.item_shows span{
	margin-right:10px;
}
.container_detail .detail_info_base .info .info_r_b{
	margin-top: 50px;
	height:42px;
	display: flex;
	justify-content: space-between;
	align-items:end;
}
.container_detail .detail_info_base .info .info_r_b_l{
	margin-right: 36px;
	display:flex;
}
.container_detail .detail_info_base .info .info_r_b_l .btn{
	min-width: 138px;
}
.container_detail .detail_info_base .info .info_r_b .last_order_time_box{
	margin-left:36px;
	display: flex;
	align-items: center;
	font-size:14px;
}
.container_detail .detail_info_base .info .info_r_b .last_order_time_box .tit{
	margin-right: 16px;
}
.container_detail .detail_info_base .info .info_r_b .last_order_time_box .timedown_box{
	color: #c100a8;
}
.container_detail .detail_info_base.detail_info_base_2{
	border-radius:0;
	border:none;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 40px 0;
}
.container_detail .detail_info_base.detail_info_base_2 .info .img{
	width: 320px;
	height: 180px;
}
.container_detail .detail_info_base2{
	width: 100%;
	height:337.5px;
	display:flex;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	background:#ffffff;
	overflow:hidden;
}
.container_detail .detail_info_base2 .img{
	width:600px;
	height:337.5px;
}
.container_detail .detail_info_base2 .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.container_detail .detail_info_base2 .info_r{
	flex:1;
	padding:30px;
	box-sizing:border-box;
	display: flex;
	flex-flow: column;
}
.container_detail .detail_info_base2 .info_r .title{
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom:12px;
}
.container_detail .detail_info_base2 .info_r .info{
	color:#797979;
	font-size:14px;
	line-height:24px;
	margin-bottom:12px;
}
.container_detail .detail_info_base2 .info_r .info .info_item{
	
}
.container_detail .detail_info_base2 .info_r .desc{
	color:#535353;
	font-size:16px;
	flex:1;
	overflow:hidden;
	position: relative;
}
.container_detail .detail_info_base2 .info_r .desc .desc_c{
	overflow:hidden;
	line-height:24px;
	white-space: pre-wrap;
}
.container_detail .detail_info_base2 .info_r .desc .show_more{
	display:none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(180deg,rgba(255,255,255,0.0),#fff);
	text-align: center;
	padding-top: 40px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight:700;
	color:#c100a8;
}
.container_detail .detail_info_base2 .info_r .desc .show_more.show{
	display:block;
}
.container_detail .detail_info_base2 .info_r .tool{
	display:flex;
	align-items:center;
	justify-content: space-between;
	margin-top:20px;
}
.container_detail .detail_info_base2 .info_r .tool .tool_item{
	display:flex;
	align-items:center;
}
.container_detail .detail_info_base2 .info_r .tool .tool_item .tool_item_one{
	margin-right:10px;
}
.container_detail .detail_info_base2 .info_r .tool .tool_item .tool_item_one:last-child{
	margin-right:0;
}
.container_detail .container_right .con_map{
	padding:30px;
}
.container_detail .container_right .con_map .map_box{
	width: 100%;
	height:320px;
	box-sizing: border-box;
	border:none;
}
/* 活动 */
.container_detail_activity .con_record .img_box .img{
	text-align:center;
	margin-bottom:5px;
}
.container_detail_activity .con_record .img_box .img img{
	width: auto;
	max-width: 100%;
}
.con_activity_data{
	display:flex;
	flex-flow:wrap;
}
.con_activity_data .item{
	width: 324px;
	margin-bottom:20px;
}
.con_activity_data .item:last-child{
	margin-bottom:0;
}
.con_activity_data .item .img{
	width: 324px;
	height: 182.25px;
	background-color: #e5e5e5;
	border-radius: 8px;
	margin-bottom:12px;
}
.con_activity_data .item .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.con_activity_data .item .info .title{
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:6px;
}
.con_activity_data .item .info .info_b{
	font-size: 12px;
	color: #797979;
	line-height: 18px;
}
.con_activity_data .item .info .info_b .info_b_item{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.con_activity_data .item:hover .title{
	color: #c100a8;
}

.container_detail_order{
	width:1000px;
}
.container_detail_order .detail_info .info_box{
	display:flex;
	margin-bottom: 24px;
}
.container_detail_order .detail_info .info_box .img{
	width: 192px;
	height: 108px;
	margin-right: 24px;
}
.container_detail_order .detail_info .info_box .img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.container_detail_order .detail_info .info_box .info{
	width:calc(100% - 216px);
	color:#797979;
	font-size:14px;
}
.container_detail_order .detail_info .info_box .info .title{
	font-size:16px;
	font-weight:700;
	margin-bottom:10px;
	color:#333333;
}
.container_detail_order .detail_info .info_box .info .address{
	color: #797979;
	font-size:14px;
	line-height: 18px;
	padding-left: 24px;
	background-image:url('../image/icon/icon_address.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 18px 18px;
}
.container_detail_order .detail_info .order_time_box{
	display:flex;
	flex-flow:wrap;
	margin-bottom:20px;
}
.container_detail_order .detail_info .order_time_box:last-child{
	margin-bottom:0;
}
.container_detail_order .detail_info .order_time_box .box_item{
	margin-right: 80px;
}
.container_detail_order .detail_info .order_time_box .box_item .tit{
	font-size:16px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom:10px;
}
.container_detail_order .detail_info .order_time_box .box_item .con{
	display:flex;
}
.container_detail_order .detail_info .order_time_box .box_item .con .con_t {
	font-size: 14px;
	color: #666666;
	line-height: 36px;
	margin-right: 19px;
}
.container_detail_order .detail_info .order_time_box .box_item .con .con_c{
	font-size:14px;
	color: #333333;
}
.container_detail_order .detail_info .order_time_box .box_item .con .con_c a{
	color: #c100a8;
	line-height:36px;
	font-size:14px;
}
.container_detail_order .detail_info .order_time_box .box_item .con_select {
	min-width: 300px;
	position: relative;
	border: solid 1px #dddddd;
}
.container_detail_order .detail_info .order_time_box .box_item .con_select select{
	height: 36px;
	width: 100%;
	border: 1px #fff solid;
	padding: 0px 30px 0px 15px;
	font-size: 14px;
	color: #333333;
	background:#ffffff;
	border-radius: 4px 0 0 4px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.container_detail_order .detail_info .order_time_box .box_item .con_select::after{
	content: "";
	display: inline-block;
	width: 30px;
	height: 36px;
	position: absolute;
	right: 1px;
	background: url('../image/icon/icon_select_down.png');
	pointer-events: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}
.container_detail_order .detail_info .order_time_box .box_item.show_seats_item{
	width: 480px;
	margin-right:0;
}
.container_detail_order .detail_info .order_time_box .box_item.show_seats_item .con_c{
	width: calc(100% - 92px);
}
.container_detail_order .detail_info .order_time_box .box_item .con .con_c .seats_text{
	margin-right: 8px;
	line-height:36px;
}

.seats_box{
	display:flex;
	max-height: 100%;
	position: relative;
}
.seats_box .box_no{
	width:80px;
	display:flex;
	flex-flow: wrap;
	align-items: flex-end;
	padding-right: 20px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 70px;
	background:#ffffff;
	height: calc(100% - 70px);
	overflow: hidden;
	justify-content: flex-end;
}
.seats_box .box_no .no_item{
	display: flex;
	align-items: center;
	justify-content: center;
	height:28px;
	margin-bottom:5px;
}
.seats_box .box_no .no_item:last-child{
	margin-bottom:0;
	padding-bottom: 30px;
}
.seats_box .box_con{
	flex:1;
	margin-left:80px;
	margin-right:60px;
	overflow: hidden;
}
.seats_box .box_con .con_top{
	background:#eaeaea;
	color:#666;
	text-align: center;
	height:32px;
	line-height:32px;
	margin-bottom:10px;
}
.seats_box .box_con .con_seats{
	text-align: center;
	height: calc(100% - 40px);
}
.seats_box .box_con .con_seats .seats_col_num{
	white-space: pre;
	font-size:0;
	overflow: hidden;
}
.seats_box .box_con .con_seats .seats_col_num .num_item{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:30px;
	height:28px;
	margin-right:5px;
	text-align: center;
	font-weight:700;
	font-size:14px;
}
.seats_box .box_con .con_seats .seats_data{
	white-space: pre;
	height: calc(100% - 28px);
	overflow: auto;
}
.seats_box .box_con .con_seats .seats_data .seats_row{
	margin-bottom:5px;
	font-size:0;
	width: max-content;
	min-width: 100%;
}
.seats_box .box_con .con_seats .seats_data .seats_row:hover{
	background:#f7f7f7;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item:first-child{
	margin-left:5px;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:30px;
	height:28px;
	background: #eaeaea;
	color:#666;
	border-radius:4px;
	box-sizing: border-box;
	margin-right:5px;
	font-size:13px;
	cursor: pointer;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item .input_title{
	display:none;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.edit .text{
	display: none;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.edit .input_title{
	display: block;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.selected{
	border: 3px dashed #77d2dc;
	background: rgba(119, 210, 220,0.2);
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.active{
	background: rgba(98, 102, 249,0.8);
	color:#ffffff;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.delete{
	background: #ffffff;
	color:#ffffff;
	opacity:0;
	pointer-events:none;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.disabled{
	background: #f9f9f9;
	color: #dddddd;
	pointer-events:none;
}
.seats_box .box_con .con_seats .seats_data .seats_row .seats_item.used{
	background: #cb1620;
	color:#ffffff;
}
.seats_box .box_btn{
	width:60px;
	display:flex;
	flex-flow: wrap;
	align-items: flex-start;
	padding-left: 20px;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 70px;
	background: #fff;
	height: calc(100% - 70px);
	overflow: hidden;
	justify-content: flex-end;
}
.seats_box .box_btn .select_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	height:28px;
	width:100%;
	margin-bottom: 5px;
}
.seats_box .box_btn .select_btn:last-child{
	margin-bottom:0;
	height: 58px;
	padding-bottom:30px;
}
.container_detail_order .box_title{
	font-size: 16px;
	color:#333333;
	margin: 28px 0 11px;
}
.container_detail_order .input{
	width:200px;
	border:1px solid #dddddd;
	margin-right:20px;
}
.container_detail_order .input input[type="text"],.container_detail_order .input input[type="number"]{
	width: 100%;
	height:36px;
	padding:0 10px;
	box-sizing:border-box;
	border:none;
	font-size: 14px;
}
.container_detail_order .input_textarea{
	width:100%;
	border:1px solid #dddddd;
	margin-right:20px;
}
.container_detail_order .input_textarea textarea{
	width: 100%;
	height:100px;
	padding:10px;
	box-sizing:border-box;
	border:none;
	font-size: 14px;
}
.container_detail_order .input_radio{
	margin-right:20px;
	font-size:14px;
}
.container_detail_order .input_radio label{
	margin-right:20px;
}
.container_detail_order .order_userinfo_box{
	padding:30px;
	background:#ffffff;
	border:1px solid #e5e5e5;
	width: 100%;
	box-sizing: border-box;
}
.container_detail_order .order_userinfo_box .family_con{
	border-bottom: 1px dashed #e5e5e5;
}
.container_detail_order .order_userinfo_box .family_con .con_tit{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.container_detail_order .order_userinfo_box .family_con .con_tit .text{
	font-size:16px;
	color:#333333;
	line-height: 24px;
	padding-left: 35px;
	background-image:url("../image/icon/icon_joinuser.png");
	background-repeat:no-repeat;
	background-size: 24px 24px;
	background-position:left top;
}
.container_detail_order .order_userinfo_box .family_con .con_tit a{
	color: #c100a8;
	font-size: 16px;
}
.container_detail_order .order_userinfo_box .family_con .con_data{
	margin-top: 10px;
}
.container_detail_order .order_userinfo_box .family_con .con_data .family_item{
	margin-left:35px;
	line-height:32px;
	font-size: 16px;
	color:#797979;
}
.container_detail_order .order_userinfo_box .order_data_box{
	width: 100%;
	border:1px solid #dddddd;
	margin-top:18px;
	overflow-x: auto;
	margin-bottom:47px;
}
.container_detail_order .order_userinfo_box .order_data_box table{
	min-width: 100%;
	width: max-content;
}
.container_detail_order .order_userinfo_box .order_data_box table thead{
	background-color: #fafafa;
	border-bottom:1px solid #dddddd;
}
.container_detail_order .order_userinfo_box .order_data_box table thead tr td{
	height:40px;
	color:#797979;
	font-size:14px;
	text-align:left;
	padding:0 10px;
}
.container_detail_order .order_userinfo_box .order_data_box table tr td{
	text-align:left;
	padding:10px 5px;
	width: 200px;
}
.container_detail_order .order_userinfo_box .order_data_box table tr td:first-child{
	padding-left:20px;
}
.container_detail_order .order_userinfo_box .order_data_box table tr td:last-child{
	padding-right:20px;
}
.container_detail_order .order_userinfo_box .order_data_box table tbody tr{
	border-bottom:1px solid #dddddd;
}
.container_detail_order .order_userinfo_box .order_data_box table tbody tr:last-child{
	border-bottom:none;
}
.container_detail_order .order_userinfo_box .order_data_box table td.td_type{
	width: 50px;
}
.container_detail_order .order_userinfo_box .order_data_box table td.td_btn{
	width: 100px;
	text-align:right;
}
.container_detail_order .order_userinfo_box .order_data_box table td .input{
	width: 100%;
	height: 36px;
	border: solid 1px #e5e5e5;
	box-sizing: border-box;
	padding:0 10px;
	font-size:14px;
	color:#333333;
}
.container_detail_order .order_userinfo_box .order_data_box table td .select {
	width:100%;
	position: relative;
	border: solid 1px #dddddd;
	cursor: pointer;
}
.container_detail_order .order_userinfo_box .order_data_box table td .select select{
	height: 36px;
	width: 100%;
	border: none;
	padding: 0px 10px 0px 5px;
	font-size: 14px;
	color: #333333;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
/*
.container_detail_order .order_userinfo_box .order_data_box table td .select::after{
	content: "";
	display: inline-block;
	width: 30px;
	height: 36px;
	position: absolute;
	right: 1px;
	background: url('../image/icon/icon_select_down.png');
	pointer-events: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}*/
.container_detail_order .order_userinfo_box .order_data_box table td .input[disabled],.container_detail_order .order_userinfo_box .order_data_box table td select[disabled]{
	color:#999999;
	background:#f5f5f5;
}
.container_detail_order .order_userinfo_box .order_data_box table td .table_btn{
	content:"";
	display:inline-block;
	min-width: 36px;
	height: 36px;
	line-height:36px;
	font-size:14px;
	color: #c100a8;
	vertical-align: middle;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 16px 16px;
}
.container_detail_order .order_userinfo_box .order_data_box table td .table_btn.clean_btn{
	background-image:url('../image/icon/icon_clean.png');
}
.container_detail_order .order_userinfo_box .order_data_box table td .table_btn.del_btn{
	background-image:url('../image/icon/icon_del.png');
}
.container_detail_order .order_userinfo_box .otherinfo_box{
}
.container_detail_order .order_userinfo_box .otherinfo_box.otherinfo_box_flex{
	display:flex;
	flex-flow:wrap;
}
.container_detail_order .order_userinfo_box .otherinfo_box.otherinfo_box_flex .box_con{
	margin-bottom:20px;
	width:50%;
}
.container_detail_order .order_userinfo_box .otherinfo_box.otherinfo_box_flex .box_con_full{
	width:100%;
	display:flex;
	flex-flow:wrap;
}
.container_detail_order .order_userinfo_box .otherinfo_box.otherinfo_box_flex .box_con:nth-child(2n){
	margin-bottom:20px;
}
.container_detail_order .order_userinfo_box .otherinfo_box .box_con{
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.container_detail_order .order_userinfo_box .otherinfo_box .box_con:last-child{
	margin-bottom:0;
}
.container_detail_order .order_userinfo_box .box_con .con_tit{
	font-size:14px;
	color:#666666;
	margin-right:30px;
	min-width:80px;
}
.container_detail_order .order_userinfo_box .box_con .con_data{
	display:flex;
	align-items: center;
	font-size:14px;
	flex:1;
}
.container_detail_order .order_userinfo_box .box_con.checkcode_con .con_data .input{
	width:122px;
	border:1px solid #dddddd;
	margin-right:20px;
}
.container_detail_order .order_userinfo_box .box_con.checkcode_con .con_data .code_img{
	border: 1px solid #ddd;
	margin-right: 10px;
	width:120px;
}
.container_detail_order .order_userinfo_box .notice_box {
	margin-top:30px;
}
.container_detail_order .order_userinfo_box .notice_box .box_tit{
	font-size:18px;
	font-weight: 700;
	color:#8c3915;
	margin-bottom:10px;
}
.container_detail_order .order_userinfo_box .notice_box .box_data{
	white-space:pre-wrap;
	font-size: 16px;
	line-height:1.6;
	color:#797979;
}
.container_detail_order .btn_box{
	width: 100%;
	margin-top: 30px;
	text-align:center;
}
.container_detail_order .btn_box .btn{
	width: 280px;
	line-height: 44px;
	font-size: 18px;
}

/* 培训 */
.list_data_box .list_data_con_box.train_con_box .list_data_con .item{
	height: 435px;
}
.list_data_box .list_data_con_box.train_con_box .list_data_con .item .info{
	height: 165px;
}
.container_detail_train .detail_info .info_con .con_one .con_data{
	padding:0 40px;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item{
	display:flex;
	align-items:center;
	border: 1px solid #eaeaea;
	box-sizing:border-box;
	border-bottom:none;
	background:#fafafa;
	line-height: 35px;
	font-size: 14px;
	color:#797979;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item.data_item_head{
	font-size:16px;
	background:#f7f7f7;
	color:#333333;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item:last-child{
	border-bottom:1px solid #eaeaea;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item .item{
	width:220px;
	text-align:center;
	border-right: 1px solid #eaeaea;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item .item:last-child{
	border-right:none;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item .item.item_id{
	width:60px;
}
.container_detail_train .detail_info .info_con .course_list_con .data_item .item.item_week{
	width:150px;
}
.container_detail_order.container_detail_train_order .order_userinfo_box .box_con .con_tit{
	width: 90px;
	text-align: right;
}
/* 活动室 */
.container_detail_venue .room_data {
	display:flex;
	flex-flow:wrap;
}
.container_detail_venue .room_data .item{
	width: 168px;
	margin-right:20px;
	margin-bottom:20px;
}
.container_detail_venue .room_data .item:nth-child(4n){
	margin-right:0;
}
.container_detail_venue .room_data .item .img{
	width: 168px;
	height: 94.5px;
	border-radius:8px;
}
.container_detail_venue .room_data .item .img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.container_detail_venue .room_data .item .info{
	font-size: 12px;
	margin-top:5px;
}
.container_detail_venue .room_data .item .info .title{
	font-weight: 700;
	font-size: 14px;
	color:#333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom:5px;
}
/* 资讯 */
.container_index_article .index_banner{
	width: 796px;
	height:448px;
	margin-bottom:20px;
}
.container_index_article .con_article_box1{
	height: 448px;
	margin-bottom:20px;
}
.container_index_article .con_article_box2{
	height: 370px;
}
.container_index_article .con_article_box2 .con{
	padding-bottom:24px;
	height:248px;
	box-sizing:border-box;
}
.container_index_article .con_article_box2 .btm{
	border-top:1px solid #e5e5e5;
	color: #666666;
	font-size:14px;
	text-align:center;
}
.container_index_article .con_article_box2 .btm .more{
	display:block;
	line-height:52px;
}
.container_index_article .con_article_box .item{
	display:block;
	font-size:16px;
	color:#333333;
	padding:8px 0;
}
.container_index_article .con_article_box .item .title{
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#575757;
}
.container_index_article .con_article_box .item .info{
	
}
.container_index_article .con_article_box .item .category{
	font-size:12px;
	color: #c100a8;
	margin-right:5px;
}
.container_index_article .con_article_box .item .time{
	font-size: 12px;
	color:#999999;
}
.container_index_article .con_article_box .item:hover .title{
	color: #c100a8;
}
.container_index_article .con_article_tab .con{
	padding:10px 0 0;
	height:248px;
	box-sizing:border-box;
}
.container_index_article .con_article_tab .con .item{
	font-size:16px;
	color:#333333;
	display:flex;
	line-height:26px;
	padding:10px 29px;
}
.container_index_article .con_article_tab .con .item:hover{
	background:#f7f7f7;
}
.container_index_article .con_article_tab .con .item .cate{
	color: #c100a8;
	font-size:14px;
	margin-right: 9px;
}
.container_index_article .con_article_tab .con .item .title{
	flex:1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.container_index_article .con_article_tab .con .item .time{
	color: #999999;
	font-size: 12px;
	margin-left:20px;
}
.container_article .article_nav_box{
	overflow-x:auto;
	/* 滑块颜色 滑块的背景颜色 */
	scrollbar-color: #dddddd #f7f7f9;

	/* 火狐浏览器滚动条宽度有三种 thin auto none*/
	/* thin 很细 */
	/* auto 默认 */
	/* none 将滚动条隐藏 */
	scrollbar-width: thin;
}
.container_article .article_nav_box::-webkit-scrollbar {/*滚动条整体样式*/
	width: 9px;
	height: 6px;
	background-color: #dddddd;
}
.container_article .article_nav_box::-webkit-scrollbar-thumb {/*滚动条整体样式*/
	background-color: #dddddd;
	border-radius: 5px;
}
.container_article .article_nav_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
	background: #f7f7f9;
}

.container_index_article .article_nav_box{
	margin-bottom:20px;
}
.container_index_article .article_nav_box .article_nav{
	border-radius:8px;
	border:none;
}
.container_article .article_nav{
	display:flex;
	flex-flow:wrap;
	border-bottom:1px solid #eaeaea;
	background:#ffffff;
	border-radius: 8px 8px 0 0;
	width: max-content;
	min-width:100%;
	box-sizing:border-box;
	justify-content:space-between;
	padding:0 30px;
}
.container_article .article_nav .item{
	line-height:70px;
	font-size:16px;
	color: #333333;
	position:relative;
}
.container_article .article_nav .item.active,.container_article .article_nav .item:hover{
	color: #c100a8;
}
.container_article .article_nav .item.active::after,.container_article .article_nav .item:hover::after{
	content:"";
	width:100%;
	height:4px;
	background:#c100a8;
	border-radius:4px;
	position:absolute;
	left:50%;
	bottom:0;
	transform: translate(-50%, 0);
}
.container_article .list_data_box{
	display:flex;
	padding:20px;
	background:#ffffff;
	box-sizing: border-box;
	border-radius: 0 0 8px 8px;
}
.container_article .list_data_box .list_category_box{
	width:230px;
	border-right:1px solid #eaeaea;
	padding-right:20px;
	box-sizing:border-box;
}
.container_article .list_data_box .list_category_box .item{
	display:block;
	font-size:16px;
	line-height:18px;
	padding: 8px 4px;
	margin-bottom:10px;
	text-align:center;
}
.container_article .list_data_box .list_category_box .item:hover{
	color:#c100a8;
}
.container_article .list_data_box .list_category_box .item.active{
	background:#c100a8;
	color:#ffffff;
	border-radius:4px;
}

.container_article .list_data_box .list_data_con_box{
	flex:1;
	padding:0 20px;
	box-sizing:border-box;
	width: calc(100% - 230px);
}
.container_article .list_data_box .list_data_con_box .article_data_con {
	width: 100%;
}
.container_article .list_data_box .list_data_con_box .article_data_con .cate_tab{
	display:flex;
	flex-flow: wrap;
	margin-bottom:20px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .cate_tab .item{
	border:1px solid #eaeaea;
	padding: 0px 20px;
	line-height:35px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius:4px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .cate_tab .item.active,.container_article .list_data_box .list_data_con_box .article_data_con .cate_tab .item:hover{
	background:#c100a8;
	border-color:#c100a8;
	color:#ffffff;
	border-radius:4px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_box{
	
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_box .params_box_one{
	display:flex;
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_box .params_box_one .one_tit{
	font-size:14px;
	line-height:28px;
	margin-right:10px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_box .params_box_one .one_con{
	flex:1;
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_tab{
	display:flex;
	flex-flow: wrap;
	margin-bottom:20px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_tab .item{
	border:1px solid #eaeaea;
	padding: 0px 10px;
	line-height:28px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius:4px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .params_tab .item.active,.container_article .list_data_box .list_data_con_box .article_data_con .params_tab .item:hover{
	background:#c100a8;
	border-color:#c100a8;
	color:#ffffff;
	border-radius:4px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .con_data_list {
	min-height:400px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .con_data_list .item{
	display: block;
	padding:0 10px;
	font-size:16px;
	line-height:36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.container_article .list_data_box .list_data_con_box .article_data_con .con_data_list .item .time{
	margin-right: 10px;
	color:#999999;
}
.container_article .list_data_box .list_data_con_box .article_data_con .con_data_list  .item .title{
	color:#333333;
}
.container_article .list_data_box .list_data_con_box .article_data_con .con_data_list  .item:hover{
	background:#f7f7f7;
}


.container_article .venue_tab_box{
	overflow-x:auto;
	/* 滑块颜色 滑块的背景颜色 */
	scrollbar-color: #dddddd #f7f7f9;

	/* 火狐浏览器滚动条宽度有三种 thin auto none*/
	/* thin 很细 */
	/* auto 默认 */
	/* none 将滚动条隐藏 */
	scrollbar-width: thin;
	margin-bottom:40px;
}
.container_article .venue_tab_box::-webkit-scrollbar {/*滚动条整体样式*/
	width: 9px;
	height: 6px;
	background-color: #dddddd;
}
.container_article .venue_tab_box::-webkit-scrollbar-thumb {/*滚动条整体样式*/
	background-color: #dddddd;
	border-radius: 5px;
}
.container_article .venue_tab_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
	background: #f7f7f9;
}

.container_article .tab_box.tab_box_venue{
	border:none;
}
.container_article .tab_box.tab_box_venue .tab_con .tab_con_item{
	padding-top:20px;
	font-size:14px;
	line-height:1.6;
}
.container_article .tab_box.tab_box_venue .tab_con .tab_con_item img{
	max-width:100%;
}
.container_article .list_data_box .list_data_con_box .article_data_con .cate_tab.venue_tab{
	border:none;
	width: max-content;
	margin-bottom:10px;
}
.container_article .article_nav{
	display:flex;
	flex-flow:wrap;
	border-bottom:1px solid #eaeaea;
	background:#ffffff;
	border-radius: 8px 8px 0 0;
	width: max-content;
	min-width:100%;
	box-sizing:border-box;
	justify-content:space-between;
	padding:0 30px;
}

.container_article .list_data_box .list_data_con_box .article_data_con .contact_con{
	display:flex;
}
.container_article .list_data_box .list_data_con_box .article_data_con .contact_con .img{
	width: 400px;
	height: 225px;
	border-radius: 8px;
	margin-right:20px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .contact_con .con_right .title{
	font-size:18px;
	margin-bottom:20px;
}
.container_article .list_data_box .list_data_con_box .article_data_con .contact_con .con_right .info{
	font-size:16px;
	color:#777777;
}
.container_article .list_data_box .list_data_con_box .article_data_con .contact_con .con_right .info .info_item{
	margin-bottom:8px;
}
.con_article_data .item{
	display: block;
	font-size:16px;
	color:#333333;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.con_article_data .item:hover{
	color:#c100a8;
}
.list_data_box .list_data_con_box.article_con_box .list_data_con .item{
	height: 280px;
}
.list_data_box .list_data_con_box.article_con_box .list_data_con .item .img{
	width:240px;
	height:135px;
}
.list_data_box .list_data_con_box.article_con_box .list_data_con .item .info{
	height: 90px;
}

/*场馆预订*/
.list_data_box .list_data_con_box.venues_con_box .list_data_con .item {
	height: 390px;
}
.list_data_box .list_data_con_box.venues_con_box .list_data_con .item .info{
	height:120px;
}
.container_detail_venue .detail_info_base{
	border-radius:0;
	border:none;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 40px 0;
}
.container_detail_venue .detail_info_base .info .img{
	width: 320px;
	height: 180px;
	border-radius:8px;
}
.con_venues_data .item{
	display:flex;
	margin-bottom:26px;
}
.con_venues_data .item:last-child{
	margin-bottom:10px;
}
.con_venues_data .item .img{
	width: 135px;
	height:76px;
	background:#eaeaea;
	margin-right:10px;
	border-radius: 6px;
}
.con_venues_data .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.con_venues_data .item .info{
	width: calc(100% - 145px);
	color:#797979;
}
.con_venues_data .item .info .title{
	font-size:16px;
	font-weight: 700;
	color: #333333;
	margin-bottom:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.con_venues_data .item .info .info_b{
}
.con_venues_data .item .info .info_b .address{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*活动室*/
.con_room_data .item{
	display:flex;
	margin-bottom:36px;
}
.con_room_data .item:last-child{
	margin-bottom:10px;
}
.con_room_data .item .img{
	width: 135px;
	height: 76px;
	background:#eaeaea;
	margin-right:10px;
	border-radius:6px;
}
.con_room_data .item .info{
	flex:1;
	color:#797979;
}
.con_room_data .item .info .title{
	font-size:18px;
	font-weight: 700;
	color: #333333;
	margin-bottom:10px;
}
.container_detail_room .detail_info_base{
	border-radius:0;
	border:none;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 40px 0;
}
.container_detail_room .detail_info_base .info .img{
	width: 320px;
	height: 180px;
}
.container_detail_room .detail_info .info_con .room_show_box{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:30px;
	margin-bottom:20px;
}
.container_detail_room .detail_info .order_notice{
	text-align:center;
	color:#797979;
	font-size:14px;
	margin-top:10px;
}
.room_show_box .data_item{
	display:flex;
	align-items:center;
	border: 1px solid #eaeaea;
	box-sizing:border-box;
	border-bottom:none;
	background:#fafafa;
	font-size: 14px;
	color:#797979;
}
.room_show_box .data_item.data_item_head{
	font-size:16px;
	color:#333333;
}
.room_show_box .data_item.data_item_head .item{
	background:#f7f7f7;
	font-size:14px;
}
.room_show_box .data_item:last-child{
	border-bottom:1px solid #eaeaea;
}
.room_show_box .data_item .item{
	width:150px;
	height:60px;
	border-right: 1px solid #eaeaea;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	font-size:12px;
	background:#f1f1f1;
}
.room_show_box .data_item .item.show{
	cursor: pointer;
	background:#ffffff;
}
.room_show_box .data_item .item.order{
	background:#fafafa;
	color:#cccccc;
}
.room_show_box .data_item .item.active{
	background: linear-gradient(180deg,rgba(226,0,211,1) 0%,rgba(193,0,168,1) 100%);
	color:#ffffff;
}
.room_show_box .data_item .item:last-child{
	border-right:none;
}
.room_show_box .con_btn{
	text-align:center;
	margin-top: 30px;
}

/* 艺术展厅 */
.list_data_box .list_data_con_box.exhibition_con_box .list_data_con .item{
	height: 270px;
}
.list_data_box .list_data_con_box.exhibition_con_box .list_data_con .item .info{
	height: 56px;
}
.detail_data_box {
	width:100%;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	background:#ffffff;
}
.detail_data_box .box_tit{
	line-height:64px;
	font-size:18px;
	border-bottom:1px solid #e5e5e5;
	padding:0 30px;
}
.detail_data_box .data_con{
	display:flex;
	flex-flow:wrap;
	min-height: 235px;
}
.detail_data_box .data_con .item{
	width:299px;
	box-sizing:border-box;
	padding:30px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.detail_data_box .data_con .item:nth-child(4n){
	border-right:0;
}
.detail_data_box .data_con .item .img{
	width:240px;
	height:135px;
	margin-bottom:20px;
	border-radius: 4px;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.detail_data_box .data_con .item .img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.detail_data_box .data_con .item .title{
	font-size:16px;
	color:#333333;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.detail_data_box .data_con .item .desc{
	display:none;
}
.detail_data_box .data_con .item .author{
	display:none;
}
.detail_data_box .data_con .item.item_video .img{
	background-image:url('../image/bg/placeholder_video.png');
}
.detail_data_box .data_con .item.item_audio .img{
	background-image:url('../image/bg/placeholder_audio.png');
}
.detail_data_box .box_footer .pager{
	padding:30px 0;
}
.exhibition_content_modal .content{
	white-space:pre-wrap;
	font-size:16px;
	line-height:24px;
}
.exhibition_video_modal .video_box{
	height: 320px;
}
.exhibition_video_modal .desc{
	margin-top:20px;
	white-space: pre-line;
}
.exhibition_audio_modal .audio_box{
	height: auto;
	padding: 20px;
	border-radius: 8px;
}
.exhibition_audio_modal .audio_box audio{
	width: 100%;
	border-radius: 6px;
}
.exhibition_audio_modal .desc{
	margin-top:20px;
	white-space: pre-line;
}

/* 文化团队 */
.list_data_box .list_data_con_box.institution_con_box .list_data_con .item{
	height:390px;
}
.list_data_box .list_data_con_box.institution_con_box .list_data_con .item .info{
	height:138px;
}
.container_detail_club .recruit_notice{
	font-size:14px;
	color:#797979;
}
.container_detail_club .detail_info_base{
	border:none;
	padding:0;
}
.container_detail_club .tab_box{
	border:none;
}
.container_detail_club .tab_box .content{
	padding:20px 0;
}
.container_detail_club .exhibition_con_data{
	display:flex;
	flex-flow:wrap;
	padding: 20px 0;
}
.container_detail_club .exhibition_con_data .item{
	width:168px;
	margin-right:20px;
	margin-bottom:20px;
}
.container_detail_club .exhibition_con_data .item:nth-child(4n){
	margin-right:0;
}
.container_detail_club .exhibition_con_data .item .img{
	width:168px;
	height: 94.5px;
	border-radius: 6px;
	margin-bottom:10px;
}
.container_detail_club .exhibition_con_data .item .img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.container_detail_club .exhibition_con_data .item .title{
	font-size:14px;
	font-weight:700;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#333333;
}
.container_detail_club .exhibition_con_data .item:hover .title{
	color:#c100a8;
}
.container_detail_club .fengcai_con_data{
	
}
.container_detail_club .fengcai_con_data .item{
	border-bottom:1px dashed #eaeaea;
	padding:20px 0;
}
.container_detail_club .fengcai_con_data .item:last-child{
	border:none;
}
.container_detail_club .fengcai_con_data .item .title{
	font-size:16px;
}
.container_detail_club .fengcai_con_data .item .description{
	font-size:12px;
	color:#797979;
	margin-top:5px;
}
.container_detail_club .fengcai_con_data .item .item_pics{
	display:flex;
	flex-flow:wrap;
	margin-top:10px;
}
.container_detail_club .fengcai_con_data .item .item_pics .img{
	width:168px;
	height:94.5px;
	margin-right: 10px;
	margin-top:10px;
}
.container_detail_club .fengcai_con_data .item .item_pics .img:nth-child(4n){
	margin-right:0;
}
.container_detail_club .fengcai_con_data .item .item_pics .img:nth-child(-n+4){
	margin-top:0;
}
.container_detail_club .fengcai_con_data .item .item_video{
	margin-top:10px;
}
.container_detail_club .fengcai_con_data .item .item_video .video_player{
	width: auto;
	height: 250px;
}
.container_detail_club .fengcai_con_data .empty_tip{
	padding:40px 0;
}
.container_detail_club .con_cultural_products_data{
	flex-flow:wrap;
	padding: 20px 0;
}
.container_detail_club .con_cultural_products_data .item{
	flex-flow:column;
	width:168px;
	margin-right:20px;
	margin-bottom:20px;
}
.container_detail_club .con_cultural_products_data .item:nth-child(4n){
	margin-right:0;
}
.container_detail_club .con_cultural_products_data .item .img{
	width:168px;
	height: 94.5px;
	border-radius: 6px;
	margin-bottom:10px;
}
.container_detail_club .con_cultural_products_data .item .info{
	width: 100%;
}
.container_detail_club .con_cultural_products_data .item .info .info_b{
	font-size: 11px;
}
.container_detail_club .con_purchase_products_data{
	flex-flow:wrap;
	padding: 20px 0;
}
.container_detail_club .con_purchase_products_data .item{
	flex-flow:column;
	width:168px;
	margin-right:20px;
	margin-bottom:20px;
}
.container_detail_club .con_purchase_products_data .item:nth-child(4n){
	margin-right:0;
}
.container_detail_club .con_purchase_products_data .item .img{
	width:168px;
	height: 94.5px;
	border-radius: 6px;
	margin-bottom:10px;
}
.container_detail_club .con_purchase_products_data .item .info{
	width: 100%;
}
.container_detail_club .con_purchase_products_data .item .info .info_b{
	font-size: 11px;
}
.container_detail_club .con_purchase_demand_data{
	padding: 20px;
}
.container_detail_club .con_purchase_demand_data .item{
	display:block;
	padding: 10px 0;
    border-bottom:  1px solid #efefef;
}
.container_detail_club .con_purchase_demand_data .item .info{
	width: 100%;
}
.container_detail_club .con_purchase_demand_data .item .info .title{
	font-size:14px;
	font-weight:700;
}
.container_detail_club .con_purchase_demand_data .item .info .desc{
	
}
.container_detail_club .con_purchase_demand_data .item .info .info_b{
	font-size: 11px;
}
.container_detail_club .detail_info .tab_box .tab_head .item{
	margin: 0 12px;
}

/* 品牌 */

.list_data_box .list_data_con_box.brand_con_box .list_data_con .item{
	height: 320px;
}
.list_data_box .list_data_con_box.brand_con_box .list_data_con .item .img{
	width:240px;
	height:132px;
}
.list_data_box .list_data_con_box.brand_con_box .list_data_con .item .info{
	height:118px;
}
.list_data_box .list_data_con_box.brand_con_box .list_data_con .item .info .desc{
	font-size:12px;
	color:#797979;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.container_detail_brand .detail_info_base2{
	height:337.5px;
}
.container_detail.container_detail_brand .detail_info_base2 .img{
	width:600px;
	height:337.5px;
}
.brand_data_box {
	width:100%;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	background:#fafafa;
	overflow:hidden;
}
.brand_data_box .box_tit{
	line-height:62px;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	display:flex;
	justify-content: space-between;
}
.brand_data_box .box_tit .box_tit_con{
	display:flex;
}
.brand_data_box .box_tit .item{
	padding:0 16px;
	box-sizing: border-box;
}
.brand_data_box .box_tit .box_tit_con{
	
}
.brand_data_box .box_tit .item.actives{
	background:#ffffff;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.brand_data_box .box_tit .box_tit_con_left .item:first-child{
	border-left:none;
	padding-left:30px;
}
.brand_data_box .box_tit .box_tit_con_right .item:last-child{
	border-right:none;
	padding-right:30px;
}
.brand_data_box .data_con{
	display:flex;
	flex-flow:wrap;
	min-height: 280px;
}
.brand_data_box .data_con .item{
	width:299px;
	box-sizing:border-box;
	padding:30px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.brand_data_box .data_con .item:nth-child(4n){
	border-right:0;
}
.brand_data_box .data_con .item .img{
	width:240px;
	height:180px;
	margin-bottom:20px;
}
.brand_data_box .data_con .item .img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.brand_data_box .data_con .item .title{
	font-size:16px;
	color:#333333;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.brand_data_box .box_footer .pager{
	padding:30px 0;
}
.brand_content_modal .content{
	white-space:pre-wrap;
	font-size:16px;
	line-height:24px;
}

/*数字资源*/
.container_index_digital > .container{
	margin-bottom:20px;
}
.container_index_digital .index_banner{
	width: 796px;
	height:448px;
}
.container_index_digital .con_moocs_data .con{
	height:380px;
	overflow:hidden;
}
.container_index_digital .container_item_dgwhgtv{
	margin-right:20px;
}
.container_index_digital .container_item_dgwhgtv .img{
	width: 320px;
	height:220px;
	border-radius: 8px;
}
.container_index_digital .container_item_type2{
	
}
.container_index_digital .con_digital_box .con{
	display:flex;
}
.container_index_digital .con_digital_box .item{
	display:block;
	font-size:16px;
	color:#333333;
	padding:8px 0;
	margin-right:15px;
}
.container_index_digital .con_digital_box .item .img{
	width: 232px;
	height: 130.5px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 10px;
}
.container_index_digital .con_digital_box .item .title{
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#575757;
}
.container_index_digital .con_digital_box .item .info{
	
}
.container_index_digital .con_digital_box .item .category{
	font-size:12px;
	color: #c100a8;
	margin-right:5px;
}
.container_index_digital .con_digital_box .item .time{
	font-size: 12px;
	color:#999999;
}
.container_index_digital .con_digital_box .item:hover .title{
	color: #c100a8;
}
.container_index_digital .con_digital_box1{
	height: 448px;
	margin-bottom:20px;
}
.container_index_digital .con_digital_box2{
	display:flex;
	justify-content:space-between;
	width:860px;
	position:relative;
	padding-top: 40px;
}
.container_index_digital .con_digital_box2 .tit{
	position: absolute;
	top:0;
	left:0;
	padding:20px 0 0 24px;
}
.container_index_digital .con_digital_box2 .con{
	padding:24px 0 24px 24px;
	height:180px;
	box-sizing:border-box;
}
.container_index_digital .con_digital_box2 .item{
	width:180px;
	padding:0;
}
.container_index_digital .con_digital_box2 .item:last-child{
	margin-right:0;
}
.container_index_digital .con_digital_box2 .item .img{
	width: 180px;
	height: 101.5px;
	margin-bottom:8px;
}
.container_index_digital .con_digital_box2 .con_more{
	text-align: center;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 50px;
    box-sizing: border-box;
	padding: 0 14px;
	background: linear-gradient(180deg,rgb(219, 97, 210) 0%,rgb(189, 6, 177) 100%);
	border: none;
	font-size: 16px;
	box-shadow: -5px 5px 5px rgba(0,0,0,0.1);
	color: #fff;
	border-radius: 0px 8px 8px 0px;
	transition: all .2s;
}
.container_index_digital .con_digital_box2 .con_more:hover{
	background-image: linear-gradient(180deg,rgb(189, 6, 177) 0%,rgb(219, 97, 210) 100%);
	box-shadow: -10px 5px 5px rgba(0,0,0,0.1);
	width:55px;
	padding:0 16px;
}
.container_index_digital .container_digital_3 .container_item {
	flex:1;
}
.container_index_digital .container_item_type1{
	margin-right:20px;
}
.container_index_digital .con_digital_box3{
	width: 720px;
}
.container_index_digital .con_digital_box3 .con{
	
	box-sizing:border-box;
	flex-flow:wrap;
	height:402px;
}
.container_index_digital .con_digital_box3 .item{
	width:320px;
	height:180px;
	border-radius:8px;
	overflow:hidden;
	padding:0;
	position:relative;
	margin-right: 15px;
	margin-top: 15px;
}
.container_index_digital .con_digital_box3 .item:nth-child(2n){
	margin-right:0;
}
.container_index_digital .con_digital_box3 .item:nth-child(-n+2){
	margin-top:0;
}
.container_index_digital .con_digital_box3 .item .img{
	width:100%;
	height:100%;
	margin-bottom:0;
}
.container_index_digital .con_digital_box3 .item .info{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.container_index_digital .con_digital_box3 .item .info .title{
	color:#ffffff;
}
.container_index_digital .con_digital_tab{
	width:460px;
	overflow:hidden;
}
.container_index_digital .con_digital_tab .tit{
	border-bottom:1px solid #eaeaea;
}
.container_index_digital .con_digital_tab .tab_head{
	border-bottom:none;
}
.container_index_digital .con_digital_tab .tab_head .item{
	line-height:48px;
}
.container_index_digital .con_digital_tab .con{
	padding:15px 0;
	height:354px;
	box-sizing:border-box;
}
.container_index_digital .con_digital_tab .con .item{
	font-size:16px;
	color:#333333;
	display:flex;
	line-height:25px;
	padding:10px 29px;
}
.container_index_digital .con_digital_tab .con .item:hover{
	background:#f7f7f7;
}
.container_index_digital .con_digital_tab .con .item .cate{
	color: #c100a8;
	font-size:14px;
	margin-right: 9px;
}
.container_index_digital .con_digital_tab .con .item .title{
	flex:1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.container_index_digital .con_digital_tab .con .item .time{
	color: #999999;
	font-size: 12px;
	margin-left:20px;
}


.list_data_box .list_data_con_box.digital_con_box .list_data_con .item{
	height: 320px;
}
.list_data_box .list_data_con_box.digital_con_box .list_data_con .item .info{
	height: 108px;
}
.container_detail_digital .detail_info .info_header{
	margin-bottom:0;
	border-bottom:0;
}
.con_digital_data{
	display:flex;
	flex-flow:column;
}
.con_digital_data .item{
	width: 324px;
	margin-bottom:20px;
	position:relative;
	border-radius: 8px;
	overflow:hidden;
}
.con_digital_data .item:last-child{
	margin-bottom:0;
}
.con_digital_data .item .img{
	width: 324px;
	height: 182.25px;
	background-color: #e5e5e5;
	border-radius: 8px;
}
.con_digital_data .item .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.con_digital_data .item .info {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.con_digital_data .item .info .title{
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.con_digital_data .item:hover .info{
	background: rgba(0,0,0,0.8);
}


.con_digital_data2 .item{
	display:flex;
	margin-bottom:20px;
}
.con_digital_data2 .item:last-child{
	margin-bottom:10px;
}
.con_digital_data2 .item .img{
	width: 135px;
	height: 76px;
	background:#eaeaea;
	margin-right:10px;
	border-radius:6px;
}
.con_digital_data2 .item .info{
	flex:1;
	color:#797979;
	width: calc(100% - 145px);
	display: flex;
	flex-flow:column;
	justify-content:space-between;
}
.con_digital_data2 .item .info .title{
	font-size:16px;
	font-weight: 700;
	color: #333333;
	text-overflow: ellipsis;
	white-space: pre-line;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 44px;
	line-height:22px;
}


.album_data_con{
	display:flex;
	flex-flow:column;
}
.album_data_con{
	flex-flow:wrap;
	padding-bottom:30px;
	border-bottom:1px solid #dddddd;
	margin-bottom:30px;
}
.album_data_con .item{
	width:232px;
	margin-right:19px;
	margin-bottom:19px;
}
.album_data_con .item:nth-child(3n){
	margin-right:0;
}
.album_data_con .item .img{
	width:232px;
	height:130.5px;
	border-radius: 8px;
	overflow:hidden;
	margin-bottom:10px;
}
.album_data_con .item .info{
	color:#333333;
}
.album_data_con .item .info .title{
	color:#797979;
	font-size:14px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.container_detail_digital .review_data_con{
	margin-bottom:30px;
	border:1px solid #eaeaea;
}
.container_detail_digital .review_data_con .item{
	font-size: 16px;
	display: flex;
	padding: 10px 20px;
	border-bottom: 1px solid #eaeaea;
	justify-content: space-between;
	align-items: center;
}
.container_detail_digital .review_data_con .item:last-child{
	border-bottom:none;
}
.container_detail_digital .review_data_con .item.item_head{
	font-weight: 700;
}
.container_detail_digital .review_data_con .item .platform{
	width: 180px;
}

/*文化配送*/

.con_cultural_products_data{
	display:flex;
	flex-flow:column;
}
.con_cultural_products_data .item{
	width: 324px;
	margin-bottom:20px;
	display:flex;
}
.con_cultural_products_data .item:last-child{
	margin-bottom:0;
}
.con_cultural_products_data .item .img{
	width: 135px;
	height: 76px;
	background-color: #e5e5e5;
	border-radius: 8px;
	margin-right:10px;
}
.con_cultural_products_data .item .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.con_cultural_products_data .item .info {
	width: calc(100% - 145px);
}
.con_cultural_products_data .item .info .title{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom:8px;
}
.con_cultural_products_data .item:hover .title{
	color: #c100a8;
}
.con_cultural_products_data .item .info .info_b{
	color:#797979;
}

.con_cultural_products_publicity_data .item{
	display:flex;
	border-bottom: 1px solid #eaeaea;
	padding:10px 12px;
}
.con_cultural_products_publicity_data .item:last-child{
	border-bottom: none;
}
.con_cultural_products_publicity_data .item .img{
	width: 135px;
	height: 76px;
	background:#eaeaea;
	margin-right:10px;
	border-radius:6px;
}
.con_cultural_products_publicity_data .item .info{
	flex:1;
	color:#797979;
	width: calc(100% - 145px);
	display: flex;
	flex-flow:column;
	justify-content:space-between;
}
.con_cultural_products_publicity_data .item .info .title{
	font-size:16px;
	font-weight: 700;
	color: #333333;
	text-overflow: ellipsis;
	white-space: pre-line;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:22px;
	margin-bottom:5px;
}
.con_cultural_products_publicity_data .item .info .info_b{
	
}
.con_cultural_products_publicity_data .item .info .info_b p{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size: 12px;
}
.con_cultural_products_publicity_data .item:hover{
	background:#fafafa;
}
.con_cultural_products_publicity_data .item:hover .info .title{
	color:#c100a8;
}
.container_index_cultural_products .con_cultural_products_publicity_data .item_box{
	width: 100%;
	height: 350px;
}
.container_index_cultural_products .con_article_box .item{
	display:block;
	font-size:16px;
	color:#333333;
	padding:8px 0;
}
.container_index_cultural_products .con_article_box .item .title{
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#575757;
}
.container_index_cultural_products .con_article_box .item .info{
	
}
.container_index_cultural_products .con_article_box .item .category{
	font-size:12px;
	color: #c100a8;
	margin-right:5px;
}
.container_index_cultural_products .con_article_box .item .time{
	font-size: 12px;
	color:#999999;
}
.container_index_cultural_products .con_article_box .item:hover .title{
	color: #c100a8;
}
.container_index_cultural_products .cultural_products_tab .con_cultural_products_data{
	display: flex;
	flex-flow: wrap;
	padding: 20px 22px 28px;
}
.container_index_cultural_products .cultural_products_tab .con_cultural_products_data .item{
	width:240px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 0;
	flex-flow: column;
}
.container_index_cultural_products .cultural_products_tab .con_cultural_products_data .item:nth-child(3n){
	margin-right: 0;
}
.container_index_cultural_products .cultural_products_tab .con_cultural_products_data .item:nth-child(-n+3){
	margin-top: 0;
}
.container_index_cultural_products .cultural_products_tab .con_cultural_products_data .item .img{
	width:240px;
	height:135px;
	margin-right:0;
	margin-bottom:12px;
}
.container_index_cultural_products .con_cultural_products_data .item .info {
	width: 100%;
}
.container_index_cultural_products .cultural_products_tab .con_cultural_products_data .item .info .title{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:5px;
}
.container_index_cultural_products .con_box .con_btm {
    border-top: 1px solid #e5e5e5;
    color: #666666;
    font-size: 14px;
    text-align: center;
}
.container_index_cultural_products .con_box .con_btm .more{
    display: block;
    line-height: 52px;
}

.list_data_box .list_data_con_box.cultural_products_con_box .list_data_con .item{
	height: 340px;
}
.list_data_box .list_data_con_box.cultural_products_con_box .list_data_con .item .info{
	height: 135px;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con{
	
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item{
	float: none;
	display:flex;
	height:auto;
	width: 100%;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item .img{
	margin-bottom:0;
	margin-right:20px;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item .info{
	flex:1;
	height: auto;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item .info .title{
	-webkit-line-clamp: 1;
	line-clamp: 1;
	height:28px;
	margin-bottom:5px;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item .info .info_b1{
	margin-bottom:5px;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item .info .info_b1 span{
	margin-right:30px;
	color:#bbbbbb;
}
.list_data_box .list_data_con_box.cultural_products_publicity_con_box .list_data_con .item .info p{
	line-height:24px;
	height:24px;
}
.container_detail_cultural_products .detail_info_base .star_con{
	margin-top:10px;
}

.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item{
	display:flex;
	align-items:center;
	border: 1px solid #eaeaea;
	box-sizing:border-box;
	border-bottom:none;
	background:#fafafa;
	line-height: 35px;
	font-size: 14px;
	color:#797979;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item.data_item_head{
	font-size:16px;
	background:#f7f7f7;
	color:#333333;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item:last-child{
	border-bottom:1px solid #eaeaea;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item{
	width:220px;
	padding:0 10px;
	box-sizing:border-box;
	text-align:center;
	border-right: 1px solid #eaeaea;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item.flex{
	flex:1;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item.star{
	width:150px;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item:last-child{
	border-right:none;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item.item_id{
	width:60px;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item.item_qu{
	width:120px;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item .star_con{
	justify-content:center;
}
.container_detail_cultural_products .detail_info .info_con .publicity_list_con .data_item .item .star_con span{
	padding:0 4px;
}


/* 文化广场 */
.list_data_box .list_data_con_box.square_con_box .list_data_con .item{
	height: 335px;
}
.list_data_box .list_data_con_box.square_con_box .list_data_con .item .info{
	height: 140px;
}
.container_detail_square_data .info_con .info_data_box{
	margin-bottom:20px;
}
.container_detail_square_data .info_con .info_data_box .detail_img{
	text-align: center;
}
.container_detail_square_data .info_con .info_data_box .detail_img img{
	max-width: 100%
}
.container_detail_square_data .info_con .info_btn{
	text-align: center;
}
.container_detail_square_data .info_con .info_btn .btn{
	font-size: 18px;
	line-height: 50px;
	padding: 0 50px;
}
/* 非遗 */
.ihc_top{
	background:url('../image/ihc/cate_bg.jpg');
	background-color:#102520;
	background-repeat:no-repeat;
	background-size:auto 100% ;
	background-position:center;
	height:320px;
}
.ihc_top .bread_tip,.ihc_top .bread_tip a{
	color:#ffffff;
}
.container_index_ihc .top_enter_box{
	display:flex;
	align-items:self-start;
	justify-content:space-around;
	margin-bottom:20px;
	padding:0 24px;
}
.container_index_ihc .top_enter_box .item{
	text-align:center;
	width:140px;
	color:#ffffff;
	transition: all .2s;
	border-radius:50px 0px 50px 0;
	position:relative;
	transition:all .2s;
	top:0;
}
.container_index_ihc .top_enter_box .item img{
	width: 100%;
}
.container_index_ihc .top_enter_box .item:nth-child(1){
	top: 20px;
}
.container_index_ihc .top_enter_box .item:nth-child(2),.container_index_ihc .top_enter_box .item:nth-child(4){
	top: 40px;
}
.container_index_ihc .top_enter_box .item:nth-child(5){
	top: 15px;
}
.container_index_ihc .top_enter_box .item:nth-child(6){
	top: 25px;
}
.container_index_ihc .top_enter_box .item:hover{
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.3);
}
.container_index_ihc .top_enter_box .item:hover{
	top: 0px;
}
.container_index_ihc .desc_box{
}
.container_index_ihc .desc_box .con{
	font-size:16px;
	line-height:28px;
}
.container_index_ihc .desc_box .con .container{
	display:flex;
	justify-content:space-between;
}
.container_index_ihc .desc_box .con p{
	margin-bottom:15px;
	color:#797979;
}
.container_index_ihc .desc_box .con.con1{
	background:url('../image/ihc/bg_con1.jpg');
	background-size: 100% auto;
	padding:60px 24px;
}
.container_index_ihc .desc_box .con .text_tit{
	margin-bottom:40px;
}
.container_index_ihc .desc_box .con .text{
	width:250px;
	text-align:justify;
	margin-bottom:40px;
}
.container_index_ihc .desc_box .con .text:last-child{
	margin-bottom:0;
}
.container_index_ihc .desc_box .con.con1 .con_left{
	width: 298px;
	box-sizing:border-box;
	padding:100px 24px 0;
	color:#535353;
}
.container_index_ihc .desc_box .con.con1 .con_right .img{
	width:800px;
}
.container_index_ihc .desc_box .con.con2{
	background:url('../image/ihc/bg_con2.jpg');
	background-repeat:no-repeat;
	background-size: 100% auto;
	padding:48px 24px 0;
	height: 644px;
}
.container_index_ihc .desc_box .con.con2 .con_left .img{
	height:640px;
	width: 443.6px;
	margin-right:100px;
	position:relative;
	top:-72px;
}
.container_index_ihc .desc_box .con.con2 .con_right{
	flex:1;
	box-sizing:border-box;
	padding:100px 24px 0;
	color:#535353;
}

.container_index_ihc .desc_box .con.con2 .text{
	width:384px;
	color:#ffffff;
}
.container_index_ihc .art_box{
	background:url('../image/ihc/bg_art.png');
	padding:40px 24px;
}

.container_index_ihc .art_box .container{
	display:flex;
	justify-content:space-around;
}
.container_index_ihc .art_box .art_con{
	width:500px;
}
.container_index_ihc .art_box .con_tit{
	margin-bottom:30px;
}
.container_index_ihc .art_box .con{
	box-sizing:border-box;
	padding-bottom:12px;
}
.container_index_ihc .art_box .con .item{
	font-size:16px;
	color:#333333;
	display:flex;
	line-height:42px;
	box-sizing: border-box;
}
.container_index_ihc .art_box .con .item:hover{
	
}
.container_index_ihc .art_box .con .item .cate{
	color: #c100a8;
	font-size:14px;
	margin-right: 9px;
}
.container_index_ihc .art_box .con .item .title{
	flex:1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.container_index_ihc .art_box .con .item .time{
	color: #999999;
	font-size: 12px;
	margin-left:20px;
}
.container_index_ihc .art_box .con .item.item2{
	position:relative;
	width: 100%;
	height:281.25px;
	margin-bottom: 13px;
}
.container_index_ihc .art_box .con .item.item2 img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.container_index_ihc .art_box .con .item.item2 .title{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 60% );
	color:#ffffff;
}
.container_index_ihc .art_box .btm{
	border-top:1px dashed #b5b5b5;
	color: #666666;
	font-size:14px;
	text-align:center;
	padding:29px 0 22px;
}
.container_index_ihc .art_box .btm .more{
	display:inline-block;
	width: 62px;
	height:15px;
	background:url('../image/ihc/img_more.png') no-repeat;
	background-size: 62px 15px;
}
.container_index_ihc .map_panel{
	background:url('../image/ihc/bg_map.jpg') no-repeat;
	background-position:center;
	padding:50px 0;
}
.container_index_ihc .dgmap_box{
	padding:30px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	
}
.container_index_ihc .dgmap_box .dgmap_box_left{
	width: 680px;
	text-align:center;
}
.container_index_ihc .dgmap_box .dgmap_box_left img{
	height:400px;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_panel{
	width: 420px;
	background: rgba(158, 140, 115, 0.6);
	padding:20px;
	border-radius:10px;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_panel .num_header{
	color:#ffffff;
	text-align:center;
	margin-bottom:10px;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_panel .num_header .title{
	font-size:20px;
	font-weight:700;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_panel .num_header .title2{
	font-size:14px;
	margin-top:5px;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_panel .num_header .title2 .total{
	display:inline-block;
	font-size:18px;
	font-weight:700;
	margin:0 5px;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box{
	width: 100%;
	height:400px;
	display:flex;
	flex-flow:wrap;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box .item{
	width:130px;
	height:90px;
	background:#b3a087;
	margin-right:15px;
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	border-radius:5px;
	transition:all .2s;
	color:#ffffff;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box .item:nth-child(3n){
	margin-right:0;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box .item .num{
	font-size:28px;
	font-weight:700;
	color:#ffedcf;
	margin-bottom:8px;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box .item .title{
	font-size:16px;
	font-weight:700;
	color:#ffffff;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box .item .title2{
	font-size:12px;
	color:#ffffff;
}
.container_index_ihc .dgmap_box .dgmap_box_right .num_box .item:hover{
	background:#c19d6d;
}
.list_data_box .list_data_con_box.ihc_project_con_box .list_data_con .item{
	height: 330px;
}
.list_data_box .list_data_con_box.ihc_project_con_box .list_data_con .item .info{
	height: 110px;
}
.list_data_box .list_data_con_box.ihc_person_con_box .list_data_con .item{
	height: 330px;
}
.list_data_box .list_data_con_box.ihc_person_con_box .list_data_con .item .info{
	height: 110px;
}

.list_data_box .list_data_con_box.ihc_base_con_box .list_data_con .item{
	height: 330px;
}
.list_data_box .list_data_con_box.ihc_base_con_box .list_data_con .item .info{
	height: 110px;
}
.container_detail_ihc .con_img {
	margin-bottom:20px;
	display:flex;
	flex-flow:wrap;
}
.container_detail_ihc .con_img .img{
	margin-right:5px;
	margin-bottom:5px;
	width:178px;
	height:178px;
	border:1px solid #eaeaea;
}
.container_detail_ihc .con_img .img:nth-child(4n){
	margin-right:0;
}


/*切换分支机构*/
.modal_panel.change_venue_modal .modal{
	width:1000px;
}



/*文采会*/

.con_purchase_products_data{
	display:flex;
	flex-flow:column;
}
.con_purchase_products_data .item{
	width: 324px;
	margin-bottom:20px;
	display:flex;
}
.con_purchase_products_data .item:last-child{
	margin-bottom:0;
}
.con_purchase_products_data .item .img{
	width: 135px;
	height: 76px;
	background-color: #e5e5e5;
	border-radius: 8px;
	margin-right:10px;
}
.con_purchase_products_data .item .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.con_purchase_products_data .item .info {
	width: calc(100% - 145px);
}
.con_purchase_products_data .item .info .title{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom:8px;
}
.con_purchase_products_data .item:hover .title{
	color: #c100a8;
}
.con_purchase_products_data .item .info .info_b{
	color:#797979;
}

.list_data_box .list_data_con_box.purchase_products_con_box .list_data_con .item{
	height: 355px;
}
.list_data_box .list_data_con_box.purchase_products_con_box .list_data_con .item .info{
	height: 142px;
}
.list_data_box .list_data_con_box.purchase_demand_con_box .list_data_con .item{
	width:100%;
	height: inherit;
}
.list_data_box .list_data_con_box.purchase_demand_con_box .list_data_con .item .info{
	height: inherit;
}
.list_data_box .list_data_con_box.purchase_demand_con_box .list_data_con .item .info .title{
	height:24px;
	-webkit-line-clamp: 1;
    line-clamp: 1;
}

.container_index_wch .con_article_box .item_box{
	width: 100%;
	height: 350px;
}
.container_index_wch .con_article_box .item{
	display:block;
	font-size:16px;
	color:#333333;
	padding:8px 0;
}
.container_index_wch .con_article_box .item .title{
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#575757;
}
.container_index_wch .con_article_box .item .info{
	
}
.container_index_wch .con_article_box .item .category{
	font-size:12px;
	color: #c100a8;
	margin-right:5px;
}
.container_index_wch .con_article_box .item .time{
	font-size: 12px;
	color:#999999;
}
.container_index_wch .con_article_box .item:hover .title{
	color: #c100a8;
}
.container_index_wch .con_wch_institution_data_box{
	
}
.container_index_wch .con_wch_institution_data{
	display: flex;
	flex-flow: wrap;
	
	padding: 20px 22px 28px;
	/*padding: 0;*/
	width:1200px;
}
.container_index_wch .con_wch_institution_data .item{
	margin-bottom: 0;
	flex-flow: column;
	padding:29px 24px;
	box-sizing:border-box;
	width:289px;
	border-radius:10px;
}
.container_index_wch .con_wch_institution_data .item:nth-child(-n+4){
	margin-top: 0;
	border-top: none;
}
.container_index_wch .con_wch_institution_data .item .img{
	width:240px;
	height:135px;
	border-radius: 4px;
	margin-right:0;
	margin-bottom:12px;
}
.container_index_wch .con_wch_institution_data .item .info {
	width: 100%;
}
.container_index_wch .con_wch_institution_data .item .info .title{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size:16px;
	font-weight:700;
	color:#555;
	margin-bottom:5px;
}
.container_index_wch .con_wch_institution_data .item:hover{
	background:#f9f9f9;
}
.container_index_wch .con_box .con_btm {
    border-top: 1px solid #e5e5e5;
    color: #666666;
    font-size: 14px;
    text-align: center;
}
.container_index_wch .con_box .con_btm .more{
    display: block;
    line-height: 52px;
}
