body{margin:0;padding:0;font-family:"PingFang SC";}
p,h2{margin:0;padding:0;font-weight:normal;}
h2{font-size:36px;font-weight:bold;}
ul{list-style:none;margin:0;padding:0;}
a{text-decoration: none;}
img{display:inline-block;vertical-align: bottom;}
input{margin:0;padding:0;border:none;outline: none;}
.center{text-align:center;}
.lf{text-align:left}
.rt{text-align:right;}
.px3{margin-bottom:3px;}
.p55{padding-top:55px;}
.container{width:100%;overflow: hidden;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/mainbg.jpg) repeat center center;background-size:2560px auto;padding-bottom:150px;}
.headerWrapper{width:100%;position: relative;}
.headerBanner{width:2560px;height:1085px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/banner.jpg) no-repeat center center;background-size:2560px 100%;position:relative;overflow: hidden;transform-origin: left top;}
.ban1{position: absolute;left:0;transform-origin: left top;}
.ban2{position: absolute;right:0;transform-origin: right top;}
.opus1,.opus2{width:226px;height:84px;text-align:center;line-height:84px;color:#fff;font-size:32px;position: absolute;bottom:108px;cursor: pointer;}
.opus1{background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/oldOpus.png) no-repeat center center;background-size:100% 100%;left:604px;}
.opus2{background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/newOpus.png) no-repeat center center;background-size:100% 100%;left:850px;}
.navList{height:60px;width:100%;}
.navBg{width:100%;height:60px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/navbg.png) no-repeat center center;background-size:2560px 100%;position: relative;z-index:5;display:none;}
.navi{line-height:60px;width:925px;display: flex;margin:0 auto;cursor: pointer;color:#fff;}
.navi li{width:154px;height:60px;text-align:center;line-height:60px;font-size:18px;}
.navi li:hover{background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/navlibg.png) no-repeat center center;background-size:100% 100%;}
.navi li.active{background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/navlibg.png) no-repeat center center;background-size:100% 100%;}
.conmain{background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/mainbg.jpg) no-repeat center center;background-size:2560px auto;box-sizing: border-box;padding-bottom:120px;overflow: hidden;}
.content-bg:before,.main1:before{content:"";display:table;}
.tostudy{width:525px;height:101px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/tostudy.png) no-repeat center center;background-size:100% 100%;position: absolute;left:0px;bottom:0px;}
.main1{width:1054px;height:757px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m1bg.png) no-repeat center center;background-size:100% 100%;margin:0 auto;margin-top:-100px;position: relative;}
.m1wBox{color:#fff;text-align:left;width:714px;position: absolute;left:158px;top:140px;}
.m1wBox h2{font-size:30px;}
.m1wBox p{font-size:16px;line-height:30px;}
.m1w{margin:20px 0 30px 0;}
.main2{width:1094px;margin:105px auto 40px;}
.m2hover{cursor: pointer;}
.m2box{width:100%;display:flex;justify-content: space-between;flex-wrap: wrap;}
.m2box li{position: relative;margin-bottom:90px;}
.lkmore{display:block;width:158px;height:48px;color:#fff;text-align:center;line-height:48px;font-size:16px;position: absolute;bottom:-12px;right:0px;background:#e44c4f;border-radius: 30px;}
.lkmore:hover{background:#c92124;}
.m2wbg1{width:209px;height:160px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m2wbg.png) no-repeat center center;background-size:100% 100%;padding-left:32px;box-sizing: border-box;position: absolute;bottom:-25px;left:-32px;color:#fff;}
.m2wbg1 p{position: relative;top:50%;transform:translateY(-50%);font-size:12px;}
.pname{font-size:24px;}
.peohot{display:block;margin-top:6px;}
.m2info{position: absolute;top:-50px;right:20px;}
.m2show,.m2show-rt,.m2show-bto,.m2show-top{position: absolute;z-index:6;display:none;padding:15px;background:#fff;border-radius: 8px;box-shadow:0 10px 30px#c4c3f2; }
.m2show{left:360px;top:-30px;}
.m2show-rt{right:360px;top:-30px;}
.m2show-bto{top:380px;left:0;margin-left:-125px;}
.main3{width:100%;height:948px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m3bg.png) no-repeat center center;background-size:2560px 100%;}
.m3wBox{color:#fff;text-align:center;font-size:16px;position: relative;top:130px;}
.m3wBox h2{margin-bottom:30px;}
.m3time{display:block;font-size:24px;margin-bottom:10px;}
.m3w1,.m3w2{line-height:33px;}
.m3w1{margin-bottom:50px;}
.main4{margin-top:100px;text-align:center;}
.m4tle{font-weight:bold;color:#686b89;font-size:36px;}
.m4w1{font-size:16px;line-height:36px;color:#686b89;margin-top:40px;margin-bottom:30px;}
.m4box{width:996px;height:811px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m4bg.png) no-repeat center center;background-size:100% 100%;position: relative;margin:0 auto;}
.m4wBox{color:#fff;position: relative;top:345px;left:-20px;}
.m4wBox h2{color:#fff;}
.m4w2{font-size:16px;line-height:36px;margin-top:45px;}
.m4btn{width:254px;height:54px;line-height:54px;text-align:center;color:#fff;font-size:18px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m4btn.png) no-repeat center center;background-size:100% 100%;margin:35px auto;cursor: pointer;position: relative;left:-6px;}
.m4btn:hover{background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m4btn-h.png) no-repeat center center;background-size:100% 100%;}
.main5{width:1177px;margin:80px auto 95px;}
.main6{width:1177px;margin:100px auto 20px;}
.main5 h2,.main6 h2{color:#686b89;text-align:center;margin-bottom:50px;}
.m5box:after,.m6box:after{display:block;content:"";clear:both;}
.m5box li{width:280px;float:left;margin-right:19px;color:#686b89;overflow: hidden;}
.m6box li{width:280px;float:left;margin-right:19px;color:#686b89;overflow: hidden;}
.m5box li a img,.m6box li a img{transition: all 0.3s linear;}
.m5box li a img:hover,.m6box li a img:hover{transform:scale(1.2);}
.m5box li:nth-child(4n),.m6box li:nth-child(4n){margin-right:0;}
.m5opus{display:block;width:100%;border-radius: 8px;overflow: hidden;}
.m5opus img{width:100%;}
.m5wtop{font-size:16px;margin-top:15px;}
.m5wbto{font-size:12px;}
.m6more{display:block;width:153px;height:54px;color:#fff;line-height:54px;text-align:center;font-size:16px;margin:60px auto 0;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m6more.png) no-repeat center center;background-size:100%;transition: all 0.3s linear;}
.m6more:hover{transform:scale(1.2);}
.main7{width:875px;height:644px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m7bg.png) no-repeat center center;background-size:100% 100%;position: relative;margin:0 auto;}
.m7wBox{color:#fff;width:500px;position: absolute;left:240px;top:135px;font-size:16px;}
.m7wBox h2{font-size:32px;text-align:center;margin-bottom:40px;}
.m7w2,.m7w1{line-height:26px;}
.m7w2{margin-top:30px;}
.m7w2 li:before{content:"";display:inline-block;margin-right:10px;width:10px;height:12px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/m7dbx.png) no-repeat center center;background-size:100% 100%;}
.main8{text-align:center;margin-top:120px;}
.subox{color:#282828;font-size:14px;width:682px;height:460px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/subBg.png) no-repeat center center;background-size:100% 100%;position: absolute;left:50%;margin-left:-341px;top:50%;transform:translateY(-50%);display:none;}
.fixBox{position: fixed;z-index: 10;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);display:none;}
.subWord{width:600px;position: absolute;top:28px;left:42px;}
.subw1{line-height:26px;}
.subw1 span{color:#37bed0;}
.subtile{font-size:32px;display:block;margin-bottom:42px;}
label{font-size:18px;margin-top:40px;display:block;}
#opusUrl{width:500px;height:40px;border-radius: 5px;border:1px solid #999999;font-size:16px;color:#282828;}
.submit{display:block;width:158px;height:48px;color:#fff;line-height:48px;text-align:center;font-size:18px;margin:35px auto 0;background:#e44c4f;border-radius: 100px;cursor: pointer;}
.close1{position: absolute;right:76px;top:58px;}
.commend{position: absolute;width:602px;height:658px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/wbBg.png) no-repeat center center;background-size:100% 100%;left:50%;margin-left:-301px;top:50%;margin-top:-300px;display:none;}
.mendw{width:526px;position: absolute;left:50%;margin-left:-263px;top:30px;}
.mendTile{font-size:24px;color:#4a4a4a;display:block;}
.mendw p{line-height:24px;font-size:14px;color:#666666;margin-top:20px;}
.mendw p span{color:#4a4a4a;font-weight:bold;}
.close{cursor: pointer;}
.close{position: absolute;right:60px;top:40px;}
.toast{width:432px;height:312px;background:url(https://img.zcool.cn/special-resource/meihaoshenghuo/assets/img/succBg.png) no-repeat center center;background-size:100% 100%;text-align:center;color:#666666;font-size:14px;z-index:-1;opacity: 0;transition:all 0.5s linear;position: fixed;left:50%;margin-left:-216px;top:50%;margin-top:-150px;}
.tipw{position: relative;top:50%;transform:translateY(-70%);}
.tjsub{display:block;font-size:32px;margin-bottom:30px;color:#282828;}
.m5con{position: relative;}
.wbtip{position: absolute;right:80px;top:0px;z-index:5;}
.w600{width:600px;box-sizing: border-box;}
.h600{height:600px;box-sizing: border-box;}
.w600 img{width:100%;}
.h600 img{height:100%;}
.tptoast{width:400px;height:200px;background:rgba(0,0,0,0.6);position: fixed;top:50%;margin-top:-40px;left:50%;margin-left:-200px;color:#fff;font-size:30px;line-height:200px;border-radius: 10px;text-align:center;opacity: 0;transition: all 1s linear;z-index:-1;}

.opus_datas li{background:#fff;border-radius: 4px;overflow: hidden;position: relative;margin-bottom:20px;}
.opus_img{display:block;width:100%;overflow: hidden;height:207px;}
.opus_img img{width:100%;transition: all 0.3s linear;height:100%;}
.opus_img img:hover{transform:scale(1.2);}
.opus_tile{display:block;color:#333333;font-size:14px;width:100%;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.opus_instro{width:100%;padding:16px 13px 10px;box-sizing: border-box;}
.operates{margin:10px 0 16px;}
.operates span{display:inline-block;color:#bbb;font-size:12px;margin-right:12px;}
.operates span:before{display:inline-block;content:"";margin-right:5px;width:15px;height:15px;}
.eyes_data:before{background:url(../img/eyes_data.svg) no-repeat 0 4px;background-size:15px auto;}
.discuss_data:before{background:url(../img/discuss_data.svg) no-repeat 0 2px;background-size:15px auto;}
.laud_data:before{background:url(../img/laud_data.svg) no-repeat 0 0;background-size:15px auto;}
.author_tx{color:#333333;font-size:12px;line-height:24px;display:block;}
.author_tx img{width:24px;height:24px;border-radius: 50%;margin-right:10px;}
.opus_tile:hover,.author_tx:hover{color:#d36f16;}





.tofixed{position: fixed;top:0;left:0;z-index:12;display:block;}
.defult{cursor: default;}
.tohide{display:none;}
.show{display:block;}
.opcy{opacity: 1;z-index: 11;}