.taskWrapper,.mediaWrapper,.ruleWrapper{
	z-index: 1;
	width: 100%;
	height: 670px;
	overflow: auto;
	margin-top: 0;
	padding-right: 21px;
	position:relative;
}

/* .taskList,.mediaList,.ruleHua {
	z-index: 1;
	width: 100%;
	height: 670px;
	overflow: auto;
	margin-top: 0;
	padding-right: 21px;
	position:relative;
} */
.taskList,.mediaList,.ruleHua{
	padding-bottom: 30px;
}

.scrollList::-webkit-scrollbar {
	width: 8px;
	background: #e1e5f3;
}

.scrollList::-webkit-scrollbar-corner,
/* 滚动条角落 */
.scrollList::-webkit-scrollbar-thumb,
.scrollList::-webkit-scrollbar-track {
	/*滚动条的轨道*/
	border-radius: 4px;
}

.scrollList::-webkit-scrollbar-corner,
.scrollList::-webkit-scrollbar-track {
	/* 滚动条轨道 */
	background-color: rgba(180, 160, 120, 0.1);
	box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}

.scrollList::-webkit-scrollbar-thumb {
	/* 滚动条手柄 */
	background-color: #cccde6;
}


.taskList .task-item,.mediaList .task-item {
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 29px;
	margin-bottom: 29px;
}

.taskList .task-item p,.mediaList .task-item p {
	width:353px;
	font-size: 28px;
	color: #574f8f;
	font-family: 'zaozi';
	line-height: 36px;
}

.taskList .task-item div,.mediaList .task-item div {
	width: 193px;
	height:56px;
	overflow: hidden;
	position: relative;
}

.taskList .task-item div img,.mediaList .task-item div img {
	display: block;
	width: 100%;
	height: 100%;
}
.taskList .task-item div img:nth-child(1),.mediaList .task-item div img:nth-child(1) {
	cursor: pointer;
}
.taskList .task-item div img:nth-child(2),.mediaList .task-item div img:nth-child(2) {
	display: none;
}

.taskList .task-item.active div img:nth-child(1),.mediaList .task-item.active div img:nth-child(1) {
	display: none;
}

.taskList .task-item.active div img:nth-child(2),.mediaList .task-item.active div img:nth-child(2) {
	display: block;
}
.mediaList .task-item div img:nth-child(2) {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.mediaList .task-item.active div a{
	display:none;
}
.mediaList .task-item div a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.mediaTc .mediaBody .back{
	display: block;
    height: 98px;
    width: 98px;
    position: absolute;
    left: 54.5px;
    top: 48px;
    z-index: 5;
    cursor: pointer;
}


.taskTc,
.mediaTc,
.ruleTc,
.packTc,
.priceTc,
.addressTc,
.codeTc,
.addressTc1{
	position: absolute;
	/* left: 0;
	top: 0; */
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	min-width: 750px;
}


.taskTc.active,.mediaTc.active,.codeTc.active,.ruleTc.active,.packTc.active,.priceTc.active,.addressTc.active,.addressTc1.active{
	opacity:1;
	z-index:21;
}

.taskBody,
.mediaBody,
.ruleBody,
.packBody,
.priceBody,
.addressBody{
	width: 695px;
	height: 980px;
	margin: 138px auto 0px;
	position: relative;
	opacity: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	transform:  scale(.6);
	-webkit-transform:  scale(.6);
}

.taskTc.active .taskBody,.mediaTc.active .mediaBody,.ruleTc.active .ruleBody,.packTc.active .packBody,.priceTc.active .priceBody,.addressTc.active .addressBody,.addressTc1.active .addressBody{
	transform:  scale(1);
	-webkit-transform:  scale(1);
	opacity: 1;
}

.close {
	display: block;
	height: 98px;
	width:98px;
	position: absolute;
	right: 39px;
	top: 48px;
	z-index: 5;
	cursor: pointer;
}

.ruleBg {
	display: block;
	width: 100%;
	position: relative;
}

.ruleBodyTxt {
	width: 565.5px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 95px;
	z-index: 1;
}

.ruleBodyTxt .ruleTit {
	font-size: 45px;
	color: #574f8f;
	text-align: center;
	font-family: 'zaozi';
	position:relative;
	padding-bottom: 19px;
}

.ruleBodyTxt .ruleTit:after{
	display:block;
	width:100%;
	height:3px;
	content:'';
	background:url('https://cdnstatic.yingxiong.com/dna/double_helix_bright/images/xian.png') no-repeat center;
	background-size:100% 3px;
	position:absolute;
	left:0;
	bottom:0;
}

.task-item:not(:last-child):after{
	display:block;
	width:100%;
	height:3px;
	content:'';
	background:url('https://cdnstatic.yingxiong.com/dna/double_helix_bright/images/xian.png') no-repeat center;
	background-size:100% 3px;
	position:absolute;
	left:0;
	bottom: -31px;
}

.ruleHua p {
	font-family: 'zaozi';
}

.ruleHua p.margin {
	margin-top: .5rem;
}

.ruleHua p.ruleP1 {
	font-size: 28px;
	color: #574f8f;
	margin-top:29px;
	line-height: 40px;
}


.ruleHua p.ruleP3 {
	font-size: 24px;
	line-height: 34px;
	color: #766ea9;
}

.ruleHua p.ruleP1.ruleP2 {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	margin-bottom: 22px;
	line-height: 0px;
}

.ruleHua p img {
	display: block;
	width: .4rem;
}

.ruleHua .rulePriceList {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 8px;
}

.ruleHua .rulePriceList img {
	display: block;
  width: 180px;
}

.ruleBodyTxt:after{
	display: block;
	width:100%;
	height:70px;
	content:'';
	background:linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); ;
	background-size:100%;
	position:absolute;
	right:0;
	bottom:-1px;
	z-index:2;
}

