/* 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;}
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;}
a{text-decoration:none;color:#fff;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration: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;}
textarea{overflow:auto;}
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_le{float: left;}
.pub_lr{float: right;}
.fl{float: left;}
.fr{float: right;}
.clear:after{display: block; content: ''; clear: both;}
.clear{zoom:1;}
.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";}
.none{display:none;}
body{background:none; max-width: 1920px; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
.pubMain{width: 1200px; margin: 0 auto; position: relative;}
/*top_icon*/
.top_icon_wrap a{position:fixed; top:30px; z-index: 999;}
.top_icon_wrap .item1{width:24px; height: 45px; right:180px;}
.top_icon_wrap .item2{width:51px; height: 45px; right:100px;}
.top_icon_wrap .item3{width:35px; height: 45px; right:30px;}
.top_icon_wrap a img{width:100%; height: auto;}
/*slide*/
.lrPop{width:212px; height: 513px; position:fixed; left:0; top:50%; -webkit-transform:translateY(-50%); tranform:translateY(-50%);}
    .lrPop .lr_main{position:absolute; left:0px; top:0px; width:174px; height: 100%; background: url(../images/register/left_con.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
    .lrPop .lr_main>a{width:150px; height: 55px; position:absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    .lrPop .lr_main>a.app_store{ bottom:135px;}
    .lrPop .lr_main>a.google_play{ bottom:76px;}
    .lrPop .lr_main>a.registerNow{ bottom:12px;}
    .lrPop>span.btn{position:absolute; right:0px; top:30%; width:38px; height: 40px; background: url(../images/register/left_con_btn.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; cursor:pointer;}
    .lrPop>span.on.btn{background: url(../images/register/left_con_btn2.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}

/*1*/
.page1{width:100%; background: url(../images/register/page1_bg1.jpg) no-repeat center top; background-size:cover; min-width: 1200px;}
    .page1 .pubMain{height:1080px;}
        .page1_title{position: absolute;bottom:300px;}
        .openBtn{position:absolute; top:0;right:50px; width:400px; padding-top:100px;}
        .openBtn .logo{display:block; width:396px; height: 167px; margin-bottom: 40px;}
        .openBtn .logo img{width:100%; height: auto;}
        .btn_wrap{width:100%; height: 60px; position: relative; margin-bottom:25px;}
        .btn_wrap a{position: absolute; top:0;}
        .btn_wrap a.app_store{left: 30px;}
        .btn_wrap a.google_play{right:30px;}
        .btn_wrap2{padding-left:40px;}
        .openBtn a.a{display: block; width:317px; height: 81px; margin-bottom:25px;}
        .openBtn a.a img{width:317px; height: auto;}
        .openBtn a.v{display: block; width:317px; height: 81px;}

/*2*/
.page2{width:100%; background: url(../images/register/page2_bg.jpg) no-repeat center center; background-size:cover; min-width: 1200px;}
    .page2 .pubMain{height:1080px; position:relative;}
        .page2 .pubMain .title{text-align: center; padding-top:15px; position:relative; height: 100px;}
        .page2 .pubMain .title img{height: 100px; position:absolute; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
        .peo_num{position:absolute; left:170px; top:-8px; width:200px; height: 65px;font:bold 50px/65px "Microsoft YaHei"; margin-top:30px; text-align: center; background-image: -webkit-linear-gradient(bottom, rgb(158, 133, 50), rgb(255, 255, 255)); -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;}
        .reached_list{position:absolute;left:50%; top:60%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:1102px; height: 712px; background: url(../images/register/gift_page2.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
        .reached_list li{width:153px; height: 75px; position:absolute; z-index: 99;}
        .reached_list li.on{background: url(../images/register/achieved.png) no-repeat; background-size: 100%;}
        .reached_list li:nth-child(1){left:210px; top: 30px;}
        .reached_list li:nth-child(2){right:240px; top: 140px;}
        .reached_list li:nth-child(3){left:210px; top: 250px;}
        .reached_list li:nth-child(4){right:240px; top: 350px;}
        .reached_list li:nth-child(5){left:210px; top: 460px;}
        .reached_list li:nth-child(6){right:240px; top: 560px;}
        
/*3*/
.page3{width:100%; background: url(../images/register/page3_bg.jpg) no-repeat center top; background-size:cover; min-width: 1200px;}
    .page3 .pubMain{height: 1080px;}
    .page3 .pubMain .title{text-align: center; padding-top:50px; position:relative; height: 100px;}
    .page3 .pubMain .title img{height: 100px; position:absolute; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    .register_con{text-align: center;}
    .register_con p{font:20px/40px "Microsoft YaHei"; background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255), rgb(214, 214, 214)); -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;}
    .register_con p em{font:24px/40px "Microsoft YaHei";font-style:normal;background-image: -webkit-linear-gradient(top, rgb(255, 245, 199), rgb(179, 157, 75)); -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:-1px -1px 5px #bfab51; transition-delay: inherit;}
    .register_con h3{text-align: center;}
    .register_con h3 img{height: 70px; width:auto;}
    .facebook_wrap{position:relative;}
    .fb_btn_wrap a{position: absolute; right:20px;}
    .facebook_wrap .fb_btn_wrap a img{width:150px; height: auto;}
    .fb_btn_wrap a.fb_app_store{top:-10px;}
    .fb_btn_wrap a.fb_google_play{top:50px;}
    .facebook_wrap>div{width:1000px; margin:0 auto;}
    .facebook_wrap span{margin:0 30px;}
    .facebook_wrap span img{height: 90px; width:auto;}
    .facebook_wrap p{font:24px/40px "Microsoft YaHei"; background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255), rgb(214, 214, 214)); -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; margin-right:20px; text-align: left;}
    .facebook_wrap a{float: left; margin:0 15px; margin-top:15px;}
    .facebook_wrap a img{height: 48px; width:auto;}
    .facebook_wrap .fb-like{float:left; top:30px; left:260px; transform: scale(1);}
    .facebook_wrap .fb-share-button{float:left; top:30px; left:280px; transform: scale(1);}
    .facebook_wrap p.item2{font:24px/30px "Microsoft YaHei";}
    .facebook_wrap p.long{font:bold 18px/30px "Microsoft YaHei";}
    .email_wrap label>input{width:20px; height:20px; margin-right:10px;}
    .email_wrap span{background:#b9a844; padding:10px 20px; margin:0; font:24px/80px "Microsoft YaHei"; -webkit-border-radius: 5px; border-radius: 5px; color:#fff; text-shadow: 0px 3px 10px #000;}
    .email_wrap>input{font:24px/40px "Microsoft YaHei"; width:400px; height: 40px; text-indent: 20px; margin-left:50px;}
    .facebook_wrap .pre_register_btn_wrap{text-align:center; margin-top:30px;}
    .pre_register_btn_wrap a{float: none;}
    .facebook_wrap .pre_register_btn_complete img{height: 70px; width:auto;}
    .gift_page3{width:687px; height: 379px; margin: 0 auto; margin-top:20px; background:url(../images/register/gift_page3.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
    ._2tga ._1pbq{font-size:20px !important;}
    ._3jn-{width:20px !important; height: 20px !important;}

/*4*/
.page4{width:100%; background: url(../images/register/page4_bg.jpg) no-repeat center top; background-size:cover; min-width: 1200px;}
    .page4 .pubMain{height: 1080px; text-align: center;}
        .page4 .pubMain .title{text-align: center; padding-top:100px; position:relative; height: 100px;}
        .page4 .pubMain .title img{height: 100px; position:absolute; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
        .tit_h3{margin-top:-20px; font:30px/40px "Microsoft YaHei"; letter-spacing: 2px; background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255), rgb(214, 214, 214));
            -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
        .recruit_how{margin:0 auto; margin-top:50px;}
        .recruit_how li{height: 71px; float: left; background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255), rgb(214, 214, 214));
            -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
        .recruit_how li span{display: block; width:72px; height: 71px; float: left; margin-right:5px;}
        .recruit_how li span img{width:72px; height: auto;}
        .recruit_how h3{font:18px/56px "Microsoft YaHei";}
        .recruit_how p{font:16px/28px "Microsoft YaHei"; text-align: left;}
        .recruit_how p em{font:20px/28px "Microsoft YaHei";font-style:normal;background-image: -webkit-linear-gradient(top, rgb(255, 245, 199), rgb(179, 157, 75));
            -webkit-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
        .suc_invited{text-align: center;}
        .suc_invited p{font:bold 40px/50px "Microsoft YaHei"; color:#fff; -webkit-text-stroke: 1px #803f1c; text-shadow:2px 2px 10px #000; margin-top:30px;}
        .suc_invited p span{font-size: 50px;text-shadow:0px 5px 2px #000; margin:0 10px;}
        .recruit_btn{width:415px; height: 95px; display: block; margin: 0 auto; background: url(../images/register/recruit_btn.png) no-repeat; webkit-background-size: 100%; background-size: 100%; margin-top:40px;}
        .recruit_gift{text-align: center; margin-top:35px;}
        .recruit_gift img{height: 250px; width:auto;}
        .check_btn{width:437px; height: 95px; display: block; margin: 0 auto; background: url(../images/register/check_gift_btn.png) no-repeat; webkit-background-size: 100%; background-size: 100%; margin-top:40px;}
        
        
        
        
/*5*/
.page5{width:100%; background: url(../images/register/page5_bg.jpg) no-repeat center top; background-size:cover; min-width: 1200px;}
    .page5 .pubMain{height: 1078px; position:relative;}
        .choose_hero{width:683px; height: 350px; position:absolute; left:50%; top:53%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: url(../images/register/choose_page5.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
        .choose_hero a{width:150px; height: 80px; position:absolute;}
        .choose_hero a:nth-child(1){left:20px; top:170px;}
        .choose_hero a:nth-child(2){left:265px; top:170px;}
        .choose_hero a:nth-child(3){right:20px; top:170px;}
        .choose_hero a:nth-child(4){left:145px; top:255px;}
        .choose_hero a:nth-child(5){right:145px; top:255px;}
        
        
        
        
/*6*/
.page6{width:100%; background: url(../images/register/page6_bg2.jpg) no-repeat center top; background-size:cover; min-width: 1200px;}
    .page6 .pubMain{height: 1079px;}
    .page6 .pubMain>div{padding:270px 110px 0 110px;}
    .page6 .pubMain>div p{font: 24px/40px "Microsoft YaHei";color:#e3d288; text-align: justify;}
    
/*tk_1*/
.tk_1{width:100%; height: 100%; background: rgba(0,0,0,.8); position:fixed; left:0; top:0; display: none;}
    .tk_1>div{position:fixed;left:50%; top:50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:843px; height: 554px; background: url(../images/register/tk_1.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
    .tk_1 .close{position:absolute; right:-19px; top:170px; width:37px; height: 37px;}
    .tk_1 .close img{width:37px; height: auto;}
    .tk_1 .con{text-shadow:0px 2px 2px #fff; padding:440px 0 0 50px;}
    .tk_1 .con>div{width:600px; height: 70px; background:linear-gradient(#f4e085,#bfab51); -webkit-border-radius: 35px; border-radius: 35px; font:20px/70px "Microsoft YaHei"; text-indent: 10px; position:relative;}
    .tk_1 .con>div .search_icon{width:22px; height: auto; position:absolute; left:150px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .tk_1 .con>div input{margin-left:10px; width:400px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; border:none; font:20px/70px "Microsoft YaHei"; letter-spacing: 1px; padding-left:60px;}
    .tk_1 .con .copy_btn{width:130px; height: 70px; background:linear-gradient(#f4e085,#bfab51); -webkit-border-radius: 35px; border-radius: 35px; font:40px/70px "Microsoft YaHei"; text-align: center; color:#000; margin-left:15px;}
    
/*tk_rewrads*/
.tk_rewards{width:100%; height: 100%; background: rgba(0,0,0,.8); position:fixed; left:0; top:0; display: none;}
    .tk_rewards>div{position:fixed;left:50%; top:50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:843px; height: 587px; background: url(../images/register/reward_page4.png) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
    .tk_rewards .close{position:absolute; right:-19px; top:150px; width:37px; height: 37px;}
    .tk_rewards .close img{width:37px; height: auto;}
    .tk_rewards .con{padding-top:300px;}
    .tk_rewards .con>div p{font: 20px/35px "Microsoft YaHei"; color:#fff; text-align: center;}
    .tk_rewards .con .rewards_date{width:420px;}
    .tk_rewards .con .rewards_reward{width:240px;}
    .tk_rewards .con .rewards_code{width:310px;}
    
    
    
/*    */
.page5_tk{width:100%; height: 100%; background: rgba(0,0,0,.9); position:fixed; left:0; top:0; display: none;}
    .page5_tk>div{position:fixed;left:50%; top:50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:1000px; height: 900px;}
    .page5_tk .close{position:absolute; left:50px; top:50px; width:63px; height:63px;}
    .page5_tk .facebook_share{position:absolute; left:150px; top:50px; width:119px; height:48px;}
    .page5_tk img{width:100%; height: auto;}
    .pop_a{
        background-image: url(../images/register/hero_a.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .pop_b{
        background-image: url(../images/register/hero_b.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .pop_c{
        background-image: url(../images/register/hero_c.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .pop_d{
        background-image: url(../images/register/hero_d.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .pop_e{
        background-image: url(../images/register/hero_e.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    
    
/*foot*/
.footer{background: #FFF;}
    .footer .pubMain{height: 180px; padding-top:80px;}
    .footer .pubMain>div{height: 50px; padding-left:60px;}
    .footer .pubMain>div span{font:16px/50px "微软雅黑"; margin-right:50px;}
    .footer .pubMain>div em{margin-right:20px;}
    .footer .pubMain>div img{display:block; height: 50px; width:auto; margin-right:20px;}
    .footer .pubMain>div img.small{display:inline-block; height: 35px; width:auto; margin-right:20px; margin-top: 8px;}
/*video*/
.videoPop{width: 800px; height: 450px; position: fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #000; display: none; z-index: 9999;}
    .videoPopClose{display: block; width: 58px; height: 58px; background: url(../images/close.jpg) no-repeat 0 0; cursor: pointer; position: absolute; right: -58px; top: 0;}
    #example_video_1{width: 800px; height: 450px;}
    .opcbg{width:100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; left: 0; top:0; z-index: 1111; display: none;}
/*yy*/
.yyPop{width:640px; height:488px; padding:10px; background:url(../images/newsBg.png) no-repeat center center; -webkit-background-size:100% 100%; background-size:100% 100%;display: none;}
    .zlPop{width:640px; height:488px; padding:10px; background:url(../images/newsBg.png) no-repeat center center; -webkit-background-size:100% 100%; background-size:100% 100%;display: none; position: fixed; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 9999;}
    .yyPopCon{width: 640px; height: 488px; position: relative; border:2px solid #d8af77;}
    .yyPopClose{display: block; width: 44px; height: 44px; position: absolute; right: -60px; top: 0; cursor: pointer; background: url(../images/close.png) no-repeat 0 0;}
    .yyTab{height: 88px; position:relative; z-index: 2;}
    .yyLineWrap{height: 88px; position:absolute; left: 0; top:0; z-index: 5;}

    .yyLineWrap>img{position:absolute; bottom:0; z-index: 9;}
    .yyLineWrap .leftLine{left:242px; height: 88px; width:auto;}
    .yyLineWrap .rightLine{left:422px; height: 88px; width:auto;}
    .yyLineWrap .middleLine{left:280px; height: 1px; width:180px;}
    .yyTab span{float: left; height: 88px; line-height: 88px; font-size: 30px; color: #FFF; font-weight: bold; cursor: pointer; margin-right:2px; background: #df2d2d; position:absolute;}
    .yyTap>a{text-decoration:none; color:#fff; display: block; width: 100%; height: 100%;}

    .yyTab span.yyWx{width: 292px; background:url(../images/yyBtnLine.jpg) no-repeat left bottom, linear-gradient(-113deg, transparent 45px, rgba(4,46,62,.7) 0); left:0; text-align: left; text-indent: 10px;}
    .zlPop .yyTab span.yyWx{text-indent: 70px; font-size: 40px;}
    .yyTab span.yyPhone{width: 240px; background: linear-gradient(-113deg, transparent 45px, rgba(4,46,62,.7) 0) right, linear-gradient(66deg, transparent 45px, rgba(4,46,62,.7) 0) left; background-size: 50% 100%; background-repeat: no-repeat; left:232px; text-align: center;}
    .yyTab span.yyTap{width: 229px; background:url(../images/yyBtnLine.jpg) no-repeat 48px bottom, linear-gradient(67deg, transparent 45px, rgba(4,46,62,.7) 0); right:-2px; text-align: right;}

    .yyTab span.yyWx.on{background:linear-gradient(-113deg, transparent 45px, rgba(7,31,55,.7) 0);}
    .yyTab span.yyPhone.on{background:linear-gradient(-113deg, transparent 45px, rgba(7,31,55,.7) 0) right, linear-gradient(66deg, transparent 45px, rgba(7,31,55,.7) 0) left; background-size: 50% 100%; background-repeat: no-repeat;}
    .yyTab span.yyTap.on{background: linear-gradient(66deg, transparent 45px, rgba(7,31,55,.7) 0);}
    .yyTab span.on{color:#d8af77;}

    .yyTab span.yyTap i{width:80%; height: 100%; display: inline-block; margin:0 auto; background: url(../images/yyTap.png) no-repeat center center; background-size:100%;}
    .yyTab span.yyTap em{position:absolute; top:0; left:12px; background: url(../images/hotBg.png) no-repeat left top; width:70px; height: 40px; -webkit-background-size:100%; background-size:100%;}

    /*.yyTab span.on{color: #df2d2d; background:rgba(0,0,0,.7);}*/
    .yyTab span.yyTap.on i{width:80%; height: 100%; display: inline-block; margin:0 auto; background: url(../images/yyTap_on.png) no-repeat center center; background-size:100%;}
    .yyTaptap{text-align: center; padding-top:120px;}
    .yyTaptap a img{display: inline-block; margin: 0 auto; width:360px; height: auto; border: 1px solid #d8af77;}
    .yyMain{background: rgba(7,31,55,.7); height: 400px;}
    .yyMainCon{position: absolute; top: 153px; left: 25px; font: 20px/20px "微软雅黑"; color: #d8af77;}
    .yyFrom{width: 458px; padding: 85px 0 0 0; margin: 0 auto;}
    .yySys{height: 112px;}
    .yySys span{width: 202px; height: 78px; background:#263036; text-align: center; color: #fff; line-height: 78px; font-size: 36px; font-weight: bold; cursor: pointer; border:1px solid #d8af77;}
    .yySys span.ios{float: left;}
    .yySys span.and{float: right;}
    .yySys span.on{background:#043071; color: #FFF;}
    .yyInput{height: 85px;}
    .yyInput input{border: 1px solid #d8af77; width: 454px; height: 30px; line-height: 30px; padding: 20px; text-align: center; color: #d8af77; font-size:30px; background:rgba(7,31,55,.7);}
    .submit{display: block; width: 227px; height: 70px; margin: 0 auto; color: #FFF; font-weight: bold; font-size: 36px; font-weight: bold; text-align: center; line-height: 70px;background: #df2d2d;}
    .submit img{width:227px; height: auto;}
    .submit:hover{text-decoration: none;}
    .yyWeixin{background: url(../images/wxYY.png) no-repeat 0 0; width: 640px; height: 400px; position: relative;}
    .zlPop .yyWeixin{background: url(../images/zlzBg.png) no-repeat 0 0;}
    .yyWeixin img{display: block; position: absolute; width: 190px; height: auto; left:67px; top: 159px; -webkit-filter: drop-shadow(0px 0px 8px #c3a76e); filter: drop-shadow(0px 0px 8px #c3a76e);}
    .err {font: 16px/40px "微软雅黑";color: red;display: none;}
    .successBtn{display: none;}


.footBox {width: 982px;margin: 0 auto;padding: 45px 0;overflow: hidden;font-family: \5b8b\4f53;}
.footBox .logo2 {float: left;width: 208px;padding-left: 74px;}
.footBox .text {float: right;width: 674px;line-height: 20px;}
.footBox, .footBox a {color: #5b5b5b;}

.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);}
}
@media screen and (max-width:750px) {
    #content{background: url(../images/page1_m.jpg) no-repeat 0 0; background-size: 100% auto; max-width:7.5rem; display: none;}
    .listWrap{background: url(../images/m_title.png) no-repeat 0 0; background-size: 100% auto;}
    .listWrap .pubMain{height:10.66rem; padding-top:1.7rem; width:100%;}
    .listBox{width: 6.9rem; margin: 0 auto;}
    .listbg_01{display: block; margin: 0 auto; width: 7.5rem; background: url(../images/listbg_01.png) no-repeat 0 0; background-size: 100% auto; height: 0.97rem;}
    .listbg_01 .wxName{height: auto; padding-top: 0.5rem; font-size: 0.18rem;}
    .listBg{width: 100%; height:7.95rem; background: rgba(255,255,255,0.5); margin-bottom: 0.48rem;}
    .listTab{height: 0.69rem; width: 6.2rem; margin-left: 0.2rem; border-bottom: 1px solid #aac5d9; line-height: 0.68rem; text-align: center; color: #a7c3d8; font-size: 0.2rem;}
    .listTab span{padding: 0 0.1rem;}
    .listTab a{color: #000; text-decoration:none;}
    .listTab a:hover,.listTab a.on{color: #74add9;}

    .goBack2{display: block; margin: 0 auto; width: 2.37rem;}

    .listScroll{width: 7rem; height: 7.1rem; overflow: hidden; overflow-y: auto;}
    .listNews{width: 6.2rem; padding: 0 0 0 0.2rem;}
    .listNews li{height: 0.86rem; border-bottom: 1px solid #FFF; font-size: 0.18rem;}
    .listNews li h3{padding: 0.18rem 0 0.1rem 0; height: 0.24rem;; line-height: 0.24rem;;}
    .listNews li h3 span{float: left; width: 0.88rem; height: 0.24rem; text-align: center; color: #FFF; font-size: 0.14rem; font-weight: bold;}
    .listNews li h3 span.c1{background: #b72c2c; box-shadow: 1px 1px 0px #851415;}
    .listNews li h3 span.c2{background: #8836a6; box-shadow: 1px 1px 0px #621f58;}
    .listNews li h3 span.c3{background: #5cbb37; box-shadow: 1px 1px 0px #4db318;}
    .listNews li h3 span.c4{background: #4ab2e3; box-shadow: 1px 1px 0px #3b88c3;}
    .listNews li h3 strong{float: left; padding:0 0 0 0.16rem; font-size: 0.14rem; color: #000;}
    .listNews li a{display: block; width: 100%; height: 0.24rem; line-height: 0.24rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #000;}

  .moreHeight{height:0.26rem;}



  .listMores{width: 6.2rem; padding: 0 0 0 0.2rem; color: #000; line-height: 0.36rem; font-size: 0.24rem;}
  .listMores h1{ text-align: center; font-size: 0.3rem; line-height:0.34rem; padding: 0.15rem 0; font-weight:bold;}
  .listMores strong.newsTime{display: block; border-bottom: 1px solid #a6c2d8; height: 0.36rem; font-size: 0.24rem; text-align: center;}
  .listFont{padding-top: 0.24rem;}
  .listFont p{padding-bottom: 0.2rem; text-indent: 2em;}
  .listFont img{max-width: 100%; display: block; margin: 0 auto; border: 1px solid #a6c2d8; padding: 1px;}
  .listFont a{color: #f00; text-decoration:underline;}
  .listGo{padding: 0.4rem 0 0 0; height: 0.5rem;}
  .listGo img.golist{float: left; width:2.37rem;}
  .listGo img.goback{float: right; width:2.37rem;}

  .listScroll::-webkit-scrollbar{width:0.16rem;height:0.16rem;background-color:rgba(0,0,0,0);}
  .listScroll::-webkit-scrollbar-track{background-color: transparent;}
  .listScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#a7c3d8;} 
  .listScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
  .listScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
  .listScroll::-webkit-scrollbar-track-piece{}

  .footer{padding: 0.38rem 0;}
  .footer img{width: 1.56rem;}
}