/*@import url(animation.css);
@import url(animate.css);*/
body,
div,
p,
ul,
li,
ol,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
input,
img,
a,
button,
select,
table,
tr,
th,
td,
label,
textarea {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0 none;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
body,
button {
  font-size: 14px;
  font-family: "microsoft yahei";
}
body {
  position: relative;
  overflow: hidden;
}
.body {
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
    /*background: url('../images/bg.jpg') center no-repeat;*/
}
body {
    -webkit-text-size-adjust: 100% !important;
}
body {
  background:#f0fdff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 100px;
  color: #000;
  margin: 0;
  padding: 0;

}

.conts{
    position: relative;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%); */
    overflow-x: hidden;
    overflow-y: scroll;
    display: none;
    background: #e2ede9;
    /* background: url('../images/bg.jpg?1644') center no-repeat;
    background-size: 100%; */
}
.conts::-webkit-scrollbar{
    display: none;
}
.conts2{
    width: 100%;
    /* height: 52.60rem; */
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: none;
}
.part1{
    width: 1920px;
    height: 1663px;
    background: url("../images/pc.jpg?0805") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    /* left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); */
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.conts2::-webkit-scrollbar {
	width            : 5px;
	height           : 5px;
	background-color : white;
}
/*定义滚动条轨道 内阴影+圆角*/
.conts2::-webkit-scrollbar-track {
	-webkit-box-shadow : inset 0 0 3px rgba(0, 0, 0, 0.3);
	border-radius      : 1px;
	background-color   : transparent;
}
/*定义滑块 内阴影+圆角*/
.conts2::-webkit-scrollbar-thumb {
	border-radius      : 3px;
	-webkit-box-shadow : inset 0 0 2px rgba(0, 0, 0, .3);
	background-color   : #c5eae3;
}
.pbg{
    width: 100%;
    /* height: 33rem; */
    float: left;
    /* padding-bottom: 1.5rem; */
}
.topimg{
    width: 7.5rem;
    position: absolute;
    left: 0;
    top: 0;
}
.gotoen{
    background: url("../images/en.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    right: 0.7rem;
    top: 0.45rem;
}
.gotocn{
    background: url("../images/cn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    right: 1rem;
    top: 0.45rem;
    display: none;
}
.navs{
    background: url("../images/nav.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 7.5rem;
    height: 0.67rem;
    left: 0;
    top: 4.22rem;
    z-index: 999;
}
.navs.fixed{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.nav{
    width: 1.5rem;
    height: 0.67rem;
    line-height: 0.67rem;
    font-size: 0.26rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: relative;
    float: left;
}
.nav.active{
    background: url("../images/nav5.png") no-repeat;
    background-size: 100%;
    width: 1.37rem;
    height: 0.69rem;
    left: 0.13rem;
}
.en .nav:first-child{
    width: 1.7rem;
    line-height: 0.26rem;
    padding-top: 0.09rem;
    height: 0.67rem;
}
.en .nav:nth-child(2){
    width: 1.1rem;
}
.en .nav:nth-child(3){
    width: 1.2rem;
}
.en .nav:nth-child(4){
    width: 1.95rem;
    line-height: 0.26rem;
    padding-top: 0.09rem;
    height: 0.67rem;
}
.en .nav:last-child{
    width: 1.55rem;
}
.nav.actived{
    background-color: #eb4e38;
    font-size: 0.26rem;
}
/*一图看懂*/
.ytkd{
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%); */
    z-index: 99999;
    display: none;
}
.ytkdconts{
    position: absolute;
    width: 6.8rem;
    height: 12rem;
    left: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    /* overflow-y: scroll; */
    
}
.ytkdconts2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: scroll;
    border-radius: 0.1rem;
}
.ytkdconts2 img{
    width: 6.8rem;
}
.closeytkd{
    background: url("../images/close2.png") no-repeat;
    background-size: 100%;
    position: fixed;
    width: 0.32rem;
    height: 0.32rem;
    left: 6.2rem;
    top: 0.4rem;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%); */
    z-index: 999;
}
/*一图看懂*/
/*活动介绍*/
.intros{
    position: relative;
    margin-top: 4.89rem;
    left: 0;
}
.flashtips{
    background: url("../images/flash.png") no-repeat;
    background-size: 100%;
    position: fixed;
    width: 1.84rem;
    height: 1.77rem;
    left: 5.66rem;
    bottom: 2rem;
    z-index: 999;
}
.flashtips.active{
	left:7.3rem;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	animation : show 1s ease-in-out forwards;
	-webkit-animation : show 1s ease-in-out forwards;
}
.flashtips.active1{
    left:5.66rem;
	transform:translate(1rem,0);
	-webkit-transform:translate(1rem,0);
	animation : show 0.8s ease-in-out forwards;
	-webkit-animation : show 0.8s ease-in-out forwards;
}
.cjbtn{
    background: url("../images/fbtn.png") no-repeat;
    background-size: 100%;
    position: fixed;
    width: 1.14rem;
    height: 1.14rem;
    left: 6.06rem;
    bottom: 2.2rem;
    z-index: 999;
}
.cjbtn3{
    background: url("../images/cjbtn.png?0719") no-repeat;
    background-size: 100%;
    position: fixed;
    width: 1.14rem;
    height: 1.14rem;
    left: 6.06rem;
    bottom: 3.7rem;
    z-index: 999;
    display: none;
}
.cjbtn.pc{
    left: 60%;
    top:10.1rem;
}
.cjbtn.active{
	left:7.3rem;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	animation : show 1s ease-in-out forwards;
	-webkit-animation : show 1s ease-in-out forwards;
}
.cjbtn.active1{
    left:6.06rem;
	transform:translate(1rem,0);
	-webkit-transform:translate(1rem,0);
	animation : show 0.8s ease-in-out forwards;
	-webkit-animation : show 0.8s ease-in-out forwards;
}
.bg1{
    background: url("../images/bg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 7.5rem;
    height: 18.82rem;
    left: 0;
    top:25.04rem;;
}
.yinhao{
    background:url("../images/yinhao.png") no-repeat;
	background-size:100% 100%;
	opacity:0.22;
	position:absolute;
	left:0rem;
	top:38.08rem;
	width:1.62rem;
	height:1.87rem;
	z-index:92;
}
/* .intro{
    background: url("../images/intro.png?0728") no-repeat;
    background-size: 100%;
    position: relative;
    width: 7.5rem;
    height: 9.06rem;
    left: 0;
    margin-top: 6.04rem;
} */
.cintro{
    background: url("../images/cintro.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.49rem;
    height: 0.77rem;
    left: 2.03rem;
    top: 1.55rem;
}
.iconts{
    width: 6.58rem;
    height: 3.31rem;
    /* font-size: 0.3rem; */
    /* color: #34929b; */
    position: absolute;
    left: 0.4rem;
    top: 2.9rem;
}
.iconts img{
    width: 100%;
}
.iconts p{
    text-indent: 2em;
    /* font-weight: 550; */
    line-height: 0.5rem;
}
/* .csfw{
    position: relative;
    margin-top: 1.5rem;
} */
.ccsfw{
    background: url("../images/csfw.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.81rem;
    height: 0.79rem;
    left: 1.35rem;
    top: 26.12rem;
}
.cconts{
    position: absolute;
    width: 6.7rem;
    height: 1.8rem;
    left: 0.4rem;
    top: 27.32rem;
}
.cconts img{
    width: 100%;
}
.cconts p{
    font-size: 0.3rem;
    color: #34929b;
    position: relative;
    width: 6.38rem;
    margin-top: 0.4rem;
    left: 0.66rem;
    /* font-weight: 550; */
    line-height: 0.5rem;
    text-indent: 2em;
    text-align: justify;
}
.ccsfs{
    background:url("../images/csfs.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.76rem;
    height: 0.77rem;
    left: 1.77rem;
    top: 30.12rem;
}
.csconts2{
    width: 6.77rem;
    height: 9.31rem;
    position: absolute;
    left: 0.36rem;
    top: 31.8rem;
}
.csconts2 img{
    width: 100%;
}
/* .zpyq{
    background: url("../images/zpyqbg.png") no-repeat;
    background-size: 100%;
    position: relative;
    width: 7.5rem;
    height: 17.89rem;
    margin-top: 0;
} */
.czpyq{
    background: url("../images/zpyq.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.37rem;
    height: 0.79rem;
    left: 2.06rem;
    top: 42.7rem;
}
.zconts{
    position: absolute;
    left: 0.33rem;
    width: 6.83rem;
    height: 14.81rem;
    top: 44.3rem;
}
.zconts img{
    width: 100%;
}
.zconts p{
    font-size: 0.3rem;
    color: #34929b;
    /* font-weight: 550; */
    line-height: 0.5rem;
    text-indent: 2em;
}
/* .zzjg{
    position: relative;
    margin-top: 0.5rem;
} */
.czzjg{
    background: url("../images/zzjg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.37rem;
    height: 0.73rem;
    left: 2.07rem;
    top: 10.04rem;
}
.zzconts{
    position: absolute;
    left: 0.4rem;
    width: 6.7rem;
    height: 3.3rem;
    top: 11.34rem;
}
.zzconts img{
    width: 100%;
}
.zzconts p{
    font-size: 0.3rem;
    color: #34929b;    
    /* font-weight: 550; */
    line-height: 0.5rem;
}
/* .ssjc{
    position: relative;
    margin-top: 1.4rem;
} */
.cssjc{
    background: url("../images/ssjc.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.37rem;
    height: 0.76rem;
    left: 2.07rem;
    top: 16.07rem;
}
.sconts{
    background: url("../images/time.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.54rem;
    height: 7.11rem;
    left: 0.69rem;
    top: 17.7rem;
}
.p1img{
    background: url("../images/p1img.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.6rem;
    height: 2.48rem;
    left: 0.45rem;
    top: 60rem;
}
/*活动介绍*/
.baoming{
    position: fixed;
    /* background: #eb4e38; */
    background: url("../images/baomingbg.png?0309") no-repeat;
    background-size: 100%;
    width: 7.5rem;
    height: 1.04rem;
    bottom: 0;
    z-index: 999;
}
.votebtn{
    background: url("../images/vote.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.34rem;
    height: 0.31rem;
    top: 0.35rem;
    left: 1.2rem;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.hlbbtn{
    background: url("../images/hlbbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.03rem;
    height: 0.31rem;
    top: 0.35rem;
    left: 4.6rem;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.wybm{
    background: url("../images/baoming2.png") no-repeat;
    background-size: 100%;
    width: 1.66rem;
    height: 0.31rem;
    position: absolute;
    left: 2.92rem;
    top: 0.35rem;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
/*奖项设置*/
.jxsz{
    position: relative;
    margin-top: 4.89rem;
    left: 0;
    display: none;
}
.ctbj{
    background: url("../images/jxsz.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.11rem;
    top: 0.54rem;
    width: 3.22rem;
    height: 0.74rem;
}
.jxszconts{
    background: url("../images/jxszconts.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.32rem;
    height: 1.77rem;
    left: 0.59rem;
    top: 1.65rem;
}
.tbjcont{
    position: absolute;
    left: 0.69rem;
    top: 4.3rem;
    width: 6.11rem;
    height: 4.84rem;
    z-index: 372;
}
.czyz{
    background:url("../images/zyz.png?0801") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 1.58rem;
    top: 10.53rem;
    width: 4.28rem;
    height: 0.4rem;
    z-index: 345;
}
.ydj{
	position:absolute;
	left:2.31rem;
	top:11.3rem;
	width:2.93rem;
	height:3.61rem;
	z-index:348;
}
.edj{
	position:absolute;
	left:0.73rem;
	top:15.45rem;
	width:2.66rem;
	height:3.28rem;
	z-index:346;
}
.sdj{
	position:absolute;
	left:4.18rem;
	top:15.45rem;
	width:2.66rem;
	height:3.28rem;
	z-index:347;
}
.zyztips{
    background:url("../images/zyztips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.81rem;
    top: 19.2rem;
    width: 6.11rem;
    height: 1.77rem;
	z-index:416;
}
.cdzz{
    background:url("../images/dzz.png?0801") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 1.58rem;
    top: 21.57rem;
    width: 4.28rem;
    height: 0.4rem;
    z-index: 341;
}
.ydj2{
	position:absolute;
    left: 2.31rem;
    top: 22.38rem;
    width: 2.93rem;
    height: 3.62rem;
    z-index: 348;
}
.edj2{
	position:absolute;
	left:0.73rem;
	top:26.52rem;
	width:2.66rem;
	height:3.28rem;
	z-index:342;
}
.sdj2{
	position:absolute;
	left:4.18rem;
	top:26.52rem;
	width:2.66rem;
	height:3.28rem;
	z-index:344;
}
.dzztips{
    background:url("../images/dzztips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.79rem;
    top: 30.32rem;
    width: 6.02rem;
    height: 1.27rem;
    z-index: 417;
}
.czjcbj{
    background:url("../images/zjcbj.png?0801") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.28rem;
    top: 32.36rem;
    width: 4.78rem;
    height: 0.4rem;
	z-index:424;
}
.zjcbj2{
	position:absolute;
	left:0.97rem;
	top:33.14rem;
	width:5.43rem;
	height:3.56rem;
	z-index:343;
}
.zjcbjtips{
    background:url("../images/zjcbjtips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.7rem;
    top: 37.12rem;
    width: 6.21rem;
    height: 1.27rem;
    z-index: 430;
}
.cyycbj{
    background: url("../images/yycbj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.55rem;
    height: 0.41rem;
    left: 0.98rem;
    top: 39.58rem;
}
.ydj3{
    position: absolute;
    left: 2.31rem;
    top: 40.38rem;
    width: 2.93rem;
    height: 3.61rem;
    z-index: 348;
}
.edj3{
    position: absolute;
    left: 0.73rem;
    top: 44.52rem;
    width: 2.66rem;
    height: 3.29rem;
    z-index: 342;
}
.sdj3{
    position: absolute;
    left: 4.18rem;
    top: 44.52rem;
    width: 2.66rem;
    height: 3.29rem;
    z-index: 344;
}
.yycbjtips{
    background:url("../images/yycbjtips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.7rem;
    top: 48.32rem;
    width: 6.1rem;
    height: 0.77rem;
    z-index: 430;
}
.cyxzzj{
    background: url("../images/yxzzj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.92rem;
    height: 0.41rem;
    left: 1.29rem;
    top: 49.8rem;
}
.yxzzj2{
    position: absolute;
    width: 6.09rem;
    height: 0.8rem;
    left: 0.7rem;
    top: 50.7rem;
}
.zhushi{
    background:url("../images/beizhu.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.5rem;
    top: 52.35rem;
    width: 6.47rem;
    height: 1.79rem;
    z-index: 426;
}
.ccszqy{
    background: url("../images/cszqy.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:2rem;
	top:56.07rem;
	width:3.5rem;
	height:0.4rem;
	z-index:349;
}
.csconts{
    position: absolute;
    left: 0.7rem;
    top: 57.3rem;
    width: 6.1rem;
    height: 4.28rem;
}
.csconts img{
    width: 100%;
}
.csconts p{
    font-size: 0.28rem;
    color: #34929b;    
    /* font-weight: 550; */
    line-height: 0.5rem;
}
.rexian{
    font-size: 0.3rem;
    width: 100%;
    position: absolute;
    top: 49rem;
    color: #34929b;
    text-align: center;
}
/*奖项设置*/
/*创作素材*/
.czsc{
    display: none;
}
.cczsc{
    background:url("../images/czsc.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:2.11rem;
	top:5.76rem;
	width:3.22rem;
	height:0.74rem;
	z-index:420;
}
.czscul{
    width: 7rem;
    position: absolute;
    left: 0.25rem;
    top: 7rem;
    /* height: 12.8rem; */
    /* padding-bottom: 1.5rem; */
}
.czscul li{
    position: relative;
    width: 3.39rem;
    height: 1.76rem;
    float: left;
    margin-left: 0.22rem;
    margin-bottom: 0.2rem;
}
.czscul li:nth-child(odd){
    margin-left: 0;
}
.czscul img{
    width: 3.39rem;
    height: 1.76rem;
}
.czscbz{
    font-size: 0.28rem;
    color: #529099;
    /* font-weight: 700; */
    position: absolute;
    top: 18.9rem;
    width: 6.8rem;
    left: 0.35rem;
    padding-bottom: 1.5rem;
    text-align: justify;
}
.czscbz p{
    line-height: 0.5rem;
}
.czscwrap{
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,0.8); */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.czscconts{
    background: url("../images/czcsbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.64rem;
    height: 6.47rem;
    left: 1.43rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.area{
    font-size: 0.34rem;
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0.55rem;
}
.areaEh{
    font-size: 0.2rem;
    color: #fff;
    width: 100%;
    position: absolute;
    top: 1.1rem;
    text-align: center;
}
.ctip{
    font-size: 0.28rem;
    color: #fff;
    width:100%;
    text-align: center;
    position: absolute;
    top: 1.6rem;
}
.links{
    font-size: 0.28rem;
    color: #fff;
    width: 4rem;
    text-align: center;
    top: 2rem;
    position: absolute;
    word-break: break-all;
    left: 0.32rem;
}
.tqm{
    font-size: 0.28rem;
    color: #fff;
    width:100%;
    text-align: center;
    position: absolute;
    top: 2.65rem; 
}
.ewm{
    width: 2.78rem;
    left: 0.93rem;
    top: 3.18rem;
    position: absolute;
}
.closeczsc{
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0.12rem;
    top: 0.15rem;
}
/*创作素材*/
/*获奖公示*/
.gotop{
    background: url("../images/goTop.png") no-repeat;
    background-size: 100%;
    position: fixed;
    width: 1.2rem;
    height: 1.2rem;
    bottom: 3.5rem;
    left: 6.05rem;
    z-index: 99;
    display: none;
}
.gotop.pc{
    left: 60%;
    top: 8.7rem;
}
.hjgs{
    position: relative;
    margin-top: 4.89rem;
    left: 0;
    display: none;
}
.chjgs{
    background: url("../images/chjgs.png?0526") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.22rem;
    height: 0.74rem;
    left: 2.11rem;
    top: 0.55rem;
}
.hjgsnavs{
    position: absolute;
    font-size: 0.28rem;
    color: #529099;
    top: 2rem;
    left: 0.4rem;
}
.hjgsnav{
    float: left;
    letter-spacing: 0.02rem;
    line-height: 0.35rem;
    margin-left: 0.42rem;
}
.hjgsnav:first-child{
    margin-left: 0;
}
.hjgsnav.actived{
    font-size: 0.32rem;
    color: #eb4e38;
    font-weight: 700;
}
.hjgsnav img{
    width: 0.34rem;
    position: relative;
    top: 0.1rem;
    left: 0.33rem;
    display: none;
}
.hjgsnav:first-child img{
    left: 0.85rem;
}
.hjgsnav:last-child img{
    left: 0.68rem;
}
.hjgsnav.actived img{
    display: block;
}
.zwhtbj{
    position: relative;
    top: 3rem;
}
.zyzydj{
    position: relative;
    top: 9.6rem;
}
.zyzedj{
    position: relative;
    top: 16.2rem;
}
.zyzsdj{
    position: relative;
    top: 33.3rem;
}
.dzzydj{
    position: relative;
    top: 87rem;
}
.ddzedj{
    position: relative;
    top: 93.6rem;
}
.dzzsdj{
    position: relative;
    top: 115.9rem;
}
.zjwlcbj{
    position: relative;
    top: 169.5rem;
}
.zjhwcbj{
    position: relative;
    top: 176.1rem;
    height: 8.1rem;
    /* padding-bottom: 1rem; */
}
.czwhtbj{
    background:url("../images/zwhtbj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.29rem;
    height: 0.81rem;
    left: 1.6rem;
    top: 0;
}
.vtype1{
    position: absolute;
    width: 6.76rem;
    height: 4.86rem;
    background: #fff;
    left: 0.38rem;
}
.vtype2{
    position: absolute;
    width: 6.76rem;
    height: 7.86rem;
    background: #fff;
    left: 0.38rem;
}
.zwhtbjconts,.zyzydjconts,.dzzydjconts,.zjwlcbjconts,.zjhwcbjconts{
    top: 1.2rem;
}
.czyzydj{
    background:url("../images/zyzydj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.5rem;
    height: 0.88rem;
    left: 1.06rem;
    top: 0;
}
.czyzedj{
    background:url("../images/zyzedj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.5rem;
    height: 0.88rem;
    left: 1.06rem;
    top: 0;
}
.zyzedjlists{
    position: absolute;
    width: 100%;
    top: 0.84rem;
}
.zyzedjconts{
    position: relative;
    margin-top: 0.36rem;
}
.czyzsdj{
    background:url("../images/zyzsdj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.5rem;
    height: 0.88rem;
    left: 1.06rem;
    top: 0;
}
.zyzsdjlists{
    position: absolute;
    width: 100%;
    top: 0.84rem;
}
.zyzsdjconts{
    position: relative;
    margin-top: 0.36rem;
}
.cdzzydj{
    background:url("../images/dzzydj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.5rem;
    height: 0.88rem;
    left: 1.06rem;
    top: 0;
}
.dzzedjlists{
    position: absolute;
    width: 100%;
    top: 0.84rem;
}
.cdzzedj{
    background:url("../images/dzzedj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.5rem;
    height: 0.88rem;
    left: 1.06rem;
    top: 0;
}
.dzzedjconts{
    position: relative;
    margin-top: 0.36rem;
}
.cdzzsdj{
    background:url("../images/dzzsdj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.5rem;
    height: 0.88rem;
    left: 1.06rem;
    top: 0;
}
.dzzsdjlists{
    position: absolute;
    width: 100%;
    top: 0.84rem;
}
.dzzsdjconts{
    position: relative;
    margin-top: 0.36rem;
}
.czjwlcbj{
    background:url("../images/zjwlcbj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.59rem;
    height: 0.82rem;
    left: 1.06rem;
    top: 0;
}
.czjhwcbj{
    background:url("../images/zjhwcbj.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.83rem;
    height: 0.82rem;
    left: 0.84rem;
    top: 0;
}

.zhibo{
    position:absolute;
	left:0;
	top:0;
	width:6.76rem;
	height:3.8rem;
    /* object-fit: fill; */
    display: none;
    background: #000;
}
.zhibo2{
    position:absolute;
	left:1.48rem;
	top:0;
	width:3.8rem;
	height:6.76rem;
    /* object-fit: fill; */
    display: none;
    background: #000;
}
.videobg{
    position:absolute;
	left:0;
	top:0;
	width:6.76rem;
	height:3.8rem;
}
.videobg2{
    position:absolute;
	left:1.48rem;
	top:0;
	width:3.8rem;
	height:6.76rem;
}
.vbg{
    width: 100%;
    height: 100%;
    float: left;
}
.vbg2{
    width: 100%;
    height: 100%;
    float: left;
}
.vtitle{
    font-size: 0.3rem;
    color: #000;
    /* height: 1.06rem; */
    line-height: 0.5rem;
    position: absolute;
    left: 0;
    top: 4.05rem;
    overflow: hidden;
    font-weight: 700;
    width: 100%;
    text-align: center;
}
.vtype2 .vtitle{
    top: 7rem;
}
.playbtn2{
    width: 0.92rem;
    position: absolute;
    top: 2.56rem;
    left: 0.36rem;
}
.vtype2 .playbtn2{
    top: 5.6rem;
}
/*获奖公示*/
/*作品展播*/
.zpzb{
    display: none;
}
.czpzb{
    background:url("../images/zpzb.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:2.11rem;
	top:5.76rem;
	width:3.22rem;
	height:0.74rem;
	z-index:324;
}
.zpzbnavs{
    position: absolute;
    font-size: 0.28rem;
    color: #529099;
    top: 7rem;
    left: 2.35rem;
}
.zpzbnav{
    float: left;
    letter-spacing: 0.02rem;
    line-height: 0.35rem;
}
.zpzbnav:last-child{
    margin-left: 0.94rem;
}
.zpzbnav.actived{
    font-size: 0.32rem;
    color: #eb4e38;
    font-weight: 700;
}
.zpzbnav img{
    width: 0.34rem;
    position: relative;
    top: 0.05rem;
    left: 0.32rem;
    display: none;
}
.zpzbnav.actived img{
    display: block;
}
.zpzbdzz{
    display: none;
}
.zpzbzyz,.zpzbdzz{
    width: 6.86rem;
    position: relative;
    left: 0.39rem;
    top: 7.8rem;
    padding-bottom: 1.5rem;
}
.zpzbzyz ul li,.zpzbdzz ul li{
    position: absolute;
    float: left;
    width: 3.24rem;
    margin-right: 0.14rem;
    margin-bottom: 0.22rem;
}
.zpzbzyz ul li a,.zpzbdzz ul li a {
    position: relative;
    display: block;
    width: 100%;
}
.zimg{
    width: 3.24rem;
}
.zpzbconts{
    width: 3.24rem;
    /* height: 1.18rem; */
    background: #fff;
    position: relative;
}
.zpzbtitle{
    font-size: 0.28rem;
    color: #000;
    width: 2.84rem;
    padding: 0.2rem;
    position: relative;
    display: block;
    font-weight: 700;
}
.zpzbzhuc{
    font-size: 0.24rem;
    color: #716d6d;
    top: 0.7rem;
    left: 0.2rem;
}
#sortable {
	padding-bottom : 0.4rem;
}
.sortitem {
	position      : absolute;
	background    : white;
	border-radius : 5px;
	box-shadow    : 0px 1px 2px rgba(0, 0, 0, 0.3);
	/* padding       : 5px; */
}

.qidai {
	width       : 100px;
	text-align  : center;
	font-size   : 24px;
	margin-left : 100px;
	color       : #00719a;;
	display     : contents;
}
.sortable {
	width : 100%;
}
.sortitem {
	/* padding       : 12px; */
	cursor        : pointer;
	width         : 3.24rem;
	margin-bottom : 0.15rem;
}
.sortactive {
	text-decoration : underline;
	font-weight     : bold;
	color           : red;
}

.sortitem:hover {
	-webkit-box-shadow : 0 0 23px #717578;
	-moz-box-shadow    : 0 0 23px #717578;
	-o-box-shadow      : 0 0 23px #717578;
	-ms-box-shadow     : 0 0 23px #717578;
	box-shadow         : 0 0 23px #717578;
}
.card-infos {
	padding : 0.2rem;
}
.card-infos a{
    color: #000;
}
.white-panel {
	position      : absolute;
	background    : white;
	border-radius : 0;
	/*box-shadow    : 0px 1px 2px rgba(0, 0, 0, 0.3);*/
	/* padding       : 10px; */
}
/*作品展播*/
/*高校专区*/
.gxzq{
    display: none;
}
.gxvotebtn{
    /* background: url("../images/votebtn.png") no-repeat;
    background-size: 100%; */
    position: fixed;
    width: 1.15rem;
    height: 1.15rem;
    left: 6.06rem;
    bottom: 3.5rem;
    z-index: 999;
}
.gxvotebtn img{
    width: 100%;
}
.gxlist {
    width: 6.86rem;
    position: relative;
    left: 0.39rem;
    top: 5.3rem;
    padding-bottom: 1.5rem;
}
/*高校专区*/
/*上传作品*/
.uploadwrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
.uploadfile{
    background: url("../images/uploadfile.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6rem;
    height: 2.89rem;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.uploadtips{
    font-size: 0.3rem;
    color: #fff;
    position: absolute;
    top: 1rem;
    left: 0.4rem;
    display: none;
}
.progressbar {
    display: none;
    position: absolute;
    width: 3.3rem;
    height: 0.12rem;
    background: rgba(255, 255, 255, 0.55);
    margin: 0.1rem 0.1rem 0 0;
    top: 0.88rem;
    left: 0.4rem;
    border-radius: 0.15rem;
}
#progress {
    position: absolute;
    /* float: left; */
    width: 100%;
    /* height: 20px; */
    background: #ccc;
    /* margin: 10px 10px 0 0; */
    /* float: left; */
    top: 0;
    left: 0;
}
#progress span {
    display: block;
    margin: 0;
    width: 0%;
    height: 0.12rem;
    background: #eb4e38;
    /* color: #1769c5; */
}
#progress em {
    position: absolute;
    top: 0.2rem;
    left: 1.3rem;
    width: 0.5rem;
    height: 0.3rem;
    /* text-align: center; */
    line-height: 0.34rem;
    font-size: 0.34rem;
    color: #fff;
    /* display: inline-block; */
    font-style: normal;
    font-weight: 700;
}
.closeupload{
    background: url("../images/close.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.32rem;
    height: 0.32rem;
    left: 5.3rem;
    top: 0.25rem;
}
.vc {
    position: absolute;
    left: 3.92rem;
    top: 0.8rem;
    width: 1.69rem;
    height: 0.7rem;
}
.submit{
    background: url("../images/uploadbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.4rem;
    top: 1.92rem;
    width: 5.23rem;
    height: 0.7rem;
}
.vc img, .vc span {
    width: 1.69rem;
    height: 0.7rem;
    position: absolute;
    left: 0;
    top: 0;
}
.pvid, .ppic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.vc input{
    opacity: 0;
    filter: alpha(opacity=0);
}
/*上传作品*/
/*大赛资讯*/
.dszx{
    display: none;
}
.cdszx{
    background:url("../images/dszx.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:2.11rem;
	top:5.43rem;
	width:3.22rem;
	height:0.74rem;
	z-index:283;
}
.dszxnavs{
    position: absolute;
    font-size: 0.28rem;
    color: #529099;
    top: 7rem;
    left: 1.07rem;
}
.dszxnav{
    float: left;
    letter-spacing: 0.02rem;
    line-height: 0.35rem;
    margin-left: 0.42rem;
}
.dszxnav:first-child{
    margin-left: 0;
}
.dszxnav.actived{
    font-size: 0.32rem;
    color: #eb4e38;
    font-weight: 700;
}
.dszxnav img{
    width: 0.34rem;
    position: relative;
    top: 0.05rem;
    left: 0.66rem;
    display: none;
}
.dszxnav.actived img{
    display: block;
}
.wmkzj,.drkzj{
    display: none;
}
.ymkzj ul,.wmkzj ul,.drkzj ul{
    width: 6.91rem;
    position: relative;
    left: 0.3rem;
    top: 6.74rem;
    padding-bottom: 1.5rem;
}
.ymkzj li,.wmkzj li,.drkzj li{
    position: relative;
    width: 100%;
    height: 1.55rem;
    margin-bottom: 0.2rem;
    background: url("../images/libg.png") no-repeat;
    background-size: 100%;
}
/* .ymkzj li:last-child,.wmkzj li:last-child,.drkzj li:last-child{
    padding-bottom: 2rem;
} */
.limg{
    width: 2.74rem;
    height: 1.55rem;
    position: absolute;
    left: 0;
    top: 0;
}
.ltitle{
    position: absolute;
    width: 3.7rem;
    height: 0.7rem;
    line-height: 0.37rem;
    overflow: hidden;
    font-size: 0.28rem;
    left: 3rem;
    top: 0.2rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* text-align: justify; */
}
.ldate{
    font-size: 0.24rem;
    color: #565656;
    position: absolute;
    top: 1.1rem;
    left: 3rem;
}
/*大赛资讯*/
/*报名确认*/
.bmingwrap{
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,0.8); */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.bmingconts{
    background: url("../images/bmbg.png?0801") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.56rem;
    height: 8.22rem;
    left: 0.97rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.bmcont{
    position: absolute;
    width: 5.12rem;
    height: 5rem;
    left: 0.22rem;
    top: 1.3rem;
    overflow-y: scroll;
}
.bmcont p{
    font-size: 0.28rem;
    color: #fff;
    line-height: 0.5rem;
    text-align: justify;
}
.sure{
    position: absolute;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.3rem;
    color: #fff;
    top: 6.6rem;
    text-align: center;
}
.bmbtn{
    background: url("../images/bmbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.88rem;
    height: 0.7rem;
    top: 7.3rem;
    left: 0.34rem;
}
.closebm{
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 4.82rem;
    top: 0.1rem;
}
.sure input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.sure input[type="radio"] + .radio-label:before {
    content: '';
    background: none;
    border-radius: 100%;
    border: 0.04rem solid #fff;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: relative;
    top: 0.05rem;
    margin-right: 0.15rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.sure input[type="radio"]:checked + .radio-label:before {
    background-color: #fff;
    box-shadow: inset 0 0 0 0.05rem #498f95;
}
.sure input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #fff;
}
.sure input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.sure input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}
/*报名确认*/
/*活力榜*/
.hlbwrap{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.hlbconts{
    background: url("../images/hlbbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.13rem;
    height: 9.74rem;
    left: 0.68rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.hlbconts ul{
    width: 100%;
    height: 5.8rem;
    /* background: red; */
    position: absolute;
    left: 0;
    top: 2.3rem;
}
.hlbconts li{
    position: relative;
    width: 100%;
    height: 0.41rem;
    line-height: 0.41rem;
    margin-bottom: 0.12rem;
}
.shengwai{
    position: absolute;
    top: 8.1rem;
}
.bianhao{
    font-size: 0.32rem;
    color: #4095a4;
    height: 0.41rem;
    line-height: 0.51rem;
    position: relative;
    display: block;
    float: left;
    width: 0.49rem;
    text-align: center;
    left: 0.25rem;
    top: 0;
}
.bianhao1{
    background: url("../images/one.png") no-repeat;
    background-size: 100%;
    /* position: absolute; */
    width: 0.48rem;
    height: 0.41rem;
}
.bianhao2{
    background: url("../images/two.png") no-repeat;
    background-size: 100%;
    /* position: absolute; */
    width: 0.49rem;
    height: 0.41rem;
}
.bianhao3{
    background: url("../images/three.png") no-repeat;
    background-size: 100%;
    /* position: absolute; */
    width: 0.48rem;
    height: 0.40rem;
}
.city{
    font-size: 0.32rem;
    color: #4095a4;
    height: 0.41rem;
    line-height: 0.51rem;
    margin-left: 1rem;
    position: relative;
    display: block;
}
.rightconts{
    width: 4rem;
    position: absolute;
    top: 0;
    left: 1.9rem;
}
.hlt{
    background: #4095a4;
    width: 2.65rem;
    height: 0.16rem;
    border-radius: 0.2rem;
    margin-top: 0.15rem;
    position: relative;
    display: block;
    float: left;
}
.votes{
    font-size: 0.3rem;
    color: #4095a4;
    height: 0.41rem;
    line-height: 0.51rem;
    position: relative;
    /* margin-left: 0.6rem; */
    display: block;
    left: 0.2rem;
}
.closehlb{
    width: 0.75rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 2.7rem;
}
.zwsj{
    /* background: url("../images/zwsj.png") no-repeat;
    background-size: 100%; */
    width: 3.15rem;
    height: 1.38rem;
    font-size: 0.5rem;
    color: #a16f60;
    left: 0.98rem;
    top: 1.8rem;
    position: absolute;
}
.zwsj span{
    /* font-size: 0.28rem; */
    color: #B9B9C3;
    top: 0.4rem;
    left: 1rem;
}
/*活力榜*/
/*  -------------------------------------   诗画浙江 报名  ----------------------------------------------------------  */
.upload{
    display: none;
    position: absolute;
    left: 0;
    top: 4.22rem;
    z-index: 999;
    width: 7.5rem;
}
.sectb{
	background: #e2ede9;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99999;
	color: #529099;
	font-size: 0.32rem;
	overflow-y: auto;
}
.back{
    background: url("../images/back.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.94rem;
    height: 0.29rem;
    left: 0.4rem;
    top: 0.35rem;
}
.chaxun{
    background: url("../images/chaxun.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.12rem;
    height: 0.32rem;
    left: 6rem;
    top: 0.35rem;
}
.note{
	background-image: url(../images/note.png);
	background-size: 100% 100%;
	position: relative;
	left: 2.1rem;
	top: 0.3rem;
	width: 3.22rem;
	height: 0.73rem;
	z-index: 135;
	display: block;
	margin-bottom: 0.8rem;
}
.label{
	width: 6.7rem;
	height: 0.8rem;
	line-height: 0.8rem;
	position: relative;
	margin: 0.2rem auto;
}
.label2{
	height: 2rem;
	line-height: 0.4rem;
    margin: 0.2rem auto;
}
.tbwrap{
    padding-bottom: 2.5rem;
}
.signconts{
    width: 7.5rem;
    height: 2.22rem;
    position: fixed;
    bottom: 0;
    background-color:rgba(82,144,153,0.651);
}
.signbtn{
    background: url("../images/bmbtn2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.44rem;
    top: 0.26rem;
    width:6.64rem;
	height:0.76rem;
    z-index: 246;
/* 	width: 6.7rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	background: #eb4e38;
	font-size: 0.32rem;
	color: #fff;
	position: relative;
	margin: 0.65rem auto 0.9rem;
	display: block; */
}
.ybmbtn{
    background: url("../images/ybmbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left:0.44rem;
	top:1.2rem;
	width:6.64rem;
	height:0.76rem;
	z-index:247;
}
input[type="text"],textarea{
	border: 0;
	width: 5.15rem;
	font-size: 0.32rem;
	background: #cadddc;
	border-radius: 0.1rem;
	-webkit-appearance: auto;
	margin-left: 0.25rem;
	position: absolute;
	right: 0;
	color: #529099;
}
input{
	height: 0.8rem;
	text-indent:0.1rem;
	line-height: 0.8rem;
}
textarea{
    height: 2rem;
}
input[name="plink"]{
	width: 4.15rem;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #529099;
	font-size: 0.26rem;
}
textarea::-moz-input-placeholder,
input::-moz-input-placeholder {
	color: #529099;	font-size: 0.26rem;
}
textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
	color: #529099;	font-size: 0.26rem;
}
#phone{
    width: 3.3rem;
    right: 1.85rem;
}
.yzmbtn{
    background: url("../images/yzmbtn.png") no-repeat;
    background-size: 100%;
    position: relative;
    width: 1.7rem;
    height: 0.76rem;
    display: block;
    top: 0.02rem;
    float: right;
}
.yzmdjs{
    background: url("../images/yzmbg2.png") no-repeat;
    background-size: 100%;
    position: relative;
    width: 1.7rem;
    height: 0.76rem;
    line-height: 0.76rem;
    display: block;
    top: 0.02rem;
    float: right;
    font-size: 0.3rem;
    text-align: center;
    display: none;
    color: #fff;
}
/* input[type="radio"]{
	-webkit-appearance: auto;
	margin: 0 0.45rem 0 0.8rem;
	position: relative;
	appearance: none;
	outline: none;
}
.label:nth-child(3) input[type="radio"]{
	margin:0 0.45rem 0 0.15rem;
} */
textarea{
	padding: 0.1rem;
}

.ptype{
}
.label input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.label input[type="radio"] + .radio-label:before {
    content: '';
    background: none;
    border-radius: 100%;
    border: 0.04rem solid #5a959e;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: relative;
    top: 0.25rem;
    /* margin-left: 0.8rem; */
    margin-right: 0.1rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.label input[type="radio"]:checked + .radio-label:before {
    background-color: #5a959e;
    box-shadow: inset 0 0 0 0.04rem #fff;
}
.label input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #5a959e;
}
.label input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.label input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}
/* .label4 input[type="radio"] + .radio-label:before {
    content: '';
    background: none;
    border-radius: 100%;
    border: 0.04rem solid #5a959e;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: relative;
    top: 0.25rem;
    margin-left: 0.18rem;
    margin-right: 0.1rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
} */
/* .pradio:before {
	content: "";
	width: 0.28rem;
	height: 0.28rem;
	border: 1px solid #529099;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	position: absolute;
	top: 0.55rem;
}
.pradio:checked:before {
	content: "";
	width: 0.28rem;
	height: 0.28rem;
	border: 1px solid #529099;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
}
.pradio:checked:after {
	content: "";
	width: 0.22rem;
	height: 0.22rem;
	text-align: center;
	background: #529099;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0.58rem;
	left: 0.15rem;
} */

.dksuccess_png{
	background:url("../images/dksuccess.png?0310") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left: 1.01rem;
	top: 4.5rem;
	width:5.56rem;
	height:4.12rem;
	z-index:137;
}
.dkfail_png{
	background:url("../images/dkfailed.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left: 1.01rem;
	top: 4.5rem;
	width:5.56rem;
	height:5.07rem;
	z-index:137;
	display: none;
}

.godtbtn,.godtbtn2{
	width: 5rem;
	height: 0.7rem;
	bottom: 0.4rem;
	left: 0.3rem;
}

.notewrap,.donewrap,.donewrap2,.donewrap3{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999999;
	background: rgba(0,0,0,0.5);
}
.notewrap.actived{
	display: block;
}
.notewrap.actived span{
	-webkit-animation: show 0.5s ease-in-out forwards;animation: show 0.5s ease-in-out forwards;
}
/*报名*/
/*抽奖*/
.choujiang{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    background: rgba(0, 0, 0, .5);
}
.cjbg{
    background: url("../images/cjbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.56rem;
    height: 8.22rem;
    left: 0.97rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.cjintro{
    width: 5.14rem;
    height: 5.7rem;
    position: absolute;
    left: 0.21rem;
    top: 1.02rem;
    overflow-y: scroll;
    overflow-x: hidden;
}
.cjintro p{
    font-size: 0.28rem;
    color: #fff;
    text-align: justify;
}
.cjbtn2{
    background: url("../images/cjbtn2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.88rem;
    height: 0.7rem;
    left: 0.34rem;
    bottom: 0.3rem;
}
.closecj{
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 0.1rem;
    right: 0.2rem;
}
/*抽奖*/
/*验证码*/
.yzmwrap,.yzmwrap2{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
.closeyzm,.closeyzm2{
    background: url("../images/close.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.32rem;
    height: 0.32rem;
    left: 5.3rem;
    top: 0.3rem;
}
.yzms,.yzms2{
    background: url("../images/yzmbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6rem;
    height: 4.87rem;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.yzmimg,.yzmimg2{
    width: 5.46rem;
    height: 1.58rem;
    position: absolute;
    left: 0.27rem;
    top: 1rem;
    background: #fff;
}
.yzms .yzm,.yzms2 .yzm2{
    width: 5.46rem;
    right: 0.27rem;
    top: 2.7rem;
    border-radius: 0;
    color: #fff;
    background: #adc5c8;
}
.yzmsure,.yzmsure2{
    background: url("../images/sure.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.47rem;
    height: 0.7rem;
    left: 0.27rem;
    top: 3.83rem;
}
.yzms .yzm::-webkit-input-placeholder,.yzms2 .yzm2::-webkit-input-placeholder { 
    color: #fff; 
} 
.yzms .yzm:-moz-placeholder,.yzms2 .yzm2:-moz-placeholder { 
    color: #fff; 
} 
.yzms .yzm::-moz-placeholder,.yzms2 .yzm2::-moz-placeholder { 
    color: #fff; 
} 
.yzms .yzm:-ms-input-placeholder,.yzms2 .yzm2:-ms-input-placeholder { 
    color: #fff; 
}
/*验证码*/
/*查询1*/
.searchwrap1{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
}
.searchbg1{
    background: url("../images/searchbg1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6rem;
    height: 4.51rem;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.closesearch{
    background: url("../images/close.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.32rem;
    height: 0.32rem;
    left: 5.3rem;
    top: 0.3rem;
}
.searchbg1 #phone2{
    width: 3.55rem;
    border-radius: 0;
    height: 0.7rem;
    line-height: 0.7rem;
    top: 1.35rem;
    left: 0;
    text-indent: 0.2rem;
    color: #fff;
}
.yzmbtn2{
    background: url("../images/yzmbtn2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.67rem;
    height: 0.7rem;
    top: 1.35rem;
    left: 4.05rem;
}
.yzmdjs2{
    background: url("../images/yzmbg3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.67rem;
    height: 0.7rem;
    top: 1.35rem;
    left: 4.05rem;
    font-size: 0.3rem;
    color: red;
    display: none;
    text-align: center;
    line-height: 0.7rem;
}
.searchbg1 #yzm3{
    width: 5.47rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0;
    top: 2.25rem;
    left: 0;
    text-indent: 0.2rem;
    color: #fff;
}
.searchbtn1{
    background: url("../images/searchbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.47rem;
    height: 0.7rem;
    left: 0.25rem;
    top: 3.4rem;
}
.searchbg1 #phone2::-webkit-input-placeholder,.searchbg1 #yzm3::-webkit-input-placeholder { 
    color: #fff; 
} 
.searchbg1 #phone2:-moz-placeholder,.searchbg1 #yzm3:-moz-placeholder { 
    color: #fff; 
} 
.searchbg1 #phone2::-moz-placeholder,.searchbg1 #yzm3::-moz-placeholder { 
    color: #fff; 
} 
.searchbg1 #phone2:-ms-input-placeholder,.searchbg1 #yzm3:-ms-input-placeholder { 
    color: #fff; 
}
/*查询1*/
/*查询结果*/
.searchwrap2{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
}
.yjg{
    background: rgba(83, 133, 140, 0.922);
    width: 6rem;
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.cxjg{
    background: url("../images/cxjg.png") no-repeat;
    background-size: 100%;
    position: relative;
    width: 1.33rem;
    height: 0.32rem;
    display: block;
    left: 2.34rem;
    margin-top: 0.45rem;
}
.cxlist{
    width: 5.47rem;
    left: 0.25rem;
    position: relative;
    margin-top: 0.4rem;
    max-height: 6.6rem;
    overflow-y: scroll;
}
.cxlist::-webkit-scrollbar{
    display: none;
}
.cxlist li{
    position: relative;
    width: 100%;
    height: 1.12rem;
    margin-bottom: 0.25rem;
}
.cxlist li:last-child{
    margin-bottom: 0;
}
.cximg1,.cximg2{
    width: 1.99rem;
    height: 1.12rem;
    position: absolute;
    left: 0;
    top: 0;
}
.cxtitle{
    height: 1.12rem;
    line-height: 0.37rem;
    position: absolute;
    left: 2.2rem;
    font-size: 0.28rem;
    color: #fff;
    overflow: hidden;
}
.know{
    background: url("../images/btn.png") no-repeat;
    background-size: 100%;
    position: relative;
    display: block;
    width: 5.47rem;
    height: 0.7rem;
    left: 0.25rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}
.wjg{
    background: url("../images/wjg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6rem;
    height: 3.43rem;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
}
.closewjg{
	position:absolute;
	left:0.27rem;
	top:2.45rem;
	width:5.47rem;
	height:0.7rem;
	z-index:3;
}
/*查询结果*/
/*报名中转*/
.uploadneeds{
    display: none;
    position: absolute;
    left: 0;
    top: 4.22rem;
    z-index: 999;
    width: 7.5rem;
    height: 11.88rem;
    background: #dfede9;
}
.needs{
    background: url("../images/zpyqbg2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 7.5rem;
    height: 11.54rem;
    left: 0;
    top: 0;
    /* z-index: 99999; */
}
.back2{
    background: url("../images/back.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.94rem;
    height: 0.29rem;
    left: 0.4rem;
    top: 0.6rem;
}
.cneeds{
    background: url("../images/zpyq.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.37rem;
    height: 0.79rem;
    left: 2.06rem;
    top: 0.6rem;
}
.zconts2{
    position: relative;
    left: 0.48rem;
    margin-top: 1.7rem;
    width: 6.54rem;
    text-align: justify;
    /* height: 7.07rem; */
}
.zconts2 p{
    font-size: 0.3rem;
    color: #34929b;    
    font-weight: 550;
    line-height: 0.5rem;
}
.needsconts{
    background:rgba(82,144,153,0.651);
	position:fixed;
	left:0;
	bottom:0;
	width:7.5rem;
	height:1.56rem;
	z-index:255;
}
.uploadbtn{
    background: url("../images/upload.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:0.44rem;
	top:0.4rem;
	width:6.64rem;
	height:0.76rem;
}
/*报名中转*/
/* .videos{
    background: url("../images/videobg.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0.24rem;
	top:4.4rem;
	width:7.14rem;
	height:4.08rem;
	z-index:300;
}
video{
    position:absolute;
	left:0.055rem;
	top:0.055rem;
	width:7.03rem;
	height:3.95rem;
    object-fit: fill;
    display: none;
    background: #000;
}
.videobg{
    position:absolute;
	left:0.055rem;
	top:0.055rem;
	width:7.03rem;
	height:3.95rem;
}
.vbg{
    width: 100%;
    height: 100%;
    float: left;
}
.vbg2{
    width: 100%;
    height: 100%;
    float: left;
}
.vtitle{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 0.67rem;
    line-height: 0.67rem;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.vtitle span{
    font-size: 0.22rem;
    color: #fff;
    padding: 0 0.2rem;
    height: 0.67rem;
    line-height: 0.67rem;
}
.playbtn2{
    width: 0.92rem;
    height: 0.92rem;
    position: absolute;
    top: 2.66rem;
    left: 0.36rem;
} */
.p10{
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
}
.tiaoguo{
    background: url("../images/skipbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.2rem;
    height: 0.49rem;
    top: 1.8rem;
    left: 5.7rem;
    z-index: 99999;
}
.p10 .videobg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.p10 .playbtn2{
    top: 10rem;
}
.p10 video{
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: fill;
}
.p1{
    background:url("../images/p1bg.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:9.68rem;
	width:7.44rem;
	height:5.13rem;
	z-index:44;
}
.p1cont{
    background: url("../images/p1cont.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.35rem;
    height: 3.81rem;
    left: 0.56rem;
    top: 0.99rem;
}
.p2cont1{
    background:url("../images/p2bg1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:18.42rem;
	width:7.44rem;
	height:5.08rem;
	z-index:105;
}
.p2img1{
    background: url("../images/p2cont1.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:0.45rem;
	top:0.98rem;
	width:6.49rem;
	height:3.73rem;
	z-index:107;
}
.p2cont2{
    background:url("../images/p2bg2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:23.72rem;
	width:7.44rem;
	height:5.72rem;
	z-index:112;
}
.p2news{
    background:url("../images/p2cont2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.43rem;
	top:0.27rem;
	width:6.5rem;
	height:1.26rem;
	z-index:113;
}
.tip1{
    background: url("../images/tips.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.89rem;
    height: 0.89rem;
    top: 5.1rem;
    left: 6rem;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.swiper{
    position:absolute;
    left: 0.2rem;
    top: 1.7rem;
    width: 7.1rem;
    height: 3.6rem;
	z-index:55;
}
.swiper .swiper-slide{
    width:5.19rem;
	height:100%;
    margin: 0 0.1rem;
}
/* .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
} */
.videos2{
    background: url("../images/videobg2.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0;
	top:0;
	width:5.19rem;
	height:2.99rem;
	z-index:300;
}
.videos2 video{
    width: 5.08rem;
    height: 2.86rem;
    position: absolute;
    left: 0.04rem;
    top: 0.04rem;
}
.videos2 .videobg{
    width: 5.08rem;
    height: 2.86rem;
    position: absolute;
    left: 0.04rem;
    top: 0.04rem;
}
.videos2 .playbtn2{
    top: 1.66rem;
    left: 0.26rem;
}
.swtitle{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    position: absolute;
    bottom: 0;
    font-size: 0.24rem;
    color: #000;
}
.icon1{
    background: url("../images/icon1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.51rem;
    height: 0.5rem;
    left: 0.2rem;
    top: 0;
}
.icon2{
    background: url("../images/icon2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.51rem;
    height: 0.49rem;
    left: 0.2rem;
    top: 0;
}
.swtitle1{
    position: absolute;
    left: 0.9rem;
    top: 0.03rem;
}
.p2cont3{
    background:url("../images/p2bg3.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0;
    top: 29.77rem;
    width: 7.5rem;
    height: 8.23rem;
    z-index: 132;
}
.p2cont4{
    background:url("../images/p2bg4.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.03rem;
	top:37.73rem;
	width:7.4rem;
	height:9.86rem;
    z-index: 132;
}
.p2img{
    /* background:url("../images/p2img.png") no-repeat;
	background-size:100% 100%; */
	position:absolute;
	left:1.21rem;
	top:49.89rem;
	width:5.19rem;
	height:2.99rem;
	z-index:140;
}
.p2title3{
    background:url("../images/p2title3.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.48rem;
	top:53.09rem;
	width:4.92rem;
	height:0.24rem;
	z-index:131;
}
.tip6{
    background:url("../images/tips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 6.48rem;
    top: 52.63rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.p2cont6{
    background:url("../images/p2bg6.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:53.44rem;
	width:7.44rem;
	height:7.48rem;
	z-index:144;
}
.p2title4{
    background:url("../images/p2cont6.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.5rem;
	top:0.45rem;
	width:6.35rem;
	height:1.77rem;
	z-index:145;
}
.tip7{
    background:url("../images/tips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 6.08rem;
    top: 6.43rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.swiper2{
    position:absolute;
    left: 0.2rem;
    top: 2.7rem;
    width: 7.05rem;
    height: 3.7rem;
	z-index:55;
}
.swiper2 .swiper-slide{
    width:5.19rem;
	height:100%;
    margin: 0 0.1rem;
}
.icon3{
    background: url("../images/icon3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.48rem;
    height: 0.58rem;
    left: 0.2rem;
    top: 0;
}
.icon4{
    background: url("../images/icon4.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.94rem;
    height: 0.58rem;
    left: 0.2rem;
    top: 0;
}
.icon5{
    background: url("../images/icon5.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.58rem;
    height: 0.58rem;
    left: 0.2rem;
    top: 0;
}
.sw2title{
    width: 100%;
    height: 0.58rem;
    line-height: 0.58rem;
    position: absolute;
    bottom: 0;
    font-size: 0.24rem;
    color: #000;
}
.swtitle2{
    position: absolute;
    left: 0.9rem;
    top: 0.03rem;
}
.swtitle3{
    position: absolute;
    left: 1.3rem;
    top: 0.03rem;
    line-height: 0.3rem;
}
.swtitle4{
    position: absolute;
    left: 1rem;
    top: 0.03rem;
    line-height: 0.3rem;
}

.p3box1{
    background:url("../images/p3bg1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:65.31rem;
	width:7.4rem;
	height:5.96rem;
	z-index:198;
}
.p3title1{
    background:url("../images/p3cont1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.56rem;
	top:1.02rem;
	width:6.34rem;
	height:0.75rem;
	z-index:164;
}
.p3img1{
    background:url("../images/p3img1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.13rem;
	top:2rem;
	width:5.19rem;
	height:2.99rem;
	z-index:166;
}
.p3box2{
    background:url("../images/p3bg2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0rem;
	top:70.33rem;
	width:6.12rem;
	height:5.77rem;
	z-index:199;
}
.videos3{
    background: url("../images/videobg3.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0.11rem;
	top:75.87rem;
	width:3.04rem;
	height:5.29rem;
	z-index:300;
}
.videos3 video{
    width: 2.86rem;
    height: 5.08rem;
    position: absolute;
    left: 0.04rem;
    top: 0.04rem;
}
.videos3 .videobg{
    width: 2.86rem;
    height: 5.08rem;
    position: absolute;
    left: 0.04rem;
    top: 0.04rem;
}
.videos3 .playbtn2{
    top: 3.86rem;
    left: 0.26rem;
}
.v3title{
    background:url("../images/p3title1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.23rem;
	top:81.34rem;
	width:4.75rem;
	height:0.24rem;
	z-index:174;
}
.tip8{
    background:url("../images/tips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.63rem;
    top: 81.64rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.p3box4{
    background:url("../images/p3bg3.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:2.62rem;
	top:75.47rem;
	width:4.88rem;
	height:5.77rem;
	z-index:200;
}
.p3box5{
    background:url("../images/p3bg4.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:81.7rem;
	width:7.44rem;
	height:10.84rem;
	z-index:183;
}
.p3img2{
    width: 7.44rem;
}
.tip9{
    background:url("../images/tips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 6.33rem;
    top: 4.6rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.swiper3{
    position:absolute;
    left: 0.18rem;
    top: 0.9rem;
    width: 7.08rem;
    height: 3.7rem;
    z-index: 55;
}
.swiper3 .swiper-slide{
    width:5.19rem;
	height:100%;
    margin: 0 0.1rem;
}
.icon6{
    background: url("../images/icon6.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.67rem;
    height: 0.58rem;
    top: 0;
    left: 0.2rem;
}

.swtitle5{
    position: absolute;
    left: 0.9rem;
    top: 0.03rem;
    line-height: 0.3rem;
}
.swtitle6{
    position: absolute;
    left: 0.9rem;
    top: 0.03rem;
}
.swtitle7{
    position: absolute;
    left: 0.9rem;
    top: 0.03rem;
}
.swtitle8{
    position: absolute;
    left: 1rem;
    top: 0.03rem;
    line-height: 0.3rem;
}
.swiper3 .icon1,.swiper3 .icon2{
    top: 0.03rem;
}
.p3cont2{
    background:url("../images/p3cont2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.4rem;
	top:4.95rem;
	width:5.71rem;
	height:1.34rem;
	z-index:171;
}
.tip5{
    background:url("../images/tips2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 5.68rem;
    top: 5.93rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.p3video2{
    position:absolute;
	left:0.35rem;
	top:6.49rem;
	width:5.19rem;
	height:2.99rem;
	z-index:187;
}
.p3box6{
    background:url("../images/p3bg5.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.23rem;
    top: 92.53rem;
    width: 7.13rem;
    height: 8.02rem;
    z-index: 189;
}
.p4box1{
    background:url("../images/p4bg1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.06rem;
	top:103.41rem;
	width:7.4rem;
	height:7.4rem;
	z-index:222;
}
.p4cont1{
	background:url("../images/p4cont1.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.81rem;
	top:1.05rem;
	width:6.03rem;
	height:1.26rem;
	z-index:215;
}
.tip10{
    background:url("../images/tips.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 4.93rem;
    top: 5.9rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.p4video1{
	position:absolute;
	left:1.08rem;
	top:2.81rem;
	width:5.19rem;
	height:2.99rem;
	z-index:219;
}
.p4box2{
    background:url("../images/p4bg2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:109.31rem;
	width:7.5rem;
	height:14.09rem;
	z-index:224;
}
.p4cont2{
    background:url("../images/p4cont2.png?0701") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.87rem;
	top:3.22rem;
	width:5.65rem;
	height:2.79rem;
	z-index:230;
}
.p4cont3{
    background:url("../images/p4cont3.png?0701") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.87rem;
	top:8.14rem;
    width: 5.67rem;
    height: 3.3rem;
	z-index:230;
}
.tip2{
    background:url("../images/tips2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:3.78rem;
	top:5.72rem;
	width:0.89rem;
	height:0.86rem;
	z-index:229;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.tip3{
    background:url("../images/tips2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:3.78rem;
	top:10.99rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.p4box3{
    background:url("../images/p4bg3.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:121.53rem;
	width:7.5rem;
	height:7.36rem;
	z-index:224;
}
.p4cont4{
    background:url("../images/p4cont4.png?0701") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.16rem;
    top: 6.17rem;
    width: 5.29rem;
    height: 0.24rem;
	z-index:225;
}
.tip4{
    background:url("../images/tips2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:3.68rem;
	top:6.73rem;
	width:0.89rem;
	height:0.86rem;
	z-index:228;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.jieyu{
    background:url("../images/jieyu.png?0630") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.83rem;
	top:130.85rem;
	width:5.93rem;
	height:5.84rem;
	z-index:78;
}


.left{
    background: url("../images/left.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.21rem;
    height: 0.4rem;
    top: 18.3rem;
    left: 0.3rem;
}
.right{
    background: url("../images/right.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.21rem;
    height: 0.4rem;
    top: 18.3rem;
    left: 7rem;
}
.ctitle2{
	background:url("../images/ctitle2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.37rem;
	top:19.98rem;
	width:4.91rem;
	height:0.95rem;
	z-index:88;
}
.ctitle3{
	background:url("../images/ctitle3.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:2.09rem;
	top:27.02rem;
	width:3.4rem;
	height:0.95rem;
	z-index:88;
}
.list{
    position: absolute;
    width: 7.1rem;
    height: 2.3rem;
    left: 0.23rem;
    top:28.68rem;
    overflow-x: scroll;
}
.list::-webkit-scrollbar{
    display: none;
}
.listul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.listli{
    position: relative;
    width: 2.81rem;
    height: 100%;
    float: left;
    margin-right: 0.15rem;
}
.listli:last-child{
    margin-right: 0;
}
.liimg{
    width: 100%;
    height: 1.58rem;
}
.lititle{
    font-size: 0.25rem;
    color: #fffde5;
    width: 2.71rem;
    left: 0;
    top: 1.64rem;
    /* letter-spacing: 0.05rem; */
    padding: 0 0.05rem;
    line-height: 0.32rem;
    height: 0.64rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
}
.ctitle4{
    background:url("../images/ctitle4.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:2.05rem;
	top:32.48rem;
	width:3.4rem;
	height:0.95rem;
	z-index:106;
}
.list2{
    position: absolute;
    width: 7rem;
    height:5.24rem;
    left:0.24rem;
	top:34.04rem;
}
.listul2{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.listul2 li {
    width: 100%;
    height: 1.58rem;
    position: relative;
    margin-bottom: 0.25rem;
}
.listul2 li:last-child{
    margin-bottom: 0;
}
.down{
    background:url("../images/down.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:3.48rem;
	top:39.62rem;
	width:0.51rem;
	height:0.56rem;
    /* transform: translateY(-0.1rem);
    -webkit-transform: translateY(-0.1rem);
    -webkit-animation: show 1s linear alternate infinite;
    animation: show 1s linear alternate infinite; */
	z-index:146;
}
/* .limg{
    width: 2.81rem;
    height: 1.58rem;
    position: absolute;
    top: 0;
    left: 0;
} */
/* .ltitle{
    position: absolute;
    left: 3.01rem;
    width: 3.92rem;
    height: 1.05rem;
    line-height: 0.36rem;
    font-size: 0.29rem;
    color: #fffde5;
    letter-spacing: 0.02rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: justify;
} */
.tipnews{
    position: absolute;
    left: 3.01rem;
    bottom: 0;
    width: 3.72rem;
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.2rem;
    color: #fffde5;
    letter-spacing: 0.02rem;
}
.pv{
    position: relative;
}
.date{
    position: relative;
    margin-left: 0.2rem;
}
.listul2::-webkit-scrollbar{
    display: none;
}

/* .back{
    background: url("../images/back.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.4rem;
	top:41.18rem;
	width:1.53rem;
	height:0.81rem;
    display: none;
} */
.sharebtn{
    background: url("../images/sharebtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.71rem;
	top:41.18rem;
	width:1.53rem;
	height:0.81rem;
}
.sharebtn.center{
    left: 2.985rem;
}
.logo{
    background: url("../images/logo.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.1rem;
	top:133.56rem;
	width:5.46rem;
	height:0.46rem;
}

.notetxt2{
    border-radius: 0.07rem;
    background-color: rgb(0,0,0);
    opacity: 0.8;
    position: absolute;
    left: 1.39rem;
    top: 8.41rem;
    width: 4.36rem;
    /* height: 0.66rem; */
    z-index: 9999;
    font-size: 0.25rem;
    color: #fff;
    text-align: center;
    padding: 0.2rem;
    line-height: 0.5rem;
    z-index: 99999;
}
/* input::-webkit-input-placeholder { 
    color: #1c5bce; 
} 
input:-moz-placeholder { 
    color: #1c5bce; 
} 
input::-moz-placeholder { 
    color: #1c5bce; 
} 
input:-ms-input-placeholder { 
    color: #1c5bce; 
} */
.tips_wrap{
    background:rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999999;
    display:none;
}
.tips{
    width: 5.64rem;
    height: 2.6rem;
    position: absolute;
    top: 5.5rem;
    left: 0.95rem;
    background: #fff;
    border-radius: 0.1rem;
    opacity: 0;
    -webkit-transform: translate(0,-15px);
    transform: translate(0,-15px);
    -webkit-animation: show 0.3s linear forwards;
    animation: show 0.3s linear forwards;
}
.tips .newnote {
    font-family: PingFangSC-Semibold;
    font-size: 0.32rem;
    color: #010101;
    width: 100%;
    height: 1.48rem;
    line-height: 1.48rem;
    text-align: center;
    display: block;
}
.tips .newsdiv {
    width: 100%;
    height: 1.08rem;
    line-height: 1.08rem;
    border-top: 1px solid #F6F6F6;
    position:absolute;
    bottom: 0;
}
.tips .btncancle {
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #013365;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.tips .btngo {
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #E9B20A;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    right: 0;
}





.okwrap{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.okdiv{
    background: url('../images/p2_10.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 7.25rem;
    height: 7.08rem;
    top: 4rem;
    left: 0.125rem;
}
.okbtn{
    position: absolute;
    width: 3rem;
    height: 0.5rem;
    top: 5.7rem;
    left: 0.5rem;
}
.backbtn{
    position: absolute;
    width: 1rem;
    height: 100%;
    top: 0;
    left: 0rem;
}
.dtbtn{
    position: absolute;
    width: 2.4rem;
    height: 100%;
    top: 0;
    left: 3.1rem;
}


.backbtn2{
    position: absolute;
width: 2rem;
    height: 1rem;
    top: 0;
    left: 0rem;
}

.swiper-pagination-bullet {
    background: #fff;
  }

.re{position: relative;}
.ra{position: absolute;}
.rf{position: fixed;}
.sec {
  overflow: hidden;
  /*-webkit-transition: all 1s;*/
  /*transition: all 1s;*/
}

/*.loading{width:100%;height:100%;position: absolute;z-index: 999;    background: #f0fdff;}
.loading img{     width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }*/

.loadgif{
    position: absolute;
    width: 3.76rem;
    height: 0.65rem;
    top: 5.5rem;
    left: 1.87rem;
}
.audwrap{
    background: url('../images/music.png') center no-repeat;background-size: 100%; position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    right: 0.3rem;
    top: 0.6rem;
    z-index: 9999;
}
.audwrap img{width: 100%;-webkit-animation: show 0.8s linear infinite;animation: show 0.8s linear infinite;opacity: 0;}
.audwrap.off img{display: none;}
.audwrap.on{
  -webkit-animation: rotateani 2s linear forwards infinite;animation: rotateani 2s linear forwards infinite;
}

.conwrap,
.conwrap2{
    background: url('../images/bg.jpg') center no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 16.24rem;
    top:50%;
    left:0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    overflow: hidden;
}
.conwrap2{
    display: none;
}
.conwrap3{
    height: 100%;
    top: 0;
     -webkit-transform: translate(0,0);
     transform: translate(0,0);
    overflow-y: auto;
}

.page{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    overflow: hidden;
}
.page1{
    /*z-index: 999;*/
    background: url('../images/bg.jpg') center no-repeat;
    background-size: cover;
}
.page2{
    background: url('../images/bg2.jpg') center no-repeat;
    background-size: cover;
    /*background: rgba(0,0,0,0.5);*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}

.page2.actived{
    display: block;
}

.oprabtns{
    background: url('../images/p2_1.png') center no-repeat;
    background-size: contain;
    position: relative;
    width: 2.64rem;
    height: 0.73rem;
    margin: 0.5rem auto;
}

.h2{
    background: url('../images/p2_2.png') center no-repeat;
    background-size: 100%;
    width: 6.71rem;
    height: 1.4rem;
    position: absolute;
    top: 0.8rem;
    left: 0.35rem;
}
.navscroll{
    position: absolute;
    width: 7.5rem;
    height: 6rem;
    top: 2.6rem;
    left: 0;
}
.navscroll span{
    width: 2.6rem;
    height: 4.66rem;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
}
.maskhot{
    width: 2.6rem;
    height: 4.66rem;
    top: 4rem;
    left: 2.5rem;
    z-index: 11;
}
.navscroll span:nth-child(1){
    background: url('../images/p_1.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(2){
    background: url('../images/p_2.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(3){
    background: url('../images/p_3.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(4){
    background: url('../images/p_4.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(5){
    background: url('../images/p_5.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(6){
    background: url('../images/p_6.png') center no-repeat;
    background-size: 100%;

}

.navscroll span.scrl1{
    width: 2.6rem;
    height: 4.66rem;
    top: 1.5rem;
    left: 2.5rem;
    z-index: 10;
    opacity: 1;
}
.navscroll span.scrl2{
    top: 1.7rem;
    left: 0.3rem;
    z-index: 10;
    opacity: 1;
    width: 2.3rem;
    height: 4.46rem;
}
.navscroll span.scrl3{
    top: 0.3rem;
    left: 0.4rem;
    z-index: 5;
    opacity: 0.7;
    width: 2.3rem;
    height: 4.66rem;
}
.navscroll span.scrl4{
    top: 0;
    left: 2.75rem;
    z-index: 5;
    opacity: 0.7;
    height: 3.9rem;
    width: 2.3rem;
}
.navscroll span.scrl5{
    top: 0;
    left: 5rem;
    z-index: 5;
    opacity: 0.7;
    width: 2.3rem;
    height: 4.66rem;
}
.navscroll span.scrl6{
    top: 1.5rem;
    left: 4.9rem;
    z-index: 10;
    opacity: 1;
    width: 2.3rem;
}

.btnnote{
        background: url('../images/p2_1.png') center no-repeat;
    background-size: 100%;
    width: 1.9rem;
    height:0.74rem;
    position: absolute;
    top: 8rem;
    left: 4.35rem;
    display: block;
    z-index: 999;
    opacity: 0;
    -webkit-animation: show 2s linear alternate infinite;animation: show 2s linear alternate infinite;
}

.gifani{
    background: url('../images/g1_1.gif') center no-repeat;
    background-size: contain;
    width: 3rem;
    height:3rem;
    position: absolute;
    top:8.9rem;
    left: 7rem;
    -webkit-transform: translate(-7rem,0);
    transform: translate(-7rem,0);
}
.gifani2{
    background: url('../images/g2_1.gif') center no-repeat;
    background-size: contain;
}
.gifani.goani{
    background: url('../images/g1_2.gif') center no-repeat;
    background-size: contain;
    -webkit-animation: show 2s linear alternate forwards;animation: show 2s linear alternate forwards;
}
.gifani2.goani{
    background: url('../images/g2_2.gif') center no-repeat;
    background-size: contain;
}

.notewrap{
    background: url('../images/maskbg.png') center no-repeat;
    background-size: 100%;
    width: 7.32rem;
    height: 3.76rem;
    position: absolute;
    top: 8.8rem;
    left: 0.15rem;
    display: block;
    opacity: 0;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
}
.notewrap span{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.notewrap.actived{
    -webkit-animation: show 0.5s 1s linear alternate forwards;animation: show 0.5s 1s linear alternate forwards;
}
.notewrap span.t1{
    background: url('../images/p2_3_1.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t2{
    background: url('../images/p2_3_2.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t3{
    background: url('../images/p2_3_3.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t4{
    background: url('../images/p2_3_4.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t5{
    background: url('../images/p2_3_5.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t6{
    background: url('../images/p2_3_6.png') center no-repeat;
    background-size: 100%;
}

.btnsopra{
    background: url('../images/p2btns.png') center no-repeat;
    background-size: 100%;
    width: 5.59rem;
    height: 0.89rem;
    position: absolute;
    top: 12.6rem;
    left: 1.05rem;
    display: none;
}


/* .sharebtn{
    right: 0;
    width: 1rem;
    height: 100%;
    top: 0;
} */

.latestbtn{
    top: 4.5rem;
    left: 4.4rem;
    width: 1.9rem;
    height: 0.6rem;
    display: block;
    position: absolute;
}


.sp{
    display: none;
}


.page3{
    background: rgba(0,0,0,0.9);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
}
.page3.actived{
    display:block;
}
.p3con{
    position: absolute;
    width:7.33rem;
    height:11.34rem;
    top: 1.2rem;
    left: 0.185rem;
    opacity: 0;
    -webkit-transform: translate(0,1rem);
    transform: translate(0,1rem);
}
.actived .p3con{
    -webkit-animation: show 0.5s linear alternate forwards;animation: show 0.5s linear alternate forwards;
}

.p3con1{
    background: url('../images/p3_1_1.png') center no-repeat;
    background-size: 100%;
}
.p3con2{
    background: url('../images/p3_1_2.png') center no-repeat;
    background-size: 100%;
}

.p3con3{
    background: url('../images/p3_1_3.png') center no-repeat;
    background-size: 100%;
}

.p3con4{
    background: url('../images/p3_1_4.png') center no-repeat;
    background-size: 100%;
}

.p3con5{
    background: url('../images/p3_1_5.png') center no-repeat;
    background-size: 100%;
}

.p3con6{
    background: url('../images/p3_1_6.png') center no-repeat;
    background-size: 100%;
}


.sharediv{
    background: url('../images/p3btns.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.43rem;
    height: 0.89rem;
top: 12.6rem;
    left: 1.1rem;
}

.p3bg{
    width: 100%;
}
.maskbg{
    background: url('../images/bg2.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.maskbg2{
    background: url('../images/p2_9.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
    -webkit-animation: show 0.3s linear alternate infinite;animation: show 0.3s linear alternate infinite;
}
.databg{
    background: url('../images/databg.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.1rem;
    height:1.58rem;
    top: 3.4rem;
    left: 1.65rem;
}
.databg2{
    background: url('../images/databg2.png') center no-repeat;
    background-size: 100%;
}
.itdata{
    position: absolute;
    width: 3.2rem;
    height: 0.5rem;
    top: 0.08rem;
    left: 1.1rem;
    overflow: hidden;
}
.itdata2{
    position: absolute;
    width: 3.2rem;
    height: 0.5rem;
    top: 0.65rem;
    left: 1.1rem;
    overflow: hidden;
}
.itdata3{
    position: absolute;
    width: 3.2rem;
    height: 0.5rem;
    top: 1.24rem;
    left: 1.1rem;
    overflow: hidden;
}
.sped{
    background: url('../images/p2_4_1.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.75rem;
    height:0.29rem;
    left:0;
    transition: left 1s;
    -moz-transition: left 1s; /* Firefox 4 */
    -webkit-transition: left 1s; /* Safari 和 Chrome */
    -o-transition: left 1s; /* Opera */
}
.itdata2 .sped{
    background: url('../images/p2_4_2.png') center no-repeat;
    background-size: 100%;
}
.itdata3 .sped{
    background: url('../images/p2_4_3.png') center no-repeat;
    background-size: 100%;
}
.type1 .sped{left: -60%;}
.type1 .itdata2 .sped{left: -50%;}
.type1 .itdata3 .sped{left: -50%;}
.type2 .sped{left: -70%;}
.type2 .itdata2 .sped{left: -40%;}
.type2 .itdata3 .sped{left: -70%;}
.type3 .sped{left: -65%;}
.type3 .itdata2 .sped{left: -50%;}
.type3 .itdata3 .sped{left: -30%;}
.type4 .sped{left: -75%;}
.type4 .itdata2 .sped{left: -30%;}
.type4 .itdata3 .sped{left: -20%;}

.type11 .sped{left: -10%;}
.type11 .itdata2 .sped{left: -70%;}
.type11 .itdata3 .sped{left: -50%;}
.type22 .sped{left: -70%;}
.type22 .itdata2 .sped{left: -50%;}
.type22 .itdata3 .sped{left: -20%;}
.type33 .sped{left: -80%;}
.type33 .itdata2 .sped{left: -30%;}
.type33 .itdata3 .sped{left: -30%;}
.type44 .sped{left:-100%;}
.type44 .itdata2 .sped{left: 0;}
.type44 .itdata3 .sped{left: 0;}

.slidenote{
    background: url('../images/p2_1.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.89rem;
    height:0.64rem;
    top: 1.4rem;
    left: 2.3rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation : show 2s ease-in-out alternate infinite;
    -webkit-animation : show 2s ease-in-out alternate infinite;
}
.slt1{
    background: url('../images/p2_2.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.24rem;
    height:1.21rem;
    top: 6.2rem;
    left: 0.2rem;
    z-index: 999999;
}

.slt2{
    background: url('../images/p2_3.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.24rem;
    height:1.21rem;
    top: 7.6rem;
    left: 0.2rem;
    z-index: 999999;
}
.slt1.clicked{
    background: url('../images/p2_2_2.png') center no-repeat;
    background-size: 100%;
}
.slt2.clicked{
    background: url('../images/p2_3_2.png') center no-repeat;
    background-size: 100%;
}


  @-webkit-keyframes rotateani {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotateani {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

.progress {
    width: 3.13rem;
    height: 0.08rem;
    background: #fff;
    /* border: 3px solid #f2a523; */
    position: absolute;
    left: 1.9rem;
    top: 6.4rem;
    right: auto;
    /* bottom: 0; */
    margin: auto;
    border-radius: 0.2rem;
}
.progressbar2{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #eb4e38;
    transition: width ease-in 200ms;
    -webkit-transition: width ease-in 200ms;
    border-radius: 0.2rem;
}
.percent {
    display: block;
    margin: 0 auto;
    width: 0.7rem;
    height: 0.3rem;
    font-size: 0.25rem;
    color: #5d8a92;
    position: absolute;
    text-align: center;
    top: -0.1rem;
    font-weight: bold;
    left: 3.2rem;
}

span{
  position: absolute;
}


.secbg2,.secbg22{
    position: absolute;width: 100%;top: 0;left: 0;
}
.loadww{
    position: absolute;
    height: 100%;
    width: 16.24rem;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #f0fdff;
    /* display: none; */
}
.playbtn{
    background: url('../images/playbtn.png') center no-repeat;background-size: contain;
    width: 2.15rem;
    height: 0.97rem;
    position: absolute;
    top: 10rem;
    left: 2.8rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation : show 1s 1s ease-in-out alternate infinite;
    -webkit-animation : show 1s 1s ease-in-out alternate infinite;
}

.vdbox2,.picscroll,
.videobox{
    position: absolute;
    width: 6.4rem;
    height: 3.63rem;
    background: #000;
    top: 0;
    left: 0;
    z-index: 99999;
}

.secbg22{opacity: 0;}
.section1.actived .secbg22{animation : show3 3s ease-in-out forwards;-webkit-animation : show3 3s ease-in-out forwards;}

  @-webkit-keyframes show3 {
    100%{
      opacity: 1;
    }
  }
  @keyframes show3 {
    100%{
      opacity:1;
    }
  }


.stitle{position: absolute; width: 4.86rem;height: 4.67rem;top: 0.5rem;left: 1.45rem;}
.stitle span{top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate(0,0.5rem);transform: translate(0,0.5rem);opacity: 0;}
.stitle span:nth-child(1){background: url('../images/1p1-1.png') center no-repeat;background-size: contain;}
.stitle span:nth-child(2){background: url('../images/1p1-2.png') center no-repeat;background-size: contain;}
.stitle span:nth-child(3){background: url('../images/1p1-3.png') center no-repeat;background-size: contain;}
.stitle span:nth-child(4){background: url('../images/1p1-4.png') center no-repeat;background-size: contain;}
.stitle span:nth-child(5){background: url('../images/1p1-5.png') center no-repeat;background-size: contain;}
.stitle span:nth-child(6){background: url('../images/1p1-6.png') center no-repeat;background-size: contain;}
.stitle span:nth-child(7){background: url('../images/1p1-7.png') center no-repeat;background-size: contain;}

.section1.actived .stitle span:nth-child(1){animation : show 0.8s linear forwards;-webkit-animation : show 0.8s linear forwards;}
.section1.actived .stitle span:nth-child(2){animation : show 0.8s 0.6s linear forwards;-webkit-animation : show 0.8s 0.6s linear forwards;}
.section1.actived .stitle span:nth-child(3){animation : show 0.8s 1.2s linear forwards;-webkit-animation : show 0.8s 1.2s linear forwards;}
.section1.actived .stitle span:nth-child(4){animation : show 0.8s 1.8s linear forwards;-webkit-animation : show 0.8s 1.8s linear forwards;}
.section1.actived .stitle span:nth-child(5){animation : show 0.8s 2.4s linear forwards;-webkit-animation : show 0.8s 2.4s linear forwards;}
.section1.actived .stitle span:nth-child(6){animation : show 0.8s 3s linear forwards;-webkit-animation : show 0.8s 3s linear forwards;}
.section1.actived .stitle span:nth-child(7){animation : show 0.8s 3.6s linear forwards;-webkit-animation : show 0.8s 3.6s linear forwards;}

.opera{position: absolute;width:5.46rem;height: 1.27rem;top:9rem;left:1rem;background: url('../images/1p2.png') center no-repeat;background-size: contain;/*-webkit-transform: translate(0,1rem);transform: translate(0,1rem);*/opacity: 0;}
.gobtn{
    background: url('../images/gobtn.png') center no-repeat;background-size: contain;
    top: 10.5rem;
    left: 2.8rem;
    width:1.91rem;
    height: 1.94rem;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    animation: show 0.5s ease-in-out alternate infinite;
    -webkit-animation: show 0.5s ease-in-out alternate  infinite;
}
.section1.actived .opera{animation : show 0.5s 5s linear forwards;-webkit-animation : show 0.5s 5s linear forwards;}

.sltdesc{
    position: absolute;
    width:2.96rem;
    height: 0.49rem;
    top: 10.25rem;
    left: 2.2rem;
}
.td1{
    background: url(../images/p2_6_1.png) center no-repeat;
    background-size: contain;
}
.td2{
    background: url(../images/p2_6_2.png) center no-repeat;
    background-size: contain;
}
.td3{
    background: url(../images/p2_6_3.png) center no-repeat;
    background-size: contain;
}
.td4{
    background: url(../images/p2_6_4.png) center no-repeat;
    background-size: contain;
}
.td11{
    background: url(../images/p2_8_1.png) center no-repeat;
    background-size: contain;
}
.td22{
    background: url(../images/p2_8_2.png) center no-repeat;
    background-size: contain;
}
.td33{
    background: url(../images/p2_8_3.png) center no-repeat;
    background-size: contain;
}
.td44{
    background: url(../images/p2_8_4.png) center no-repeat;
    background-size: contain;
}

.section2{position: absolute;width: 100%; height: 100%;left: 0;top: 0;overflow-y: auto;display: none;-webkit-overflow-scrolling: touch;}
.secbg3{width: 100%;}

.piclsbtn{width: 0.62rem;
    height: 0.62rem;
top: 0.2rem;
    right: 0.2rem;
    background: url(../images/closebtn.png) center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 999;
    border-radius: 50%;}

.joinchat{position: absolute;width:1.94rem;height: 0.46rem;top: 15.76rem;left: 2.7rem;background: url('../images/2p1.png') center no-repeat;background-size: contain;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
      animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate  infinite;
  }
.cmtwrap{position: absolute;width: 6.03rem;height: 3.13rem;top: 39.6rem;left: 1.3rem;}
.cmtwrap2{position: absolute;width: 6.08rem;height: 3.65rem;top: 31.85rem;left: 1.3rem;}
.cmtbtn{
  position: absolute;width:0.62rem;height: 0.38rem;top: 0;right: 0;background: url('../images/2p2-1.png') center no-repeat;background-size: contain;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
      animation: show 0.6s ease-in-out alternate infinite;
    -webkit-animation: show 0.6s ease-in-out alternate  infinite;
}
.cmtbg{
  position: absolute;width:3.24rem;height: 0.68rem;top: 0;right: 0.85rem;background: url('../images/2p2-2.png') center no-repeat;background-size: contain;display: none;
}
.cmtopera{
  position: absolute;width:1.6rem;height: 0.68rem;top: 0;right: 0.85rem; display: none;
}
.cmtrlt{
  position: absolute;width:6.08rem;height: 0.53rem;bottom: 0.1rem;left: -0.08rem;background: url('../images/2p3.png') center no-repeat;background-size: contain; display: none;
}
.cmtwrap2 .cmtrlt{width:6.08rem;height: 0.61rem;background: url('../images/2p3-2.png') center no-repeat;background-size: contain;}
.zanwrap{
  position: absolute;width: 6.03rem;height: 1.1rem;top: 54.8rem;left: 1.3rem;

}
.zanwrap .cmtbg{background: url('../images/2p2-3.png') center no-repeat;background-size: contain;display: none;top: -0.15rem;}
.zanwrap .cmtopera{width:1.6rem;height: 0.68rem;top: 0;right: 2.5rem; display: none;}
.zanwrap .cmtrlt{
  position: absolute;width:4.55rem;height: 0.64rem;bottom: 0.1rem;left: -0.08rem;background: url('../images/2p4-1.png') left center no-repeat;background-size: 4.08rem 0.64rem; display: block;
}
.zanwrap .cmtrlt.clicked{background: url('../images/2p4-2.png') left center no-repeat;background-size: 4.55rem 0.64rem;}

.ygcf{
  width: 2.77rem;height: 4.5rem;top:27.3rem;left: 1.3rem;
}



.qmbtn{
  width: 2.85rem;height: 4rem;background: url('../images/1p3.png') right bottom no-repeat;background-size:0.53rem 0.71rem; top:86.9rem;left: 1.3rem;opacity: 0;
        animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate  infinite;
}

/*群聊*/
.pyq{
  position: absolute;width: 100%;height: 100%;overflow: hidden;background: #ededed;display: none;
}
.qlcon{
  width: 100%;
    height: 80%;
    overflow: hidden;
}
.hotname{width:100%;height: 1.08rem;background: url('../images/btm_up.jpg') center no-repeat;background-size:contain; top: 0;left: 0;    position: initial;display: block;z-index: 999;}
.bannar{position: absolute; width:100%;height: 1.15rem;background: url('../images/btm.jpg') center no-repeat;background-size:contain; bottom: 0;left: 0;}
.qlcon img{margin: 0.45rem 0 0 0.25rem; display: block;width:5.98rem;}
.zanani{
  /*background: url('../images/gif2.gif') center no-repeat;background-size:contain;    */
  top: 0.24rem;
    left: 0.9rem;
    width: 2.32rem;
    height: 0.69rem;
    position: absolute;
}

.qlcon img:nth-child(1){width:3.62rem;}
.qlcon img:nth-child(3){width:5.78rem;}
.qlcon img:nth-child(5){width:4.42rem;}
.qlcon img:nth-child(10){width:3.92rem;}
.qlcon img:nth-child(11){width:2.62rem;}
.qlcon img:nth-child(12){width:2.66rem;margin: 0.45rem 0 0 4.6rem;}

.vd1,.vd1wrap{position: absolute;width: 5.96rem;height: 3.33rem;top: 20.8rem;left: 1.22rem;}
.vd2,.vd2wrap{position: absolute; width: 5.96rem; height: 3.33rem;top: 67.9rem; left: 1.22rem;}
.vd1,.vd2{display: none;}
.vd1wrap{background: url('../images/poster2.jpg') center no-repeat;background-size:contain; }
.vd2wrap{background: url('../images/poster1.jpg') center no-repeat;background-size:contain; }


.sendbtn{position: absolute;width:1.36rem;height: 0.75rem;bottom: 0.2rem;right: 0.2rem;background: url('../images/btm2.png') left center no-repeat;background-size:contain;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
      animation: show 0.6s ease-in-out alternate infinite;
    -webkit-animation: show 0.6s ease-in-out alternate  infinite;
    display: none;
}

.qmwrap{
  position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
}

.sigwrap{
    width: 100%;
    height: 6rem;
    top: 6rem;
    left: 0;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.txtnote{
  width:3.22rem;height: 0.35rem;background: url('../images/4p4.png') center no-repeat;background-size:contain; top: 0.2rem;left: 2.2rem;  
}
.js-signature {
    width: 7rem;
    height: 3.4rem;
    position: absolute;
    top: 1rem;
    left: 0.24rem;
    background: #f7f5f5;
}
.js-signature canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.btn_clear {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    border: none;
}
.btn_submit {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    left: 3.1rem;
    background: none;
    border: none;
}
.sigbg{
  position: absolute;width: 5.6rem;height: 0.62rem;background: url('../images/4p3.png') center no-repeat;background-size: 100%;bottom: 0;left:1rem;
}

.canvas_copy {
    width: 7.5rem;
    height: 10.75rem;
    position: absolute;
    /*z-index: 9999;*/
    top: 6.7rem;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: none;
}
.hcbg,.hcbg2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#signature {
    position: absolute;
    width: 2.1rem;
    height: 1rem;
    top: 3rem;
    left: 0.9rem;
    font-size: 0.3rem;
    line-height: 1.6rem;
    color: #fff;
}
#signature img {
    height: 100%;
}
.morebtn{
  position: absolute;width: 2.45rem;height:1.07rem;background: url('../images/4p3-3.png') center no-repeat;background-size: 100%;    top: 9.2rem;left: 2.5rem;
  opacity: 0;   
   -webkit-transform: translate(0,1rem);
    transform: translate(0,1rem);
}
.sharewrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    background: rgba(0,0,0,0.7);
    /*background: url('../images/ad.jpg') center no-repeat;background-size: 100% 100%;*/
}
.sharebg_png{
    background: url('../images/sharebg.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 3.15rem;
    height: 1.49rem;
    right: 0.4rem;
    top: 0.5rem;
    opacity: 0;
    -webkit-animation: show 0.8s ease-in-out infinite;
    animation: show 0.8s ease-in-out infinite;
}
.downbtn3{
    background: url("../images/download.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.6rem;
    height: 2.16rem;
    left: 1.95rem;
    top: 10.5rem;
}
.sharenote{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;    display: none;
    z-index: 9999999;
}
.share{
    position: absolute;width: 5.51rem;height: 2.64rem;background: url('../images/share.png') center no-repeat;background-size: 100%;
    top: 0.2rem;right:0.3rem;
    opacity:0;
    -webkit-animation: show 2s ease-in-out infinite;animation: show 2s ease-in-out infinite;
}

.sharewrap img{
    width:100%;}

.morebtn.shown,.sharewrap.shown{ 
  -webkit-animation: show 0.5s ease-in-out forwards;animation: show 0.5s ease-in-out forwards;
}



@-webkit-keyframes moveani {
    0%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    70%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}
@keyframes moveani {
    0%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    70%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@-webkit-keyframes moveani2 {
    30%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    70%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes moveani2 {
    30%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    70%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}


  @-webkit-keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }
  @keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }

  /*iPhoneX的适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    
}

  /*iPhoneXS XR的适配*/
/*body.xx .handwrap{top: 10rem;}*/



@media screen and (min-device-height:720px) and (min-device-width: 444px) {
    

}


@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}

.imgcont{
    font-size: 0.36rem;
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0.8rem;
}
.imgnums{
    padding: 0 0.05rem;
    position: relative;
}
.imgupload{
    width: 100%;
    font-size: 0.44rem;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 1.5rem;
    font-weight: 700;
}
.addbtn {
    background: url(../images/picbtn.png) no-repeat;
    background-size: 100%;
    width: 1.16rem;
    height: 1.16rem;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99;
}
.iname2{
    background: url("../images/iname.png") no-repeat;
    background-size: 100%;
    border: none;
    position: absolute;
	left:1.48rem;
	top:22.65rem;
	width:5.4rem;
	height:0.63rem;
    line-height: 0.63rem;
    z-index: 143;
    font-size: 0.33rem;
    text-indent: 0.15rem;
    padding-top: 0.05rem;
    /* background: none; */
    color: #000;
}
.isex2{
    background: url("../images/isex.png") no-repeat;
    background-size: 100%;
    border: none;
    position: absolute;
	left:1.48rem;
	top:23.46rem;
	width:5.4rem;
	height:0.64rem;
    line-height: 0.64rem;
    z-index: 143;
    font-size: 0.33rem;
    padding-left: 0.15rem;
    /* background: none; */
    color: #d7d7d7;
}
.birthday2{
    position: absolute;
    left: 2.16rem;
    top:24.33rem;
    width: 4.75rem;
    height: 0.53rem;
    line-height: 0.53rem;
    color: #d7d7d7;
}
.birthday2 select{
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#year2{
    background: url("../images/select.png") no-repeat;
    background-size: 100%;
    width: 1.49rem;
    height: 0.53rem;
    position: absolute;
    border: none;
    left: 0;
    top: 0;
    font-size: 0.28rem;
    color: #d7d7d7;
    padding-left: 0.15rem;
    padding-top: 0.05rem;
}
#month2{
    background: url("../images/select.png") no-repeat;
    background-size: 100%;
    width: 1.49rem;
    height: 0.53rem;
    position: absolute;
    border: none;
    left: 1.6rem;
    top: 0;
    font-size: 0.28rem;
    color: #d7d7d7;
    padding-left: 0.15rem;
    padding-top: 0.05rem;
}
#day2{
    background: url("../images/select.png") no-repeat;
    background-size: 100%;
    width: 1.49rem;
    height: 0.53rem;
    position: absolute;
    border: none;
    left: 3.2rem;
    top: 0;
    font-size: 0.28rem;
    color: #d7d7d7;
    padding-left: 0.15rem;
    padding-top: 0.05rem;
}
.itel{
    background: url("../images/itel.png") no-repeat;
    background-size: 100%;
    border: none;
    position: absolute;
	left:2.11rem;
	top:25.11rem;
	width:4.78rem;
	height:0.64rem;
    line-height: 0.64rem;
    z-index: 143;
    font-size: 0.33rem;
    text-indent: 0.15rem;
    padding-top: 0.05rem;
    /* background: none; */
    color: #000;
}
.icard2{
    background: url("../images/icard.png") no-repeat;
    background-size: 100%;
    border: none;
    position: absolute;
	left:2.11rem;
	top:25.93rem;
	width:4.77rem;
	height:0.63rem;
    line-height: 0.63rem;
    z-index: 143;
    font-size: 0.33rem;
    padding-left: 0.15rem;
    /* background: none; */
    color: #d7d7d7;
    padding-top: 0.05rem;
}
.icardNum2{
    background: url("../images/icardNum.png") no-repeat;
    background-size: 100%;
    border: none;
    position: absolute;
	left:2.12rem;
	top:26.75rem;
	width:4.77rem;
	height:0.63rem;
    line-height: 0.63rem;
    z-index: 143;
    font-size: 0.33rem;
    text-indent: 0.15rem;
    padding-top: 0.05rem;
    /* background: none; */
    color: #000;
}
.idna{
    background: url("../images/idna.png?1104") no-repeat;
    background-size: 100%;
    border: none;
    position:absolute;
	left:2.93rem;
	top:27.55rem;
	width:3.95rem;
	height:0.64rem;
    line-height: 0.64rem;
    font-size: 0.33rem;
    padding-left: 0.15rem;
    /* background: none; */
    color: #d7d7d7;
    padding-top: 0.05rem;
}
.icontact{
    background: url("../images/icontact.png") no-repeat;
    background-size: 100%;
    border: none;
    position:absolute;
	left:3.09rem;
	top:28.42rem;
	width:3.8rem;
	height:0.64rem;
    line-height: 0.64rem;
    font-size: 0.33rem;
    text-indent: 0.15rem;
    padding-top: 0.05rem;
}
.province2{
    background: url("../images/pro.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:0.5rem;
	top:29.68rem;
	width:2.09rem;
	height:0.53rem;
    border: none;
    font-size: 0.28rem;
    color: #d7d7d7;
    padding-right: 0.2rem;
    padding-left: 0.1rem;
    padding-top: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.city2{
    background: url("../images/pro.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:2.7rem;
	top:29.68rem;
	width:2.09rem;
	height:0.53rem;
    border: none;
    font-size: 0.28rem;
    color: #d7d7d7;
    padding-right: 0.2rem;
    padding-left: 0.1rem;
    padding-top: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.county2{
    background: url("../images/pro.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:4.93rem;
	top:29.68rem;
	width:2.09rem;
	height:0.53rem;
    border: none;
    font-size: 0.28rem;
    color: #d7d7d7;
    padding-right: 0.2rem;
    padding-left: 0.1rem;
    padding-top: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.address2{
    background: url("../images/address.png") no-repeat;
    background-size: 100%;
    border: none;
    position: absolute;
	left:0.52rem;
	top:30.37rem;
	width:6.5rem;
	height:0.51rem;
    line-height: 0.51rem;
    z-index: 143;
    font-size: 0.28rem;
    text-indent: 0.15rem;
    padding-top: 0.05rem;
    /* background: none; */
    color: #000;
}
/* input::-webkit-input-placeholder {
    color: #d7d7d7;
}
input::-moz-input-placeholder {
    color: #d7d7d7;
}
input::-ms-input-placeholder {
    color: #d7d7d7;
}
textarea::-webkit-input-placeholder {
    color: #d7d7d7;
}
textarea::-moz-input-placeholder {
    color: #d7d7d7;
}
textarea::-ms-input-placeholder {
    color: #d7d7d7;
} */


.notetxt{
    border-radius: 0.07rem;
    background-color: rgb(181, 137, 76);
    opacity: 0.8;
    position: absolute;
    left: 2.57rem;
    top: 7.79rem;
    width: 2.22rem;
    height: 0.66rem;
    z-index: 160;
    font-size: 0.23rem;
    color: #ffcc78;
    text-align: center;
    line-height: 0.66rem;
}
.msgnote{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.msgnote11 {
    background:url("../images/msg.png") no-repeat;
    background-size: 100%;
    width: 5.55rem;
    height: 2.34rem;
    position: absolute;
    top: 50%;
    left: 0.975rem;
    z-index: 9999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.msgnote11 p {
    font-size: 0.4rem;
    color: #067cd0;
    position: absolute;
    width: 5rem;
    top: 50%;
    left: 0.275rem;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.closemsg{
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    right: 0;
    top: 0;
}
/* .notetxt2{
    border-radius: 0.07rem;
    background-color: rgb(0,0,0);
    opacity: 0.8;
    position: absolute;
    left: 2.25rem;
    top: 8.41rem;
    width: 3rem;
    height: 0.66rem;
    z-index: 116;
    font-size: 0.23rem;
    color: #fff;
    line-height: 0.66rem;
    text-align: center;
} */
.notetxt3{
    border-radius: 0.07rem;
    background-color: rgb(0,0,0);
    opacity: 0.8;
    position: absolute;
    left: 2.39rem;
    top: 7.61rem;
    width: 2.66rem;
    height: 0.66rem;
    z-index: 116;
    font-size: 0.23rem;
    color: #fff;
    line-height: 0.66rem;
    text-align: center;
}





.rltno3 .sharebtn{
    width: 4.41rem;
    height: 0.91rem;
    top: 5.95rem;
    left: 0.7rem;
}

.rltno1 .newsbtn,
.rltno2 .newsbtn,
.rltno1 .sharebtn,
.rltno2 .sharebtn,
.rltno3 .againbtn{
    display: none;
}
.downwrap{
    background: url(../images/poster.jpg) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9999;
    display: none;
}
.innote{
    background: url(../images/innote.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9999;
    display: none;
}
.downbtn{
    width: 3rem;
    height: 3rem;
    top: 12.1rem;
    left: 2.3rem;

}




.note_png{
    background-image:url("../images/note.png");
    background-size:100% 100%;
    position:absolute;
    left:0.45rem;
    top:9.59rem;
    width:6.6rem;
    height:3.44rem;
    z-index:56;
}
.slt2_png{
    background-image:url("../images/slt2.png");
    background-size:100% 100%;
    position:absolute;
    z-index:55;
}
.slt3_png{
    background-image:url("../images/slt3.png");
    background-size:100% 100%;
    position:absolute;
    z-index:54;
}
.slt6_png{
    background-image:url("../images/slt6.png");
    background-size:100% 100%;
    position:absolute;
    z-index:53;
}
.slt8_png{
    background-image:url("../images/slt8.png");
    background-size:100% 100%;
    position:absolute;
    z-index:52;
}
.slt7_png{
    background-image:url("../images/slt7.png");
    background-size:100% 100%;
    position:absolute;
    z-index:51;
}
.slt4_png{
    background-image:url("../images/slt4.png");
    background-size:100% 100%;
    position:absolute;
    z-index:50;
}
.slt5_png{
    background-image:url("../images/slt5.png");
    background-size:100% 100%;
    position:absolute;
    z-index:49;
}
.slt9_png{
    background-image:url("../images/slt9.png");
    background-size:100% 100%;
    position:absolute;

    z-index:48;
}
.slt1_png{
    background-image:url("../images/slt1.png");
    background-size:100% 100%;
    position:absolute;

    z-index:47;
}

/* .zzwrap div:nth-child(1){
    left:0.7rem;
    top:2.91rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(9){
    left:4.88rem;
    top:7.16rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(5){
    left:2.78rem;
    top:5.02rem;
    width:1.93rem;
    height:1.93rem;
 }
.zzwrap div:nth-child(4){
    left:0.7rem;
    top:5.02rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(7){
    left:0.7rem;
    top:7.15rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(8){
    left:2.78rem;
    top:7.15rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(6){
    left:4.88rem;
    top:5.03rem;
    width:1.93rem;
    height:1.93rem;
 }
.zzwrap div:nth-child(3){
    left:4.88rem;
    top:2.92rem;
    width:1.93rem;
    height:1.93rem;
  }
.zzwrap div:nth-child(2){
    left:2.78rem;
    top:2.91rem;
    width:1.93rem;
    height:1.93rem;
   }

.zzwrap.back div:nth-child(1){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(2){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(3){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(4){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(5){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(6){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(7){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(8){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(9){background-image:url("../images/slt10.png"); background-size:100% 100%;} */


/* html{
    font-family:PingFang-SC-Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;
    text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    margin:0;
    padding:0
}body{
    color:#434343;
    background-color:white;
    height:100%;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
} */
ul,ol{
    list-style:none outside none;
}
#lottery{
    width: 4.85rem;
    height: 4.8rem;
    top: 6.25rem;
    left: 1.3rem;
}
#lottery ul{
    font-size:0;
}
#lottery ul li{
    width: 1.45rem;
    height: 1.37rem;
    /* background:#f9d933; */
    border-radius:0.1rem;
    position: absolute;
    /* margin-right:0.17rem;
    margin-bottom:0.17rem;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    color:#1b1b1b; */
}
.lottery-unit-0{
    top: 0;
    left: 0.05rem;
}
.lottery-unit-1{
    top: 0;
    left: 1.7rem;
}
.lottery-unit-2{
    top: 0;
    left: 3.35rem;
}
.lottery-unit-3{
    top: 1.67rem;
    left: 3.35rem;
}
.lottery-unit-4{
    top: 3.3rem;
    left: 3.35rem;
}
.lottery-unit-5{
    top: 3.3rem;
    left: 1.67rem;
}
.lottery-unit-6{
    top: 3.3rem;
    left: 0.05rem;
}
.lottery-unit-7{
    top: 1.67rem;
    left: 0.05rem;
}
/* .lottery-go{
    width: 1.5rem;
    height: 1.5rem;
    top: 1.5rem;
    left: 1.5rem;
} */
#lottery ul li.alone p{
    line-height:1.37rem
}
#lottery ul li p{
    height:1.37rem;
    line-height:0.64rem;
    font-size:0.6rem;
    margin:0.92rem auto;
}
#lottery ul li.lottery-go{
    width: 1.53rem;
    height: 1.5rem;
    top: 1.67rem;
    left: 1.67rem;
}
#lottery ul li.lottery-go p{
    font-size:1.6rem;
}
#lottery ul li.active.lottery-unit{
    background: rgba(63,78,109,0.5);
    /* color:#fff; */
}
#lottery ul li:last-of-type{
    margin-right:0;
}
#lottery ul:last-of-type li{
    margin-bottom:0;
}

.p3_1_8_png{
    background-image:url("../images/p3_1_8.png");
    background-size:100% 100%;
    position:absolute;
    left:2.47rem;
    top:6.25rem;
    width:2.56rem;
    height:2.26rem;
    z-index:100;
}
.p2_1_png{
    background-image:url("../images/p2_1.png");
    background-size:100% 100%;
    position:absolute;
    left: 1.1rem;
    top: 0.91rem;
    width: 5.49rem;
    height: 1.93rem;
    z-index:99;
}
.p3_1_4_png{
    background-image:url("../images/p3_1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:0.11rem;
    top:4.19rem;
    width:2.57rem;
    height:2.26rem;
    z-index:98;
}
.p3_1_1_png{
    background-image:url("../images/p3_1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.11rem;
    top:2.13rem;
    width:2.57rem;
    height:2.26rem;
    z-index:97;
}
.p3_1_2_png{
    background-image:url("../images/p3_1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:2.47rem;
    top:2.13rem;
    width:2.57rem;
    height:2.26rem;
    z-index:96;
}
.p3_1_5_png{
    background-image:url("../images/p3_1_5.png");
    background-size:100% 100%;
    position:absolute;
    left:2.47rem;
    top:4.19rem;
    width:2.56rem;
    height:2.26rem;
    z-index:95;
}
.p3_1_9_png{
    background-image:url("../images/p3_1_9.png");
    background-size:100% 100%;
    position:absolute;
    left:4.79rem;
    top:6.25rem;
    width:2.57rem;
    height:2.26rem;
    z-index:94;
}
.p3_1_7_png{
    background-image:url("../images/p3_1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:0.11rem;
    top:6.25rem;
    width:2.57rem;
    height:2.26rem;
    z-index:93;
}
.p3_1_6_png{
    background-image:url("../images/p3_1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:4.79rem;
    top:4.19rem;
    width:2.57rem;
    height:2.26rem;
    z-index:92;
}
.p3_1_3_png{
    background-image:url("../images/p3_1_3.png");
    background-size:100% 100%;
    position:absolute;
    left:4.79rem;
    top:2.13rem;
    width:2.57rem;
    height:2.26rem;
    z-index:91;
}

.zzwrap div {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}
.actived .zzwrap div:nth-child(1){  -webkit-animation: show 0.5s linear forwards;animation: show 0.5s linear forwards;}
.actived .zzwrap div:nth-child(2){  -webkit-animation: show 0.5s 0.2s linear forwards;animation: show 0.5s 0.2s linear forwards;}
.actived .zzwrap div:nth-child(6){  -webkit-animation: show 0.5s 0.4s linear forwards;animation: show 0.5s 0.4s linear forwards;}
.actived .zzwrap div:nth-child(8){  -webkit-animation: show 0.5s 0.6s linear forwards;animation: show 0.5s 0.6s linear forwards;}
.actived .zzwrap div:nth-child(9){  -webkit-animation: show 0.5s 0.8s linear forwards;animation: show 0.5s 0.8s linear forwards;}
.actived .zzwrap div:nth-child(3){  -webkit-animation: show 0.5s 1s linear forwards;animation: show 0.5s 1s linear forwards;}
.actived .zzwrap div:nth-child(7){  -webkit-animation: show 0.5s 1.2s linear forwards;animation: show 0.5s 1.2s linear forwards;}
.actived .zzwrap div:nth-child(4){  -webkit-animation: show 0.5s 1.4s linear forwards;animation: show 0.5s 1.4s linear forwards;}
.actived .zzwrap div:nth-child(5){  -webkit-animation: show 0.5s 1.6s linear forwards;animation: show 0.5s 1.6s linear forwards;}