﻿@charset "utf-8";
/* CSS Document */
/*edit:zhangning
@ 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;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.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:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#A0A0A0; }
.mt10{margin-top:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.bold{font-weight:bold;}
/*样式颜色*/
/*.entrance_c01{color: #6B6B6B;}*/
.gray{color: #989898;}
.red{color: #6B6B6B;}
.slide_tit{
	font-size: 16px;
	color: #671C1C;
}
/*弹窗部分 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:0; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png) no-repeat;}

/*轮播*/
.slide{width:1000px;height:400px; 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_19act/1906bb/ico_arrow06.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:800px;height:100%;margin:0 auto ;overflow:hidden;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:800px;}
.slide .slide_img li img{display:block; margin:0 auto;}
.slide .point{position:absolute;bottom:-15px;left:100px;height:3px;width:800px;text-align:center;}

/*.ico_point{background:url(https://static.web.sdo.com/dn/pic/dn_18act/201808LANCER/ico_point.png) no-repeat left; height:22px; width:20px; display:inline-block; vertical-align: middle;}*/

/*第一部分*/
.section{height:980px; position:relative; overflow:hidden;}



.nav .active i.circle, .nav a:hover i.circle{display:block; animation:fade .3s linear both;}
.nav a{color:#6D5D3A; display:block;height:18px;padding:15px 50px 15px 0; position:relative; font-weight: bold;  font-size:16px; }
@font-face{font-family: myFont; src: url('https://static.web.sdo.com/dn/pic/dn_18act/201809Renew/tian.ttf');}
.myFont{font-family:myFont;}

/*.nav .sub_nav a{font-size:14px; color:#6D5D3A;padding-bottom: 2px;}
.nav .sub_nav a:hover,.nav .sub_nav a.active{color:#727272;}*/

.wrap01{background:url('https://static.web.sdo.com/dn/pic/dn_18act/201809Renew/wrap01_bg.jpg?c1') no-repeat center top;}
.wrap01 .con{width:1000px; height:1000px; margin:0 auto; }
.wrap01 .btn_video{ position: absolute; left: 664px; top: 302px; width: 75px; height: 84px; background: url(https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png); }
.wrap01 .bg_video_new{ position: absolute; left: -780px; top: 0;  }
.wrap01 .bg_logo{ position: absolute; top: 147px; left: 544px; }

.wrap02{  background:url(https://static.web.sdo.com/dn/pic/dn_18act/201809Renew/wrap02_bg.jpg?c1) no-repeat center top;  width:100%;height:1000px}
.wrap02 .spirit01{position:absolute; top:25px; left:25px;}
.wrap02 .spirit02{position:absolute; bottom:35px; left:25px;}
.wrap02 .spirit03{position:absolute; bottom:35px; right:25px;}
.wrap02 .spirit04{position:absolute; top:22px; right:20px;}
.wrap02 .spirit05{position:absolute; top:22px; left:20px;}

.sub_con:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.wrap02 .sub_con {width:1000px; height:1000px; 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:210px; left:42px; z-index: 10; width:1200px;}

.temp01 .menu a.last{background:none;}
.temp01 .menu a:hover{color: #fff;}

.temp01 .menu a:hover  i,
.temp01 .menu a.active  i{display:block;}

.temp01 .cont .slide{position:relative; top:0;}
.temp01 .cont .desc{margin:50px auto 0; line-height:1.83; width:800px;}
.temp01 .cont {position:absolute; top:260px; 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{ 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;}

.nav  i.circle{ position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15px; height: 15px; border-radius: 10px; border: 1px solid #FEFEFE; background: #220C09; top: 19px; right: 13px; display:none; }
.nav  i.circle b{ display: block; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 9px; height: 9px; border-radius: 10px; background: #354789; top: 2px; right: 2px; }

.pic_t2{margin:100px 0 45px 40px;}
.pic_t2 h3 i{display: inline-block; width: 36px; height: 40px; text-align: center; line-height: 40px; color: #1D1B1A; border-radius: 5px; font-size: 36px; background: #6D5D3A; }
.pic_t2 p{width: 910px;height: 20px;padding-left:5px;line-height: 20px;color: #141215;background: #6D5D3A}
.pic_t2 .short{ width: 65px; height: 20px;padding:0;line-height: 20px;color: #141215; text-align: center; background: #6D5D3A}
.temp02 .cont{padding:0 48px;}
.temp02 .cont .cont_img{width:460px; height:270px;}
.temp02 .cont .cont_img img{display: block;margin: 0 auto}
.temp02 .cont .cont_text{ width: 435px;height: 270px;line-height: 26px; font-size:14px;}
.temp02 .pic_rule{margin:20px 0 20px 49px;}
.temp02 .des{margin-left:105px; line-height:1.6;}
.blue_txt li{position: relative;padding-left: 14px;}
.blue_txt_no li{position: relative;padding-left:0;}
.cont2{margin-top:60px;}
.temp02 .cont2 .desc{margin:45px auto 0; line-height:1.83; width:800px;}

.entrance_ol li{list-style-position: outside;list-style-type: decimal}

.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 30px 40px;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(https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png)}
.act_btn01{
	width: 363px;
	height: 80px;
	top: 447px;
	left: 80px;
	background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811bb/btn01.png) no-repeat;
}
.act_btn01:hover{
	background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811bb/btn01_h.png) no-repeat;
}
.act_btn02{
	width: 363px;
	height: 80px;
	top: 447px;
	left: 485px;
	background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811bb/btn02.png) no-repeat;
}
.act_btn02:hover{
	background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811bb/btn02_h.png) no-repeat;
}
 .act_btn03{
	 width: 363px;
	 height: 80px;
	 top: 246px;
	 left: 100px;
 }
.act_btn01 img{
	position: absolute;
	top: -312px;
	left: 0;
	display: none;
}
.act_btn01:hover img{display: block}
.act_btn:hover .hover_img{display: block}
.act_btn07{
	width: 118px;
	height: 32px;
	top: 208px;
	left: 572px;
}
.act_btn08{
	width: 255px;
	height: 30px;
	top: 374px;
	left: 190px;
}
.act_btn07 img{
	position: absolute;
	width: 450px;
	height: 450px;
	top: -130px;
	left: 118px;
	display: none;
}
.act_btn08 img{
	position: absolute;
	top: -290px;
	left: 251px;
	display: none;
}
.act_btn09{
	width: 213px;
	height: 32px;
	top: 69px;
	left: 487px;
}
.act_btn10{
	width: 199px;
	height: 30px;
	top: 239px;
	left: 492px;
}
.act_btn09 img{
	position: absolute;
	top: 30px;
	left: -230px;
	display: none;
}
.act_btn10 img{
	position: absolute;
	top: 30px;
	left: -230px;
	display: none;
}
.act_btn11{
	width: 199px;
	height: 48px;
	top: 560px;
	left: 352px;
}
.act_btn11 img{
	position: absolute;
	top: -402px;
	left: -194px;
	display: none;
}
.act_btn12{
	width: 85px;
	height: 34px;
	top: 283px;
	left: 120px;
}
.act_btn12 img{
	position: absolute;
	top: -178px;
	left: 80px;
	display: none;
}
.act_btn13{
	width: 85px;
	height: 34px;
	top: 363px;
	left: 54px;
}
.act_btn13 img{
	position: absolute;
	top: -315px;
	left: 80px;
	display: none;
}
.act_btn14{
	width: 85px;
	height: 34px;
	top: 515px;
	left: 710px;
}
.act_btn14 img{
	position: absolute;
	top: -240px;
	left: -160px;
	display: none;
}
.act_btn15{
	width: 114px;
	height: 34px;
	top: 215px;
	left: 325px;
}
.act_btn15 img{
	position: absolute;
	top: -316px;
	left: -332px;
	display: none;
}
.act_btn16{
	width: 80px;
	height: 34px;
	top: 260px;
	left: 449px;
}
.act_btn16 img{
	position: absolute;
	top: -495px;
	left: -452px;
	display: none;
}
.act_btn17{
	width: 57px;
	height: 34px;
	top: 303px;
	left: 311px;
}
.act_btn17 img{
	position: absolute;
	top: -268px;
	left: -312px;
	display: none;
}
.act_btn18{
	width: 57px;
	height: 34px;
	top: 393px;
	left: 800px;
}
.act_btn18 img{
	position: absolute;
	top: -300px;
	left: -114px;
	display: none;
}

.act_btn img{
	z-index: 20;
}
.act_btn19{
	width: 110px;
	height: 34px;
	top: 93px;
	left: 731px;
}
.act_btn19 img{
	position: absolute;
	top: 30px;
	left: -570px;
	display: none;
}
.act_btn20{
	width: 57px;
	height: 34px;
	top: 501px;
	left: 120px;
}
.act_btn20 img{
	position: absolute;
	top: -111px;
	left: -65px;
	display: none;
}
.act_btn21{
	width: 57px;
	height: 34px;
	top: 503px;
	left: 587px;
}
.act_btn21 img{
	position: absolute;
	top: -400px;
	left: -365px;
	display: none;
}
.month8_act_btn1{
	width: 126px;
	height: 173px;
	top: 165px;
	left: 690px;
}
.month8_act_btn1 img{
	position: absolute;
	top: 140px;
	left: 85px;
	display: none;
}
.month8_act_btn2{
	width: 126px;
	height: 45px;
	top: 129px;
	left: 220px;
}
.month8_act_btn2 img{
	position: absolute;
	top: 12px;
	left: 115px;
	display: none;
}
.month8_act5_btn1{
	width: 126px;
	height: 45px;
	top: 70px;
	left: 325px;
}
.month8_act5_btn1 img{
	position: absolute;
	top: 33px;
	left: -264px;
	display: none;
}
.month8_act5_btn2{
	width: 95px;
	height: 45px;
	top: 335px;
	left: 580px;
}
.month8_act5_btn2 img{
	position: absolute;
	top: 33px;
	left: -165px;
	display: none;
}
.month8_act6_btn1{
	width: 105px;
	height: 45px;
	top: 238px;
	left: 703px;
}
.month8_act6_btn1 img{
	position: absolute;
	top: 33px;
	left: -117px;
	display: none;
}

.act_btn22{
	width: 115px;
	height: 34px;
	top: 345px;
	left: 354px;
}
.act_btn22 img{
	position: absolute;
	top: -513px;
	left: 110px;
	display: none;
}

.act_btn23{
	width: 200px;
	height: 34px;
	top: 125px;
	left: 500px;
}
.act_btn23 img{
	position: absolute;
	top: -75px;
	left: 200px;
	display: none;
}
.act_btn24{
	width: 90px;
	height: 34px;
	top: 230px;
	left: 610px;
}
.act_btn24 img{
	position: absolute;
	top: -88px;
	left: 82px;
	display: none;
}



/*手风琴*/
.qin_box {position: absolute; width: 877px; height: 332px; top:120px;left: 20px; overflow: hidden; }
.qin_box .qin_li { float: left; width: 156px; height: 100%; overflow: hidden; }
.qin_box .qin_li .pic { float: left; height: 100%; }
.qin_box .qin_li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.qin_box .qin_li{*display:inline-block;*zoom:100%;}
.qin_box .pic{ width: 0; height: 100%; }

.qin_box .head { float: left; width: 156px; height: 100%; }
.qin_box .head01 {background: url('https://static.web.sdo.com/dn/pic/dn_18act/1811bb/fl_btn01.png') no-repeat center top;  }
.qin_box .pic01 { background: url('https://static.web.sdo.com/dn/pic/dn_18act/1811bb/fl_img01.png') no-repeat center top; }
.qin_box .head02 { background: url('https://static.web.sdo.com/dn/pic/dn_18act/1811bb/fl_btn02.png') no-repeat center top; }
.qin_box .pic02 { background: url('https://static.web.sdo.com/dn/pic/dn_18act/1811bb/fl_img02.png') no-repeat center top; }

a.look_act{display: inline-block;width: 84px;height: 25px; line-height: 25px;text-align: center; border-radius: 50px; background: #141215;color: #FFDE00}

.tit_key {
	font-size: 20px;
	border-left: 5px solid #39145A;
	color: #39145A;
	font-weight: bold;
	padding-left: 11px;
	line-height: 1.1;
	margin-top: 15px;
}
.tit_key02 {
	margin-left: 47px;
}
.temp02 .des_pre {
	margin-left: 46px;
}
.top_txt{
	font-size: 14px;
	margin: -25px 0 0 46px;
}
.schedule{
	position: absolute;
	top: 284px;
	left: 155px;
}
.logo{
	position: absolute;
	top: 36px;
	left: 0;
}
.js_desc{
	display: none;
}
a.chance_btn{
	position: relative;
	color: #6D5D3A;
}
a.chance_btn img{
	position: absolute;
	bottom: 26px;
	left: -103px;
	display: none;
}
a.chance_btn:hover img{
	display: block;
}

.pop_img_box{
	position: absolute;
	top:68px;
	left: 100px;
	display: none;
}
.img_pop_close{
	position: absolute;
	display: block;
	width: 43px;
	height: 43px;
	top:0;
	right: 0;
	background: url("https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png") no-repeat;
}
/*动画*/
@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;
	}

}
/*20190925*/

.month9_act7_btn1{
    width: 50px;
    height: 30px;
    top: 70px;
    left: 652px;
}
.month9_act7_btn2{
    width: 50px;
    height: 30px;
    top: 99px;
    left: 358px;
}
.month9_act7_btn3{
	width: 154px;
	height: 33px;
	top: 188px;
	left: 577px;
}
.month9_act7_btn4{
    width: 80px;
    height: 30px;
    top: 400px;
    left: 222px;
}

.month9_act7_btn1 img,
.month9_act7_btn2 img,
.month9_act7_btn3 img
{
    position: absolute;
    top: 33px;
    left: -117px;
    display: none;
}


.month9_act7_btn4 img {
    position: absolute;
    bottom: 33px;
    left: -117px;
    display: none;
}

    .dialog-task {
      width: 848px;
      height: 490px;
      position: absolute;
      top: 150px;
      left: 0;
	  right: 0;
	  margin: 0 auto;
      background: url(https://static.web.sdo.com/dn/pic/dn_20act/2008bb/dialog-task.png) no-repeat center;
	  z-index: 20;
	  display: none;
    }

    .dialog-task .btn-close {
      width: 45px;
      height: 45px;
      position: absolute;
      top: 2px;
      right: -47px;
      background: url(https://static.web.sdo.com/dn/pic/dn_20act/2008bb/btn-close.png) no-repeat center;
	  z-index: 20;
    }

    .dialog-task .btn-go {
      width: 364px;
      height: 64px;
      position: absolute;
      left: 242px;
      bottom: 57px;
	  z-index: 20;
    }
	
	.mask {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.8);
      opacity: 0.8;
      display: none;
      z-index: 15;
    }
    .month3_event4 img{
        position: absolute;
        top:-50px;
        left: 50px;
    }
.pop_video{
    width: 640px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
.pop_video .close{
    top: 0;
    right: -50px;
}
.alert_bg {
    width: 100%;
    height: 100%;
    background: #010001;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.pop_video .close {
    top: 0;
    right: -50px;
}
.close {
    position: absolute;
    width: 41px;
    height: 42px;
    top: 10px;
    right: 10px;
    background: url(https://static.web.sdo.com/dn/pic/dn_act/201712ac/close.png) no-repeat;
}
.hover_pic{
    display: none;
}
.hover_a:hover .hover_pic{
    display: block;
}

.video_button{
    animation: scale_big 1.5s linear infinite both;
}

@keyframes scale_big {
    0%,16%,19%,34%,100%{  -webkit-transform: scale(1); transform: scale(1);  }
    8%{  -webkit-transform: scale(1.1); transform: scale(1.1);  }
    26%{  -webkit-transform: scale(1.1); transform: scale(1.1);  }
}
/*@-ms-keyframes scale_big {*/
    /*0%,16%,19%,34%,100%{  -webkit-transform: scale(1); transform: scale(1);  }*/
    /*8%{  -webkit-transform: scale(1.3); transform: scale(1.3);  }*/
    /*26%{  -webkit-transform: scale(1.3); transform: scale(1.3);  }*/
/*}*/
/*@-webkit-keyframes  scale_big {*/
    /*0%,16%,19%,34%,100%{  -webkit-transform: scale(1); transform: scale(1);  }*/
    /*8%{  -webkit-transform: scale(1.3); transform: scale(1.3);  }*/
    /*26%{  -webkit-transform: scale(1.3); transform: scale(1.3);  }*/
/*}*/