@charset "gb2312";
/* CSS Document */
/*
* Description: 环球网校第六届有奖征文大赛
* Update:      22/11/2023
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #f4f4f4;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1180px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}


/* banner */
.banner{width:100%;height:513px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}

.cont1{width: 100%;height: 330px;background: url(../images/cont1_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 78px;}
.cont1 p{line-height: 38px;font-size: 22px;color: #f1f9ff;letter-spacing:2px;padding: 32px 97px 0;}
.cont1 p em{color: #fbf8c9;}

/*导航*/
.nav_div{width: 1160px;height: 76px;margin: 60px auto 30px;}
.nav_in{width: 1160px;height: 76px;overflow: hidden;}
.nav_ul{width: 1160px;height: 76px;background-color:#003153;overflow: hidden;margin: 0 auto;}
.nav_ul li{float: left;width: 290px;height: 76px;line-height: 76px;font-size: 24px;color: #fff;text-align: center;letter-spacing:2px;border-right: 1px solid #3d627b;cursor: pointer;}
.nav_ul li.cur{background-color:#f56138;}

.nav_fixed{width: 100%;background-color: #da621d;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);position: fixed;top: 0;left: 0;z-index: 99;}

.title,.sub_til{overflow: hidden;}
.title img{margin: 0 auto;}
.sub_til img{margin: 60px auto 0;}

/*赛事进程*/
.ssjc_wrap{width:100%;height:688px;background: url(../images/ssjc_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 40px;}

.ssjc_con{margin-top: 35px;overflow: hidden;padding-left: 25px;}
.ssjc_cm{float: left;overflow: hidden;margin-left: 17px;}
.ssjc_ul{overflow: hidden;margin-top: 32px;}
.ssjc_ul li{float: left;width: 170px;height: 206px;margin: 0 5px;}
.gsh_ul li{background: url(../images/gsh_t.png) no-repeat;}
.zcao_ul li{background: url(../images/zcao_t.png) no-repeat;}
.ssjc_ul li p,.ssjc_ul li em{padding-left: 26px;}
.ssjc_ul li p{height: 40px;line-height: 40px;font-size: 30px;color: #fff;font-family: 汉仪综艺体简;margin-top: 17px;}
.ssjc_ul li em{display:block;line-height: 38px;font-size: 24px;color: #020202;margin-top: 7px;}
.ssjc_ul li em b,.ssjc_ul li em i{display:block;}
.ssjc_ul li em b{line-height:24px;font-size: 24px;}
.ssjc_ul li em i{line-height:26px;font-size: 22px;}

.gsh_b,.zcao_b{width: 214px;height: 52px;margin: 28px auto 0;overflow: hidden;}
.ssjc_b span,.ssjc_b a{display: block;width: 214px;height: 52px;line-height: 52px;font-size: 24px;color: #fff;text-align: center;letter-spacing:1px;border-radius: 26px;-webkit-border-radius: 26px;-moz-border-radius: 26px;-ms-border-radius: 26px;-o-border-radius: 26px;background-color:#020202;margin: 0 auto;}
.ssjc_b span{cursor: pointer;}
.ssjc_b span:hover,.ssjc_b a:hover{background-color: #f56138;}

/*弹窗*/
.gray {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;z-index: 99;display: none;}
.pop_wrap {width: 605px;position: fixed;top: 50%;left: 50%;margin-left:-303px;display: none;z-index: 999;}

.pop1,.pop2{height: 280px;background: url(../images/pop_bg1.png) no-repeat;margin-top: -140px;padding: 32px 45px 0;}
.pop3{height: 340px;background: url(../images/pop_bg3.png) no-repeat;margin-top: -170px;padding:32px 0 0 45px;}

.pop_wrap span{display: block;height: 48px;line-height: 48px;font-size: 28px;color: #000;font-weight: 400;}
.pop_wrap p{line-height: 38px;font-size: 24px;color: #000;letter-spacing:1px;margin-top: 12px;}
.pop_em {display: block;width: 98px;height: 40px;line-height:40px;font-size: 24px;color: #fff;text-align: center;background-color: #f56138;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;margin-left: 410px;}
.pop_em:hover {background-color: #ff3700;}

.pop_l{float: left;width: 310px;margin: 2px 0 0 4px;}
.pop_l .pop_p1{height:auto;}
.pop_l em{display:block;height:46px;line-height: 42px;font-size: 24px;color: #000;font-weight: bold;}

.pop_r{float: left;width: 162px;height: 162px;margin: 38px 0 0 45px;}
.pop_ewm{width: 162px;height: 162px;}
.pop_r .pop_em{margin: 30px 0 0 58px;}

/*奖项设置*/
.prize_wrap{width: 100%;height:898px;background: url(../images/prize_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 72px;}

.prize_con{width:1128px;height:493px;margin: 100px auto 0;overflow: hidden;position: relative;}
.prize_ul{height: 493px;}
.prize_ul li{width: 375px;height: 493px;margin:0;display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      }
.prize_m{overflow: hidden;transition: 300ms;transform: scale(0.85);}
.prize_m,.prize_m img{display:block;width: 375px;height: 493px;}
.prize_ul .swiper-slide-active .prize_m,.zbian_ul .swiper-slide-duplicate-active .prize_m{transform: scale(1);}

.prize_con .swiper-button-prev,.prize_con .swiper-button-next{width: 22px;height: 22px;color: transparent;top: 490px;}
.prize_con .swiper-button-prev{background: url(../images/prev_btn2.png) no-repeat;left: 1040px;}
.prize_con .swiper-button-next{background: url(../images/next_btn2.png) no-repeat;left: 1075px;}
.prize_con .swiper-button-prev:hover{background-image: url(../images/prev_btn2h.png);}
.prize_con .swiper-button-next:hover{background-image: url(../images/next_btn2h.png);}
.prize_con .swiper-pagination{width:60px;height:22px;color:#fff;text-align:left;left: 980px;top: 469px;}

/*大赛规则*/
.rule_wrap{width: 100%;height: auto;background-color:#f4f4f4;overflow: hidden;padding: 70px 0 35px;}

.rule_nav{width: 1160px;height: 84px;margin: 15px auto 0;overflow: hidden;}
.rule_nav li{float: left;width: 579px;height: 88px;overflow: hidden;}
.rule_li1{background: url(../images/rule_til1.png) no-repeat;margin-right: 2px;}
.rule_li2{background: url(../images/rule_til2.png) no-repeat;}
.cur.rule_li1{background-image: url(../images/rule_til1h.png);}
.cur.rule_li2{background-image: url(../images/rule_til2h.png);}

.rule_con{width: 1160px;margin: 6px auto 0;border-radius: 0 0 20px 20px;-webkit-border-radius: 0 0 20px 20px;-moz-border-radius: 0 0 20px 20px;-ms-border-radius: 0 0 20px 20px;-o-border-radius: 0 0 20px 20px;padding: 40px 0 50px;display: none;}
.rule_con1{background-color: #fff9f0;}

.til_span{display: block;width: 184px;height: 54px;line-height: 54px;font-size: 26px;font-weight: bold;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;margin: 0 0 5px 38px;}
.rule_con1 .til_span{color: #000;background-color: #f7b24d;} 
.rule_con p{line-height: 36px;font-size: 20px;color: #020101;padding: 20px 38px 0;}
.rule_con p i{background-color: #ffef34;padding: 3px 8px;}
.line3,.line4{display:block;width: 1089px;height: 54px;}
.line3{background: url(../images/line3.png) no-repeat;margin: 10px 0 20px 38px;}
.rule_con .sub_til img{margin-top: 45px;}
.img1,.img2{margin: 25px auto 0;}
.rule_con .p1{line-height:44px;padding-top: 30px;}
.img3{margin: 10px auto 0;}


.rule_con2{background-color: #f5faff;}
.rule_con2 .til_span{color: #fff;background-color: #345c81;} 
.rule_con2 .p2{font-size: 22px;}
.rule_con2 p .i1{font-size:24px;font-weight:400;background-color: #b5ffa6;padding: 3px 1px 3px 8px;margin-right: 2px;}
.ewm_img1{width: 200px;height: 200px;margin: 40px auto 20px;}
.em1{display: block;height: 44px;line-height: 44px;font-size: 24px;font-weight: bold;text-align: center;color: #020101;}

/*重要说明*/
.explain_wrap {width: 100%;height: 1288px;background: url(../images/explain_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 40px;}

.exp_con{width:1160px;margin: 82px auto 0;overflow: hidden;}
.exp_con .til_span{color: #345c81;background-color: #fff;} 
.exp_con p{line-height: 34px;font-size: 20px;color: #fff;padding: 15px 38px 0;}
.exp_con a{display:block;width:248px;height:60px;line-height: 60px;font-size: 30px;color: #fff;text-align:center;background-color:#f56138;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;margin: 27px auto;}
.exp_con a:hover{background-color: #ff3700;}
.exp_con .em2{display:block;line-height: 26px;font-size: 16px;color: #fff;text-align:center;letter-spacing: 2px;}
.line4{background: url(../images/line4.png) no-repeat;margin: 20px 0 25px 38px;}
.ewm_img2{width: 215px;height: 252px;margin: 30px auto 0;}

/*悬浮导航*/
.side_r{width: 134px;height: 266px;background: url(../images/side_r.png) no-repeat;position:fixed;bottom:50%;right:5px;margin-top:-133px;z-index:90;overflow: hidden;}

.side_rul{height:115px;margin-top: 108px;overflow: hidden;}
.side_rul li{width:126px;height: 34px;line-height: 34px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;margin: 0 auto;}
.side_rul li.cur{background-color: #39b76a;}

.back_p{display:block;height: 40px;line-height: 38px;font-size: 16px;color: #000;text-align: center;cursor: pointer;}
.back_p:hover{font-weight: bold;}
