/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body,html,#content{overflow-x: hidden; max-width: 1920px; margin: 0 auto; width: 100%;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{position: relative; min-width: 1300px; background: #FFF; height: 1080px; max-width: 1920px; margin: 0 auto;}
.section{position: absolute; width: 1920px; height: 1080px; left: 50%; margin-left: -960px; top: 0; display: none; z-index: 5;}
.section7{background: url(../images/index.jpg) no-repeat center 0; z-index: 1000;}

.section1{background: url(../images/page1.jpg) no-repeat center 0; z-index: 10;}
.section2{background: url(../images/page2.jpg) no-repeat center 0;}
.section3{background: url(../images/page3.jpg) no-repeat center 0;}
.section4{background: url(../images/page4.jpg) no-repeat center 0;}
.section5{background: url(../images/page5.jpg) no-repeat center 0;}
.section6{background: url(../images/page6.jpg) no-repeat center 0;}



.logo{display: block; position: absolute; left: 900px; top: 30px; z-index: 100;}
.video_v1,.video_v2{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video_v1 video,.video_v2 video{display: block; width: 100%; height: 100%;}
.slg_text{width: 100%; height: 46px; position: absolute; left: 0; top: 792px; background: url(../images/slg_text.png) no-repeat center;}
.btn_online{display: block; width: 393px; height: 94px; background: url(../images/btn_online.png) no-repeat 0 0; position: absolute; top: 872px; left: 50%; margin-left: -196px; z-index: 100; cursor: pointer;}
.btn_online:hover{background-position: 0 bottom;}

.nav{width: 97px; height: 840px; position: absolute; left: 18px; top: 0; background: url(../images/navbg.png) no-repeat 0 0; z-index: 500;}
.nav div.top{height: 53px;}
.nav div.icon{height: 30px; background: url(../images/icon.png) no-repeat center;}
.nav a{display: block; width: 97px; height: 72px; text-align: center; cursor: pointer; font-size: 14px; color: #000;}
.nav a span{display: block; padding-top: 50px;}
.nav a.n1{background: url(../images/n1.png) no-repeat 0 0;}
.nav a.n2{background: url(../images/n2.png) no-repeat 0 0;}
.nav a.n3{background: url(../images/n3.png) no-repeat 0 0;}
.nav a.n4{background: url(../images/n4.png) no-repeat 0 0;}
.nav a.n5{background: url(../images/n5.png) no-repeat 0 0;}
.nav a.n6{background: url(../images/n6.png) no-repeat 0 0;}
.nav a.n7{background: url(../images/n7.png) no-repeat 0 0; height: 97px;}
.nav a:hover,.nav a.on{background-position: right 0;}

.loginBox{position: absolute; right: 250px; top: 40px; z-index: 100; text-align: right; font-size: 16px;}
.loginBox2{right: 495px; top: 50px;}
.loginDiv{display: none;}
.loginDiv a{float: right; width: 56px; height: 28px; background: url(../images/login.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.loginDiv a:hover{background-position: 0 bottom;}
.logoutDiv{display: none;}
.logoutDiv span{color: #2d3e52;}
.logoutDiv a{color: #000;}

.navTemp{width: 1312px; height: 445px; position: absolute; left: 206px; top: 284px;}
.navTemp a{display: block; width: 166px; height: 445px; overflow: hidden; text-indent: -9999px; position: absolute; cursor: pointer;}
.navTemp a.n1{background: url(../images/b1.png) no-repeat 0 0; left: 0; top: 0;}
.navTemp a.n2{background: url(../images/b2.png) no-repeat 0 0; left: 229px; top: 102px;}
.navTemp a.n3{background: url(../images/b3.png) no-repeat 0 0; left: 458px; top: 0;}
.navTemp a.n4{background: url(../images/b4.png) no-repeat 0 0; right: 458px; top: 102px;}
.navTemp a.n5{background: url(../images/b5.png) no-repeat 0 0; right: 229px; top: 0;}
.navTemp a.n6{background: url(../images/b6.png) no-repeat 0 0; right: 0; top: 102px;}
.navTemp a:hover,.navTemp a.on{background-position: 0 -450px;}

.topCont{width: 422px; height: 44px; background: #cfd7de; border-radius: 44px; position: absolute; right: 45px; top: 40px; z-index: 100;}
.toplink{width: 228px; height: 44px; float: left; text-align: center; line-height: 44px; position: relative;}
.toplink a{color: #000; font-size: 16px; margin: 0 15px;}
.toplink a:hover{color: #466eab;}
.toplink span{display: block; width: 1px; height: 13px; overflow: hidden; text-indent: -9999px; font-size: 0; line-height: 0; background: #888; position: absolute; right: 16px; top: 15px;}
.shareCont{width: 180px; height: 22px; line-height: 22px; padding-top: 10px; float: left;}
.shareCont span{float: left; width: 56px; font-size: 16px; color: #000;}
.shareCont a{float: left; width: 21px; height: 22px; margin-right: 6px; position:relative;}
.shareCont a.wx{background: url(../images/wx.png) no-repeat 0 0;}
.shareCont a.wb{background: url(../images/wb.png) no-repeat 0 0;}
.shareCont a.qqz{background: url(../images/qqz.png) no-repeat 0 0;}
.shareCont a.qq{background: url(../images/qq.png) no-repeat 0 0;}
.shareCont a:hover{background-position: 0 bottom;}
.shareCont a img{display: none; width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: 22px;}
.shareCont a:hover img{display: block;}

.qianMain{width: 1030px; height: 650px; position: absolute; left: 238px; top: 320px; z-index: 10; display: flex; justify-content: center;}
.qianList{width: 330px; height: 650px; position: relative; margin: 0 6px;}
.qianInt{width: 330px; height: 540px; position: relative; overflow: hidden;}
.qianInt div{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}
.qianInt div.qianNor{background: url(../images/qian_nor.png) no-repeat center 24px; display: block;}
.qianInt div.qianBig{background-position: 82px 62px; background-repeat: no-repeat;}
.qianInt div.qianGif{background: url(https://w2ivmg.wmupd.com/game/w2i/231010_qiantong.gif) no-repeat 0 0; width: 528px; height: 798px; left: -100px; top: -128px;}
.cqText{width: 1030px; position: absolute; left: 238px; top: 990px; font-size: 24px; color: #2d3e52; text-align: center;}
.cqText span{font-weight: bold; color: #416097;}

.btn_receive_cq{width: 212px; height: 72px; position: absolute; left: 50%; margin-left: -106px; cursor: pointer; bottom: 0; background: url(../images/btn_chou.png) no-repeat 0 0;}
.btn_receive_cq:hover{background-position: 0 -72px;}
.btn_receive_cq.over,.btn_receive_cq.over:hover{background-position: 0 -144px; cursor: default;}


.myInfo{width: 530px; height: 150px; position: absolute; left: 970px; top: 104px; z-index: 100}
.myNums{background: url(../images/line2.png) no-repeat center 0; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #29384b; margin-bottom: 26px;}
.myNums span{font-weight: bold; font-size: 24px; font-weight: bold; color: #416097;}
.myShow{width: 100%; height: 90px; position: relative;}
.myPors{width: 100%; height: 6px; background: url(../images/line4.png) no-repeat 0 0; position: absolute; left: 0; top: 36px; z-index: 1; overflow: hidden;}
.myPors span{display: block; width: 0; height: 100%; background: url(../images/line5.png) no-repeat 0 0;}
.myList{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: flex; justify-content: center;}
.myli{width: 54px; height: 100%; margin: 0 20px; text-align: center;}
.myli span.text{display: block; height: 20px; font-size: 14px; color: #000;}
.myli span.img{width: 36px; height: 36px; border: 2px solid #4584a4; background: #29495c; display: block; margin: 0 auto; position: relative; margin-bottom: 8px;}
.myli span.img img{display: block; width: 36px; height: 36px;}
.myli span.img a{display: none; width: 30px; height: 29px; background: url(../images/d2.png) no-repeat 0 0; position: absolute; left: 21px; top: 17px;}
.myli a.btn_receive{display: block; width: 54px; height: 22px; background: url(../images/btn_receive.png) no-repeat 0 0;}

.myli.on a.btn_receive{background-position: 0 -22px; cursor: pointer;}
.myli.on a.btn_receive:hover{background-position: 0 -44px;}

.myli.over span.img{border: 2px solid #aeb08f;}
.myli.over span.img a{display: block;}
.myli.over a.btn_receive{background-position: 0 -66px;}

.bookRen{width:100%; height: 100%; background: url(../images/h0.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 5;}
.bookVideo{width: 1920px; height: 1080px; position: absolute; left: 0; top: 0; z-index: 1;}
.bookVideo video{width: 100%; height: 100%; display: block;}
.bookClose{width: 650px; height: 726px; background: url(../images/book_close.png) no-repeat 0 0; position: absolute; left: 470px; top: 272px; z-index: 10}
.bookClose a{display: block; width: 130px; height: 130px; position: absolute; left: 50%; margin-left: -61px; top: 401px; cursor: pointer;}

.bookScroll{width: 1000px; height: 632px; position: absolute; left: 94px; top: 72px; overflow: hidden;}
.bookScroll ul{width: 10000px; height: 632px; position: absolute; left: 0; top: 0;}
.bookScroll li{float: left; width: 500px; height: 632px; position: relative;}
.day1{width: 128px; height: 40px; background: url(../images/Day1.png) no-repeat 0 0; position: absolute; left: 74px; top:59px;}
.day1 span{font-size: 30px; font-weight: bold; color: #4c4844; font-style: italic; display: block; line-height: 40px; padding-left: 76px;}
.day2{width: 128px; height: 40px; background: url(../images/Day2.png) no-repeat 0 0; position: absolute; right: 61px; top:59px;}
.day2 span{font-size: 30px; font-weight: bold; color: #4c4844; font-style: italic; display: block; line-height: 40px; padding-left: 88px;}

.bookli{width: 382px; height: 466px; position: absolute; left: 65px; top: 124px; background: url(../images/line6.png) no-repeat center 220px;}
.bookdl{width: 356px; height: 194px; position: relative; margin-bottom: 58px;}
.bookdl img{display: block; width: 347px; height: 176px; position: absolute; right: 0; top: 0;}
.btn_big{display: block; cursor: pointer; width: 33px; height: 33px; background: url(../images/big.png) no-repeat 0 0; position: absolute; right: 10px; top: 8px; z-index: 3;}
.bookTitle{width: 329px; height: 71px; background: url(../images/list_title2.png) no-repeat 0 0; position: absolute; left: 0; top: 123px; z-index: 2; color: #4c4844;}
.bookTitle h2{padding: 3px 0 0 10px; height: 28px; line-height: 28px; font-size: 18px;}
.bookTitle h2 span{background: url(../images/line3a.png) no-repeat right center; padding-right: 99px;}
.bookTitle p{padding: 0 20px 0 10px; line-height: 18px; font-size: 14px;}

.lock{width: 100%; height: 100%; background: rgba(147,136,130,0.95) url(../images/s.png) no-repeat center 240px; position: absolute; left: 0; top: 0; z-index: 100;}
.lock span{display: block; text-align: center; font-size: 18px; color: #FFF; padding-top: 340px;}

.bookOpen{width: 1187px; height: 830px; background: url(../images/book_open.png) no-repeat 0 0; position: absolute; left: 188px; top:205px; z-index: 10;}
.btn_prev{display: block; width: 39px; height: 78px; background: url(../images/prev2.png) no-repeat 0 0; position: absolute; left: 0; top: 360px; cursor: pointer;}
.btn_prev:hover{background-position: 0 bottom;}

.btn_next{display: block; width: 39px; height: 78px; background: url(../images/next2.png) no-repeat 0 0; position: absolute; right: 0; top: 360px; cursor: pointer;}
.btn_next:hover{background-position: 0 bottom;}

.page{width: 112px; height: 81px; background: url(../images/page.png) no-repeat 0 0; position: absolute; right: 100px; bottom: 50px; z-index: 100;}
.page span{display: block;  text-align: center; font-size: 24px; color: #FFF; width: 100px; padding-top: 14px;}

.btn_over{display: block; width: 302px; height: 72px; background: url(../images/btn_over.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -151px; bottom: 0px; cursor: pointer;}
.btn_over:hover{background-position: 0 bottom;}

.listTitle{width: 551px; height: 112px; background: url(../images/list_title.png) no-repeat 0 0; position: absolute; left: 20px; bottom: 60px; z-index: 10; color: #4c4844;}
.listTitle h2{padding: 0 0 0 18px; height: 50px; line-height: 50px; font-size: 28px;}
.listTitle h2 span{background: url(../images/line3.png) no-repeat right center; padding-right: 150px;}
.listTitle p{padding: 0 40px 0 18px; line-height: 26px; font-size: 20px;}
.listImgs{display: block; width: 847px; height: 429px; position: absolute; left: 38px; top: 36px;}

.ptMain{width: 936px; height: 527px; position: absolute; left: 243px; top: 347px; background: url(../images/pt.jpg) no-repeat 0 0; border: 1px solid #000;}
.ptBtns{width: 1250px; height: 527px; position: absolute; left: 243px; top: 347px; z-index: 100;}
#slot1{width: 233px; height: 262px; position: absolute; left: 0; top: 0; z-index: 10}
#slot2{width: 378px; height: 262px; position: absolute; left: 161px; top: 0;}
#slot3{width: 232px; height: 338px; position: absolute; left: 468px; top: 0; z-index: 10}
#slot4{width: 306px; height: 338px; position: absolute; right:2px; top: 0;}
#slot5{width: 308px; height: 339px; position: absolute; left:0px; bottom: 2px;}
#slot6{width: 299px; height: 336px; position: absolute; left:234px; bottom: 2px; z-index: 2}
#slot7{width: 232px; height: 263px; position: absolute; left:468px; bottom: 2px; z-index: 12}
#slot8{width: 305px; height: 262px; position: absolute; right:2px; bottom: 2px;}
.ptMain div img{display: block; width: 100%; height: 100%;}


.ptSmall{width: 280px; height: 525px; position: absolute; left: 1208px; top: 348px;}
.ptSmall img{display: block; position: absolute;}
.ptSmall img#image7{width:88px; left:34px; top: 18px;}
.ptSmall img#image1{width:89px; left: 162px; top: 18px;}

.ptSmall img#image4{width:115px; left: 6px; top: 148px;}
.ptSmall img#image5{width:116px; left: 162px; top: 120px;}

.ptSmall img#image2{width:141px; left: 6px; top: 280px;}
.ptSmall img#image6{width:112px; left: 162px; top: 252px;}

.ptSmall img#image3{width:88px; left: 34px; top: 392px;}
.ptSmall img#image8{width:114px; left: 136px; top: 392px;}

.ptText{width: 936px; position: absolute; left: 243px; top: 970px; font-size: 24px; color: #2d3e52; text-align: center;}
.ptText span{font-weight: bold; color: #416097;}


.btn_rule{display: block; cursor: pointer; z-index: 10}
.btn_cq{width: 177px; height: 61px; background: url(../images/btn_cq.png) no-repeat 0 0; position: absolute; left: 1118px; top: 240px;}
.btn_pt{width: 171px; height: 58px; background: url(../images/btn_pt.png) no-repeat 0 0; position: absolute; left: 1208px; top: 175px;}
.btn_sg{width: 173px; height: 60px; background: url(../images/btn_sg.png) no-repeat 0 0; position: absolute; left: 828px; top: 90px;}
.btn_cq:hover{background-position: 0 -61px;}
.btn_pt:hover{background-position: 0 -58px;}
.btn_sg:hover{background-position: 0 -59px;}

.playVideo{width: 780px; height: 630px; position: absolute; left: 270px; top: 326px; z-index: 1; overflow: hidden;}
.playWait{width: 780px; height: 630px; background: url(../images/play_02.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 1;}
.playStart{width: 1120px; height: 630px; position: absolute; left: -170px; top: 0; z-index: 2; display: none; background: #000;}
.playVideo video{width: 100%; height: 100%;}
.playDiv{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/play_01.png) no-repeat 0 0;}
.playBtns{width: 1098px; height: 630px; position: absolute; left: 270px; top: 326px;}
.playBtns a{display: block; cursor: pointer; position: absolute;}
.playBtns a.btn_play{width: 212px; height: 175px; left: 286px; top: 236px;}
.playBtns a.btn_pause{width: 146px; height: 146px; left: 907px; top: 31px;}
.playBtns a.btn_play2{width: 146px; height: 146px; left: 907px; top: 196px;}

.perIcon{width: 630px; height: 1080px; background: url(../images/h.png) no-repeat 0 0; position: absolute; right: 0; top: 0; z-index: 10;}
.onlineBox{width: 1182px; height: 608px; position: absolute; left: 249px; top: 307px; background: #ccc0dc;}
.onlineBox iframe{width: 1182px; height: 608px; display: block;}
.onlineDiv{width: 100%; height: 100%; background: url(../images/onlinebg.jpg) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 100;}

.swiper{width: 100%; height: 100%;}
.progMain{width: 1272px; height: 696px; position: absolute; left: 204px; top: 282px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: "";}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: "";}
.swiper-button-next, .swiper-button-prev{display: block; width: 39px; height: 78px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 bottom;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 bottom;}
.swiper-pagination-bullet{width: 20px; height: 20px; background: url(../images/d.png) no-repeat right 0; border-radius: 0; opacity: 1;}
.swiper-pagination-bullet-active{background-position: 0 0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 38px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 17px;}
.progCont{width: 1090px; height: 570px; padding: 45px 0 0 70px;}
.progTitle{height: 66px; line-height: 66px; padding-left: 42px; background: url(../images/icon2.png) no-repeat 0 center; margin-bottom: 36px; font-size: 30px; color: #2d3e52;}
.progImg{float: left; width: 654px; height: 434px;}
.progImg img{display: block; width: 100%; height: 100%;}
.progDesc{float: right; width: 402px; font-size: 16px; color: #2d3e52; line-height: 26px;}
.progDesc p{margin-bottom: 10px;}
.progDesc p.line{background: url(../images/line.png) no-repeat center bottom; padding-bottom: 16px;}

.ruleBox{padding: 120px 0 0 126px; font-size: 18px; color: #d1d1d1; line-height: 50px;}
.ruleBox span{color: #56a1ce;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 999999999; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 622px; height: 392px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 923px; height: 570px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{width: 923px; height: 501px; background: url(../images/pop3.png) no-repeat 0 0;}
.closeBtn{display: block; width: 54px; height: 54px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -65px; top: 0px;}
.closeBtn:hover{background-position: 0 bottom;}
.contMain{padding: 20px;}

.popTitle{height: 68px;}
.popTitle2{height: 110px; background: url(../images/ruleTitle.png) no-repeat center;}

.msg{height: 190px; width: 100%; text-align: center; padding-top: 53px;}
.msg strong{color: #2d68ad; font-size: 36px; font-weight: normal; height: 76px; line-height: 60px; display: block; width: 100%;}
.msg span{color: #2d3e52; font-size: 30px; line-height: 50px; display: block; width: 100%;}

.subMain{padding:0 0 20px 0;}
.sublist{height: 74px;}
.sublist span{float: left; width: 140px; height: 46px; line-height: 46px; font-size: 20px; color: #2d3e52; margin-right: 10px; text-align: right;}
.sublist select{float: left; width: 350px; background: #ced7e8; border: 1px solid #ced7e8; font-size: 20px; color: #2d3e52; height: 46px;}
.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; width: 192px; height: 62px; cursor: pointer; overflow: hidden; text-indent: -999px; margin: 0 10px;}
.btnBox a.btnSubmit{background: url(../images/btnEnter.png) no-repeat 0 0;}
.btnBox a.btnEnter{background: url(../images/btnEnter.png) no-repeat 0 0;}

.ruleCont{width: 810px; margin: 0 auto; height: 330px;}
.ruleCont p{font-size: 18px; color: #000; line-height: 48px;}
.ruleCont span{font-size: 30px; font-weight: bold; color: #214b7d; font-style:italic;}

.qianBox{width: 214px; height: 303px; position: absolute; left: 20px; top: 45px; display: flex; justify-content: center; border-right: 1px dashed #8b9db4;}
.qianBox span{display: block; width: 53px; height: 303px; margin: 0 4px;}
.qianBox span.q1{background: url(../images/q1.png) no-repeat 0 0;}
.qianBox span.q2{background: url(../images/q2.png) no-repeat 0 0;}
.qianBox span.q3{background: url(../images/q3.png) no-repeat 0 0;}
.qianBox span.q4{background: url(../images/q4.png) no-repeat 0 0;}
.qianRight{width:330px; position: absolute; left: 246px; top: 90px;}
.qianMsg{height: 154px; text-align: center;}
.qianMsg strong{display: block; font-size: 36px; height: 72px; font-weight: normal;}
.qianMsg strong.a1{color: #2d68ad;}
.qianMsg strong.a2{color: #686e74;}
.qianMsg span{display: block; font-size: 30px; color:#2d3e52;}


.body::-webkit-scrollbar{width:10px;height:10px;background-color:rgba(0,0,0,0);}
.body::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.body::-webkit-scrollbar-thumb{border-radius:0;background-color:#000;}/*面*/
.body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.body::-webkit-scrollbar-track-piece{margin:0;}

.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

@-webkit-keyframes moveyuan2{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveyuan2{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveyuan2{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveyuan2{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.moveTop{
  -webkit-animation: moveTop 1s ease-in alternate;
  -moz-animation: moveTop 1s ease-in alternate;
  -o-animation: moveTop 1s ease-in alternate;
  -ms-animation: moveTop 1s ease-in alternate;
  animation: moveTop 1s ease-in alternate;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,10px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,-10px);}
  100%{-moz-transform:translate(0,10px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,-10px);}
  100%{-ms-transform:translate(0,10px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,-10px);}
  100%{-o-transform:translate(0,10px);}
}
@keyframes moveTop{
  0%{transform:translate(0,-10px);}
  100%{transform:translate(0,10px);}
}