@charset "utf-8";
/* CSS Document */
html,body {
	background: #f1f1f1;
	ont-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}
div, ul, li, dl, dt, dd, span, img, p, h2, h3, h4 {
	list-style: none;
}
ul{padding: 0;}

.center {
	width: 750px;
	margin: 0px auto;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0;
	height: 0;
}
.w-50 {
  width: 55% !important;
}
.red{color: #f52d2d!important;}	
.blue{color: #5eaef5!important;padding-right: 6px;}
.yellow{color: #ffa563!important;padding-right: 6px;}
.grey{color: #b5b5b5!important;}
.logo {
	background: url(../images/logo_03.png) no-repeat;
	width: 190px;
	line-height: 58px;
	height: 58px;
	display: block;
	margin-top:0px;margin-bottom: 20px;
}

.m-border {
	height: 1px;
	width: 100%;
	background: #dcdcdc;
	margin: 15px 0 15px 0;
}
.m-top{margin-top: 15px;}
.btn-danger{margin-top: 5px;margin-bottom: 5px;text-align: center;color: #fff;width: 100%;max-width: 80px; border-radius: 50px; background: #ff5353;height: 26px;border:none;font-weight: 600;font-size: 13px; line-height: 24px; outline: none; cursor: pointer;}
.btn-danger:hover {background: #4e6ef2;
color: #fff;}
.btn-danger:focus{
	background: #4e6ef2;
	border: none;
	outline: none;
    border-color: transparent;
    box-shadow:none;
}
.btn-danger:active{
	outline: none;
    border-color: transparent;
    box-shadow:none;
}




.btn-danger2{text-align: center;color: #ff4f4f;width: 100%;max-width: 80px; border-radius: 50px; background: #fff;height: 26px;border:2px solid #ff4f4f;font-weight: 600;font-size: 14px; outline: none; line-height: 14px;}
.btn-danger2:hover {outline: none;}

.m-bg {
    background: #fff;
	height: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	line-height: 50px;
	padding: 15px 0 15px 0;
	overflow: hidden;}
.m-bg h5{text-align: center;font-size: 14px;color: #424242;margin-top: 5px;font-weight: 500;}
.m-bg .m-bottom{margin-bottom: 20px;}

.m-bg h3{font-size: 16px;text-align: center;margin-top: 12px;}
.m-bg p{color: #333;font-size: 14px;text-align: right;margin-bottom: 0;}
.m-bg a{text-decoration: none;}

.m-bg2 {
       
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
padding: 15px 0 15px 0;margin-bottom: 0px; overflow: hidden;}

.m-bg2 h3{margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;}
.m-bg2 span{width: 24px!important; display: inline-block;margin-right: 6px;  vertical-align: bottom;}

.m-bg2  .m1-bg{ box-shadow: 0px 5px 10px #e1e1e1;margin-top: 5px;}


.m-bg3 {
    background: #fff;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
   padding: 15px 0 15px 0;margin-bottom: 15px;}
.m-bg3 h3 {margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;margin-bottom:5px;}
	
.m-bg3 span{width: 24px!important; display: inline-block;margin-right: 6px;  vertical-align: bottom;}
.m-bg3 .m3-bg{background: #fff1ea;padding:10px;line-height: 20px;border: 1px solid #e7a583;border-radius: 5px;margin-top: 10px;font-size: 14px;color: #b1674e;}
.m-bg3 p{font-size: 14px;color: #999;font-weight: 500;}
.m-bg3 table, .m-bg3 td {
	border-collapse: collapse;
	border: 1px solid #c7c7c7;
	font-size: 14px;
	padding: 10px;
	line-height: 18px;
	color: #666;
	margin-top: 15px;margin-bottom: 15px; 
}


.m-bg4 {
    background: #fff;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0 15px 0;width:100%;
overflow: hidden;margin-bottom: 15px;}


.m-bg4 h3 {margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;margin-bottom:5px;}
.m-bg4 span{width: 24px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}
.m-bg4 .m4-top{margin-top: 15px;}
.m-bg4 .col-7{padding-left: 0;}
.m-bg4 p{font-size: 13px;font-weight: 500;color: #999;margin-bottom: 0px;}
.m-bg4 h4{font-size: 14px;font-weight: 600;color: #666;margin-bottom: 3px;}

.m-bg4 a{text-decoration: none;}
.m-bg5{  

	background: #fff; 
	width: 100%; 
	height: auto;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px; overflow: hidden; padding: 15px 0 15px 0;}
.m-bg5 h3 {margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;margin-bottom:5px;}
.m-bg5 span{width: 24px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}
.m-bg5 .m5-bg{background: #fff1ef;padding:10px;line-height: 20px;border: 1px solid #dab0aa;border-radius: 5px;margin-top: 10px;font-size: 14px;color: #ad5144;margin-bottom: 10px;}
.m-bg5 .m5-bg2{background: #f5f5f5;padding:10px;line-height: 20px;border-radius: 5px;margin-top: 10px;font-size: 14px;margin-bottom: 10px;}
.m-bg5 p{font-size: 14px;color: #666;font-weight: 500;margin-bottom: 0px;}

.m-bg5 h5{font-size: 15px;color: #afafaf;font-weight: 400;margin-top: 10px;}	
.m-bg5 h4{font-size: 14px;color: #fd1515;font-weight: 500;}
.m-bg5 h4 i{width: 18px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}

.m-bg5 table, .m-bg5 td {
	border-collapse: collapse;
	border: 1px solid #c7c7c7;
	font-size: 14px;
	padding: 10px;
	line-height: 18px;
	color: #666;

}



.m-bg6{  
	width: 100%; 
	background: #fff;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	line-height: 50px;margin-bottom:15px; overflow: hidden; padding: 15px 0 15px 0;}


.m-bg6 h3 {margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;margin-bottom:0px;color: #333;}
.m-bg6 span{width: 24px!important; display: inline-block;margin-right: 6px; vertical-align:bottom;}
.m-bg6 h3 i{font-size: 26px;float: right;color: rgb(185, 180, 180);}
.m-bg6 a{text-decoration: none;}




.m-bg7{  
	width: 100%; 
	background: #fff;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	line-height: 46px;margin-bottom: 15px; overflow: hidden; padding: 15px 0 15px 0;}

.m-bg7 h3 {margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;margin-bottom:5px;color: #333;}
.m-bg7 span{width: 24px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}
.m-bg7 a{text-decoration: none;}
.m-bg7 .m7-bg{background: #f4f4f4;padding:10px;line-height: 20px;border-radius: 5px;margin-top: 10px;font-size: 12px;color: #999;margin-bottom: 20px; }
.m-bg7 h5{font-size: 15px;color: #afafaf;font-weight: 400;margin-top: 10px;}	
.m-bg7 .m-font{font-size: 14px;color: #878787;}
.m-bg7 h4{font-size: 15px;color: #333;margin-bottom: 3px; text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.m-bg7 p{font-size: 13px;line-height: 16px;color: #999;margin-bottom: 0;}
.m-bg7 .m7-bg2{ background: #fff;box-shadow: 0px 2px 10px #e1e1e1;line-height: 20px;border-radius: 5px;margin-top: 10px;font-size: 12px;color: #999;margin-bottom: 20px; overflow: hidden;}
.m-bg7 .m7-bg3{background: #ff7d7d;font-size: 13px;color: #fff;padding: 10px;}
.m-bg7 .m-font2{font-size: 15px;color: #333; margin: 15px;line-height: 18px;font-weight: 600;}
.m-bg7 .m-font2 i{width: 18px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}
.m-bg7 .m-font2 a{text-decoration: none;color: #333;}
.m-bg7 .m-font2 a:visited{text-decoration: none;}
.m-bg7 .m-font2 a:hover{text-decoration: none;}
.m-bg7 .m7-bg4{background: #fff7f7;padding:10px;line-height: 20px;border: 1px solid #dcb3ad;border-radius: 5px;margin-top: 10px;font-size: 14px;color: #ad5144;margin-bottom: 20px;}
.m-bg7  i{width: 18px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}
.m-bg8{  
	width: 100%; 
	background: #fff;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	line-height: 46px;margin-bottom:15; padding: 15px 0 15px 0;font-size: 15px;}
.m-bg8 h3 {margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;margin-bottom:5px;color: #333;}
.m-bg8 span{width: 24px!important; display: inline-block;margin-right: 6px;vertical-align: bottom;}
.m-bg8 .m8-bg{background: #fff7f7;padding:10px;line-height: 20px;border: 1px solid #dcb3ad;border-radius: 5px;margin-top: 10px;font-size: 14px;color: #ad5144;margin-bottom: 20px;}
.m-bg8 a{ text-decoration:none;}
.m-bg8 p{line-height: 20px;margin-bottom: 0;}
.m-bg8 i{width: 17.5px!important; display: inline-block;margin-right: 5px;vertical-align: bottom;}


/*底部导航栏*/
.footer{font-size: 12px;color: #9e9e9e;text-align: center; height: 40px; margin-top: 10px;margin-bottom: 0px;}
.footer p{font-weight: 400;color: #424242;margin-bottom: 0;margin-top: 10px;}



.m-bg9 {
       
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;background: #fff;
padding: 15px 0 15px 0;margin-bottom: 0px; overflow: hidden;margin-top: 15px; min-height: 400px; align-content: flex-start;}

.m-bg9 h3{margin-top: 0;padding-top: 0;font-size: 18px;line-height: 16px;font-weight: 900;}
.m-bg9 span{width: 24px!important; display: inline-block;margin-right: 6px;  vertical-align: bottom;}
.m-bg9  .m9-bg{padding: 15px;width: 100%;display: flex;flex-wrap: wrap;box-shadow: 0px 2px 15px #e1e1e1;margin-top: 15px;height: auto;background: #fff; overflow: hidden;border-radius:5px ;}

.m-bg9 h4{margin-top:3px;padding-top: 0;font-size: 15px;font-weight: 600;color: #666;margin-bottom: 0;}
.m-bg9 h4 i{background: #017fff;color: #fff; border-radius: 100px; width: 20px; height: 20px;text-align: center;font-size: 12px;line-height: 20px;margin-right: 6px; vertical-align: text-bottom;}
.m-bg9 .col-9{padding-left: 0;}
.m-bg9 .col-3{padding-right: 0;}

.m-bg9 a{text-decoration: none;}

.m-bg9 p{font-size: 14px;margin: 10px 0;color: #666;font-weight: 500;}
.m-bg9 h5{font-size: 15px;margin: 15px 0 0 0;color: #424242;font-weight: 600;}



.element{
	width: 100%;
	height: 100px;
	overflow: scroll;
}
.element::-webkit-scrollbar { width: 0 !important }
.element { -ms-overflow-style: none; }
.element { overflow: -moz-scrollbars-none; }


@media (min-width: 992px) {
.container {
	width: 750px;
}
}

@media (min-width: 1200px) {
.container {
	width: 750px;
}
}

@media (max-width: 768px) {
.center {
	width: 100%;
}
  .logo {
   background: url(../images/logo@2x.png) no-repeat;
    max-width: 134px;
	line-height: 41px;height: 41px;
	 background-size: 100%; 
	margin-top: 0px;
	padding-top: 30%;margin-bottom: 10px;padding-bottom: 0; 
}
	
}

@media (max-width: 375px) {
	
	.btn-grey2{font-size: 12px;}
}

@media (max-width: 320px) {
	.m-bg h5{font-size: 12px;}
	.m-bg4 p{font-size: 12px;}
	.m-bg4 h4{font-size: 13px;}
	.m-bg8{font-size: 13px;}
}