@media screen and (min-width: 023px) and (max-width: 414px){
	.wl_main{background: #f7f7f7;margin-top: .9rem;padding: 0 .3rem;box-sizing: border-box;}
	.wl_center{width: 100%;margin: 0 auto;}
	.wl_title{line-height: .4rem;font-size: .3rem;font-weight: 300;color: #666666;padding-top: .1rem;}
	.wl_main{background: #f7f7f7;box-sizing: border-box;border-top: 1px solid #f7f7f7;padding: 0 .3rem;}
	.wl_main .wl_center{margin: 0 auto;}
	.wl_main .wl_center .wl_btn{display: flex;align-items: center;justify-content: center;cursor: pointer;width: 25%;height: .6rem;background: #F09D9F;border-radius: .3rem;font-size: .28rem;font-weight: 300;color: #FFFFFF;line-height: .6rem;text-align: center;margin: .1rem auto 0;}
	.wl_main .wl_center .wl_btn img{width: 6px;height: 10px;margin: 0 0 0 4px;}
	.wl_main .wl_center .list{overflow: hidden;}
	.wl_main .wl_center .list .item{display: flex;align-items: center;width: 100%;height: 2rem;background: #ffffff;margin: .2rem auto;}
	.wl_main .wl_center .list .item .left{width: 45%;height: 100%;position: relative;}
	.wl_main .wl_center .list .item .left img{width: 100%;height: 100%;display: block;position: relative;}
	.wl_main .wl_center .list .item .left div{width: 1.5rem;height: .4rem;background: #333333;position: absolute;bottom: .16rem;right: .16rem;text-align: center;background: rgb(51, 51, 51, .5);border-radius: .2rem;font-size: .24rem;font-weight: 400;color: #FFFFFF;line-height: .4rem;}
	.wl_main .wl_center .list .item .right{flex: 1;height: 100%;margin: 0 .2rem;position: relative;}
	.wl_main .wl_center .list .item .right .one{font-size: .28rem;font-weight: 400;color: #333333;line-height: .34rem;margin-top: .14rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;}
	.wl_main .wl_center .list .item .right .two{font-size: .24rem;font-weight: 300;color: #999999;line-height: .28rem;margin-top: .1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;}
	.wl_main .wl_center .list .item .right .three{font-size: .24rem;font-weight: 300;color: #666666;line-height: .26rem;margin-top: .1rem;}
	.wl_main .wl_center .list .item .right .three span{color: #F09D9F;margin: 0 .06rem;}
	.wl_main .wl_center .list .item .right .four{cursor: pointer;width: 1.5rem;height: .5rem;border: 1px solid #F09D9F;border-radius: .4rem;font-size: .26rem;font-weight: 400;color: #F09D9F;line-height: .48rem;text-align: center;position: absolute;bottom: .12rem;}
	.wl_main .wl_center .list2 .item{width: 49%;height: 3.45rem;float: left;display: block;margin: 10px 0 0 2%;cursor: pointer;border-radius: 5px 5px 0px 0px;}
	.wl_main .wl_center .list2 .item .left{width: 100%;height: 2rem;border-radius: 5px 5px 0px 0px;overflow: hidden;}
	.wl_main .wl_center .list2 .item .left div{width: .8rem;}
	.wl_main .wl_center .list2 .item .right .one{line-height: .36rem;margin: 8px 0 4px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}
	.wl_main .wl_center .list2 .item:nth-child(2n+1){margin-left: 0;}
}
@media screen and (min-width: 415px) and (max-width: 4096px){
  body{background: #f7f7f7;}
	.wl_main{background: #f7f7f7;padding-bottom: 20px;margin-top: 150px;}
	.wl_center{width: 1200px;margin: 0 auto;}
	.wl_title{height: 56px;line-height: 56px;font-size: 14px;font-weight: 300;color: #666666;}
	.wl_main{background: #f7f7f7;box-sizing: border-box;border-top: 1px solid #f7f7f7;}
	.wl_main .wl_center .wl_btn{display: flex;align-items: center;justify-content: center;cursor: pointer;width: 200px;height: 48px;background: #F09D9F;border-radius: 10px;font-size: 18px;font-weight: 300;color: #FFFFFF;line-height: 48px;text-align: center;margin: 30px auto 0;}
	.wl_main .wl_center .wl_btn img{width: 6px;height: 12px;margin: 3px 0 0 4px;}
	.wl_main .wl_center .list{overflow: hidden;}
	.wl_main .wl_center .list .item{display: flex;align-items: center;width: 590px;height: 210px;background: #ffffff;float: left;margin: 20px 0 0 20px;-webkit-transition: all .2s ease 0;-moz-transition: all .2s ease 0s;-o-transition: all .2s ease 0;-ms-transition: all .2s ease 0;transition: all .2s ease 0s }
	.wl_main .wl_center .list .item:nth-child(2n+1){margin-left: 0;}
	.wl_main .wl_center .list .item:hover{border: 1px solid #F09D9F;-webkit-transform: translate(0, -5px);-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);-ms-transform: translate(0, -5px);transform: translate(0, -5px);-webkit-box-shadow: 1px 2px 16px -4px #F09D9F;box-shadow: 1px 2px 16px -4px #F09D9F;}
	.wl_main .wl_center .list .item .left{width: 280px;height: 100%;position: relative;}
	.wl_main .wl_center .list .item .left img{width: 100%;height: 100%;display: block;position: relative;}
	.wl_main .wl_center .list .item .left div{width: 90px;height: 24px;background: #333333;position: absolute;bottom: 10px;right: 10px;text-align: center;background: rgb(51, 51, 51, .5);border-radius: 12px;font-size: 12px;font-weight: 400;color: #FFFFFF;line-height: 24px;}
	.wl_main .wl_center .list .item .right{flex: 1;height: 100%;margin: 0 18px;position: relative;}
	.wl_main .wl_center .list .item .right .one{font-size: 20px;font-weight: 400;color: #333333;line-height: 24px;margin-top: 13px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}
	.wl_main .wl_center .list .item .right .two{font-size: 14px;font-weight: 300;color: #999999;line-height: 20px;margin-top: 8px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}
	.wl_main .wl_center .list .item .right .three{font-size: 14px;font-weight: 300;color: #666666;line-height: 20px;margin-top: 2px;}
	.wl_main .wl_center .list .item .right .three span{color: #F09D9F;margin: 0 6px;}
	.wl_main .wl_center .list .item .right .four{cursor: pointer;width: 114px;height: 35px;border: 1px solid #F09D9F;border-radius: 18px;font-size: 16px;font-weight: 400;color: #F09D9F;line-height: 35px;text-align: center;position: absolute;bottom: 12px;}
	.wl_main .wl_center .list2 .item{width: 289px;height: 325px;float: left;display: block;margin: 10px 0 0 14px;cursor: pointer;}
	.wl_main .wl_center .list2 .item .left{width: 100%;height: 220px;border-radius: 5px 5px 0px 0px;overflow: hidden;}
	.wl_main .wl_center .list2 .item .left div{width: 50px;}
	.wl_main .wl_center .list2 .item .right .one{line-height: 30px;margin: 8px 0 4px;}
	.wl_main .wl_center .list2 .item:nth-child(2n+1){margin-left: 14px;}
	.wl_main .wl_center .list2 .item:nth-child(4n+1){margin-left: 0 !important;}
}