/* Reset ================================================================================= */

*:not(input) {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

* {margin:0; padding:0;}
html {}
body {font:12px '微软雅黑', microsoft yahei,宋体, Arial; text-align:left; background:#fff;color:#323232;}
img {border:0; vertical-align:top;}

/*div{word-break:break-all;}*/

.jbs{background-image: linear-gradient(#0e5a86, #33a7eb);}
.top{background: url(../img/wt.png) no-repeat 0 0; background-size: 100% auto;}

.newbox{}
.vrbox{}

.biaoti{text-align: center;}
.biaoti img{width: 40%}

.main{padding: 30vw 18vw 0;width: 100%;}

.newlist{padding: 4% 0 0;color: #fff}
.newitem{overflow: hidden;margin-bottom: 2%;position: relative;cursor: pointer;}
.newitem .ztp{float: left;width: 30%;padding-top: 20%;}
.newitem .txtbox{float: right;width: 66%;}
.newitem .txtbox .tit{font-size: 1.4vw;border-bottom: 1px dashed #fff;padding-bottom: 1vw}
.newitem .txtbox .text{font-size: 0.8vw;padding-top: 1vw}
.newitem .txtbox .time{position: absolute;right: 0;bottom: 1vw;font-size: 1vw;color: #51b5f0}

.vrlist{padding: 4% 0 0;color: #fff;overflow: hidden}
.vritem{float: left;width: 33.33333%;margin-bottom: 2vw;text-align: center;padding:0 1%}
.vritem .ztp{width: 100%;padding-top: 70%;position: relative;cursor: pointer;}
.vritem .ztp .npic{width: 94%;height: 96%;left: 3%;top: 2%;position: absolute}
.vritem .tit{font-size: 1.4vw;padding-top: 1vw;cursor: pointer;}

.vrhover{-webkit-animation:myfirst 0.8s linear;}
@-webkit-keyframes myfirst{
	0% {transform:rotateX(-70deg) rotateY(-90deg)}
	100% {transform:rotate(0deg)}
}

.newbox{color: #fff;}
.newbox .title{text-align: center;font-size: 2.2vw;}
.newbox .title2{color: #a5a9ac;text-align: center;font-size: 1.2vw;padding: 3vw 0}
.newbox .newtxt{font-size: 1.4vw;line-height: 3vw}
.newbox .newtxt p{text-indent: 2.8vw;}

div{box-sizing: border-box}

form {display:inline;}
fieldset {border:0;}
legend {display:none;}

.hid{display:none;}
.yj100{border-radius: 100%;}



.fontw{font-weight:bolder;}
.poa{position:absolute;}
.por{position:relative;}
.pof{position:fixed;}
.mr2p{margin-right:2px;}
.bo1cc{border: 1px solid #ccc;}
.ovh{ overflow:hidden;}
.ovh-y{overflow-y:scroll;}
.fll{float:left;}
.flr{float:right;}
.h100{height:100%;}
.h90{height:90%;}
.h85{height:85%;}
.h80{height:80%;}
.h70{height:70%;}
.h60{height:60%;}
.h55{height:55%;}
.h50{height:50%;}
.h45{height:45%;}
.h40{height:40%;}
.h36{height:36%;}
.h30{height:30%;}
.h25{height:25%;}
.h20{height:20%;}
.h15{height:15%;}
.h10{height:10%;}
.h5{height:5%;}
.h50p{height:50px;}
.h16p{height:16px; line-height:16px;}
.h22p{height:22px;}
.h20p{height:28px; line-height:20px;}
.w100{width:100%;}
.w99{width:99%;}
.w90{width:90%;}
.w80{width:80%;}
.w74{width:74%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w55{width:55%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w35{width:35%;}
.w33{width:33.333%;}
.w32{width:32%;}
.w30{width:30%;}
.w29{width:29%;}
.w25{width:25%;}
.w22{width:22%;}
.w20{width:20%;}
.w18{width:18%;}
.w16{width:16.66666%;}
.w15{width:15%;}
.w125{width:12.5%;}
.w10{width:10%;}
.w8{width:8%;}
.w5{width:5%;}
.w3{width:3%;}
.ptb1{padding:1% 0;}
.ptb2{padding:2% 0;}
.ptb05{padding:0.5% 0;}
.mr2{margin-right:2%}
.mr4{margin-right:4%}
.mb1{margin-bottom:1%;}
.mb2{margin-bottom:2%;}
.mb4{margin-bottom:4%;}
.mb2px{margin-bottom:2px;}
.mb4px{margin-bottom:4px;}
.mt2px{margin-top:2px;}
.mt4px{margin-top:4px;}
.mtb2{margin:2% 0;}
.mt1{margin-top:1%}
.mt2{margin-top:2%}
.mt25{margin-top:25%}
.cur{cursor:pointer;}


.nob{border:0;}
.disb{display:inline-flex;}
.outdata{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.tmd0{opacity:0;}
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.pd1{padding:1%;}
.pd2{padding:2%;}
.pd4{padding:4%;}
.plb2{padding:0 2%;}
.plb4{padding:0 4%;}
.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt4{padding-top:4%;}
.pb2{padding-bottom:2%;}
.pb4{padding-bottom:4%;}
.pr2{padding-right:2%;}
.pr4{padding-right:4%;}
.ptb4{padding:4% 0;}
.lb0{left:0; bottom:0;}
.lt0{left:0; top:0;}
.rt0{right:0; top:0;}
.mlb2{margin:0 2%;}
.ml2{margin-left:2%;}
.ml5{margin-left:5%;}
.disblock{display:block;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 
.vih{visibility:hidden;}
.deletetext{text-decoration:line-through;}
.imgtc{vertical-align:middle}
.imgc{width:100%; height:100%;}
.mauto{margin:0 auto;}