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

.active-title {text-align: center;color: #AB1E1D;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{ color: #606060; font-size: 16px; text-indent:2em; line-height: 30px;}

.department-container { width: 360.5; height: 247px; background: url(../images/department-bg-1.jpg); background-size: 100% 100%;margin: 0 auto; margin-bottom: 64px; }
.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: 16px; max-width: 300px;}

.active-form { padding-top: 50px;}
.active-form .item img{ margin: 20px 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;}


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-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; }
		  
		  .department-container { width: 970px; height: 247px; background: url(../images/department-bg.jpg); background-size: 100% 100%;margin: 0 auto; margin-bottom: 64px; }
			.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;}
	}