@charset "utf-8";
*{padding: 0;border: 0;margin: 0;}
.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix,.cl{*zoom:1;}
.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}
a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}
.bold{font-weight:bold;}.normal{font-weight:normal;}
.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}
.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
.w10p{width:10%;}.w20p{width:20%;}.w30p{width:30%;}.w40p{width:40%;}.w50p{width:50%;}.w60p{width:60%;}.w70p{width:70%;}.w80p{width:30%;}.w90p{width:90%;}.w100p{width:100%;}
.invisible{position: absolute; opacity: 0;transform: scale(0)}

/* ======================================== */
body{}

/*常用动画*/
@keyframes rotate{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes breath{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}

/* ===================基本共有样式===================== */
*.hide{display:none !important;}

.container{background:#000;}
.container img{max-width:100%;display:inline-block;}
.imgbox{line-height:0;position:relative;}


/* swiper取消100%高 */
.container .swiper-wrapper,.container .swiper-slide{height: auto;}


/* 推荐作品 */
.recommendWork{}
.recommendWork .databox{display: flex;width: 84vw;flex-wrap: wrap;margin-left: auto;margin-right: auto;}
.recommendWork .databox li{width: 40vw;margin: 0 4vw 4vw 0;background: #fff;border-radius: 1vw;overflow: hidden;}
.recommendWork .databox li:nth-child(2n){margin-right: 0;}
.recommendWork .databox li .rwImg{display: block;line-height: 0;}
.recommendWork .databox li .rwImg img{width: 100%;height: 29.49vw;}
.recommendWork .databox li .rwDes{padding: 2vw;font-size: 3.2vw}
.recommendWork .databox li .rwDes a{color: #000;}
.recommendWork .databox li .rwDes .rwTitle{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.recommendWork .databox li .rwDes .rwName{margin-top: 1vw;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}


/* pop */
.popWrapper{}
.popBox{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index:25; display: flex;justify-content: center;align-items: center; opacity: 0; transform: scale(0); transition:all ease 0s;  transition-delay: 0.3s; }

.popbg{background: rgba(0,0,0,1);position: absolute;left: 0;top: 0;right: 0;bottom: 0; opacity: 0;}
.popContent{position: relative;z-index: 20;background: #fff;min-width: 80.0vw;min-height: 53.333333vw;border-radius: 2vw;transition:all ease 0.3s;transform:scale(0); }
.popClose{display: flex;justify-content: center;align-items: center;position: absolute;right:2vw ;top: 2vw;z-index: 2;background: #000;color: #fff;width: 8.0vw;height: 8vw;border-radius: 1000vw;transition: ease all .3s;}
.popClose:hover{transform: scale(1.05);}

.popBox.active{opacity: 1;transform: scale(1);transition:all ease 0s; transition-delay: 0s;  }
.popBox.active .popbg{opacity: 0.3;}
.popBox.active .popContent{transform:scale(1); transition:all ease 0.3s;}


/* 大赛底部提示 */
.container .downNotice{position:fixed;left:0;bottom:0;right:0;z-index:101;width:100%;display:none;}
.container .downNotice.active{display:block;}