body,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

table {
	border: none;
	border-collapse: collapse
}

a {
	outline: 0;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}


em,
i {
	font-style: normal
}

img {
	vertical-align: middle;
	width: 100%;
	border: none
}

button {
	display: block;
	border: none
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

body,
html {
	font-size: .24rem;
	padding: 0;
	width: 100%;
	font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", STHeiti, "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", sans-serif;
	-webkit-font-smoothing: antialiased;
	max-width: 750px;
	margin: 0 auto;
	background: #fff;
}

input {
	border: none
}

.hide {
	display: none;
}

/* 正文 */
/* 底部导航 */
.footerNav {
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -3.2rem;
	width: 6.4rem;
	height: .7rem;
	border-top: .01rem solid #dadada;
	padding-top: .05rem;
	background: #fff;
	z-index: 99;
}

.footTab {
	width: .96rem;
	position: absolute;
	transform: scale(0.8);
}

.foot1 {
	display: none;
}

.f1 {
	left: .5rem;
}

.f2 {
	/*left: 1.2rem;*/
}

.f3 {
	left: 3.6rem;
}

.f4 {
	left: 5.25rem;
	margin-top: -.05rem;
}

.container {
	margin: 0 auto;
	width: 6.4rem;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

.container .firstPart {
	width: 6.4rem;
	height: 6.5rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/bg.png);
	background-size: 100% 100%;
	position: relative
}

.container .firstPart_video {
	display: inline-block;
	width: 5.25rem;
	margin: 3.3rem auto .1rem auto;
}

/* 5G应用 */
.container .twoPart,
.threePart,
.fourPart {
	display: inline-block;
	width: 6.4rem;
	background: #FFFFFF;
	margin: 0 auto .5rem auto;
	position: relative
}

.twoPart .beaut {
	width: 5.51rem;
	margin: 0 auto;
}

.twoPart .app .apptil {
	width: 4.69rem;
}

.twoPart .appbox {
	width: 5.5rem;
	margin-top: .3rem;
}

.twoPart .appbox table {
	text-align: center;
}

.twoPart.app {
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/mapbg.png) no-repeat;
	background-size: 100% 100%;
}

/* 5G产品联盟 */
.threePart .producttil {
	width: 5.13rem;
}

.threePart .productbox {
	width: 5.5rem;
}

.threePart .productbox table img {
	width: 1rem;
}

.threePart .productbox table {
	width: 100%;
	text-align: center;
}

.threePart .productbox table tr a {
	border: .02rem solid #159bef;
	color: #159bef;
	border-radius: .5rem;
	padding: .1rem .2rem;
}

.threePart .producttxt {
	width: 5.5rem;
	text-align: left;
	font-size: .22rem;
	color: #828282;
	margin: .4rem auto;
}

/* 5G新闻动态 */
.fourPart .news .newstil {
	width: 5.13rem;
}

.fourPart .news .newsImg {
	width: 6rem;
	margin-top: .5rem;
}

.fourPart .news .newsbox {
	width: 6.1rem;
	margin-top: .18rem;
}

.fourPart .news .newsbox .more {
	color: #159bef;
}

.fourPart .news .newsbox .more img {
	width: .29rem;
	margin-left: .05rem;
	margin-top: -.05rem;
}

.fourPart .news .newsbox ul li {
	text-align: left;
	border-bottom: .01rem solid #dadada;
	padding: 0 .15rem 0.15rem .15rem;
	margin-top: .25rem;
}

.fourPart .news .newsbox ul li:last-of-type {
	border-bottom: none;
}

.fourPart .news .newsbox ul li p {
	width: 4rem;
	font-size: .26rem;
	color: #000000;
	font-weight: bold;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;

}

.fourPart .news .newsbox ul li span {
	font-size: .22rem;
	display: inline-block;
	margin-left: .6rem;
	position: relative;
	bottom: .1rem;
	color: #333333;
}

