html,body{height:100%;padding:0;margin:0}body{font-family:"微软雅黑"}a,a:hover{color:#333;text-decoration:none;cursor:pointer}.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both}.clear{clear:both}.fl{float:left}.fr{float:right}.section{position:relative;width:100%;background-repeat:no-repeat;background-position:top center}.section1{position:relative;height:1119px;background:url(../images/bg_01.jpg) top center no-repeat}.logo{position:absolute;width:216px;height:82px;left:50%;margin-left:-485px;top:60px;background:url(https://image.51bph.com/images/you-logo.png) top center no-repeat}.logo183{position:absolute;width:119px;height:72px;left:50%;margin-left:-258px;top:50px;background:url(../images/logo183.png) top center no-repeat}.section1 .btns{width:570px;padding:726px 0 0;margin:0 auto}.btn-yy{width:245px;height:66px;text-indent:-9999em;background:url(../images/btn_yy.png) no-repeat}.btn-yy:hover{background:url(../images/btn_yyH.png) no-repeat}.btn-gift{width:245px;height:66px;text-indent:-9999em;background:url(../images/btn_gift.png) no-repeat}.btn-gift:hover{background:url(../images/btn_giftH.png) no-repeat}.btn-upload{width:245px;height:66px;text-indent:-9999em;background:url(../images/btn_upload.png) no-repeat}.btn-upload:hover{background:url(../images/btn_uploadH.png) no-repeat}.section2{position:relative;height:987px;background:url(../images/bg_02.jpg) top center no-repeat}.player-box{width:934px;padding-top:223px;margin:0 auto}.player-box .screenshot{width:331px;height:587px}.player-box .screenshot img{width:100%;height:100%}.player-box .intro-box{position:relative;width:550px;padding-top:176px}.player-box .intro-box .intro{height:216px;font-size:20px;line-height:36px;color:#fff;overflow:hidden}.player-box .intro-box .qrcode-box{padding-top:41px}.player-box .intro-box .qrcode-box .qrcode{display:block;width:192px;height:192px;margin-right:1px}.btn-join{width:202px;height:61px;margin:37px 0 0 8px;text-indent:-9999em;background:url(../images/btn_join.png) top center no-repeat}.btn-join:hover{background:url(../images/btn_joinH.png) top center no-repeat}.section3{position:relative;height:854px;background:url(../images/bg_03.jpg) top center no-repeat}.section3 .intro-box{width:850px;height:180px;padding-top:117px;margin:0 auto;overflow:hidden}.section3 .intro-box .intro{text-indent:2em;font-size:20px;line-height:36px;color:#325e82}.video-box{position:relative;width:676px;height:380px;margin:72px auto 0}.video-box img{width:100%;height:100%}.video-box .video-mask{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/black30.png)}.video-box .video-mask .btn-play{position:absolute;width:117px;height:117px;left:50%;margin-left:-59px;top:50%;margin-top:-59px;background:url(../images/btn_player.png) center center no-repeat}.btn-play.btn-play2{-webkit-animation:toBig 0.6s infinite linear;animation:toBig 0.6s infinite linear}.btn-play.btn-play3{-webkit-animation:toBig 0.4s infinite linear;animation:toBig 0.4s infinite linear}@-webkit-keyframes toBig{0%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.4);opacity:0}}@keyframes toBig{0%{transform:scale(1);opacity:1}100%{transform:scale(1.4);opacity:0}}.section4{position:relative;height:342px;background:url(../images/bg_04.jpg) top center no-repeat}.section4 .btns{width:566px;padding-top:207px;margin:0 auto}.gridwall-container{position:relative;width:100%;background:#294266}.dialog-mask{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:url(../images/black70.png)}.pop{display:none}form{display:block}.pop-upload{position:absolute;width:521px;height:344px;left:50%;margin-left:-260px;top:50%;margin-top:-172px;background:url(../images/kuang1.png) top center no-repeat}.pop-upload .upload-box{width:430px;margin:47px auto 0}.pop-upload .upload-box .fl{width:96px}.pop-upload .tit{font-size:16px;line-height:30px;color:#a6c8fc;text-align:center}.pop-upload .upload-wrap{position:relative;width:96px;height:96px;margin-top:13px;background:url(../images/btn_add.png) no-repeat;cursor:pointer}.pop-upload .upload-img{position:relative;width:96px;height:96px;margin-top:13px}.pop-upload .upload-img img{display:block;width:100%;height:100%}.pop-upload .upload-img .ucos{position:absolute;width:15px;height:15px;right:-15px;top:0;background:url(../images/btn_close2.png) center center no-repeat}.webuploader{visibility:hidden}.pop-upload .upload-box .fr{width:300px}.pop-upload .upload-box .comment-input{display:block;width:284px;height:80px;margin-top:13px;padding:7px 7px;border:1px solid #a6c8fc;background-color:#2b4771;font-size:14px;line-height:18px;color:#fff;resize:none}.btn-confirm{display:block;width:162px;height:50px;font-size:20px;line-height:50px;color:#fff;text-align:center;background:url(../images/btn_confirm.png) no-repeat}.btn-confirm:hover{color:#fff}.pop-upload .btn-confirm{margin:56px auto 0;border:none;outline:none;cursor:pointer}.btn-close{position:absolute;width:49px;height:49px;top:0;right:-60px;background:url(../images/btn_close.png) no-repeat;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.btn-close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pop-tip{position:absolute;width:249px;height:192px;left:50%;margin-left:-125px;top:50%;margin-top:-96px;background:url(../images/kuang2.png) no-repeat}.pop-tip .tip1{margin-top:55px;font-size:16px;line-height:30px;text-align:center;color:#fff}.pop-tip .tip2{margin-top:37px;font-size:16px;line-height:30px;color:#fff;text-align:center}.pop-tip .btn-confirm{position:absolute;left:50%;margin-left:-81px;bottom:37px}.pop-tip .btn-close{position:absolute;width:32px;height:32px;right:-40px;top:0;background:url(../images/btn_close2.png) no-repeat}.pop-img{position:absolute;width:300px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-img img{display:block;width:100%;height:auto}