/* DaTouWang URL: www.datouwang.com */

.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:960px;margin:0 auto;overflow:hidden;position:relative;}

.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: .4rem;margin:1rem 0 .4rem 0}
.wrapper01 {position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc}
.wrapper01 .scroller {position:absolute}
.wrapper01 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
.wrapper01 .scroller li a{color:#333;display:block;margin:0 .3rem}
.wrapper01 .scroller li.cur a{color:#1cbb9b;}

.wrapper02 {position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto;background:#ddd}
.wrapper02 .scroller {position:absolute}
.wrapper02 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
.wrapper02 .scroller li a{color:#333;display:block;margin:0 .3rem}
.wrapper02 .scroller li.cur{background:#1cbb9b}
.wrapper02 .scroller li.cur a{color:#fff;}

.wrapper03 {position:relative;height: 35px; background:#fff;width: 100%;overflow: hidden;margin:0 auto; padding-top:5px; margin-bottom:5px;}
.wrapper03 .scroller {position:absolute}
.wrapper03 .scroller li {height: 33px;color:#333;float: left;line-height: 25px;font-size: 14px;text-align: center}
.wrapper03 .scroller li a{color:#333;display:block;padding:4px 10px;}
.wrapper03 .scroller li.cur a{color:#AF4193;border-bottom:2px solid #AF4193;font-weight: bold;}

.wrapper04 {position:relative;height: 1rem;width: 80%;overflow: hidden;margin:0 auto;background:#ddd}
.wrapper04 .scroller {position:absolute}
.wrapper04 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
.wrapper04 .scroller li a{color:#333;display:block;margin:0 .3rem}
.wrapper04 .scroller li.cur{background:#1cbb9b}
.wrapper04 .scroller li.cur a{color:#fff;}

.wrapper03 span{ position:relative; float:right; z-index:100; right:0; top:-3px; width:15px; height:35px;}
.wrapper03 span img{width:15px; height:35px;}

.filter_list{ height:auto; overflow: hidden; background:#fff;}
.filter_list ul.child{float:left; width:100%;margin-bottom: 3%;box-sizing: border-box;padding-left: 2%;}
.filter_list ul.child li{float: left;height:30px; margin:2% 1.3333% 0 0%;position: relative;width:31.3333%; box-sizing:border-box;}
.filter_list ul.child li a{background:#f5f5f5;height:30px; line-height:30px;font-size:14px;display:block; padding:0px 5px; border-radius:50px;
color:#4b4b4b;text-align:center; width:100%; box-sizing:border-box; text-decoration: none;}
.filter_list ul.child li a.current{background: linear-gradient(to right, #ff4d4d , #eb5b99); color:#fff;border:#eb5b99 solid 1px;}
.filter_list ul.childa{float:left; width:100%; padding:0 0 2% 2%; margin-bottom:0; background:#fff; border-top:#f5f5f5 solid 1px;}
.filter_list ul.childa li{float: left;height:26px;width: auto; box-sizing:border-box; margin:10px 1% 0 0%;position: relative;}
.filter_list ul.childa li a{background:#f5f5f5;height:26px; line-height:26px;;font-size:14px;display:block; padding:0px 5px; border-radius:50px;
color:#666; text-align:center; width:100%; box-sizing:border-box; text-decoration: none;}
.filter_list ul.childa li a.current{background: linear-gradient(to right, #ff4d4d , #eb5b99);color:#fff; border:#eb5b99 solid 1px;}
.my-gallery{font-size:12px; height:auto; overflow: hidden;}
.my-gallery figure{float:left;width:80px; height:80px; display:block; overflow:hidden;  margin:2px; float:left;}
.small{color: #333; margin-bottom:3%;padding:0 2% 2% 2%; width:100%; box-sizing:border-box;background: #fff; height:auto; overflow:hidden; border-radius:15px;}
.small h3{margin-bottom:10px;font-size:12px;font-weight: normal;}
.small h3 span{ width:100%;color:#999;padding-right:10px;}
.small h3 a{ width:100%; display:block; line-height:30px; font-size:14px; color:#666;}
.small ul li a{width:80px; height:80px; display:block; overflow:hidden;  margin:2px; float:left;}

/*搜索文章*/
.newlist_search{ width:100%; padding:0% 0 2% 0; height:auto; overflow:auto; background:#fff;}
.newlist_search .inpa{ float:left; width:71%; margin:0 2%; line-height:25px; border:#e8e8e8 solid 1px;
background:#fff; border-radius:50px; color:#666; box-sizing:border-box; padding:0 2%;}
.newlist_search .inpb{float:left; width:22%;line-height:25px;border-radius:50px; color:#fff; border:none;
background:linear-gradient(to right, #ff4d4d , #eb5b99);}


/*商学院图文*/
.Business_list{ width:100%; height: auto; overflow:auto; padding-bottom:5%; margin-top:3%;}
.Business_list div{ width:100%;height:auto; overflow:auto;}
.Business_list div dl{ width:100%; height:auto; overflow:auto; box-sizing:border-box;padding: 2%;background: #fff;margin-bottom: 3%;border-radius: 15px;}
.Business_list div dl dt{ width:30%;height:100px; overflow:hidden; float:right;}
.Business_list div dl dt img{ width:100%;height:100px;  display:block; object-fit:cover;border-radius: 5px;}
.Business_list div dl dd{ float:left;width:65%; box-sizing: border-box;line-height:20px; height:40px; font-size:15px; overflow:hidden; color:#4b4b4b;}
.Business_list div dl .dda{font-size:12px; color:#999;height:40px; overflow:hidden;}
.Business_list div dl .ddb{font-size:12px; color:#999;height:20px; overflow:hidden;}

#content #address_form select{margin-right: 10px;}
.upload_btn{padding:10px;border:solid 1px #ccc;font-size:14px; background:#fff;}
.upload_btn span{background:url('/static/weixin/css/images/img.png') no-repeat 5px center;background-size:20px; padding-left:28px;}
.form_address .textarea{border:1px solid #ddd;border-radius: 5px;padding:3%; box-sizing:border-box;width:100%;font-size:12px;line-height:30px;
background:#fff;}
.hidden{display:none;}
.return{float:right;margin-right:10px;}
.membertop .my_name .return  a{font-size: 14px; padding:0px;}

.image_list{width:100%; height:auto; overflow:hidden; padding:10px 0px;border:1px dotted #ccc;background:#fff;}
.image_list li{float:left;margin:0px 0px 5px 5px;position:relative;font-size:12px;}
.image_list li input.title_text{border: 1px solid #ddd;border-radius: 5px;height: 20px; padding:2px; width:80px;font-size:12px;}
.package{padding:0 2%;height:auto; overflow:hidden; margin-bottom:100px;}
.package .title{padding:2% 0;font-size:14px; font-weight:normal; color:#4b4b4b;}

/* 提示信息 */
.tipbox{ height:54px; line-height:54px; position:absolute; display:none;}
.tipbox .tip-l{ float:left; width:45px; height:54px; background-image:url(bgimg/tip_layer.png); background-repeat:no-repeat; background-position:-5px 0;}
.tipbox .tip-c{ float:left; height:54px; line-height:52px; padding:0 10px 0 5px; background-image:url(bgimg/tip_layer.png); background-repeat:repeat-x; background-position:0 -161px;}
.tipbox .tip-r{ float:left; width:5px; height:54px; background-image:url(bgimg/tip_layer.png); background-repeat:no-repeat; background-position:0 0;}
.tip-success .tip-l{ background-position:-6px 0;}
.tip-alert .tip-l{ background-position:-6px -54px;}
.tip-error .tip-l{ background-position:-6px -108px;}

/* 瀑布流 */

/* clearfix */
.clearfix {
	clear:both;
}

/* wrapper css */
#wrapper{
	margin-top:70px;
	width:100%;
}
#wrapper hgroup{
	text-align:center;
}
#wrapper h2{
	margin:5px 0;
	color:#FF6D99;
	text-shadow:1px 1px 2px #A50031;
	font-size:33px;
	font-family:Arial Narrow, Arial, sans-serif;
}
#wrapper h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:1px 1px 0 #fff;
	color:#888;
	margin:5px 0;
}

#container{
	position:relative;
	max-width:960px;
	margin:0 auto 25px;
	padding-bottom: 10px; top:6.5rem;
	
}
.grid{
	width:135px;
	min-height:100px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
}

.grid strong {
	border-bottom:1px solid #f4f4f4;
	display:block;
	padding:0 2%; line-height:25px; font-weight:normal;
	font-size:12px;
}
.grid p{ padding:0 5px; line-height:25px; color:#999;}
.grid .meta{
	text-align:right;
	color:#ccc; padding:1% 2%; font-size:12px;
}
.grid .imgholder img{
	max-width:100%;
	/*background:#ccc;*/
	display:block;
}
.grid a{color: #4b4b4b;line-height: 1.0rem;font-size: 14px;}

@media screen and (max-width : 1240px) {
	body{
		overflow:auto;
	}
}
@media screen and (max-width : 900px) {
	#backlinks{
		float:none;
		clear:both;
	}
	#backlinks a{
		display:inline-block;
		padding-right:20px;
	}
	#wrapper{
		margin-top:90px;
	}
}


.video_link{position: relative; display: block;}
.video_link .layer{background: #000; opacity: 0.2; width:100%; height:100%;z-index:30px; position: absolute;}
.video_link img{z-index:1;}
.video_link span{position: absolute; display: block; background: url('./bgimg/video_start.png') no-repeat; background-size: 100%;  width:50px; height:50px; z-index:10; margin:auto; top:0; bottom:0; left:0; right:0;}
.video_link b{position: absolute; bottom:5px; right:5px; display: block; background:#000; opacity:0.5; border-radius: 5px; color:#fff; font-size:10px; font-weight:normal; padding:0px 5px; z-index:10;}

.resource_top{ width:100%; height:auto; overflow:auto; position:fixed; top:0; z-index:11;}
.resource_head{ width: 100%; height: auto; overflow: auto; text-align: center; background: #fff; box-sizing: border-box; padding: 0 30%;
border-bottom: #f5f5f5 solid 1px;}
.resource_head li{float: left; box-sizing: border-box;width: 33.3333%;}
.resource_head li a{ display:block; width:100%;color: #333; font-size: 14px;line-height: 2.0rem; }
.resource_head .checked{ border-bottom: #eb5b99 solid 2px;}
.resource_so{width: 100%;height:2.5rem; overflow: auto;background: #fff; box-sizing: border-box; padding:0.5rem 3%;}
.resource_left{ float: left; width: 25%; text-align: center;}
.resource_left span{ float: left;line-height:1.5rem; color: #666; font-size:14px; cursor:pointer;}
.resource_left img{ width: 1.0rem; height: 1.0rem; float: left; margin: 0.25rem 0;}
.resource_input{ width:70%; float: left; background: #f5f5f5;border-radius: 100px 0 0 100px;box-sizing: border-box; padding: 0 2%;
font-size:14px;color: #999;line-height:1.5rem; border:none;}
.resource_butt{ float: left; width:20%; display: block; margin:0 2%;text-align: center; color: #eb5b99; border-right: #f5f5f5 solid 5px;
border-left: #f5f5f5 solid 5px;border-top: #f5f5f5 solid 2px;border-bottom: #f5f5f5 solid 2px; box-sizing: border-box; font-size:14px;
background: #fff; line-height:1.3rem; height:1.5rem;position: absolute; right:0; z-index:9; border-radius:0 100px 100px 0;}
.l{float:left;}
.r{float:right;}
.resource_upload{text-align: center;width: 100%;height:2.0rem; overflow: auto;background: #fff; box-sizing: border-box; padding:0.25rem 3%; line-height: 1.5rem; color: red;border-top: #f5f5f5 solid 1px; font-size:14px;}
.resource_upload .l{ width: 1.5rem; height: 1.5rem;float: left;}
.resource_upload .r{ width: 25%; display: block; text-align: center; color: #eb5b99; border: #eb5b99 solid 1px; border-radius: 5px;
line-height: 1.0rem; margin:0.20rem 0;}

.mask{width:100%;height:100%;position:fixed; background-color:#000; z-index:101; top:0; left:0; 
-moz-opacity: 0.5;opacity: 0.50; filter: alpha(opacity=50);}

.class_cont{ width: 80%; height: 100%; background: #fff; position: fixed; z-index: 102; left: 0; top: 0; overflow: auto;
box-sizing: border-box; padding: 2% 2% 3.25rem;}
.class_head{ width: 100%; height: auto; overflow: auto; font-size: 14px; box-sizing: border-box; padding: 0.25rem 0; color: #666;}
.class_head a{ display: block; width: 49%; line-height:2.5em; background: #f5f5f5; color: #4b4b4b; text-align: center;}
.class_head .cur{ background: #eb5b99; color: #fff;}
.class_box{ width: 100%; height: auto; overflow: auto; box-sizing: border-box; padding: 0.25rem 0;}
.class_box a{ width: 32%; margin: 0 2% 2% 0; line-height:20px; float: left; text-align: center; background: #f5f5f5;
font-size: 12px; padding:5px 2%; color: #4b4b4b; height:50px; box-sizing: border-box;display: flex;align-items: center;
justify-content: space-around;flex-direction: column;}
.class_box a:nth-child(3n){ margin: 0 0 2% 0;}
.class_box .cur{ background: #eb5b99; color: #fff;}
.class_butt{ width:76%; height: auto; overflow: auto; font-size: 14px; box-sizing: border-box; padding: 0.25rem 0; color: #666;
position: fixed; bottom: 0; z-index: 103; background: #fff;}
.class_butt a{display: block; width: 49%; line-height:2.5em; text-align: center; box-sizing: border-box;
border: #eb5b99 solid 1px; border-radius: 5px;}
.class_butt .l{background: #fff; color: #eb5b99;}
.class_butt .r{background: #eb5b99; color: #fff; }
.imgholder{ position:relative;}
.videos_icon{width:3.0rem; height:3.0rem; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.videos_icon img{ display:block; width:100%; height:100%;}
.footer_box{ z-index:10;}

/*素材详情*/
.buyer_stat li{font-size:14px;}
.sc_head{text-align:center;font-size:16px; line-height:2rem; color:#4b4b4b;}
.sc_time{font-size:12px;text-align:center;color:#999;font-weight: normal;}
.sc_box{font-size:12px;line-height:2rem; padding:3% 0;}
.sc_butt{ width:100%; height:auto; overflow:auto; margin-top:10px;}
.sc_butt a{ display:block; width:80%; height:40px; line-height:30px; box-sizing:border-box; border-radius:5px; border:#eee solid 1px; text-align:center;
	font-size:14px; color:#666;margin:0 auto; text-align:center; padding:5px 30%;}
.sc_butt a img{ height:30px; float:left;}

.videos_icon{width:3.0rem; height:3.0rem; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.videos_icon img{ display:block; width:100%; height:100%;}
.footer_box{ z-index:10;}
.panel-heading .text-center{ font-size:14px;}
#content .enter, #content .login_btn{ width:96%;margin: 3% auto;}
.maska{ z-index:101;}
#navhuan{ z-index:102;}
.textarea{ padding:0; border:none;}
.buyer_stat li {
	font-size: 14px;
}
.blueButton {
	position: absolute;
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: #eb5b99 solid 1px;
	color: #eb5b99;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	border-radius: 4px;
}
.blueButton:hover {
	text-decoration: none;
}
/*自定义上传,位置大小都和a完全一样,而且完全透明*/
.myFileUpload {
	position: absolute;
	display: block;
	width: 120px;
	height: 30px;
	opacity: 0;
}
/*显示上传文件夹名的Div*/
.show {
	position: absolute;
	top: 40px;
	width: 100%;
	height: 30px;
	font: normal normal normal 14px/30px 'Microsoft YaHei';
	color: #AF4193;
}
.panel-heading {
	color: #666;
	background-color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #fff;
	border-bottom: #f5f5f5 solid 1px;
	border-color: #e8e8e8;
	padding: 10px 15px;
}
.upload_head {
	width: 100%;
	height: auto;
	overflow: auto;
	background: #fff;
	border-bottom: #f5f5f5 solid 1px;
}
.upload_head li {
	width: 33.333%;
	float: left;
	font-size: 14px;
	color: #4b4b4b;
	line-height:30px;
	box-sizing: border-box;
	padding: 0 0 0 2%;
}
.upload_head img {
	float: left;
	width:20px;
	height:20px;
	margin:5px 0.5rem 0 0;
}
.upload_head li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1rem 0;
	box-sizing: border-box;
	cursor: pointer;
}
.form_address li {
	color: #4b4b4b;
	font-size: 14px;
	line-height: 2.5rem;
}
.form_address li img {
	height: 1.5rem;
	float: right;
	margin: 0.5rem 0;
}
.form_address li span {
	float: right;
	color: #666;
	padding-right: 2%;
}
.form_address li a{ display:block; width:100%; height:auto; overflow:auto;}
.form_address li input {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	border-top: #f5f5f5 solid 1px;
	border-bottom: #f5f5f5 solid 1px;
	line-height: 40px;
	height: 40px; font-size:14px; color:#666;
	padding: 0;
}
.upload_cont {
	width: 100%;
	height: auto;
	overflow: auto;
	box-sizing: border-box;
	padding: 0 2% 2%;
	background: white;
}
.upload_class {
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0.5rem 0;
	color: #4b4b4b;
	line-height: 1.5rem;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}
.upload_class text {
	float: right;
}
.upload_add {
	width: 100%;
	height: auto;
	overflow: auto;
}
.upload_img {
	width: 33.3333%;
	padding: 2% 2% 0% 0;
	display: block;
	float: left;
	box-sizing: border-box;
	position: relative;
	height: 120px;
	overflow: hidden;
	margin-bottom: 2%;
}
.upload_img:nth-child(3n) {
	margin-right: 0;
}
.upload_img img {
	display: block;
	width: 100%;
	height: 113px;
	float: left;
}
.upload_img text {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: #333;
	border-radius: 100px;
	text-align: center;
	line-height: 1.5rem;
	color: #fff;
	font-size: 12px;
}