.fourPart .news .newsbox ul li div {
	width: 5.2rem;
	color: #333333;
	line-height: .4rem;
	font-size: .24rem;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 5G应用结束 */
/* 5G体验 */
.ex {
	width: 6.4rem;
	height: auto;
	/*background: url(//img03.js.10086.cn/nact/resource/2295/images/img/bg2.png) no-repeat;
	background-size: 100%;*/
	position: relative;
}

.a .swiper-container {
	width: 6rem;
	height: 2.41rem;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 2.7rem auto .36rem auto;
}

.a .swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 5G抢先体验	 */
.firstpage,
.twopage,
.threepage,
.fourpage,
.fivepage {
	width: 6.4rem;
	margin: 0 auto .7rem auto;
	position: relative
}

.firstpage .expertil {
	width: 5.63rem;
	margin-bottom: .3rem;
}

.firstpage .experbox {
	width: 5.6rem;
	height: 1.3rem;
}

.a1 {
	position: absolute;
}

.d1 {
	left: .45rem;
}

.d2 {
	left: 1.9rem;
}

.d3 {
	left: 3.45rem;
}

.d4 {
	left: 4.95rem;
}

.exp1 {
	display: none;
}

.c {
	width: .89rem;
	height: .12rem;
	display: block;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/arrow.png);
	background-size: 100% 100%;
	margin-top: .1rem;
}

.firstpage .experbox div {
	width: 1rem;
}

.expertab1 .experimg1 {
	width: 6.2rem;
	height: 3.33rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/ex1.png);
	background-size: 100% 100%;
	margin-top: .3rem;
}

.expertab1 .experimg1 p {
	width: 3.1rem;
	height: 1.4rem;
	text-align: left;
	color: #fff;
	display: block;
	position: relative;
	left: -.8rem;
	top: 1rem;
	font-size: .26rem;
}

.expertab1 .experbtn1 {
	width: 2.1rem;
	height: .6rem;
	background: #5ba1fe;
	border-radius: .5rem;
	line-height: .6rem;
	font-size: .31rem;
	color: #fff;
	box-shadow: 0 .1rem 0 #2763b4;
	font-weight: bold;
}

.expertab2 .experimg1 {
	width: 5.29rem;
	height: 3.3rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/phone.png);
	background-size: 100% 100%;
	margin-top: .3rem;
}

.expertab2 .experimg1 p {
	width: 5.29rem;
	height: .3rem;
	text-align: right;
	color: #4a4a4a;
	display: block;
	position: relative;
	top: 3rem;
	left: auto;
	font-size: .16rem;
	background-color: rgba(220, 242, 255, .6);
	border-radius: .2rem;
}

.expertab2 .experbtn1 {
	width: 2.1rem;
	height: .6rem;
	background: #5ba1fe;
	border-radius: .5rem;
	line-height: .6rem;
	font-size: .31rem;
	color: #fff;
	box-shadow: 0 .1rem 0 #2763b4;
	font-weight: bold;
	margin-top: .2rem;
}



.expertab3 .experimg1 {
	width: 3.95rem;

	margin: .3rem auto .2rem auto;
	text-align: center;
	position: relative;
}

.expertab3 .experimg1 a {
	display: inline-block;
	width: 1.41rem;
	height: 1.41rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/look5G.png);
	background-size: 100% 100%;
	position: absolute;
	top: 2rem;
	left: -.3rem;
	animation: change .8s linear alternate infinite;
	-webkit-animation: change .8s linear alternate infinite;
}

@keyframes change {
	from {
		transform: scale(1.1, 1.1);
		-webkit-transfrom: scale(1.1, 1.1)
	}

	to {
		transform: scale(.9, .9);
		-webkit-transfrom: scale(.9, .9)
	}
}

.expertab4 .experimg1 {
	width: 5.5rem;
	margin: .3rem auto .2rem auto;
	text-align: center;
	position: relative;
}

.expertab4 .experimg1 p {
	width: 5rem;
	text-indent: .35rem;
	text-align: left;
	font-size: .21rem;
	color: #515151;
	margin: auto;
}

.expertab4 .experbtn1 {
	width: 2.1rem;
	height: .6rem;
	background: #5ba1fe;
	border-radius: .5rem;
	line-height: .6rem;
	font-size: .31rem;
	color: #fff;
	box-shadow: 0 .1rem 0 #2763b4;
	font-weight: bold;
	margin-top: .2rem;
}

