.diy_step{text-align: center;}
.diy_step,.diy_step *{font-family: 'Opensans-Regular';}
.diy_step .w15{width: 98%;margin: 0 auto;max-width: 1500px;}
.diy_step .w12{width: 96%;margin: 0 auto;max-width: 1200px;}
.img_pad{width: 100%;padding-top: 100%;position: relative;}
.img_pad .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;}
.img_pad .img img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.img_pad .img span{display: inline-block;vertical-align: middle;height: 100%;}
.diy_step.diy_step6 .num,.diy_step.diy_step7 .t_btn{font-family: 'OpenSans-Bold';}
.diy_step1{text-align: center;margin-bottom: 44px;}
.diy_step1 .diy_title{font-size: 30px;color: #000000;margin-top: 13px;}
.diy_step1 .diy_desc{font-size: 18px;color: #666666;line-height: 1.7777;margin-top: 26px;}
.diy_step2{background-color: #1a1a1a;padding: 124px 0 110px;}
.diy_step2 .w15{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.diy_step2 .img{max-width: 40%;}
.diy_step2 .r_cont{width: 41%;}
.diy_step2 .r_cont .name{font-size: 40px;color: #fefefe;line-height: 70px;border: 4px solid #fff;border-radius: 18px;display: inline-block;padding: 0 37px;}
.diy_step2 .r_cont .attrs{font-size: 24px;color: #fefefe;line-height: 1.6666;margin-top: 32px;}
.diy_step3{background-color: #cccccc;text-align: center;padding: 128px 0 109px;}
.diy_step3 .middle_cont .name{font-size: 40px;color: #000000;margin-top: -14px;}
.diy_step3 .middle_cont .attrs{font-size: 24px;color: #666666;margin-top: 10px;margin-bottom: 9px;}
.diy_step3 .img_out_side{display: flex;justify-content: space-between;align-items: center;}
.diy_step3 .img_out{width: 29.3333%;}
.diy_step3 .img_out .img_pad{padding-top: 68.1818%;}
.diy_step4{padding: 135px 0 108px;}
.diy_step4 .w15{flex-direction: row;}
.diy_step4 .r_cont{width: 50%;}
.diy_step5{background-color: #f6f6f6;text-align: center;padding: 70px 0 65px;}
.diy_step5 .w15{display: flex;justify-content: space-between;align-items: flex-start;}
.diy_step5 .copy{width: 45%;}
.diy_step5 .copy .img_out{width: 60.7407%;margin: 0 auto;}
.diy_step5 .copy .name{font-size: 40px;color: #000000;margin-top: 27px;}
.diy_step5 .copy .attrs{font-size: 24px;color: #666666;margin-top: 9px;}
.diy_step6{background:url(/u_file/2304/photo/diy_detail_5.png) no-repeat center/contain;background-color: #1a1a1a;text-align: center;padding-top: 46.576%;position: relative;}
.diy_step6 .name{position: absolute;top: 78px;left: 50%;transform: translate(-50%,0%);font-size: 44px;color: #ffffff;line-height: 1.1363;}
.diy_step6 .inner{position: absolute;top: 54%;left: 50%;transform: translate(-50%,-50%);}
.diy_step6 .num{font-size: 96px;color: #fefefe;margin: -20px 0;}
.diy_step6 .tips{font-size: 24px;color: #ffffff;}
.diy_step7{background-color: #015cd1;padding: 67px 0 68px;}
.diy_step7 .w12{display: flex;justify-content: space-between;align-items: center;padding: 0px 50px;box-sizing: border-box;}
.diy_step7 .l{font-size: 36px;color: #ffffff;line-height: 64px;}
.diy_step7 .t_btn{font-size: 30px;color: #ffffff;line-height: 64px;background: #eb6800;padding: 0 41px;display: inline-block;text-decoration: unset!important;transition: all 0.5s;}
.diy_step7 .t_btn:hover{color: #015CD1;background: #fff;}
@media screen and (max-width: 1620px) {
	.diy_step .w15{max-width: 1300px;}
	.diy_step2,.diy_step3,.diy_step4{padding: 100px 0;}
	.diy_step5,.diy_step7{padding: 60px 0;}
}
@media screen and (max-width: 1460px) {
	.diy_step .w15{max-width: 1200px;}
	.diy_step .w12{max-width: 1100px;}
	.diy_step2,.diy_step3,.diy_step4{padding: 80px 0;}
	.diy_step5,.diy_step7{padding: 50px 0;}
	.diy_step1 .diy_title,.diy_step7 .t_btn{font-size: 26px;}
	.diy_step1 .diy_desc{font-size: 16px;}
	.diy_step2 .r_cont .name,.diy_step3 .middle_cont .name,.diy_step5 .copy .name{font-size: 32px;}
	.diy_step2 .r_cont .attrs,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs,.diy_step6 .tips{font-size: 20px;}
	.diy_step6 .name{font-size: 36px;}
	.diy_step6 .num{font-size: 66px;}
	.diy_step7 .l{font-size: 28px;}
	.diy_step1{margin-bottom: 40px;}
	.diy_step1 .diy_title,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs{margin-top: 10px;}
	.diy_step1 .diy_desc,.diy_step2 .r_cont .attrs,.diy_step5 .copy .name{margin-top: 20px;}
	.diy_step3 .middle_cont .name{margin-top: -10px;}
	.diy_step3 .middle_cont .attrs{margin-bottom: 10px;}
	.diy_step6 .num{margin: -15px 0;}
	.diy_step2 .r_cont .name{line-height: 62px;}
	.diy_step7 .l,.diy_step7 .t_btn{line-height: 58px;}
}
@media screen and (max-width: 1260px) {
	.diy_step .w15{max-width: 1000px;}
	.diy_step .w12{max-width: 900px;}
	.diy_step2,.diy_step3,.diy_step4{padding: 60px 0;}
	.diy_step5,.diy_step7{padding: 35px 0;}
	.diy_step1 .diy_title,.diy_step7 .t_btn,.diy_step7 .l{font-size: 24px;}
	.diy_step1 .diy_desc{font-size: 16px;}
	.diy_step2 .r_cont .name,.diy_step3 .middle_cont .name,.diy_step5 .copy .name{font-size: 28px;}
	.diy_step2 .r_cont .attrs,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs,.diy_step6 .tips{font-size: 18px;}
	.diy_step6 .name{font-size: 30px;}
	.diy_step6 .num{font-size: 50px;}
	.diy_step1{margin-bottom: 30px;}
	.diy_step1 .diy_title,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs{margin-top: 10px;}
	.diy_step1 .diy_desc,.diy_step2 .r_cont .attrs,.diy_step5 .copy .name{margin-top: 15px;}
	.diy_step3 .middle_cont .name{margin-top: -5px;}
	.diy_step3 .middle_cont .attrs{margin-bottom: 10px;}
	.diy_step6 .num{margin: -10px 0;}
	.diy_step2 .r_cont .name{line-height: 56px;border-width: 3px;}
	.diy_step7 .l,.diy_step7 .t_btn{line-height: 54px;}
}
@media screen and (max-width: 1000px) {
	.diy_step2 .r_cont{width: 55%;}
	.diy_step2,.diy_step3,.diy_step4{padding: 60px 0;}
	.diy_step5,.diy_step7{padding: 30px 0;}
	.diy_step1 .diy_title,.diy_step2 .r_cont .name,.diy_step3 .middle_cont .name,.diy_step5 .copy .name{font-size: 22px;}
	.diy_step1 .diy_desc,.diy_step2 .r_cont .attrs,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs{font-size: 16px;}
	.diy_step6 .name{font-size: 20px;top: 5%;}
	.diy_step6 .tips{font-size: 14px;}
	.diy_step6 .num{font-size: 34px;}
	.diy_step7 .t_btn,.diy_step7 .l{font-size: 18px;}
	.diy_step1{margin-bottom: 30px;}
	.diy_step1 .diy_title,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs,.diy_step1 .diy_desc,.diy_step2 .r_cont .attrs,.diy_step5 .copy .name{margin-top: 10px;}
	.diy_step3 .middle_cont .name{margin-top: 0px;}
	.diy_step3 .middle_cont .attrs{margin-bottom: 10px;}
	.diy_step6 .num{margin: -5px 0;}
	.diy_step2 .r_cont .name{line-height: 46px;border-width: 2px;border-radius: 12px;padding: 0 30px;}
	.diy_step7 .l,.diy_step7 .t_btn{line-height: 44px;}
	.diy_step7 .w12{padding: 0;}
	.diy_step7 .t_btn{padding: 0 25px;}
}
@media screen and (max-width: 600px) {
	.diy_step .w15{width: 96%;}
	.diy_step .w12{width: 94%;}
	.diy_step2 .w15{flex-wrap: wrap;}
	.diy_step2 .r_cont{width: 100%;margin-top: 20px;}
	.diy_step2 .img{width: 100%;max-width: 100%;}
	.diy_step2,.diy_step3,.diy_step4{padding: 30px 0;}
	.diy_step5,.diy_step7{padding: 20px 0;}
	.diy_step1 .diy_title,.diy_step2 .r_cont .name,.diy_step3 .middle_cont .name,.diy_step5 .copy .name{font-size: 18px;}
	.diy_step1 .diy_desc,.diy_step2 .r_cont .attrs,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs{font-size: 14px;}
	.diy_step6 .name{font-size: 14px;top: 6%;width: 100%;}
	.diy_step6 .tips{font-size: 12px;}
	.diy_step6 .num{font-size: 26px;}
	.diy_step7 .t_btn,.diy_step7 .l{font-size: 14px;}
	.diy_step1{margin-bottom: 20px;}
	.diy_step1 .diy_title,.diy_step3 .middle_cont .attrs,.diy_step5 .copy .attrs,.diy_step1 .diy_desc,.diy_step2 .r_cont .attrs,.diy_step5 .copy .name{margin-top: 5px;}
	.diy_step3 .img_out{width: 38%;}
	.diy_step3 .middle_cont .attrs{margin-bottom: 10px;}
	.diy_step6 .num{margin: 0;}
	.diy_step6 .inner{top: 60%;}
	.diy_step2 .r_cont .name{line-height: 38px;border-radius: 10px;padding: 0 25px;}
	.diy_step5{padding-top: 0;}
	.diy_step5 .w15{flex-wrap: wrap;}
	.diy_step5 .copy{width: 100%;margin-top: 20px;}
	.diy_step7 .w12{flex-wrap: wrap;text-align: center;}
	.diy_step7 .w12 *{margin: 0 auto;}
	.diy_step7 .l,.diy_step7 .t_btn{line-height: 36px;}
	.diy_step7 .t_btn{padding: 0 25px;margin-top: 10px;}
}