.center-tit{font-size: 26px;line-height: 65px;text-align: center;color: #0f358e;margin: 50px 0px;}
.tab  { text-align: center; margin-bottom: 30px; overflow: hidden;}
.tab>a { cursor: pointer; padding: 5px 20px; font-size: 18px; display: inline-block;}
.tab>a.active { background: #fec434; color: #FFF; border-radius: 18px;}
.contest ul { overflow: hidden;}
.contest ul>li { width: 25%; float: left; position: relative; overflow: hidden; margin-bottom: 30px;}
.contest ul>li>i ,.contest ul>li>span{ position: absolute; top: 5px; left: 15px; padding: 5px 10px; background: #848484; color: #FFF; font-size: 12px;z-index: 2}
.contest ul>li>span {  left: unset; right: 15px;  color: #FFF; background:linear-gradient(to bottom, #5a26e5 50%, #2f87e5)  }
.contest ul>li>i.ing { background: #ff5000;}
.contest ul>li>a { display: block;margin: 0px 10px; position: relative;}
.contest ul>li>a>img { width: 100%;}
.contest ul>li>a>div{ overflow: hidden; padding: 10px;}
.contest ul>li>a>div>h2 { height: 40px; line-height: 20px; overflow: hidden; font-size: 16px;}
.contest ul>li>a>div>p { padding: 5px 0px; color: #666; height: 30px; }

.contest ul>li>a:hover>div,.contest ul>li>a:hover>div>p { background: #fec434; color: #FFF}
.works ul>li>a>div>p { font-size: 12px;}
.load-more { padding: 10px 0px 50px; text-align: center; overflow: hidden;}
.load-more>a { color: #FFF; background: #0F358E; padding: 10px 100px; border-radius: 5px; font-size: 18px;}
.load-more>a>i { display: inline-block; background: url("../images/arrow-right.png") no-repeat center center; width: 9px; height: 15px; margin-left: 10px;}
.contest ul>li>a>time {  transition: all 0.3s linear 0s; opacity: 0;position: absolute; font-weight: bold; left: 0px; right: 0px; text-align: center; bottom: 100px; color: #FFF; z-index: 2;}


.contest-new ul>li>a:before { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 60px;background:url("../images/new/contest-bg.png") no-repeat center top; opacity: 0; background-size: 100%; z-index: 1; content: " ";transition: all 0.3s linear 0s }
.contest-new ul>li:hover>a:before { opacity: 0.8;}
.contest-new ul>li>a>div>h2 { text-align: center !important}
.contest-new  ul>li>a>div>p { display: none !important;}
.contest-new  ul>li>a>div {transition: all 0.3s linear 0s }
.contest-new  ul>li:hover>a>div { background: url("../images/new/contest-title-bg.png") no-repeat; background-size: 100%; color: #FFF;}
.contest-new ul>li:hover>a>time {opacity: 1;}