.expertab4 .experbtn {
	width: 2.32rem;
	height: .52rem;
	line-height: .52rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/btn3.png) no-repeat;
	background-size: 100% 100%;
	font-size: .21rem;
	color: #fff;
	margin-top: .3rem;
}

.secondPart_experience_map {
	display: inline-block;
	width: 5.03rem;
	height: 1.17rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/map2.png);
	background-size: 100% 100%;
	margin: 0 auto .5rem auto;
	position: relative;
}

.secondPart_experience_map .map {
	width: .51rem;
	position: absolute;
}


.secondPart_experience_map img {
	position: absolute
}

.secondPart_experience_map .map {
	width: .51rem;
}

.secondPart_experience_map .map1 {
	top: .3rem;
	left: .9rem
}

.secondPart_experience_map .map2 {
	top: .6rem;
	left: 2.25rem
}

.secondPart_experience_map .map3 {
	top: .55rem;
	left: 3.6rem
}

.secondPart_experience_map .selected {
	width: 1.4rem;
	display: none
}

.secondPart_experience_map .selected1 {
	top: -.05rem;
	left: .55rem
}

.secondPart_experience_map .selected2 {
	top: .25rem;
	left: 1.8rem
}

.secondPart_experience_map .selected3 {
	top: .2rem;
	left: 3.25rem
}

.experbtn2 {
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/btn1.png);
	background-size: 100% 100%;
	width: 1.62rem;
	height: .53rem;
	line-height: .4rem;
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
	position: relative;
	top: 1rem;
	animation: jump 1s infinite linear;
}

@keyframes jump {
	0% {
		transform: scale(.8)
	}

	50% {
		transform: scale(1)
	}

	100% {
		transform: scale(.8)
	}
}

.experimg2 {
	width: 6.03rem;
	height: 2.44rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/ex2.png);
	background-size: 100% 100%;
	margin-top: .3rem;
}

.experimg2 p {
	width: 3.7rem;
	height: .6rem;
	text-align: left;
	color: #fff;
	display: block;
	position: relative;
	left: .8rem;
	top: .7rem;
	font-weight: 600;
	font-size: .26rem;
}

/* 超高清视频 */
.twopage .videotil {
	width: 5.12rem;
	margin-bottom: .3rem;
}

.videobox ul {
	font-size: .23rem;
	display: flex;
	width: 6rem;
	justify-content: space-around;
	color: #6e6e6e;
	margin-bottom: .15rem;
}

.videobox ul li {
	background: transparent;
	width: 1.3rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: .5rem;
}

.videobox ul .videoliTab:hover {
	color: #0998e3;
	font-weight: bold;
	background: #d8eefb;
	opacity: .6;
}

.videoimg1 {
	width: 6.02rem;
}

.videoimg1 p {
	font-weight: 600;
	font-size: .24rem;
	margin-top: .1rem;
}

.videoimg2 {
	width: 6.02rem;
	display: flex;
	justify-content: space-between;
	margin-top: .2rem;
	flex-wrap: wrap;
}

.videoimg2 div {
	display: inline-block;
}

.videoimg2 img {
	width: 2.71rem;
}

.videoimg2 div p {
	font-weight: 600;
	font-size: .24rem;
	margin-top: .1rem;
}

.videof img {
	width: .17rem;
	margin-bottom: .05rem;
}

.videof {
	margin-top: .25rem;
}

.videof p {
	display: inline-block;
	color: #919496;
	font-size: .24rem;
}

/* 超高清游戏 */
.gametil {
	width: 5.5rem;
}

.gamep {
	margin: .25rem auto;
}

.gamep p {
	color: #919496;
	font-weight: bold;
	font-size: .25rem;
}

