@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2017-02-24 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#141215; }
.mt10{margin-top:10px;}
.blue{color:#96E0FE;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.col_ed3{color:#ed3030;}
.bold{font-weight:bold;}

/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none;}
.close_dialog{width:60px; height:60px; display:block; position:absolute; top:0; right:-60px; background:url(https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png) no-repeat;}

/*轮播*/
.slide{width:780px;height:352px; position:relative; margin:0px auto; }
.slide .prev,
.slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-23px; display:block; width:50px; height:74px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/ico_arrow.png) left center no-repeat; filter:alpha(opacity=80);opacity:0.8;}
.slide .next{left:auto; right:0; background-position:right center; }
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide .slide_img{width:615px;height:100%;margin:0 auto ;overflow:hidden;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:615px;}
.slide .slide_img li img{display:block; margin:0 auto;}
.slide .point{position:absolute;bottom:-15px;left:82px;height:3px;width:615px;text-align:center;}
.slide .point a{display:inline-block;width:3px;height:3px;background:#96E0FE; float:left;}
.slide .point a.cur{background:#141215; height:3px;}
.ico_point{background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/ico_point.png) no-repeat left; height:22px; width:20px; display:inline-block; vertical-align: middle;}

/*第一部分*/
.section{height:980px; position:relative; overflow:hidden;}
.nav{width:195px;top:100px;right:15px;z-index:100;padding-top:48px; }
.nav .hamburger{background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/nav_menu.png) no-repeat center; top:0; right:0; width:40px;height:40px; position:absolute; cursor: pointer;}
.nav .nav_list {height: 100%; position: relative;  text-align:right;}
.nav .line{width:0px;border-left:1px solid #141215;height:100%;top:0px;right:20px; position:absolute;}
.nav  i.circle{width:20px;height:20px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/nav_point.png) no-repeat center; top:19px;right:11px; position:absolute; display:none; }
.nav .active i.circle, .nav a:hover i.circle{display:block; animation:fade .3s linear both;}
.nav a{color:#141215; display:block;height:18px;padding:18px 50px 18px 0; position:relative; font-weight: bold;  font-size:16px; }
.nav .nav_list> a.active{color:#141215}
.nav .sub_nav a{font-size:14px; color:#C3C3C3;padding-bottom: 5px;}
.nav .sub_nav a:hover,.nav .sub_nav a.active{color:#96E0FE;}

.wrap01{background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/bg_wrap01.jpg?c1) no-repeat top;}
.wrap01 .con{width:1000px; height:1000px; margin:0 auto; }
.wrap01 .btn_video{position: absolute; left: 289px; top: 445px; width: 75px; height: 75px;background:url('https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/video_btn.png') no-repeat center 25px;animation:scaleA 1.4s linear infinite both;}

.wrap02{  background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/bg_wrap02.jpg?c1) no-repeat top;  width:100%;height:980px}
.wrap02 .spirit01{position:absolute; top:25px; left:25px;}
.wrap02 .spirit02{position:absolute; bottom:25px; left:25px;}
.wrap02 .spirit03{position:absolute; bottom:25px; right:25px;}

.wrap02 .sub_con {width:1000px; height:980px; position:absolute; left:50%; margin-left:-500px;}
.temp01 .pic_t{position:absolute; top:100px; left:40px;}
.temp01 .des{color:#2c2424; font-size:12px; line-height:22px; width:615px; position:absolute; top:400px; left:75px;}
.temp01 .menu{position:absolute; top:193px; left:42px; z-index: 10; width:1200px;}
.temp01 .menu a{color:#141215; float:left; padding-right:22px; padding-left:10px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/ico_x.png) no-repeat right 5px;}
.temp01 .menu a i{background-color:#96E0FE; width:22px; height:3px;  display:none;}
.temp01 .menu a.last{background:none;}
.temp01 .menu a:hover,
.temp01 .menu a.active{color:#96E0FE; }
.temp01 .menu a:hover  i,
.temp01 .menu a.active  i{display:block; animation:fade .3s linear both;}


.temp01 .cont .slide{position:relative; top:0;}
.temp01 .cont .desc{margin:60px auto 0; line-height:1.83; width:634px;}
.temp01 .cont {position:absolute; top:242px; width:100%; margin:0; height:auto;}

.temp01 .act_cont {position:absolute; top:260px; left:40px; margin:0; height:auto; width:922px;}
.temp01 .act_cont .time{color:#96E0FE; position:absolute; right:40px; top:0; text-align: right;}
.temp01 .act_cont .btn_time {background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/bg_5blank.png) no-repeat center; width:150px; height:150px; display: block; position: absolute; top: 114px; right: 160px;}

.temp02 .pic_t2{margin:100px 0 40px 40px;}
.temp02 .cont{padding:0 52px;}
.temp02 .cont .cont_img{width:470px; height:275px;}
.temp02 .cont .cont_text{ font-size:12px; line-height:22px;}
.temp02 .pic_rule{margin:40px 0 40px 105px;}
.temp02 .des{color:#96E0FE; margin-left:105px; line-height:1.75;}
.blue_txt li{position: relative;padding-left: 20px;}
.blue_txt li span{position: absolute; top: 9px;  left: 0;width:10px; height:10px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/2018FemaleWarrior/blue_icon.png) no-repeat center;}
.temp02 .cont2 .desc{margin:45px auto 0; line-height:1.83; width:615px;}

.img_tit {width:250px; height: 35px;position: absolute;top:300px; left:0px; cursor:pointer;}
.img_tit .layer {position: absolute; padding-bottom:20px; display:none;}
.wen_txt {margin: -15px 0 25px 50px;font-size: 12px;line-height: 22px;}
.fish_task{display: block;margin: 20px 0 0 100px;}
.temp02 .des1{color: #141215}
.Female{position: absolute; top: 175px; left: -60px; width: 182px; }
.FemaleWarrior{position: absolute; top: 182px; right: -82px; width: 200px; }
.temp01 .act_menu a{padding: 0 30px 0 22px;}
.temp02 .cont2 .desc01,.temp02 .desc02{ margin: -15px 0 25px 50px;width: auto; }

.act_btn{position: absolute; background: url(about:blank)}
.act_btn01{ width: 241px; height: 247px; top: 72px; right: 23px; }
.act_btn02{ width: 119px; height: 27px; top: 131px; right: 240px; }
.act_btn03{ width: 119px;  height: 32px;  top: 230px;  left: 283px; }
.act_btn03 img{position: absolute; top: 31px; right: -217px;display: none }
.act_btn03:hover img{display: block}
.act_btn04{ width: 97px; height: 32px; top: 347px; left: 72px;}
.act_btn04 img{position: absolute; top: 4px; right: -285px;display: none }
.act_btn04:hover img{display: block}
.act_btn05{ width: 110px; height: 32px; top: 207px; left: 60px;}
.act_btn06{ width: 160px; height: 32px; top: 517px; right: 154px;}
.act_btn06 img{position: absolute;  bottom: -140px;right: -190px;z-index: 20;display: none }
.act_btn06:hover img{display: block}
.act_btn07{ width: 160px; height: 32px; top: 403px; right: 77px;}
.act_btn07 img{position: absolute; top: -337px; right: -43px; z-index: 20;display: none }
.act_btn07:hover img{display: block}
a.look_act{display: inline-block;width: 84px;height: 25px; line-height: 25px;text-align: center; border-radius: 50px; background: #141215;color: #FFDE00}



/*动画*/
@keyframes fade{0%{opacity:0} 100%{opacity:1}}

@keyframes scaleA{
	0%{
		transform: scale(0.5);
		opacity: 1;
	}
	70% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.5);
		opacity: 0;
	}

}