.bottom-mask{
	/* height: 153px; */
	height: 93px;
	background-color: #fff;
	position: absolute;
	bottom: 35px;
	width: 632px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}

.ruleYu {
	display: block;
	width: 127px;
	position: absolute;
	left: -30px;
	bottom: -30px;
	z-index: 2;
}

.packListWrapper{
	width: 577px;
	height: 658px;
	overflow: auto;
	position: absolute;
	top: 144px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}

.packList {
	width: 100%;
	z-index: 2;
	display: flex;
	display: -webkit-flex;
	column-gap: 30px;
	flex-wrap: wrap;
}
.packListSp {
	column-gap: 24px;
}
.packList>div {
	display: block;
	width: 261px;
	height: 328px;
	cursor: pointer;
}
.packList>div img{
	display:block;
	width:100%;
}
.packList>div img:nth-child(2){
	display:none;
}
.packList>div.active img:nth-child(1){
	display:none;
}
.packList>div.active img:nth-child(2){
	display:block;
}



.addressMain {
	width: 577.4px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 12.67%;
	z-index: 2;
}

.addressTc1 .addressMain {
	top: 174px;
}
.co_tips{
	display: block;
	width: 421px;
	height: 54px;
	color: #766EA9;
	font-family: 'zaozi';
	font-size: 21px;
	line-height: 32px;
	margin: 50px auto 0px;
}
.addressMain .s_put {
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin-top: 39px;
	align-items: center;
}
.addressMain .needLine:after{
	width: 577.4px;
	bottom: -10px;
	display: block;
	/* width: 100%; */
	height: 3px;
	content: '';
	background: url('https://cdnstatic.yingxiong.com/dna/double_helix_bright/images/xian.png') no-repeat center;
	background-size: 100% 3px;
	position: absolute;
}
.addressMain .s_put.a_put{
	display:block;
}
.addressMain .s_put .cityBox{
	display:flex;
	display:-webkit-flex;
	align-items: center;
}
.addressMain .s_put .cityBox #city_1{
	margin-left:29px;
}
.addressMain .form-item-input select {
	display: block;
    width: 155px;
    height: 34.5px;
    font-size: 25px;
    text-align: center;
    margin-left: 13px;
    float: left;
    font-family: 'zaozi';
    color: #766ea9;
    border: 0.01rem solid #aba5cb;
    outline: none;
		background-color: #fff;
}
.addressMain .form-item-input select:nth-child(1) {
    margin-left: 0;
}
.addressMain .s_put p {
	font-size: 28px;
	color: #574f8f;
	font-family: 'zaozi';
}

.addressMain .s_put input {
	font-size: 28px;
	color: #766ea9;
	font-family: 'zaozi';
	line-height: 42px;
	margin-left: 60px;
	min-width: 0;
	flex: 1;
	/* position: relative;
	top: -6px; */
}

.addressTc .addressMain .s_put input {
	margin-left: 29px;
}

 .addressTj {
	display:block;
	width: 328px;
	height: 85px;
	position:absolute;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	bottom:87px;
	cursor: pointer;
	z-index:1;
}
 .addressTj.active{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.city-address{
	border: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
	font-size: 28px;
	color: #766EA9;
	padding-left: 86px;
	font-family: 'zaozi';
	line-height: 64px;
	top: -10px;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
}