.gameul {
	width: 5.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.gameul button {
	width: 1.1rem;
	height: .5rem;
	border-radius: .5rem;
	line-height: .5rem;
	color: #fff;
	font-size: .2rem;
	font-weight: bold;
	background-color: #249de1;
	box-shadow: .05rem .05rem 0 rgba(150, 124, 122, .1);
}

.gameul ul {
	width: 3.5rem;
	text-align: left;
}

.gameul ul li:first-of-type {
	font-size: .27rem;
	font-weight: bold;
}

.gameul ul li:last-of-type {
	font-size: .2rem;
	font-weight: bold;
	color: #797979;
}

.gameul img {
	width: .82rem;
}

.gameimg1>img {
	width: 6.02rem;
}

.ulbox {
	margin-top: .3rem;
	padding: .2rem 0;
	border-top: .01rem solid #f0f0f0;
	width: 5.5rem;
	display: flex;
	justify-content: space-between;
}

.ulbox .gameul1 {
	width: 2.7rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ulbox .gameul1 ul li div {
	width: .7rem;
	height: .3rem;
	border-radius: .3rem;
	line-height: .3rem;
	color: #fff;
	font-size: .16rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	left: .9rem;
	background-color: #249de1;

}

.ulbox .gameul1 ul {
	width: 2rem;
	text-align: left;
}

.ulbox .gameul1 ul li:first-of-type {
	font-size: .2rem;
	font-weight: bold;
}

.ulbox .gameul1 ul li:nth-child(2) {
	font-size: .18rem;
	font-weight: bold;
	color: #797979;
}

.gameul1 img {
	width: .82rem;
}

.gameimg1>img {
	width: 6.02rem;
}

/* 视频彩铃 */
.CRBTtil {
	width: 5.86rem;
}

.CRBTp {
	margin: .25rem auto;
}

.CRBTp p {
	color: #919496;
	font-weight: bold;
	font-size: .25rem;
}

.CRBTbox .swiper-container1 {
	width: 5.7rem;
	height: 2.7rem;
	overflow: hidden;
}

.CRBTbox .swiper-slide img {
	width: 4.8rem;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	border-radius: .15rem;
	margin-bottom: .1rem;
	overflow: hidden;
	transition: 300ms;
	transform: scale(.6);
	-ms-transform: scale(.6);
	/* IE 9 */
	-moz-transform: scale(.6);
	/* Firefox */
	-webkit-transform: scale(.6);
	/* Safari 和 Chrome */
}
.CRBTbox .swiper-slide.swiper-slide-active img {
	transform: scale(1);
	-ms-transform: scale(1);
	/* IE 9 */
	-moz-transform: scale(1);
	/* Firefox */
	-webkit-transform: scale(1);
	/* Safari 和 Chrome */
}

.CRBTbox .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	
}

.CRBTbox .swiper-slide-active,
.CRBTbox .swiper-slide-duplicate-active {
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	z-index: 11;
	transform: translateX(0px);
}

.CRBTtil1 {
	color: #242424;
	font-size: .24rem;
	font-weight: bold;
	margin-top: .25rem;
}

/* 音乐 */
.musictil {
	width: 5.66rem;
}

.musicp {
	margin: .25rem auto;
}

.musicp p {
	color: #919496;
	font-weight: bold;
	font-size: .25rem;
}

.musicimg {
	width: 5.7rem;
	margin: 0 0 0 .3rem;
	display: flex;
	justify-content: space-between;
}

.musicimg ul li {
	width: 1.85rem;
	text-align: left;
}

.musicimg ul li img {
	width: 1.85rem;
}

.musicimg ul li:nth-of-type(2) {
	font-size: .24rem;
	font-weight: bold;
}

.musicimg ul li:nth-of-type(3) {
	font-size: .2rem;
	color: #797979;
}

.bookbox {
	margin-top: .3rem;
}

.bookimg {
	width: 5.7rem;
	margin: 0 0 0 .3rem;
	display: flex;
	justify-content: space-between;
}

.bookimg ul li {
	width: 1.85rem;
	text-align: left;
}

.bookimg ul li img {
	width: 1.85rem;
}

.bookimg ul li:nth-of-type(2) {
	font-size: .24rem;
	font-weight: bold;
}

.bookimg ul li:nth-of-type(3) {
	font-size: .2rem;
	color: #797979;
}

.Service {
	width: 2.28rem;
	margin: .35rem .25rem 1.4rem auto;
}



/* 5G互动 */

.firstHall {
	width: 6.4rem;
	height: .9rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/5Gbg.png) no-repeat;
	background-size: 100% 100%;
}

.twoHall,
.threeHall {
	margin-top: .35rem;
}

.selectBall {
	display: none;
	position: absolute;
	margin-top: .15rem;
}

