body,html{margin:0;padding:0;text-align:left;font-family:'PingFang SC','微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;min-width:1200px;}
p{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
img{display:inline-block;vertical-align: middle;}
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:120px;overflow: hidden;background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/mainbg.jpg) repeat center top;background-size:100% auto;margin-top:-2px;}
.before:before{content:"";display:table;}
.headerWrapper img{width:100%;}
.w1132{width:1132px;margin:0 auto;}
.wrapper{background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/rptbg.png) repeat center top;background-size: 2560px auto;}
.indexBg{background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/mainbg.png) repeat center top;background-size: 2560px auto;}
.foremain{display:flex;justify-content: space-between;margin-top:170px;}
.foremain p{width:985px;font-size:24px;line-height:48px;}
.fortle{position: relative;top:12px;}
.conmain{background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/mainbg.jpg) no-repeat center top;background-size:2560px auto;}
.tile{text-align:center;}
.opus_lis{margin-top:38px;}
.opus_lis li{width:268px;box-sizing: border-box;float:left;margin-right:20px;position: relative;cursor: pointer;border-radius: 5px;margin-bottom:20px;overflow: hidden;}
.opus_lis li:nth-child(4n){margin-right:0;}
.opus_lis li img{width:100%;transition: all 0.3s linear;}
.imgurl{position: absolute;z-index:-1;width:100%;height:100%;top:0;left:0;transition:all 0.3s linear;background:rgba(255,241,0,0.5);opacity: 0;}
.opus_lis li:hover .imgurl{opacity: 1;z-index:2;}
.opus_lis li:hover img{transform:scale(1.2)}
.look_more{text-align:right;margin-top:5px;}
.look_more a{font-size: 25px;color:#000;line-height:25px;}
.vision{margin-top:65px;}
.media{margin-top:20px;}
.prodct{margin-top:-20px;}
.jewelry{margin-top:95px;}
.art{margin-top:75px;}
.numart{margin-top:-14px;}
.fashion{margin-top:-44px;}
.shoot{margin-top:20px;}
.ideas{margin-top:38px;}
.society{margin-top:60px;}
.system{margin-top:-24px;}

.fotlgs{display:flex;justify-content: center;align-items: center;height:200px;background:#fff100;}

.navfixd{position: fixed;right:15px;top:50%;transform: translateY(-62%);z-index:10;width:150px;}
.navlis li{height:48px;box-sizing: border-box;background:#000;font-size:15px;cursor: pointer;padding:0 15px;border:1px solid #fff100;color:#fff100;}
.navlis li:hover,.navlis li.active{background:#fff100;color:#000;}
.navlis li span{display:inline-block;position: relative;line-height:48px;}
.navlis li span:before{content: "";display:block;width:100%;height:1px;background:#fff100;position: absolute;left:0;bottom:10px;}
.navlis li:hover span:before,.navlis li.active span:before{background:#000;}
.share_list{display:flex;justify-content: space-between;margin-top:10px;width:150px;}
.share_list li{box-sizing: border-box;width:70px;height:50px;cursor: pointer;display:flex;justify-content: center;align-items: center;background:#000;position: relative;}
.weibo{width:33px;height:27px;background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/weibo.png);}
.wechat{width:31px;height:25px;background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/wechat.png);}
.share_list li:hover{background:#fff100;}
.share_list li:hover .weibo{width:33px;height:27px;background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/weibo-h.png);}
.share_list li:hover .wechat{width:31px;height:25px;background:url(https://img.zcool.cn/special-resource/dschool2020/assets/img/wechat-h.png);}
.share_list .wx-qrcode{position: absolute;width:150px;box-sizing: border-box;border-color:#fff100;right:0;margin-top:0;top:50px;height:150px;}
.share_list .wx-qrcode img{width:100%;height:100%;}

[v-cloak]{display: none;}