/*活动专题页*/
.banner img{width: 100%;}
.active-bg-container {padding:32px 0 25px 0}
.active-bg-container-2 { padding:25px 0; }
.active-bg-container-2-img { width: 100%;}

.active-title {text-align: center;color: #1D2C6A;font-size: 24px; margin: 0 auto; margin-bottom: 20px; width: 251px; height: 48px; line-height: 48px; background: url(../images/title-bg.png); background-size: 100% 100%; }
.active-title span{display: block;margin-top: -10px;}
.active-title a { font-size: 16px; color: #23211E; position: absolute;right:0;}

.active-bg-container p, .active-bg-container-2 p{ color: #606060; font-size: 16px; text-indent:2em; line-height: 30px; }
.active-bg-container-2 p { font-size: 13px;}

.department-container { width: 360.5px; height: 247px; background: url(../images/department-bg-1.jpg); background-size: 100% 100%;margin: 0 auto;  }
.department-container .department { width: 100%; margin: 0 auto; padding-top: 40px;}
.department-container .department >div { width: 50%; }
.department-container .department>div:first-child img { margin-bottom: 26px;}
.department-container h4 { font-size: 24px;}
.department-container p { font-size: 14px; max-width: 300px;}

.active-form { padding-top: 50px;}
.active-form .item img{ margin: 5px 0;}
.active-form .item { padding-right: 5px; padding-left: 5px;}
.active-form p { font-size: 16px; margin: 0;}
.active-process { background: url(../images/active-bg-2.jpg); background-size: cover; background-position:center; padding: 32px 0 15px 0;}
.active-process .table-bordered { border-top: 1px solid #DCEDFF;}
.active-process .table-bordered > tbody > tr > td { background: #fff; font-size: 16px;   color: #23211E;}
.active-process .table-bordered > tbody > tr > td:first-child {  text-align: center; width:100px;}
.active-process .table-bordered > thead > tr > th { color: #fff; padding: 12px; font-weight: normal; font-size: 16px;}
.active-process table thead{background: #98A9B7;}
.active-process .table-bordered > tbody > tr > td{border:1px solid #E6ECF2}
.register-process { padding-top: 50px;padding-bottom: 50px;}
.register-process p{color: #23211E;}
.register-process .p1 { font-size: 20px; font-weight: bold; margin-top: 15px;}
.register-process .p2 { font-size: 15px;}
.register-process .item span { width:43px; height: 22px; display: block; background: url(../images/sp-7.png); position: absolute; right: -35px; top: 10px;}
.register-process .item { position: relative; }
.earnings {background: url(../images/active-bg-3.jpg); background-size: cover; background-position:center;}
.earnings { padding: 50px 0;}
.earnings .active-title { color: #fff; }
.earnings h3 { color: #fff; font-size: 30px; margin-bottom: 58px;}
.earnings p { font-size: 16px; color: #fff;margin-top: 20px; line-height: 28px; width: 250px;}
.more-activity { padding: 50px 0; }
.more-activity .container { position: relative; }
.more-activity img { margin-bottom: 20px;}
/**/
.apply-activity-title {position: relative; width: 100%; height: 124px; background: url(../images/activity-bg.png); background-size: cover; background-position: center; font-size: 30px; color: #fff; text-align: center; line-height: 124px;}
.apply-activity-title a {display: block; }
.apply-activity-title img { position: absolute; top: 30px; left: 50px; }

.phone-img { display: block; }
.pc-img { display: none;}

.active-p {
	display: flex;
	display: -webkit-flex;
	display:-ms-flexbox;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
    overflow: hidden;
}

.active-span {
	border-top:1px dashed #cccccc;
	height: 1px;
	display: inline-block;
	-webkit-flex: 1;        
    -ms-flex: 1;
	flex: 1;
	margin: 0 10px;
}


body { background: #fff;}
@media (min-width: 1200px) {
		  .container {
		    width: 1100px;
		  }
		  .phone-img { display: none;}
		  .pc-img  { display: block;}
		  .active-bg-container {padding:50px 0 40px 0}
		  .active-bg-container-2 { padding:25px 0 }
		  .active-bg-container-2-img { width: auto;}
		  .active-title { margin-bottom: 50px;}
		  .active-process { padding: 50px 0; }
		  .active-process .table-bordered > tbody > tr > td { padding: 15px; }
		  .active-process .table-bordered > tbody > tr > td:first-child { width: 231px;}
		  .active-process .table-bordered > thead > tr > th { font-size: 20px; padding: 15px;}
		  .active-form .item { padding-right: 15px; padding-left: 15px;} 
		  .earnings p  { margin-top: 42px; }
		  .float-left { float: left; }
		  .active-form .item img{ margin: 20px 0;}
		  
		  .department-container { width: 970px; height: 247px; background: url(../images/department-bg.jpg); background-size: 100% 100%;margin: 0 auto; }
		  .department-container .department { width: 745px; margin: 0 auto; padding-top: 40px;}
			.department-container .department >div { width: 372px; }
			.department-container .department>div:first-child img { margin-bottom: 26px;}
			.department-container h4 { font-size: 24px;}
			.department-container p { font-size: 16px; max-width: 300px;}
	}