@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote{margin:0;padding:0;}
img,abbr,acronym{border:0;}
table td{word-break:break-all;}
table{border-collapse:collapse;border-spacing: 0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
wbr:after{content:'\00200b';}
/* Basic */
*{word-wrap: break-word;outline:none; box-sizing:border-box;}
*::selection,*::-moz-selection{background:#669bb7; color:#fff;}
a{ text-decoration:none;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

.clearFloat{ zoom:1;/*针对IE6、IE7*/}
.clearFloat:after{ content:""; display:block; height:0; font-size:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
.block { display:block;}
.img-block { width:100%; display:block; margin:0 auto}
.part-in,.in1,.title{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.none{ display:none !important;}
.po-r{ position:relative;}
.po-a { position:absolute;}
.po-f{ position:fixed;}
.h1 { font-size:1.2em; text-indent:2em;}
.h2 { font-size:1.2em;}
.hx { font-size:1.4em; color:#fceaad;}
.red { color:red !important;}
.blue { color:blue;}
.blod { font-weight:bold;}
.ti2em { text-indent:2em;}
.mc { margin:0 auto;}
.in-2em { text-indent:2em;}
.tx-r { text-align:right;}
.tx-c { text-align:center;}
.w100 { width:100%;}
.mt20 { margin-top:.2rem;}
.tf-tlX50{ left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.tf-tlY50{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.tf-tlXY50{ left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
html,body { height:100%; }
body{font:.24rem/1.5 '微软雅黑'; color:#333; background:#3ab4ff;}
.wrap { max-width:750px; margin:0 auto; overflow:hidden;}
.wrap a.block {/*background-color: rgba(0,0,0,0.7);*/ z-index:9;}
.banner{ z-index:9;}

.fix-top{ display:block; position:fixed; width:.76rem; height:.76rem; bottom:.2rem; right:.2rem; background:url(../images/top.png) no-repeat; background-size:.76rem .76rem; z-index:88; display:none; opacity:.8;}

.contbox { padding:0.1rem 0.3rem; margin:0.5rem auto; overflow:hidden;}
.bgcont {background:url(../images/5g_cont_bg.png) no-repeat center / 100% 100%; overflow:hidden;} 
.bglogo { padding:0.1rem 0.4rem; line-height:0.4rem; font-size:0.24rem; color:#fff; background:url(../images/ydlogo.png) no-repeat 98% bottom / 1rem auto; margin-bottom:0.1rem; overflow:hidden;}
.btnbox { margin:0 0.4rem 0; padding:0.3rem 0 0.2rem; border-top:1px solid #fff; text-align:center; overflow:hidden;}
.btnbox2{ margin:.2rem 0; margin-top:.3rem;}
.slideBtn { display:inline-block; color:#46f8ff; font-size:.26rem;}
.down{ width:.23rem; height:.14rem; transition:0.4s; -webkit-transition:0.4s;}
.rotate{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.slide{ display:none;}
.tab{ width:6.42rem; height:auto;}


.share-friend { height:100%; background:rgba(0,0,0,.8) url(../images/share-arr.png) no-repeat right top; background-size:5.37rem 4.67rem; z-index:9999; top:0; left:0; display:none;}

.modal{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; text-align:left; display:none;}
.mod-bg{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.8);}
.mod-area { width:5.8rem; margin:0 auto; position:relative; z-index:99; top:50%; -webkit-transform:translateY(-50%); border-radius:.12rem; border:1px solid #762c88; background:#fff; padding-bottom: .2rem;}
.mod-hide.off { position:absolute; width:.44rem; height:.44rem; top:-.13rem; right:-.13rem; background:url(../images/off.png) no-repeat; background-size:100% 100%;}
.mod-tit { width:100%; height:.6rem; background-size:.76rem .38rem; color:#02c1e6; text-align:center; font-weight:bold; font-size:.32rem; line-height:.6rem; border-radius:.12rem .12rem 0 0;}
.mod-con { width:100%; height:auto; padding:.2rem .2rem .25rem .2rem; overflow-y:auto;overflow-x: hidden; color:#333; background: #fff; background-size:100% 100%; border-radius:.12rem;}
.mod-con::-webkit-scrollbar { width:.1rem;/* height:0*/}
.mod-con p { margin-bottom:.12rem; font-size:.22rem; white-space:normal; word-break:break-all;}
.mod-con p.mod-title { font-weight:bold; text-align:center; font-size:.36rem; color:red;}
.mod-con p.red { color:red;}
.mod-con p strong { font-size:.24rem;}
.mod-con p strong a { color:#fe0142;}
.mod-btn { width:100%; height:auto; padding:.1rem 0; text-align:center;}
.mod-a { display: inline-block; margin:0 auto; width:3.3rem; height:.7rem; background:#ff695d; text-align:center; font-weight:bold; font-size:.3rem; line-height:.7rem; border-radius:.35rem; color:#fff;}
.mod-no { background:#02c1e6;}
.mod-con img{ width:2rem; height:2rem; display:block; margin:0 auto;}

.mod-area2{ padding-bottom:0; overflow:hidden; background:linear-gradient(#eef3fc, #ecf1fb); background: -webkit-linear-gradient(#eef3fc, #ecf1fb);}
.mod-con2{ background:transparent;}
.mod-con2 img{ width:4.56rem; height:12.37rem;}
.mod-btn2{ background:transparent url(../images/mod-con-bg.png) no-repeat center bottom; background-size:5.70rem 1.12rem;}
.mod-btn2 a{ width:90%; height:.9rem; line-height:.9rem; margin:.2rem 0; margin-bottom:.3rem; border-radius:.12rem; background: -webkit-linear-gradient(left, #f3897c , #d030c8); background: linear-gradient(to right, #f3897c , #d030c8);}