@charset "utf-8";
/* CSS Document */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b3b3b3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b3b3b3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b3b3b3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b3b3b3;
}
*{
	padding: 0;
	margin: 0;
	list-style: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
a{
	text-decoration: none;
	color: inherit;
}
.wrap{
	width: 25rem;
	height: auto;
	background-color: #fff;
}
.header{
	width: 25rem;
	height: 2.933rem;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 900;
}
.header .search_icon{
	position: absolute;
	width: 2rem;
	height: 2rem;
	float: left;
	left: 0.8rem;
	top: 0.46rem;
	background-image: url(top-icon01.png);
}
.header .title{
	width: 25rem;
	height: 2.933rem;
}
.header .title h1{
	display: block;
	width: 25rem;
	height: 2.933rem;
	font-size: 1.2rem;
	color: #333;
	text-align: center;
	line-height: 2.933rem;
}
.search_box{
	position: absolute;
	width: 23.667rem;
	height: 2rem;
	border-radius: 1rem;
/*	top: 0.467rem;*/
	top: -4rem;
	left: 50%;
	transform: translate(-50%,0);
	background-color: #ffffff;
	transition: .3s;
	box-shadow: 0rem 0.333rem 0.667rem 0rem rgba(253, 100, 86, 0.1);
}
.search_box.on{
	top: 0.467rem !important;
}
.search_box input{
	float: left;
	display: block;
	width: 18rem;
	height: 2rem;
	margin-left: 1.333rem;
	border: none;
	outline: none;
	font-size: 0.8rem;
	color: #666;
}
.search_box .btn{
	float: right;
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
	background-image: url(search-icon.png);
}




.banner{
	width: 23.667rem;
	height: 8.667rem;
	border-radius: 0.333rem;
	margin: 3.5rem auto 0;
	position: relative;
	overflow: hidden;
	background-color: #fafafa;
}

.banner img{
	display: block;
	width: 23.667rem;
	height: 8.667rem;object-fit: cover;
}
.cont1{
	width: 25rem;
	height: auto;
	background-color: #fff;
	box-shadow: 0rem 0.2rem 0.333rem 0rem rgba(255, 93, 74, 0.1);
}
.cont1 .cont1_list{
	width: 23.667rem;
	height: auto;
	overflow: hidden;
	margin: 0.133rem auto 0;
	padding-bottom: 1rem;
}
.cont1 .cont1_list li{
	float: left;
	width: 5.91rem;
	height: auto;
	margin: 1.2rem 0 0;
}
.cont1 .cont1_list li a{
	display: block;
	width: 5.91rem;
	height: 4.8rem;
}
.cont1 .cont1_list li .icon{
	width: 3.1rem;
	height: 3.1rem;
	margin: 0 auto 0;
}
.cont1 .cont1_list li:nth-child(1) .icon{
	background-image: url(cont1-icon01.png);
}
.cont1 .cont1_list li:nth-child(2) .icon{
	background-image: url(cont1-icon03.png);
}
.cont1 .cont1_list li:nth-child(3) .icon{
	background-image: url(cont1-icon02.png);
}
.cont1 .cont1_list li:nth-child(4) .icon{
	background-image: url(cont1-icon04.png);
}
.cont1 .cont1_list li:nth-child(5) .icon{
	background-image: url(cont1-icon05.png);
}
.cont1 .cont1_list li:nth-child(6) .icon{
	background-image: url(cont1-icon06.png);
}
.cont1 .cont1_list li:nth-child(7) .icon{
	background-image: url(cont1-icon07.png);
}
.cont1 .cont1_list li:nth-child(8) .icon{
	background-image: url(cont1-icon08.png);
}
.cont1 .cont1_list li h2{
	display: block;
	width: 5.91rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.8rem;
	color: #333;
	font-weight: 500;
	text-align: center;
	margin-top: 0.5rem;
}
.jydt{
	width: 25rem;
	height: 2.633rem;
	border-top: 0.033rem solid #e6e6e6;
	line-height: 2.633rem;
	overflow: hidden;
}
.jydt .left{
	float: left;
	width: 3.767rem;
	height: 0.867rem;
	margin: 0.9rem 0 0 0.667rem;
}
.jydt .left img{
	display: block;
	width: 3.767rem;
	height: 0.867rem;
	object-fit: cover;
}
.jydt .right{
	float: right;
	width: 18.833rem;
	height: 2.633rem;
	margin-right: 0.667rem;
	overflow: hidden;
}
.jydt .right .jydt_list{
	width: 18.833rem;
	height: auto;
	overflow: hidden;
}

.jydt .right .jydt_list li{
	width: 18.833rem;
	height: 2.633rem;
	line-height: 2.633rem;
	color: #999;
	font-size: 0.733rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.cont2{
	width: 25rem;
	height: 7.033rem;
	overflow: hidden;
	position: relative;
}

.cont2 .banner02{
	position: relative;
	width: 22.333rem;
	height: 6.033rem;
	margin: 1rem auto 0;
	overflow: hidden;
}
.cont2 .swiper-slide{
	display: block;
	width: 22.333rem;
	height: 5.333rem;
	border-radius: 2.667rem;
}
.cont2 .swiper-slide img{
	display: block;
	width: 22.333rem;
	height: 5.333rem;
	border-radius: 2.667rem;
}
.cont2 .swiper-slide.slide01{
	box-shadow: 0rem 0.333rem 0.2rem 0rem rgba(254,111,108, 0.3);
}
.cont2 .swiper-slide.slide02{
	box-shadow: 0rem 0.333rem 0.2rem 0rem rgba(107, 133, 240, 0.3);
}
.cont2 .swiper-slide.slide03{
	box-shadow: 0rem 0.333rem 0.2rem 0rem rgba(13,132,244, 0.3);
}
.pagin02{
	bottom: 0.8rem !important;
	left: 0.667rem;
}


.cont3{
	width: 25rem;
	height: auto;
	overflow: hidden;
}
.cont3_tab{
	width: 25rem;
	height: 2rem;
	margin-top: 0.9rem;
}
.cont3_tab li{
	float: left;
	width: calc(25rem / 3);
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.933rem;
	color: #333;
	position: relative;
}
.cont3_tab li.on::after{
	content: "";
	position: absolute;
	width: 1.333rem;
	height: 0.2rem;
	bottom: 0;
	left: 50%;
	background-color: #fc6958;
	border-radius: 0.1rem;
	transform: translate(-50%,0);
}
.cont3_main{
	position: relative;
	width: 25rem;
	height: 32rem;
	overflow: hidden;
	background-color: #fafafa;
	padding: 0.333rem 0 0rem;
}
.cont3_list{
	opacity: 0;
	position: absolute;
	width: 25rem;
	height: auto;
	overflow: hidden;
	padding-bottom: 1rem;
	transition: .3s;
	z-index: -1;
}
.cont3_list.active{
	opacity: 1;
	z-index: 1;
}

.cont3 .hyp{
	display: inline-block;
	width: 3.5rem;
	height: 1rem;
	color: #999;
	font-size: 0.8rem;
	line-height: 1rem;
	margin: 0 1.3rem;
}
.cont3 .hyp span:last-child{
	float: left;
	width: 0.8rem;
	height: 0.8rem;
	background-image: url(cont2-icon03.png);
	margin: 0.1rem 0 0 0.2rem;
}
.cont3 .hyp span:first-child{
	float: left;
}
.cont3 .more{
	display: inline-block;
	width: 4.3rem;
	height: 1rem;
	color: #999;
	font-size: 0.8rem;
	line-height: 1rem;
	margin: 0 1.3rem;
}
.cont3 .more span:last-child{
	float: left;
	width: 0.8rem;
	height: 0.8rem;
	background-image: url(cont2-icon04.png);
	margin: 0.1rem 0 0 0.2rem;
}
.cont3 .more span:first-child{
	float: left;
}
.cont3 .hyp_more{
	width: 25rem;
	height: 2.8rem;
	line-height: 2.8rem;
	text-align: center;
}
.cont3_box{
	width: 23.667rem;
	height: 8.767rem;
	border-radius: 0.333rem;
	margin: 1rem auto 0;
	background-color: #fff;
	box-shadow: 0rem 0.333rem 0.667rem 0rem 
		rgba(253, 100, 86, 0.1);
	overflow: hidden;
}
.cont3_box .title{
	width: 22rem;
	height: 1.2rem;
	text-align: left;
	margin: 0.8rem auto 0;
}
.cont3_box .title img{
	display: inline-block;
	width: 1.066rem;
	height: 1.066rem;
	margin: 0.1rem 0.2rem 0 0;
}
.cont3_box .title p{
	width: 20.4rem;
	display: inline-block;
	line-height: 1.2rem;
	color: #333;
	font-size: 0.933rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.cont3_box .box_ul{
	width: 22rem;
	height: auto;
	margin: 1rem auto 0;
	overflow: hidden;
}
.cont3_box .box_ul li:nth-child(-n + 2){
	float: left;
	width: 11rem;
	text-align: left;
	height: 1rem;
	line-height: 1rem;
	color: #666;
	font-size: 0.8rem;
}
.cont3_box .box_ul li:nth-child(n + 3){
	float: left;
	width: 22rem;
	height: 1rem;
	line-height: 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #666;
	font-size: 0.8rem;
	margin-top: 0.6rem;
}
.cont3_box .box_bot{
	width: 22rem;
	height: auto;
	overflow: hidden;
	margin: 0.9rem auto 0;
}
.cont3_box .box_bot .money{
	float: left;
	font-weight: bold;
}
.cont3_box .box_bot .money span:first-child{
	font-size: 0.8rem;
	color: #ff7100;
}
.cont3_box .box_bot .money span:last-child{
	font-size: 1.067rem;
	color: #333;
}
.cont3_box .box_bot .btn{
	float: right;
	width: 6rem;
	height: 1.533rem;
	background-image: linear-gradient(0deg, 
		#fd6252 0%, 
		#ff7272 100%);
	border-radius: 0.767rem;
	font-size: 0.8rem;
	color: #fff;
	line-height: 1.533rem;
	text-align: center;
}
.cont4{
	width: 25rem;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
.cont4_list{
	width: 25rem;
	height: auto;
	border-top: 0.033rem solid #e6e6e6;
	margin-top: 1rem;
}
.cont4_list .cont4_box{
	width: 23.667rem;
	height: 6rem;
	padding: 1rem 0.667rem;
	border-bottom: 0.033rem solid #e6e6e6;
}
.cont4_list .cont4_box .img{
	float: left;
	width: 6rem;
	height: 6rem;
	overflow: hidden;
	border-radius: 0.333rem;
}
.cont4_list .cont4_box .img img{
	object-fit: cover;
	display: block;
	width: 6rem;
	height: 6rem;
}
.cont4_list .cont4_box .right{
	float: left;
	width: 16.667rem;
	height: auto;
	margin-left: 1rem;
}

.cont4_box .right .p1{
	height: 1.2rem;
	width: 16.667rem;
	overflow: hidden;
	line-height: 1.2rem;
}
.cont4_box .right .p1 span:nth-child(1){
	float: left;
	width: auto;
	color: #333;
	font-size: 0.933rem;
}
.cont4_box .right .p1 span:nth-child(2){
	float: left;
	width: 5rem;
	height: 1.2rem;
	border-radius: 0.6rem;
	background-color: #fa9183;
	color: #fff;
	line-height: 1.2rem;
	font-size: 0.667rem;
	text-align: center;
	margin-left: 0.6rem;
}
.cont4_box .right .p1 span:nth-child(3){
	float:right;
	padding-left: 0.8rem;
	background-image: url(cont4-icon01.png);
	background-position: left center;
	background-size: 0.467rem 0.6rem;
	font-size: 0.733rem;
	color: #999;
}
.cont4_box .right .p2{
	font-size: 0.733rem;
	color: #999;
	line-height: 1.1rem;
	width: 16.667rem;
	height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 0.6rem;
}
.cont4_box .right .btn{
	text-align: right;
	margin-top: 0.4rem;
	font-size: 0.8rem;
	color: #fff;
	line-height: 1.533rem;
	height: 1.533rem;
}
.cont4_box .right .btn1{
	display: inline-block;
	width: 4rem;
	height: 1.533rem;
	text-align: center;
	background-image: url(cont3-icon01.png);
}
.cont4_box .right .btn2{
	display: inline-block;
	width: 4rem;
	height: 1.533rem;
	margin-left: 1.333rem;
	text-align: center;
	background-image: url(cont3-icon02.png);
}
.cont4_box .right .btn a{
	display: block;
	width: 4rem;
	height: 1.533rem;
}




























/*公共部分-----------------------------------------------------*/


/*售后采访*/

.title1{
	font-size: 1.2rem;
	font-weight: bold;
	color: #333;
	margin: 0.8rem 0 0 0.667rem;
}

.cont6{
	width: 25rem;
	height: auto;
	overflow: hidden;
	background-color: #fafafa;
	padding-bottom: 1rem;
}
.title_more{
	float: right;
	font-size: 0.8rem;
	color: #999;
	margin-right: 0.667rem;
	margin-top: 0.5rem;
	font-weight: 500;
}
.cont6_list{
	width: 23.667rem;
	height: auto;
	margin: 1rem auto 0;
}
.cont6_list .cont6_box1{
	position: relative;
	width: 23.667rem;
	height: 8.4rem;
	border-radius: 0.333rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 0.967rem;
	box-shadow: 0rem 0.333rem 0.667rem 0rem rgba(253, 100, 86, 0.1);
}
.cont6_list .cont6_box1 .img{
	float: left;
	width: 10rem;
	height: 7.067rem;
	border-radius: 0.333rem;
	overflow: hidden;
	margin: 0.667rem;
}
.cont6_list .cont6_box1 .img img{
	display: block;
	width: 10rem;
	height: 7.067rem;
	object-fit: cover;
}
.cont6_list .cont6_box1 .right{
	width: 11.333rem;
	height: auto;
	float: right;
	margin-right: 0.667rem;
}
.cont6_list .cont6_box1 .right .p1{
	font-size: 0.933rem;
	color: #333;
	margin-top: 1.1rem;
}
.cont6_list .cont6_box1 .right .p2{
	font-size: 0.8rem;
	color: #999;
	width: 10rem;
	height: 1rem;
	line-height: 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 0.8rem;
}
.cont6_list .cont6_box1 .right .fgx{
	width: 3.333rem;
	height: 0.033rem;
	background-color: #e6e6e6;
	margin: 0.8rem 0 1rem;
}
.cont6_list .cont6_box1 .right .btn{
	font-size: 0.933rem;
	color: #fff;
	line-height: 1.8rem;
	width: 8rem;
	height: 1.8rem;
	border-radius: 0.333rem;
	text-align: center;
	overflow: hidden;
	background-image: url(cont5-icon01.png);
}
.cont6_list .cont6_box1 .point{
	width: 2rem;
	height: 0.333rem;
	position: absolute;
	z-index: 2;
	top: 0rem;
	right: 0.667rem;
}
.cont6_list .cont6_box1 .point span{
	display: inline-block;
	width: 0.333rem;
	height: 0.333rem;
	border-radius: 50%;
	background-color: #e6e6e6;
}
.cont6_box2{
	width: 23.667rem;
	height: 2.667rem;
	overflow: hidden;
	line-height: 2.667rem;
	border-bottom: 0.033rem dashed #e5e5e5;
}
.cont6_box2 .p1{
	float: left;
	width: 17rem;
	height: 2.667rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.933rem;
	color: #333;
}
.cont6_box2 .p2{
	text-align: right;
	float: right;
	width: 5rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.8rem;
	color: #999;
}
.cont7{
	width: 25rem;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 1rem;
}
.cont7_list{
	width: 23.667rem;
	height: auto;
	margin: 0.833rem auto 0;
}
.cont7_list .cont7_box1{
	width: 23.667rem;
	height: auto;
	border-top: 0.033rem solid #e6e6e6;
	overflow: hidden;
	border-bottom: 0.033rem dashed #e6e6e6;
}

.cont7_list .cont7_box1 .img{
	float: left;
	width: 8.667rem;
	height: 5.333rem;
	margin: 0.667rem 0;
	border-radius: 0.333rem;
	overflow: hidden;
}
.cont7_list .cont7_box1 .img img{
	display: block;
	width: 8.667rem;
	height: 5.333rem;
	object-fit: cover;
}
.cont7_list .cont7_box1 .right{
	float: left;
	width: 14rem;
	height: auto;
	margin-left: 1rem;
}
.cont7_list .cont7_box1 .right .p1{
	font-size: 0.933rem;
	color: #666;
	width: 14rem;
	height: 1.2rem;
	line-height: 1.2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 0.8rem;
}
.cont7_list .cont7_box1 .right .p2{
	color: #999;
	font-size: 0.8rem;
	margin-top: 0.6rem;
	line-height: 1rem;
	width: 14rem;
	height: 2rem;
	overflow: hidden;
}

.cont7_list .cont7_box1 .right .p3{
	font-size: 0.8rem;
	color: #999;
	width: 14rem;
	height: 1.2rem;
	line-height: 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 0.4rem;
	text-align: right;
}

.cont7_box2{
	width: 23.667rem;
	height: 2.667rem;
	overflow: hidden;
	line-height: 2.667rem;
	border-bottom: 0.033rem dashed #e5e5e5;
}
.cont7_box2 .p1{
	float: left;
	width: 16rem;
	height: 2.667rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.933rem;
	color: #333;
}
.cont7_box2 .p2{
	text-align: right;
	float: right;
	width: 7rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.8rem;
	color: #999;
}

.footer{
	width: 25rem;
	height: 27.6rem;
	overflow: hidden;
	background-image: url(footer-bg.jpg);
	background-position: center top;
}
.footer_box1{
	width: 25rem;
	height: 12.2rem;
	border-bottom: 0.033rem solid rgba(255,255,255,0.1);
}
.footer_box1_list{
	width: 25rem;
	height: 8.933rem;
	overflow: hidden;
}
.footer_box1_list li{
	float: left;
	width: 8.333rem;
	height: 8.933rem;
	text-align: center;
}
.footer_box1_list li .icon{
	width: 3rem;
	height: 3rem;
	margin: 1.667rem auto 0;
	border: 0.033rem solid #fff;
	border-radius: 50%;
}
.footer_box1_list li:nth-child(1) .icon{
	background-image: url(footer-icon01.png);
}
.footer_box1_list li:nth-child(2) .icon{
	background-image: url(footer-icon02.png);
}
.footer_box1_list li:nth-child(3) .icon{
	background-image: url(footer-icon03.png);
}
.footer_box1_list li .p1{
	color: #fff;
	margin-top: 0.6rem;
}
.footer_box1_list li .p1 span:first-child{
	font-size: 1.333rem;
	font-weight: bold;
}
.footer_box1_list li .p1 span:last-child{
	font-size: 1.067rem;
	font-weight:500;
}

.footer_box1_list li .p2{
	color: #fff;
	margin-top: 0.5rem;
	font-size: 1rem;
}
.footer_box1 .p3{
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
	line-height: 3.267rem;
	opacity: 0.6;
}
.footer_box2{
	width: 25rem;
	height: 4.833rem;
	border-bottom: 0.033rem solid rgba(255,255,255,0.1);
}

.footer_box2 .p1{
	text-align: center;
	height: 1rem;
	margin-top: 1.433rem;
	color: #fff;
	font-size: 0.8rem;
	line-height: 1rem;
}
.footer_box2 .p1 span{
	display: inline-block;
	padding: 0 1rem;
	border-right: 0.033rem solid rgba(255,255,255,0.5);
}
.footer_box2 .p1 span:last-child{
	border-right: none;
}
.footer_box2 .p2{
	width: 25rem;
	height: 3.5rem;
	line-height: 3.5rem;
	color: #fff;
	opacity: 0.6;
	text-align: center;
	font-size: 0.8rem;
}
.footer_box2 .p2 span{
	text-decoration: underline;
}
.footer_box3{
	font-size: 0.733rem;
	color: #fff;
	line-height: 1.2rem;
	text-align: center;
	margin-top: 1rem;
	opacity: 0.6;
}








/*发布需求*/

.fbxq{
	width: 25rem;
	position: fixed;
	z-index: 980;
	height: 100%;
	background-color: rgba(13,18,48,0.9);
	display: none;
	top: 0;
}

.fbxq_box{
	position: absolute;
	z-index: 990;
	width: 22rem;
	height: 18.833rem;
	border-radius: 0.333rem;
	background-color: #fff;
	box-shadow: 0rem 0.333rem 1rem 0rem rgba(253, 100, 86, 0.2);
	top: 44%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.fbxq_box .title{
	width: 22rem;
	height: 6.666rem;
	background-image: url(fbxq-title.png);
	margin-top: -2.333rem;
}
.fbxq_box .input_box{
	width: 22rem;
	height: auto;
	margin: 0 auto;
}
.fbxq_box .input_box .input{
	width: 18rem;
	height: 2rem;
	border-radius: 1rem;
	border: 0.067rem solid #e5e5e5;
	margin: 1rem auto 0;
}
.fbxq_box .input_box .input:first-child{
	margin-top: 0.2rem;
}
.fbxq_box .input_box .input input ,.fbxq_box .input_box .input select{
	display: block;
	width: 15.4rem;
	height: 2rem;
	margin: 0 1.3rem;
	outline: none;
	border: none;
	font-size: 0.8rem;
	background-color: transparent;
}
.fbxq_box .btn{
	width: 18.12rem;
	height: 2.12rem;
	border-radius: 1.06rem;
	background-image: linear-gradient(0deg, 
		#fd6252 0%, 
		#ff7272 100%);
	color: #fff;
	font-size: 0.8rem;
	line-height: 2.12rem;
	text-align: center;
	margin: 1rem auto 0;
}
.fbxq_p{
	width: 22rem;
	height: 2.16rem;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(0deg, 
		#fd6252 0%, 
		#ff7272 100%);
	border-radius: 0rem 0rem 0.333rem 0.333rem;
	color: #fff;
	line-height: 2.16rem;
}
.fbxq_p span{
	display: block;
	padding-left: 1.4rem;
	width: 9rem;
	height: 2.16rem;
	margin: 0 auto;
	font-size: 0.733rem;
	background-image: url(fbxq-icon01.png);
	background-position: left center;
	background-size: 1.066rem 1.066rem;
}
.close_btn{
	position: absolute;
	width: 1.8rem;
	height: 10rem;
	z-index: 988;
	top: 40%;
	left: 50%;
	transition: .3s;
	transform: translate(-50%,-50%);
}
.close_btn.on{
	-webkit-animation:move1 2s 1 ease 0.3s;
	animation:move1 2s 1 ease 0.3s;
	animation-fill-mode: forwards;
}

@keyframes move1 {
  0%, 100% {
	  top: 40%;
  }
  50% {
	  top: 70%;
  }
  75% {
	  top: 69%;
  }
	100%{
		top: 69%;
	}
}

.close_btn .line{
	width: 0.067rem;
	height: 8rem;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.close_btn .close_icon{
	width: 1.67rem;
	height: 1.67rem;
	position: absolute;
	top: 8rem;
	left: 50%;
	transform: translate(-50%,0);
	border-radius: 50%;
	background-image: url(close-btn.png);
}
/*
.close_btn .close_icon div:first-child{
	position: absolute;
	width: 0.9rem;
	height: 0.2rem;
	border-radius: 0.1rem;
	transform: rotate(45deg);
	background-color: #fff;
	top: 45%;
	left: 15%;
}
.close_btn .close_icon div:last-child{
	position: absolute;
	width: 0.9rem;
	height: 0.2rem;
	border-radius: 0.1rem;
	transform: rotate(-45deg);
	background-color: #fff;
	top: 45%;
	left: 15%;
}
*/




/*微信弹框*/
.wx_icon{
	width: 3.667rem;
	height: 2.667rem;
	background-image: linear-gradient(0deg, 
		#fd6252 0%, 
		#ff7272 100%);
	border-radius: 1.333rem 0rem 0rem 1.333rem;
	position: fixed;
	z-index: 900;
	right: 0;
	bottom: 10rem;
	transition: .3s;
}
.wx_icon .icon{
	width: 2.667rem;
	height: 2.667rem;
	background-image: url(wx-icon01.png);
	margin-left: 0.4rem;
}
.wx_icon.on{
	right: -3.667rem;
}
.wx_main{
	width: 25rem;
	position: fixed;
	z-index: 920;
	height: 100%;
	background-color: rgba(13,18,48,0.9);
	display: none;
	top: 0;
}

.wx_box{
	position: absolute;
	z-index: 930;
	width: 18rem;
	height: 21rem;
	border-radius: 0.333rem;
	background-color: #fff;
	box-shadow: 0rem 0.333rem 1rem 0rem rgba(253, 100, 86, 0.2);
	top: 44%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.wx_box .title{
	font-size: 1.2rem;
	color: #333;
	font-weight: bold;
	line-height: 2rem;
	margin-top: 1rem;
}
.wx_box .img{
	width: 10rem;
	height: 10rem;
	overflow: hidden;
	margin: 0.4rem auto 0;
}
.wx_box .img img{
	display: block;
	width: 10rem;
	height: 10rem;
	object-fit: cover;
}
.wx_box .p1{
	color: #999;
	font-size: 0.733rem;
}

.wx_box .p2{
	color: #666;
	font-size: 0.8rem;
	width: 8rem;
	height: 1.4rem;
	border-radius: 0.333rem;
	background-color: #f5f5f5;
	line-height: 1.4rem;
	display: block;
	margin: 1rem auto 0;
}
.wx_box .btn{
	width: 10rem;
	height: 2rem;
	background-image: linear-gradient(0deg, 
		#fd6252 0%, 
		#ff7272 100%);
	border-radius: 1rem;
	margin: 1rem auto 0;
	color: #fff;
	line-height: 2rem;
}

.close_btn2{
	position: absolute;
	width: 1.8rem;
	height: 10rem;
	z-index: 928;
	top: 40%;
	left: 50%;
	transition: .3s;
	transform: translate(-50%,-50%);
}
.close_btn2.on{
	-webkit-animation:move1 2s 1 ease 0.3s;
	animation:move1 2s 1 ease 0.3s;
	animation-fill-mode: forwards;
}

@keyframes move1 {
  0%, 100% {
	  top: 40%;
  }
  50% {
	  top: 70%;
  }
  75% {
	  top: 69%;
  }
	100%{
		top: 69%;
	}
}

.close_btn2 .line{
	width: 0.067rem;
	height: 8rem;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.close_btn2 .close_icon{
	width: 1.67rem;
	height: 1.67rem;
	position: absolute;
	top: 8rem;
	left: 50%;
	transform: translate(-50%,0);
	border-radius: 50%;
	background-image: url(close-btn.png);
}
.wx_alert{
	z-index: 950;
	position: absolute;
	width: 8rem;
	height: 3rem;
	background-color: #fff;
	left: 50%;
	top: 10%;
	transform: translate(-50%,-50%);
	border-radius: 0.333rem;
	box-shadow: 0rem 0.333rem 1rem 0rem rgba(253, 100, 86, 0.2);
	display: none;
	color: #333;
	font-size: 1rem;
	line-height: 3rem;
	text-align: center;
	opacity: 0.7;
}