.tabBall {
	position: absolute;
	margin-top: .15rem;
}

/* .hudong {
	width: 5.2rem;
} */

.hudongImg {
	width: 2.24rem;
	height: .6rem;
}

.whattil {
	width: 4.99rem;
}

.whatp {
	width: 5.5rem;
	text-align: left;
	font-size: .21rem;
	color: #515151;
	margin-top: .3rem;
}

.whatvideo1 {
	overflow: hidden;
	width: 5.25rem;
	margin: .3rem auto 0 auto;
}

/* 5G场景和特点 */
.scenetil {
	width: 5.54rem;
}

.scenebox {
	width: 6.4rem;
	height: 7.32rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/hallbg.png);
	background-size: 100% 100%;
	position: relative;
	display: inline-block;
}

.feature1 {
	width: 6rem;
	position: absolute;
	bottom: 1.3rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.scenebox .stil {
	width: 2.1rem;
	height: .55rem;
	line-height: .55rem;
	font-size: .34rem;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: .2rem;
	top: .45rem;
}

.scenebox>p {
	width: 5.4rem;
	text-align: left;
	color: #209ade;
	text-indent: .4rem;
	font-size: .24rem;
	margin-top: 1.2rem;
}

.stxt {
	width: 5rem;
	margin-top: .2rem;
	background: linear-gradient(to right, #5ea8f7, #31cef8);
	-webkit-background-clip: text;
	color: transparent;
}

.stxt h2 {
	font-size: .26rem;

}

.stxt p {
	font-size: .17rem;

}

.stxt img {
	width: .3rem;
}

/* 答题 */
.question {
	width: 6.4rem;
	margin: 0 auto .6rem auto;
	position: relative;
}

.questionTil {
	width: 2.84rem;
	margin-bottom: .3rem;
}

.box_fixed {
	position: absolute;
	right: 0;
	top: 0;
	font-size: .18rem;
	color: #fff;
}

.box_fixed1 {
	display: block;
	width: .97rem;
	height: .35rem;
	line-height: .35rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/icon4.png);
	background-size: 100% 100%;
}

.box_fixed2 {
	margin-top: .15rem;
	display: block;
	width: .97rem;
	height: .35rem;
	line-height: .35rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/icon4.png);
	background-size: 100% 100%;
}

.secondPart_title {
	width: 4.58rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/qbg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	display: inline-block;
}

.secondPart_title_tg {
	color: #224bac;
	font-size: .3rem;
	width: 4rem;
	border-bottom: .02rem solid #e0f2ff;
	margin-top: .3rem;

}

.secondPart_title_tm {
	width: 80%;
	text-align: left;
	margin: .2rem auto 0;
}

.select {
	display: inline-block;
	height: auto;
	color: #535d79;
	margin-bottom: .2rem;
}


.tips {
	width: 1.17rem;
	margin: auto auto .5rem 3rem;
}

input[type=radio]:checked+label::after {
	display: block
}

input[type=radio]+label {
	cursor: pointer;
	vertical-align: top;
	margin-top: .1rem;
	position: relative
}

input[type=radio]+label::before {
	border-radius: 50%;
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	width: .25rem;
	height: .25rem;
	content: '';
	box-sizing: border-box;
	background: #d3ebff
}

input[type=radio]+label::after {
	content: "";
	display: none;
	position: absolute;
	top: 30%;
	left: .075rem;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background: #ff4296
}

input[type=radio] {
	display: none
}

.questionBtn {
	width: 2.92rem;
	height: .68rem;
	line-height: .68rem;
	color: #FFFFFF;
	font-size: .26rem;
	margin-top: .25rem;
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/questionbtn.png) no-repeat;
	background-size: 100% 100%;
}

/* 5G知识问答 */
.qatil {
	width: 5.12rem;
	margin-bottom: .5rem;
}

.qaTxtbox {
	width: 5.84rem;
	border-top: .48rem solid #eaf2ff;
	border-left: .08rem solid #eaf2ff;
	border-right: .08rem solid #eaf2ff;
	border-bottom: .2rem solid #eaf2ff;
	text-align: left;
	display: inline-block;
	padding-bottom: .1rem;
}

