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

.active-title {position:relative;text-align: center;color: #AB1E1D;font-size: 24px; margin: 0 auto; margin-bottom: 32px; width: 216px; height: 63px; line-height: 63px; background: url(../images/title-bg-2.png); background-size: 100% 100%; margin-top: 0px;}
.active-title span{display: block;margin-top: -10px;}
.active-title a { font-size: 16px; color: #23211E; position: absolute;right:0;}
.active-title p.left { display:none; width: 405px; height: 11px; position: absolute; background: url(../images/line-1.png); left: -400px; margin-left: -60px; top: 50%; margin-top: -5.5px;}
.active-title p.right {display:none;  width: 405px; height: 11px; position: absolute; background: url(../images/line-2.png); right: -400px; margin-right: -60px; top: 50%; margin-top: -5.5px;}

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

.department-container { width: 360.5px; height: 247px; background: url(../images/department-bg-1.jpg); background-size: 100% 100%;margin: 0 auto; margin-bottom: 32px; }
.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: 15px;}
.active-form .item { padding-right: 5px; padding-left: 5px;}
.active-form .item img{ margin: 5px 0;}
.active-form p { font-size: 16px; margin: 0;color: #606060;line-height: 30px;}
.active-process { background: url(../images/active-bg-2.jpg); background-size: cover; background-position:center; padding: 50px 0;}
.active-process .table-bordered { border-top: 1px solid #DCEDFF;}
.active-process .table-bordered > tbody > tr > td { background: #fff; font-size: 16px; padding: 15px;  color: #23211E;}
.active-process .table-bordered > tbody > tr > td:first-child {  text-align: center; width: 231px;}
.active-process .table-bordered > thead > tr > th { color: #fff; font-size: 20px; padding: 15px; font-weight: normal;}
.active-process table thead{background: #98A9B7;}
.active-process .table-bordered > tbody > tr > td{border:1px solid #E6ECF2}
.register-process { padding-top: 32px;padding-bottom: 32px;}
.register-process .register-bg { background: #fff; width: 100%;  padding-top: 27px; position: relative;}
.register-process p{color: #23211E;}
.register-process .p1 { font-size: 18px; color: #1D2C6A; margin-top: 15px;}
.register-process .p2 { font-size: 16px;}

.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: 42px; 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; }



.bottom-container p { font-size: 16px; line-height: 30px; color: #606060; text-indent:2em; margin-bottom: 0;}
.phone-img { display: block; }
.pc-img { display: none;}

body { background: #fff;}
@media (min-width: 1200px) {
	.container {
		width: 1100px;
	}
	.active-title p.left { display: block;}
	.active-title p.right { display: block;}
	
	.phone-img { display: none;}
	.pc-img  { display: block;}
	.active-bg-container {padding:50px 0 40px 0}
	.active-title { margin-bottom: 50px; margin-top: 32px;}
	.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 { padding-top: 0;}
	.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.png); 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; color: #1D2C6A;}
	.department-container p { font-size: 16px; max-width: 300px;}
	
	.register-process-container { width: 100%; background: url(../images/bg-2.png); background-size: cover;  height: 1130px; padding-top: 200px;}
	
	.register-process .p2:before {position: absolute;top: 118px;margin-left: -10px;left: 50%;content: "";width: 0;width: 0;border-left:12.5px solid transparent;border-right:12.5px solid transparent;border-top:10px solid #fff;}
	.register-process .item span { width:13px; height: 27px; display: block; background: url(../images/sp-8.png); position: absolute; right: -35px; top: 10px;}
	.register-process .register-bg { height: 145px;}
	.bottom-container { width: 100%; height: 531px; background:url(../images/bottom-bg.jpg); background-size: cover; padding-top:171px;}
	.register-process .p2 { margin-top: 45px;}
	.department-container { margin-bottom: 64px;}
	
	.active-form .item img{ margin: 20px 0;}
	
	.active-title { margin-top: 0;}
	.register-process { padding-top: 50px;padding-bottom: 50px;}
	
	.phone-img { display: none;}
	.pc-img  { display: block;}
}