/* UI/UE */
.wrapUi .a_btn{
	background: -moz-linear-gradient(to right , #ff001e, #ff7f4c);
	background: linear-gradient(to right, #ff001e,#ff7f4c);
	box-shadow: 0 .16rem .34rem rgba(146,0,0,.6);
}
.wrapUi .boxjytd_hd span{box-shadow: 0 .42rem 0 #ffe4ea;}
.wrapUi .js_box11 .boxjytd_hd{color: #fff;}
.wrapUi .js_box7 .boxjytd_hd span,.wrapUi .js_box11 .boxjytd_hd span{box-shadow: 0 .42rem 0 #ff4a73;}
.wrapUi .ban .btn_video{
	width: 3.5rem;
	background: none;
	border: .02rem #ffe6ec solid;
	box-shadow: none;
	margin: .7rem 0 0 -1.75rem;
}
.wrapUi .ban .btn_video i{top: .1rem;background-position: -.44rem -.32rem;}
.wrapUi .tab_box .tab_top>div.tab_on {border-color: #ff1f5e;}
.wrapUi .xyqy li i {background: url("/2020phone/images/classify/img_icons.png") no-repeat right -1.25rem;background-size: 1rem;}
.wrapUi .xyqy p {
	background: -moz-linear-gradient(to bottom , #ff8326, #ff1f5e);
	background: linear-gradient(to bottom, #ff8326,#ff1f5e);
}
.wrapUi .tab_box .tab_top>div i {background-position: -.71rem -1.54rem;}
.wrapUi .js_box1_ui{padding-bottom: .65rem;}
.wrapUi .js_box1_ui .boxjytd_hd{padding-bottom: .2rem;}
.wrapUi .js_box1_ui .swiper-container{
	padding: .3rem 0 .3rem .3rem;
}
.wrapUi .js_box1_ui .swiper-slide{
	height: 5.63rem;
	border-radius: .26rem;
	box-sizing: border-box;
	box-shadow: 0 .02rem .35rem rgba(237,221,223.63);
	padding: .3rem 0 0;
}
.wrapUi .js_box1_ui .swiper-slide .pic{
	width: 4.48rem;
	margin: 0 auto .3rem;
}
.wrapUi .js_box1_ui .swiper-slide h3{
	font-size: .26rem;
	color: #131313;
	font-weight: bold;
	text-align: center;
	line-height: .46rem;
}
.wrapUi .js_box1_ui .swiper-slide h3 span{color: #ff0042;}
.wrapUi .js_box1_ui .swiper-slide p{
	font-size: .24rem;
	color: #707070;
	text-align: center;
	line-height: .36rem;
}

.wrapUi .js_box2{
	position: relative;
	background-color: #f7f7f7;
	padding-bottom: .7rem;
}

.wrapUi .js_box3_ui ol{
	text-align: center;
	font-size: 0;
	margin-bottom: .4rem;
}
.wrapUi .js_box3_ui ol li{
	display: inline-block;
	width: 1.64rem;
	height: .7rem;
	font-size: .28rem;
	color: #fff;
	line-height: .7rem;
	border-radius: .08rem;
	background-color: #fe2a55;
	margin: 0 .06rem;
}
.wrapUi .js_box3_ui ol li.cur{
	position: relative;
	color: #343434;
	box-shadow: 0 .16rem .38rem rgba(254,59,83,.26);
	background-color: #fff;
}
.wrapUi .js_box3_ui ol li.cur:after{
	position: absolute;
	left: 50%;
	top: .7rem;
	border-style: solid;
	border-width: .13rem .12rem 0 .12rem;
	border-color: #fff transparent transparent transparent;
	margin-left: -.12rem;
	content: "";
}
.wrapUi .js_box3_ui .btm li{width: 1000px;height: 3.26rem;overflow: hidden;}
.wrapUi .js_box3_ui .btm .con{
	float: left;
	height: 3.26rem;
}
.wrapUi .js_box3_ui .btm img{width: auto;height: 100%;}

.wrapUi .js_box4_ui{
	padding: .2rem 0 .68rem;
}
.wrapUi .js_box4_ui .jsbox4_img1{
	position: absolute;
	left: .16rem;
	top: 2.3rem;
	width: .44rem;
	height: 100%;
	overflow: hidden;
}
.wrapUi .js_box4_ui .jsbox4_img1 img{margin-top: -.3rem;}
.wrapUi .js_box4_ui .main{
	width: 7rem;
	border-radius: .2rem;
	box-shadow: 0 .16rem .16rem rgba(254,63,82,.11);
	background: -moz-linear-gradient(to bottom , #fe0b5b, #fe4f4f);
	background: linear-gradient(to bottom, #fe0b5b,#fe4f4f);
	box-sizing: border-box;
	padding: .62rem 0 0 .78rem;
	margin: 0 auto;
}
.wrapUi .js_box4_ui .main .con img{width: 5.65rem;border-radius: .1rem;}
.wrapUi .js_box4_ui .main p{
	position: relative;
	font-size: .34rem;
	color: #fff;
	font-weight: bold;
	padding: .16rem 0 .1rem;
}
.wrapUi .js_box4_ui .main p:before{
	position: absolute;
	left: -.5rem;
	top: .25rem;
	width: .13rem;
	height: .13rem;
	border: .03rem #ff4056 solid;
	border-radius: 50%;
	box-shadow: 0 .08rem .1rem rgba(202,0,58,.75);
	background-color: #fff;
	content: "";
}
.wrapUi .js_box4_ui .main span{
	display: block;
	width: 96%;
	font-size: .24rem;
	color: #fff;
	padding-bottom: .46rem;
}
.wrapUi .js_box4_ui .a_btn{color: #ff3c1e;background: #fff;}

.wrapUi .js_box5_ui{background: #f7f7f7;}
.wrapUi .js_box5_ui ol{
	text-align: center;
	font-size: 0;
	margin-bottom: .5rem;
}
.wrapUi .js_box5_ui ol li{
	display: inline-block;
	width: 1.94rem;
	height: .7rem;
	font-size: .28rem;
	color: #fff;
	line-height: .7rem;
	border-radius: .08rem;
	background: -moz-linear-gradient(to right , #fe0b5b, #fe4f4f);
	background: linear-gradient(to right, #fe0b5b,#fe4f4f);
	margin: 0 .06rem;
}
.wrapUi .js_box5_ui ol li.cur{
	position: relative;
	font-size: .32rem;
	font-weight: bold;
	box-shadow: 0 .16rem .16rem rgba(254,59,83,.41);
}
.wrapUi .js_box5_ui ol li.cur:after{
	position: absolute;
	left: 50%;
	top: .78rem;
	border-style: solid;
	border-width: .16rem .13rem 0 .13rem;
	border-color: #fe2d55 transparent transparent transparent;
	filter: drop-shadow(0 .16rem .16rem rgba(254,59,83,.41));
	margin-left: -.13rem;
	content: "";
}
.wrapUi .js_box5_ui .btm{
	width: 6.9rem;
	margin: 0 auto;
	padding-bottom: .7rem;
}
.wrapUi .js_box5_ui .swiper-container{height: 0;overflow: hidden;}
.wrapUi .js_box5_ui .swiper-container.cur{height: auto;}
.wrapUi .js_box5_ui .swiper-slide{padding-bottom: .45rem;}
.wrapUi .js_box5_ui .swiper-pagination .swiper-pagination-bullet{
	width: .2rem;
	height: .2rem;
	background-color: #ff4056;
}
.wrapUi .js_box5_ui .btm .con{
	height: 4.42rem;
	box-shadow: 0 .08rem .1rem rgba(243,215,223,.49);
	border-radius: .17rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: .36rem;
}
.wrapUi .js_box5_ui .btm .con .pic{
	height: 2.38rem;
	overflow: hidden;
} 
.wrapUi .js_box5_ui .btm .con p{
	height: 1.68rem;
	font-size: .24rem;
	color: #858585;
	line-height: .32rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	padding: .24rem .18rem 0;
}
.wrapUi .js_box5_ui .btm .con p span{
	display: block;
	font-size: .35rem;
	color: #1b1b1b;
	font-weight: bold;
	margin-bottom: .16rem;
}

.wrapUi .js_box8_ui{padding-bottom: 1.2rem;}
.wrapUi .js_box8_ui ul{width: 6.86rem;margin-left: .3rem;}
.wrapUi .js_box8_ui ul li{position: relative;background: #fff;margin-bottom: .15rem;overflow: hidden;padding: .32rem 0 .3rem;border-radius: .13rem;box-shadow: 0 .08rem .32rem rgba(219,219,219,.47);}
.wrapUi .js_box8_ui ul li img{position: absolute;left: 0;top: .26rem;width: 1.59rem;}
.wrapUi .js_box8_ui ul li p{width: 5.25rem;float: right;font-size: .24rem;color: #8f8f8f;line-height: .38rem;}
.wrapUi .js_box8_ui ul li p span{display: block;font-size: .32rem;color: #272727;padding-bottom: .1rem;}

.wrapUi .js_box10{background: #f7f7f7;padding-bottom: .3rem;}
.wrapUi .js_box10 .con{background: #fff;border-width: 0;}
.wrapUi .js_box10 .con p span{background: #ff5454;}

.wrapUi .js_box9_ui{padding-bottom: .9rem;}
.wrapUi .js_box9_ui .boxjytd_hd{padding-bottom: .4rem;}
.wrapUi .js_box9_ui .swiper-container{
	width: 7.5rem;
	padding: .35rem 0 .64rem .35rem;
}
.wrapUi .js_box9_ui .main .swiper-slide{
	height: 4.2rem;
	border-radius: .12rem;
	box-shadow: 0 .02rem .35rem rgba(221,179,182.96);
	background-color: #fff;
}
.wrapUi .js_box9_ui .main .swiper-slide i{
	float: left;
	width: 1.2rem;
	height: 1.68rem;
	background: url("/2020phone/images/uiimg/botpic.png") no-repeat 0 0;
	background-size: 4.86rem;
	margin: .3rem 0 0 .14rem;
}
.wrapUi .js_box9_ui .main .swiper-slide:nth-child(2) i{background-position-x: -1.22rem;}
.wrapUi .js_box9_ui .main .swiper-slide:nth-child(3) i{background-position-x: -2.44rem;}
.wrapUi .js_box9_ui .main .swiper-slide:nth-child(4) i{background-position-x: -3.66rem;}
.wrapUi .js_box9_ui .main .swiper-slide p{
	float: left;
	width: 4.58rem;
	font-size: .24rem;
	color: #979797;
	line-height: .36rem;
	overflow: hidden;
	padding-top: .56rem;
	margin-left: -.1rem;
}
.wrapUi .js_box9_ui .main .swiper-slide p span{
	display: block;
	font-size: .32rem;
	color: #000;
	font-weight: bold;
	margin-bottom: .1rem;
}
.wrapUi .js_box9_ui .bots{
	position: absolute;
	left: 0;
	bottom: .1rem;
	width: 100%;
	height: .16rem;
	font-size: 0;
	text-align: center;
}
.wrapUi .js_box9_ui .swiper-pagination{
	position: relative;
	display: inline-block;
	width: auto;
	height: .16rem;
	border-radius: .09rem;
	background-color: #eee;
	overflow: hidden;
}
.wrapUi .js_box9_ui .swiper-pagination span{
	width: .48rem;
	background: none;
	z-index: 3;
	margin: 0;
}
.wrapUi .js_box9_ui .swiper-pagination .swiper-pagination-bullet-active{
	position: relative;
	width: .98rem;
	z-index: 2;
}
.wrapUi .js_box9_ui .swiper-pagination .swiper-pagination-bullet-active:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 4.5rem;
	height: .16rem;
	border-radius: .09rem;
	background-color: #ff4056;
	content: ""
}

.wrapUi .js_box11{
	background: -moz-linear-gradient(to bottom , #ff205e, #ff3c1d);
	background: linear-gradient(to bottom, #ff205e,#ff3c1d);
}
.wrapUi .js_box11 .a_btn{color: #ff3b1f;background:#fff;box-shadow: none;}
.wrapUi .js_box11 ul li p{background: #ff4d4d;}
.wrapUi .js_box11 ul li.even p{background: #e5f1ff;}
.wrapUi .js_box11 ul li .fr_i{border-right-color: #ff4d4d;}
.wrapUi .js_box11 ul li.even .fr_i{border-left-color: #e5f1ff;}
.wrapUi .js_box11 ul li .fl_i{background-image: url("/2020phone/images/uiimg/jsbox11_img1.png");}
.wrapUi .boxjytd .boxjytd_top span.cur{
	background: #ff1f5e;
	border-color: #ff1f5e;
	box-shadow: 0 .07rem .32rem rgba(224,127,146,.6);
}
.wrapUi .jytd4 .jytd4_con {background-image: url(/2020phone/images/uiimg/jytd4bg1.png);}
.wrapUi .jytd4 .jytd4_con ul li {color: #fff;}
.wrapUi .boxkcdg .box2 ul li .main .lists .xian,
.wrapUi .boxkcdg .box2 ul li.cur .xmboxall_main .lists h5 span {background: #ff1f5e;}
.wrapUi .boxkcdg .box2 ul li {background: #f2f2f2;}
.wrapUi .boxkcdg .box2 ul li .title {border-color: #e0e0e0;}
.wrapUi .boxkcdg .box2 ul li:nth-child(even) {background: #de285b;}
.wrapUi .boxkcdg .box2 ul li:nth-child(even) .title {border-color: #e65e84;}
.wrapUi .boxkcdg .box2 ul li:nth-child(even).cur .main .mh4 {background: #ff6993;}
.wrapUi .boxkcdg .box2 ul li.cur .main .lists .list div{border-color: #e8e8e8;}
.wrapUi .boxkcdg .kcdggxrz ul {border-color: #f8d4de;}
.wrapUi .boxkcdg .kcdggxrz ul li:before {
	background: #ff1f5e;
	box-shadow: 0 0 0 .02rem #ff1f5e;
}
.wrapUi .boxkcdg .kcdgbtn {
	background: #f55;
	box-shadow: none;
}
.wrapUi .boxkcdg .kcdgxf {
	bottom: 1.45rem;
	background: #df164e;
}
.wrapUi .jytd3 .jytd3_con .swiper-pagination .swiper-pagination-bullet-active {background: #ff1f5e;}
.wrapUi .boxkcdg .box2 ul li .beforespan i{color: #7d7d7d;}
.wrapUi .boxkcdg .box2 ul li:nth-child(even) .beforespan i {
	color: #fff;
}

.mask_video{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.mask_video .mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.mask_video .mask_con{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 86%;
	transform: translate(-50%,-50%);
}
.mask_video .mask_con .close{
	position: absolute;
	width: .48rem;
	left: 50%;
	bottom: -.56rem;
	margin-left: -.24rem;
}