.qaoften {
	position: relative;
	top: -.45rem;
	left: .25rem;
	font-size: .26rem;
	color: #959aad;
}

.qaeach {
	width: 5.4rem;
	border-bottom: .01rem dashed #c4cedd;
	padding-bottom: .2rem;
	position: relative;
	left: 50%;
	margin-left: -2.7rem;
	top: -.4rem;
	margin-top: .3rem;
}

.qaspan {
	display: inline-block;
	width: .23rem;
	position: absolute;
}

.qaeach h3 {
	display: inline-block;
	font-size: .24rem;
	margin-left: .3rem;
	color: #5362b6;
	font-weight: bold;
}

.qaeach p {
	width: 5.15rem;
	font-size: .2rem;
	margin-left: .3rem;
	color: #898ca0;
}


/*20191013*/
.index-bg {
	width: 6.4rem;
	height: auto;
	position: relative;
}
.index-slider .swiper-container {
	width: 6.4rem;
	height: 3.62rem;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto .1rem auto;
}
.index-slider .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	border-radius: .1rem;
	background: rgba(0,0,0,.4);
}
.index-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.index-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: .15rem;
  right: .5rem;
  width: 100%;
  text-align: right;
}
.list-icon {
	margin-bottom: .2rem;
	border-bottom: .2rem solid #ededed;
	padding-bottom: .2rem;
	overflow: hidden;
}
.list-icon ul {
	font-size: 0;
	text-align: left;
}
.list-icon li {
	margin-bottom: .15rem;
	width: 25%;
	display: inline-block;
	text-align: center;
}
.list-icon li img {
	width: .6rem;
	height: .6rem;
	display: block;
	margin: .15rem auto;
}
.list-icon li a {
	font-size: .22rem;
	color: #333;
}
.border-bottom {
	border-bottom: .2rem solid #ededed;
}
.firstpage .expertil {
	width: 4.86rem;
	margin-bottom: .3rem;
}
.open-city {
	color: #888;
	text-align: center;
	margin-bottom: .2rem;
}
.open-city em {
	color: #ff7a03;
}
.firstpage,
.twopage,
.threepage,
.fourpage,
.fivepage {
	width: 6.4rem;
	margin: 0 auto .3rem auto;
	position: relative
}
.phone-info {
	margin: 0 .15rem;
	height: 2.7rem;
	border: 1px solid #e5e5e5;
	border-radius: .2rem;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	position: relative;
	margin-bottom: .25rem;
}
.phone-img {
	width: 1.9rem;
	text-align: center; 
	float: left;
}
.phone-img img {
	width: 1.23rem;
	height: 2.16rem;
	margin-top: .25rem;
}
.phone-intro {
	width: 3.8rem;
	float: left;
	text-align: left;
	line-height: 1.8;
	margin-top: .3rem;
}
.phone-intro .line01 {
	color: #0e050a;
	font-weight: 700;
}
.phone-intro .line02 {
	color: #0e050a;
	font-size: .2rem;
	font-weight: 700;
}
.phone-intro .line03 {
	color: #999;
	font-size: .18rem;
}
.phone-intro .line04 {
 	background: #f2f2f2;
 	height: .35rem;
 	line-height: .35rem;
 	color: #333;
 	font-size: .2rem;
 	display: inline-block;
 	border-radius: .35rem;
 	padding: 0 .2rem;
 	margin: .1rem 0;
 }
.phone-intro .line05 {
	color: #999;
	font-size: .18rem;
}
.phone-intro .line05 em {
	color: #ff6600;
}
.phone-intro .line05 em i {
	font-size: .32rem;
	margin-right: .1rem;
}
.phone-intro .line05 b{
	color: #008eff;
	font-weight: 700;
}
.phone-icon img{
	width: .95rem;
	height: .92rem;
	position: absolute;
	right: .3rem;
	top: -.05rem;
}
.phone-icon em {
	font-size: .36rem;
	display: block;
}
.phone-buy {
	width: 1.2rem;
	height: .4rem;
	line-height: .4rem;
	color: #4295f7;
	border-radius: .4rem;
	border: 1px solid #4295f7;
	display: inline-block;
	position: absolute;
	bottom: .3rem;
	right: .18rem;
	box-sizing: border-box;
}
.more-tips {
	margin-bottom: .3rem;
}
.more-tips a{
	color: #008cff;
}
.more-tips img{
	width: .26rem;
	margin: 0 .1rem;
	vertical-align: text-top;
}
.gametil {
	width: 5.44rem;
}
.game-list li{
	margin: .1rem .2rem;
	display: inline-block;
}
.gamep p, .CRBTp p, .musicp p {
	font-weight: 300;
	line-height: 1.8;
}
.game-list li span {
	display: block;
	color: #242424;
	margin: .1rem 0;
}
.game-list li img {
	width: 1.5rem;
	height: 1.5rem;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	border-radius: .1rem;
}
.game-list .game-play {
	width: 1.2rem;
	height: .47rem;
	line-height: .47rem;
	color: #4295f7;
	border-radius: .47rem;
	border: 1px solid #4295f7;
}

