body{background:#fff}
.bg_white{background:white}
.bg_gray{background:#f7f7f7}

/* pc版 */
.content{margin:55px 0 40px 0}
.title span{background:var(--main_color);background:-moz-linear-gradient(left,var(--main_color) 0,#fff 100%);background:-webkit-linear-gradient(left,var(--main_color) 0,#fff 100%);background:linear-gradient(to right,var(--main_color) 0,#fff 100%);font-size:22px;color:#fff;padding:15px 150px 15px 25px}
.title .grayspan{background:-moz-linear-gradient(left,var(--main_color) 0,#f7f7f7 100%);background:-webkit-linear-gradient(left,var(--main_color) 0,#f7f7f7 100%);background:linear-gradient(to right,var(--main_color) 0,#f7f7f7 100%)}
.tips{margin-top:40px;font-size:16px;color:#333;line-height:2}
.tips .point{color:#ffcc00}
.tips .point2{color:#ff7903}
.img{margin-top:60px;margin-bottom:60px;position:relative}
.imglogo{position:relative;top:-30px}
.imglogo2{position:relative;top:10px}
.page_logo{position:absolute;bottom:10px;right:10px}

.panel-primary{border:1px solid var(--bd_color);font-size:16px}
.panel-primary .panel-heading{background:#3d3d97;background:-moz-linear-gradient(left,#3d3d97 0,#fff 100%);background:-webkit-linear-gradient(left,#3d3d97 0,#fff 100%);background:linear-gradient(to right,#3d3d97 0,#fff 100%);border-color:#fff}
.panel-primary .panel-body{line-height:2;color:#333;padding:20px 20px 25px 20px}

.content2{margin:60px 0 70px 0}
.content3{margin:80px 0 0 0}
.content5 .img{margin-top:20px;margin-bottom:0;position:relative}

.items{}
.items .row > .title{margin-top:30px;margin-bottom:20px;font-size:30px;color:#333}
.list{margin:0 -8px 0 -8px}
.item{margin-bottom:20px;padding-left:8px;padding-right:8px}

.item .title{font-size:14px;margin:0;color:#333;padding:10px 8px}
.item .time{font-size:12px;padding:0 8px;color:#666}

#page{text-align:center;margin-bottom:60px}
#page .layui-laypage-refresh, #page .layui-laypage-skip, #page .layui-laypage-count{background:transparent}

@media screen and (max-width:991px){
	/* PHONE版 */
	.bg_line{height:12px;background:#f1f1f1}
	
	.content{margin:55px 0 40px 0}
	.title span{font-size:18px;color:#fff;padding:15px 80px 15px 20px}
	.tips{font-size:15px;line-height:1.6}
	.img{margin-top:40px;margin-bottom:40px;position:relative}
	.imglogo img{height:40px}
	.imglogo2 img{height:40px}
	
	.panel-primary{border:1px solid var(--bd_color);font-size:15px}
	.panel-primary .panel-body{line-height:1.6;color:#333;padding:20px 15px 25px 15px}
	
	.content2{margin:55px 0 40px 0}
	.content3{margin:55px 0 0 0}
	
	.items .row > .title{font-size:18px}
	.list2{margin:0 -8px 40px -8px;display:flex;flex-wrap:wrap}
	.item2{margin-bottom:20px;padding-left:8px;padding-right:8px}
	
	.item2 .title{font-size:14px;margin:0;color:#333;padding:10px}
	.item2 .time{font-size:12px;padding:0 10px;color:#666}
	.list2 .layui-flow-more{width:100%}
	
	.content5 .img{margin:0 -15px;position:relative}
	
}

@media screen and (max-width:767px){
	.mypanel{padding:0}
}