body {
  min-width: 1020px;
  overflow-x: auto;
}
.top-banner {
  width: 100%;
  position: relative;
}
.top-banner img {
  width: 100%;
}
.graduation-nav {
  height: 74px;
  line-height: 74px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
  background-color: rgba(2, 5, 58, 0.9);
  text-align: center;
}
.graduation-nav.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(2, 5, 58, 1);
  z-index: 10001;
}
.msg_tip.top {
  top: 20px;
}
.msg_tip {
  /* z-index: 10002; */
  top: 94px;
}
.graduation-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.graduation-nav li {
  margin-right: 78px;
  float: left;
}
.graduation-nav li:last-child {
  margin-right: 0;
}
.graduation-nav li a {
  color: #ffffff;
  font-size: 18px;
  transition: all 0.3s ease-in;
}
.graduation-nav li a:hover {
  color: #f73aaa;
}
.graduation-nav li.active a {
  color: #f73aaa;
}
.sign-entry {
  width: 72px;
  /* background-image: linear-gradient(337deg, #ff0fd1 2%, #5e3ae6); */
  position: fixed;
  right: 0;
  top: 250px;
  z-index: 9;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  padding: 18px 0;
  cursor: pointer;
  display: none;
}
.sign-entry p {
  width: 22px;
  margin: 0 auto;
}
.sign-entry img {
  width: 100%;
}
.section-title {
  width: 372px;
  height: 108px;
  display: block;
  margin: 0 auto;
  padding-left: 26px;
}
.section-introduction .section-title {
  padding-left: 44px;
}
.section-introduction {
  padding: 15px 0 60px;
  background-color: #ffffff;
}
.intro-info p {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 15px;
}
.intro-info p:last-child {
  margin-bottom: 0;
}
.intro-info p strong {
  font-size: 18px;
  font-weight: 600;
  color: #452db3;
  /* line-height: 40px; */
  display: inline-block;
  margin-top: 14px;
}
.intro-info p b {
  color: #000000;
  font-weight: normal;
}
.section-shedule {
  position: relative;
  padding: 25px 0 68px;
}
.bg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.shedule-img {
  width: 958px;
  display: block;
  margin: 32px auto 0;
}
.section-progress {
  padding: 43px 0 47px;
}
.progress-info {
  width: 770px;
  margin: 0 auto;
}
.progress-info li {
  font-size: 16px;
  color: #02053a;
  line-height: 30px;
  margin-bottom: 50px;
}
.progress-info li strong {
  font-size: 20px;
  color: #452db3;
}
.progress-info li:last-child {
  margin-bottom: 0;
}
.judge-list {
  width: 720px;
  margin: 0 auto;
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.judge-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.judge-list ul li {
  /* width: 33.33%;
  float: left; */
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 30px 0;
  text-align: center;
}
.judge-list ul li:nth-child(4) {
  margin-left: 16.666%;
}
.judge-list .top-img {
  width: 112px;
  height: 130px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.judge-list .top-img .border {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.judge-list .top-img .avatar {
  width: 130px;
  height: 130px;
  margin-left: -8px;
}
.bottom-info {
  width: 155px;
  margin: 0 auto;
  display: block;
}
.bottom-info h3 {
  font-size: 20px;
  font-weight: 600;
  color: #452db3;
  text-align: center;
  padding: 25px 0 18px;
}
.bottom-info p {
  font-size: 14px;
  line-height: 1.57;
  color: #02053a;
  text-align: left;
}
.section-judge {
  padding-bottom: 95px;
  position: relative;
}
.section-judge .bottom-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: -1;
}
.section-judge .bottom-img img{
  width: 100%;
  height: 304px;
}
.section-demand {
  padding-top: 60px;
}
.demand-info {
  font-size: 16px;
  line-height: 1.88;
  color: #02053a;
  width: 640px;
  margin: 0 auto;
}
.demand-info p a {
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 2px;
  color: #4820b6;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.demand-info p a:hover {
  color: #7544fc;
}
.section-prize {
  position: relative;
  padding-bottom: 60px;
  padding-top: 20px;
}
.prize-list {
  list-style: none;
  margin: 0;
  padding: 0;
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  width: 786px;
  margin: 0 auto;
  padding-top: 20px;
}
.prize-list li {
  /* width: 140px; */
  width: 33.33%;
  float: left;
  padding-bottom: 63px;
}
.prize-list li:last-child {
  margin-left: 33.33%;
}
.prize-list li > div {
  /* width: 160px; */
  margin: 0 auto;
  text-align: center;
}
.prize-list .title {
  width: 138px;
  height: 54px;
  display: inline-block;
  line-height: 54px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #452db3;
  margin-bottom: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('//oss-xpc0.xpccdn.com/Upload/edu/2019/05/105cd520a41305f.png');
}
.prize-list li:first-child .title {
  line-height: 27px;
}
.prize-list .mid-img {
  margin-top: 13px;
  width: 126px;
  height: 120px;
  margin: 0 auto;
  border-radius: 100%;
  position: relative;
  text-align: center;
  background-color: #ffffff;
}
.prize-list .mid-img .border {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.prize-list .mid-img .prize-img {
  width: 72px;
  margin-top: 24px;
}
.prize-info {
  color: #02053a;
  text-align: center;
}
.prize-info .main {
  font-size: 16px;
  font-weight: 500;
  margin: 0px 0 20px 0;
}
.prize-info .more {
  font-size: 14px;
}
.prize-info .total {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}
.link-list {
  text-align: center;
}
.link-list a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.88;
  letter-spacing: 2px;
  color: #4820b6;
  margin-right: 148px;
  display: inline-block;
  border-bottom: 1px solid #4820b6;
  transition: all 0.2s ease;
}

.link-list a:hover {
  color: #7544fc;
  border-bottom: 1px solid #7544fc;
}
.link-list a:last-child {
  margin-right: 0;
}
.sign-info {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 42px;
}
.sign-info button {
  width: 250px;
  height: 58px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  letter-spacing: 4px;
  padding-left: 4px;
  background-image: linear-gradient(285deg, #ff0fd1, #5e3ae6);
  cursor: pointer;
}
.sign-info p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #02053a;
  padding-top: 20px;
}
.school-list {
  width: 922px;
  margin: 0 auto;
}
.school-item {
  width: 274px;
  float: left;
  text-align: center;
  margin-right: 50px;
}
.school-item:nth-child(3n) {
  margin-right: 0;
}
.school-item .img {
  width: 274px;
  height: 155px;
  background-size: cover;
  background-repeat: no-repeat;
}
.school-item p {
  font-size: 16px;
  line-height: 1.88;
  color: #02053a;
  margin: 10px 0 30px;
}
.school-swiper {
  width: 922px;
  margin: 0 auto;
  position: relative;
}
.school-page.swiper-button-disabled {
  display: none;
}
.school-page,
.school-page.swiper-button-disabled:hover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 28px;
  background-image: url('//oss-xpc0.xpccdn.com/Upload/edu/2019/05/105cd4e88540a55.png');
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.school-page:hover {
  background-image: url('//oss-xpc0.xpccdn.com/Upload/edu/2019/05/105cd4e88a8279b.png');
}
.school-page img {
  width: 100%;
  height: 100%;
}
.school-next-page,
.school-page.swiper-button-disabled:hover {
  right: -50px !important;
  transform: rotate(180deg);
}
.school-prev-page {
  left: -50px !important;
}
.add-school {
  font-size: 16px;
  color: #02053a;
  text-align: center;
  padding: 8px 0 46px;
}
.add-school a {
  font-weight: 600;
  color: #4820b6;
  text-decoration: underline;
}
/* .section-works {
  padding-top: 46px;
} */
.sort-bar {
  text-align: center;
  margin-top: 14px;
}
.sort-bar a {
  width: 105px;
  height: 34px;
  line-height: 34px;
  border-radius: 34px;
  display: inline-block;
  font-size: 14px;
  color: #c86dd7;
  border: 1px solid #c86dd7;
  margin-right: 104px;
  transition: all 0.3s ease;
}
.sort-bar a:last-child {
  margin-right: 0;
}
.sort-bar a.active,
.sort-bar a:hover {
  color: #ffffff;
  background-image: linear-gradient(288deg, #ff0fd1, #5e3ae6);
}
.works-wrapper {
  width: 1011px;
  margin: 0 auto;
  padding-top: 18px;
}
.order-list a {
  width: 48px;
  height: 22px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.order-hot {
  opacity: 0.4;
  background-image: url('https://oss-xpc0.xpccdn.com/Upload/edu/2019/05/145cda6644662df.png');
}
.order-hot:hover,
.order-hot.active {
  opacity: 1;
  background-image: url('https://oss-xpc0.xpccdn.com/Upload/edu/2019/05/145cda65f84992d.png');
}
.order-new {
  opacity: 0.4;
  background-image: url('//oss-xpc0.xpccdn.com/Upload/edu/2019/05/105cd521e6daa99.png');
}
.order-new:hover,
.order-new.active {
  opacity: 1;
  background-image: url('https://oss-xpc0.xpccdn.com/Upload/edu/2019/05/105cd5408538a9d.png');
}
.order-list img {
  display: none;
}
.section-show {
  padding-top: 36px;
}
.show-info {
  width: 1011px;
  margin: 0 auto 20px;
  font-size: 16px;
  line-height: 1.88;
  color: #02053a;
}
.review-list ul {
  width: 1141px;
  margin: 0 auto;
  padding-bottom: 36px;
}
.review-list li {
  width: 268px;
  margin-right: 23px;
  float: left;
}
.review-list li:last-child {
  margin-right: 0;
}
.review-list li img {
  width: 100%;
}
.message-info {
  font-size: 16px;
  line-height: 1.88;
  text-align: center;
  color: #02053a;
}
.lock {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.show-img-list {
  height: 198px;
  width: 100%;
  overflow: hidden;
  padding: 20px 0 42px;
}
.show-img-list img {
  height: 100%;
  -webkit-animation: 32s rowup linear infinite normal;
  animation: 32s rowup linear infinite normal;
  position: relative;
}

@keyframes rowup {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-1440px, 0, 0);
    transform: translate3d(-1440px, 0, 0);
  }
}

.content-ul-recommend.award-list {
  text-align: center;
}
.content-ul-recommend.video-list {
  text-align: left;
  width: 1020px;
}
.content-ul-recommend {
  width: 1084px;
  margin: 15px auto 0;
}
.content-ul-recommend.video-list > li {
  width: 320px;
  margin: 0 20px 30px 0;
  box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.1);
}
.video-cover > img,
.video-cover .cover-loading {
  width: 320px;
}
.video-cover > img {
  height: auto;
}
.video-con {
  width: 320px;
}

.page-wrap .page {
  display: inline-block;
  height: 76px;
  /* background-color: #f7f7f7; */
  padding: 20px 40px 0;
  box-sizing: border-box;
}
.page * {
  background: inherit;
}
.page-wrap .page .current,
.page-wrap .page a {
  width: 40px;
  height: 37px;
  line-height: 37px;
  display: inline-block;
}
.page-wrap .page .current {
  background-color: transparent !important;
  background-image: linear-gradient(
    132deg,
    #3023ae,
    #7f4ac3 52%,
    #c86dd7
  ) !important;
}
.page-wrap .page a:hover {
  background-color: inherit !important;
  background-image: linear-gradient(313deg, #ff0fd1, #5e3ae6) !important;
}
.page-wrap a:hover span {
  background-color: inherit !important;
}
.page-wrap a span:hover {
  background-image: none;
  background-color: inherit;
}
/* .page-wrap a:hover span {
  background-color: inherit !important;
} */

.section-signup {
  padding-bottom: 60px;
}
.award-work-list{
  width: 1078px;
  margin: 0 auto;
}
.award-work {
  width: 500px;
  float: left;
  margin-right: 78px;
}
.award-work:nth-child(2n){
  margin-right: 0;
}
.award-work .work-cover {
  width: 500px;
  height: 280px;
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.award-work .work-cover img {
  width: 100%;
  height: 100%;
}
.award-work .work-cover .user-info {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
}
.award-work .work-cover .user-info .author-v{
  position: absolute;
  bottom: 0;
  left: 20px;
}
.award-work .work-cover .user-info {
  font-size: 14px;
  color: #fff;
}
.award-work .work-cover .user-info .avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 15px;
}
.award-work .work-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75px;
  /* background-image: url('/public/images/newera_shadow.png?20161127'); */
  color: #fff;
  /* line-height: 75px; */
  padding: 0 15px;
}
.award-work .work-title .shadow {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.award-work .work-title span {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  bottom: 15px;
}
.works-wrapper.award-list {
  padding-top: 45px;
}
.award-work .award-title.activity-prize-item img{
  /* width: 100%; */
  /* margin-bottom: 50px; */
  /* margin: 25px 0; */
  height: 50px;
  display: block;
  margin: 0 auto 30px;
}
.award-work .award-title.activity-prize-item .title{
  color: #d56a6a;
}
.award-work .award-title.activity-prize-item .title::before{
  background-image: url('/public/images/graduration/M-Z.png');
  width: 30px;
}
.award-work .award-title.activity-prize-item .title::after{
  background-image: url('/public/images/graduration/M-Y.png');
  width: 30px;
}
.award-work .award-info {
  position: relative;
}
.award-work .award-info img{
  width: 33px;
  position: absolute;
 
}
.award-work .award-info p {
  padding: 24px 40px 45px;
  text-align: center;
  font-size: 14px;
  line-height: 1.71;
  color: #02053a;
}
.award-work .award-info img:first-child {
  left: 0;
  top: 38px;
}
.award-work .award-info img:last-child {
  right: 0;
  top: 66px;
}
.pro-list  {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 40px;
}
.pro-list ul li{
  display: inline-block;
  margin-right: 132px;
}
.pro-list ul li:last-child {
  margin-right: 0;
}
.pro-list li span {
  font-size: 16px;
  color: #02053a;
  line-height: 61px;
}
.pro-list li img {
  width: 171px;
  height: 61px;
}