.CRBTbox .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	border-radius: .1rem;
	background: #dbdbdb;
}
.CRBTbox  .swiper-pagination-bullet-active {
  opacity: 1;
  background: #0085d0;
}
.index-title {
	font-size: .36rem;
	font-weight: 300;
	color: #242424;
	margin-bottom: .3rem;
}
.index-title span {
	min-width: 2.05rem;
	text-align: center;
	display: inline-block;
	position: relative;
	padding: 0 .2rem;
	box-sizing: border-box;
}
.index-title span::before {
	content: '';
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/title-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 1.41rem;
	height: .28rem;
	position: absolute;
	left: -1.41rem;
	top: .12rem;
}
.index-title span::after {
	content: '';
	background: url(//img02.js.10086.cn/nact/resource/2295/images/img/title-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 1.41rem;
	height: .28rem;
	position: absolute;
	right: -1.41rem;
	top: .12rem;
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);  
}

.CRBTbox .swiper-slide {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.CRBTbox .swiper-slide  span {
	display: none;
}
.CRBTbox .swiper-slide-active span {
	display: block;
	width: 4rem;
	color: #242424;
	font-size: .24rem;
}
.CRBTbox .swiper-container1 {
	height: auto;
	overflow-y: visible;
	overflow-x: hidden;
}
.wram-tips {
	font-size: .2rem;
	margin: .4rem;
	color: #888;

}
.wram-tips p {
	margin-bottom: .2rem;
	text-align: left;
}
.arrow-more {
	color: #008cff;
}
.arrow-more.arrow-up img {
	width: .26rem;
	height: .26rem;
	transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	vertical-align: text-top;
}
.arrow-more img {
	width: .26rem;
	height: .26rem;
	transform:rotate(270deg);
	-moz-transform:rotate(270deg); 
	vertical-align: text-top;
}

/*5g套餐*/
.set-info .set-name li {
	width: 1.8rem;
	height: .46rem;
	line-height: .46rem;
	border-radius: .46rem;
	border: 1px solid #4496fa;
	color: #4496fa;
	display: inline-block;
	margin: 0 .5rem .2rem .5rem;
	box-sizing: border-box;
}
.set-info .set-name li.cur {
	background: #4496fa;
	color: #fff;
}
.set-list {
	margin: 0 .25rem .2rem .25rem;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	border-radius: .1rem;
	box-sizing: border-box;
	height: 1.78rem;
}
.set-list .set-left{
	width: 4.45rem;
	float: left;
	height: 100%;
	padding-left: .1rem;
	box-sizing: border-box;
}
.set-list .set-right{
	float: right;
	width: 1.4rem;
	border-left: 1px solid #e6e6e6;
	height: 100%;
}
.set-left .line01 {
	margin: .25rem 0;
}
.set-left .line01 span {
	width: 40%;
	display: inline-block;
	font-size: .18rem;
	color: #242424;
}
.set-left .line01 span em {
	font-size: .32rem;
	color: #4295f7;
	font-weight: 700;
}
.set-right .line01 {
	font-size: .18rem;
	color: #ed702d;
	margin: .3rem 0;
}
.set-right .line01 em {
	font-size: .36rem;
}
.set-right a {
	width: 1.2rem;
	height: .4rem;
	line-height: .4rem;
	border: 1px solid #4295f7;
	border-radius: .4rem;
	color: #4295f7;
	display: inline-block;
	margin-top: .1rem;
}
.set-td {
	margin-left: .05rem;
}
.set-td p {
	width: .97rem;
	height: .67rem;
	font-size: .16rem;
	background: #f1f1f1;
	color: #333;
	border-radius: .1rem;
	margin-left: -.05rem;
	position: relative;
	z-index: 1;
	
	display: table;
	padding: 0 .01rem;
	box-sizing: border-box;
	line-height: 1.8;
		float: left;
}
.set-td p span {
	display: table-cell;
	vertical-align: middle;

}
.set-td p em {
	color: #ed702d;
	font-size: .16rem;

}
.set-td  i {
	width: .25rem;
	height: .25rem;
	background: #fff;
	line-height: .25rem;
	border-radius: .25rem;
	font-size: .2rem;
	color: #242424;
	margin-left: -.05rem;
	display: inline-block;
	position: relative;
	z-index: 2;
	vertical-align: top;
	margin-top: .2rem;
	float: left;
}
.tab-title {
	margin: .2rem .25rem;
	overflow: hidden;
}
.tab-title .title-left{
	width: 72%;
	float: left;
}
.tab-title .title-right{
	width: 28%;
	float: right;
}
html, body {
	height: 100%;
}

/** 弹出框样式 从此拷贝 **/
.popBox { position: fixed;left: 0; top: 0;bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000'); z-index: 99; display: none;}
:root .popBox{ -webkit-filter: none\9;  filter: none\9;}
.popBox.open{ display:block;}
.popBox .popBox-inner{ background: #fff; position: absolute; width:5.5rem; top:50%; left:50%; margin-left:-2.75rem; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);border-radius:5px;}
.popBox .popBox-inner .close{ position: absolute; top: 0; right: 0; width: .5rem; height: .5rem; line-height: .46rem; display: block; text-align: center; color: #666; font-size: .5rem;}
.popBox .popBox-head{ margin: 0; padding: 0 .1rem; position:relative; text-align: center; border-bottom: 1px solid #0195ff; line-height: .7rem; font-size: .3rem; color: #0195ff;}
.popBox .popBox-body{ padding: .2rem; font-size: .2rem; line-height:150%; color:#333; }
.popBox .popBox-body .popBox-scroll{ max-height: 6rem; overflow:hidden; overflow-y: auto;word-break: break-all;}
.popBox .popBox-body .popBox-scroll p{
    text-align: left;
    margin: .1rem 0;
}
.popBox .popBox-foot { text-align: center; padding: 10px 0 20px 0;}
.popBox .btn { display: inline-block;  *display: inline; *zoom: 1; line-height: .5rem; width: 1.8rem; background: #0195ff; color: #fff; -webkit-border-radius: 5px;  border-radius: 5px;border: 0; margin:0 .5rem; box-sizing:border-box;}

.pop-open{
    display: block;
}
.set-table,.set-table td,.set-table th{border:1px solid #ccc;border-collapse:collapse;}
.set-table td,.set-table th {
	padding: .1rem;
}
.set-table {
	font-size: .2rem;
}
.pop-word {
	text-align: left;
	margin-bottom: .2rem;
}
.pop-word h1{
	color: #333;
	font-size: .2rem;
}
.pop-word p {
	text-indent: .3rem;
	color: #999;
}
.pop-lookmore {
	color: #0099ff;
}

.logo01 {
	width: 1.16rem;
	position: absolute;
	top: .3rem;
	left: .35rem;
	z-index: 99;
}
.logo02 {
	width: .68rem;
	position: absolute;
	top: .25rem;
	right: .35rem;
	z-index: 99;
}

/*底部导航iphone适应*/
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
   .footerNav{ padding-bottom: 10px;}
}

@media only screen and (device-width:414px) and (device-height:896px) {
   .footerNav{ padding-bottom: 10px;}
} 

/*1017phone-banne*/
.phone-banner img {
	width: 6rem;
	height: 2.55rem;
	border-radius: .2rem;
}
.phone-banner {
	height: auto;
}

.swiper-container2 .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	border-radius: .1rem;
}
.game-list li .good_num{
	color: #008cff;
	font-size: .22rem;
	margin: .2rem 0;
}