body,html{margin:0;padding:0;text-align:left;font-family:'PingFang SC','微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
p{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
img{display:inline-block;vertical-align: bottom;}
a{text-decoration: none;cursor: pointer;}
h1{font-weight:normal;margin:0;padding:0;font-size:36px;color:#fff;}
.flex{display:flex;justify-content: space-between;}
.clearfix:after{content:"";display:block;clear:both;}
.content{width:100%;box-sizing: border-box;padding-bottom:50px;overflow: hidden;}
.before:before{content:"";display:table;}
#body{background:url(https://img.zcool.cn/special-resource/shejiyuanwang/assets/img/mbg.jpg) repeat center top;background-size:2560px auto;}
.content{background:url(https://img.zcool.cn/special-resource/shejiyuanwang/assets/img/mbg2.jpg) repeat center top;background-size:2560px auto;}
.navbox{position: relative;z-index:5;position: fixed;right:10px;top:50%;box-sizing: border-box;width:100px;opacity: 0;
    text-align:center;background:#fff;border-radius: 100px;padding:24px 0;font-size:14px;margin-top:-190px;transition:all linear 0.3s;}
.navi{margin-top:20px;}
.navi li{height:30px;margin-top:12px;}
.navi li a{color:#000;display:inline-block;position: relative;}
.navi li a::before{content:"";display:block;width:55px;height:1px;background:#D8D8D8;left:50%;margin-left:-27.5px;bottom:-11px;position: absolute;}
.navi li a:hover::before{background:red;}
.navi li:hover{}
.navi li.active a::before{background:red;}
.shareBox{margin-top:10px;}
.share_list{margin-top:15px;height:104px;display:flex;flex-direction: column;align-items: center;justify-content: space-between;}
.share_list a{display:inline-block;}
.qq{width:18px;height:21px;background:url(https://img.zcool.cn/special-resource/shejiyuanwang/assets/img/qq.png);background-size:100% 100%;}
.wechat{width:24px;height:21px;background:url(https://img.zcool.cn/special-resource/shejiyuanwang/assets/img/wechat.png);background-size:100% 100%;}
.weibo{width:24px;height:18px;background:url(https://img.zcool.cn/special-resource/shejiyuanwang/assets/img/weibo.png);background-size:100% 100%;}

.headerWrapper{width:100%;position: relative;}
.headerBanner{width:2560px;height:1000px;background:url(https://img.zcool.cn/special-resource/shejiyuanwang/assets/img/banner.jpg);position: relative;transform-origin: left top;overflow: hidden;}
.xq_1{position: absolute;left:86px;bottom:-78px;z-index:5;transform-origin: left bottom;overflow: hidden;}
.main1{width:1170px;height:398px;background:#fff;border-radius: 10px;box-sizing: border-box;text-align:center;position: relative;margin:0 auto;padding-top:48px;margin-top:120px;}
.m1q_1{position: absolute;left:-48px;top:-32px;}
.tile img{width:144px;}
.m1w1{font-size:20px;margin-top:24px;line-height:36px;}
.main2{width:1170px;margin:0 auto;background:#fff;border-radius: 10px;box-sizing: border-box;text-align:center;position: relative;padding-top:48px;padding-bottom:85px;margin-top:95px;}
.m2lis{text-align:center;margin-top:50px;position: relative;z-index:2;}
.m2lis li{margin-bottom:20px;}
.m2more,.m3btn{display:block;width:170px;height:56px;color:#F64890;box-sizing: border-box;border:1px solid #F64890;line-height:54px;text-align:center;font-size:18px;margin:0 auto;margin-top:40px;border-radius: 1000px;transition: all 0.2s linear;}
.m2more:hover,.m3btn:hover{background:#F64890;color:#fff;}
.m2q-1{position: absolute;top:-40px;left:-48px;}
.m2q-2{position: absolute;right:-78px;bottom:-100px;}
.tile3{text-align:center;}
.tile3 img{width:210px;}
.main3{width:1170px;margin:0 auto;background:#fff;border-radius: 10px;box-sizing: border-box;position: relative;padding-top:48px;padding-bottom:80px;margin-top:88px;}
.m3q-1{position: absolute;top:-100px;left:-145px;}
.m3q-2{position: absolute;bottom:-50px;right:-80px;}
.main4{width:1170px;margin:0 auto;background:#fff;border-radius: 10px;box-sizing: border-box;padding-top:48px;padding-bottom:80px;margin-top:80px;}
.tile4{text-align:center;}
.tile4 img{width:180px;}
.m4w1{text-align:center;font-size:20px;color:#1D1D1D;margin-top:45px;margin-bottom:40px;}
.m3box{width:1100px;margin:0 auto;margin-top:50px;}
.m3box li{width:260px;margin-right:20px;}
.m3box li:nth-child(4n){margin-right:0;}
.opus_datas li{background:#fff;border-radius: 4px;overflow: hidden;position: relative;margin-bottom:20px;box-shadow: 0 0 5px rgba(0,0,0,0.4);float:left;}
.opus_img{display:block;width:100%;overflow: hidden;}
.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;}
.wx-qrcode{right:90px !important;box-shadow: 0 0 10px rgba(0,0,0,0.4);}
#detail-add-comment{display:none;}


.stile{width:80px;}
.opcy{opacity:1;}