body{margin:0;padding:0;font-family: font40s;}
p{margin:0;padding:0;}
a{text-decoration: none;display:inline-block;}
ul{list-style: none;margin:0;padding:0;}
img{display:inline-block;vertical-align: bottom;}
@font-face{
    font-family:font40s;
    src:url(../font/HYQiHei-40S.otf);
}
@font-face{
    font-family:font50s;
    src:url(../font/HYQiHei-50S.otf);
}
@font-face{
    font-family:font80s;
    src:url(../font/HYQiHei-80S.otf);
}
#body{width:100%;background:url(https://public-static.zcool.com.cn/special-resource/2019hellorf-new-year/assets/img/mainbg.jpg) repeat center top;background-size:2560px auto;}
.headerWrapper{width:100%;position: relative;}
.headerBanner{width:2560px;height:1116px;background:url(https://public-static.zcool.com.cn/special-resource/2019hellorf-new-year/assets/img/banner.png) no-repeat center -80px;background-size:100% 100%;position: relative;transform-origin: left top;overflow:hidden;}
.comain{width:100%;background:url(https://public-static.zcool.com.cn/special-resource/2019hellorf-new-year/assets/img/zsbg.png) repeat center top;background-size:2290px auto;margin-top:-5px;padding-bottom:100px;}
.comain:before,.main1:before{content:"";display:table;}
.main1{width:884px;height:501px;background:url(https://public-static.zcool.com.cn/special-resource/2019hellorf-new-year/assets/img/m1bg.png) no-repeat center center;background-size:100%;margin:138px auto 50px;position: relative;text-align:center;}
.main1 p{text-align:center;font-size:25px;line-height:50px;text-align: center;color:#fff;}
.m1w1{margin-top:110px;}
.m1w2{margin-top:45px;}
.main1 .m1w2 span{font-size:30px;font-weight:800;color:#fff;}
.main2{width:1092px;margin:0 auto;}
.m2tile{width:100%;text-align:center;margin-bottom:64px;}
.infobox{width:100%;}
.infobox:after{content:"";display:block;clear:both;}
.infobox li{width:125px;text-align: center;color:#000;font-size:17px;float:left;margin-right:13.14px;height:230px;}
.infobox li:nth-child(8n){margin-right:0;}
.infobox li img{width:100%;height:125px;}
.peoname{padding-top:5px;font-size:17px;font-family: font50s;}
.peoaddres{margin-top:-2px;font-size:15.5px;font-family: font50s;}
.opus{width:356px;}
.opus li{width:100%;background:#fff;border-radius: 18px;overflow: hidden;margin-bottom:30px;}
.pros{width:100%;}
.main3{width:1092px;margin:70px auto 0;display:flex;justify-content: space-between;}
.m3info{width:100%;padding:10px 10px 18px 10px;box-sizing: border-box;margin-top:10px;}
.m3info .ptx img{width:56px;height:56px;border-radius: 50%;}
.m3names{color:#1d1d1d;position: relative;top:6px;font-family:font50s; left:0px;}
.m3names span{font-size:16px;display:block;}
.m3info:after{clear:both;display:block;content:"";}
.m3info a{font-size:18px;}
.ptx{display:inline-block;float:left;margin-right:10px;}
.m3names{float:left;}
.m3names a{color:#1d1d1d;padding-top:2px;}
.m3info .buysq{display:block;width:112px;height:36px;line-height:36px;color:#fff;background:#e93a36;font-size:15px;text-align:center;border-radius: 30px;margin-top:11px;float:right;}
.m3info .buysq:hover{color:#e93a36;background:#fff;}
.main5{width:100%;text-align:center;margin-top:80px;}
.buysq span{display:inline;font-size:12px;padding-left:5px;line-height:36px;}
.hongb{position: fixed;top:50%;left:50%;right:0;margin-left:530px;z-index:100;cursor: pointer;display:none;animation: act 8s linear infinite;transform-origin:84px 64px;}
.hjump{position: fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.6);z-index:104;display:none;}
.hbbg{position: absolute;width:692px;height:581px;background:url(https://public-static.zcool.com.cn/special-resource/2019hellorf-new-year/assets/img/hbbg.png) no-repeat center center;top:50%;left:50%;margin-left:-346px;margin-top:-290.5px;text-align: center;color:white;font-size:20px;}
.hbbg:before{content:"";display:table;}
.hword1{margin-top:110px;}
.sblod{font-size:40px;font-family:font80s;}
.hword3{margin-top:20px;}
.hword4{margin-top:20px;}
.close{font-size:30px;position: absolute;top:20px;right:25px;color:#fff;font-weight: 100;cursor: pointer;transition: all 0.5s ease;width:34px;height:34px;text-align: center;line-height:34px;}
.close:hover{transform: rotateZ(360deg);transform-origin: center center;}
.usage{display:inline-block;width:180px;height:56px;text-align: center;color:#fff;line-height:56px;border:1px solid #fff;border-radius: 30px;box-sizing: border-box;margin-top:10px;}
.usage:hover{color:#c11528;background:#fff;}
.headdl{position: absolute;top:-430px;left:-134px;}
@keyframes act{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.warn{font-size:24px;color:#c11528;text-align:center;margin-top:52px;font-weight:bold;}
.tjs{text-align: center;margin-top:50px;}