/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
li{float:left;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}
/*a:focus{-moz-outline-style: none;}*/
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}

.wrap{width:100%;min-width: 1280px; height:1030px; background:url("https://static.1000yy.com/1000y/pic/2017/0420zfd/wrapbg.jpg") center top no-repeat; position:relative;overflow: hidden}
.wrapper{width:1280px;height:1030px;margin:0 auto;position: relative}
.w_main{width:1280px;height:1030px; float:left; position:relative;}
.logo{ position:absolute;top:20px;left:140px; z-index:5}
.logo a img{width:86px;}

.top_nav{position: absolute; right: 0; top: 0; width: 186px; height: 27px; z-index: 3;background: url("https://static.1000yy.com/1000y/pic/2017/0420zfd/topnav.png") no-repeat center top}
.top_nav a{
    float: left;
    width: 45px;
    height: 27px;
    line-height: 27px;
    margin-right: 1px;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
}
.top_nav a:hover{
    text-decoration: underline;
}
.top_nav a.tBtn_1{
    margin-left: 26px;
}
.txtbox{
    position: absolute;
    top: 489px;
    left: 319px;
    width: 740px;
    height: 203px;
}
.img_box{
    width: 187px;
    height: 203px;
    float: left;
    margin-right: 20px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0420zfd/img2.jpg") no-repeat center top;
}
.txt{
    float: left;
    width: 520px;
    height: 100%;
}
.txt h2{
    font-size: 15px;
    color: #ffbe58;
    font-weight: bold;
    margin-top: 10px;
}
.txt p{
    font-size: 12px;
    color: #e4dad1;
    line-height: 23px;
    margin: 5px 0;
    position: relative;
}
.txt p span{
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #ffbe58;
    font-size: 12px;
    color: #a52122;
    text-align: center;
    line-height: 15px;
    margin: 4px 5px 0 0;
}
.role1{
    position: absolute;
    top: 300px;
    left: 30px;
    width: 363px;
    height: 397px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0420zfd/role1.png") no-repeat center top;
    -webkit-animation:fadeInRight 1s .2s ease both;
    -ms-animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0; -webkit-transform:translateX(20px)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
    0%{opacity:0; -ms-transform:translateX(20px)}
    100%{opacity:1; -ms-transform:translateX(0)}
}
.role2{
    position: absolute;
    top: 0;
    left: 700px;
    width: 542px;
    height: 474px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0420zfd/role2.png") no-repeat center top;
    -webkit-animation: bird1 1s ease both; animation: bird1 1s ease both;
    -ms-animation: bird1 1s ease both; animation: bird1 1s ease both;
}
@-webkit-keyframes bird1{0%{opacity: 0; -webkit-transform: scale(.2,.2); top: 0; left: 400px;} 100%{opacity: 1;top: 0; left: 700px;-webkit-transform: scale(1,1);}}
@-ms-keyframes bird1{0%{opacity: 0; -ms-transform: scale(.2,.2); top: 0; left: 400px;} 100%{opacity: 1;top: 0; left: 700px;-ms-transform: scale(1,1);}}

.btn1{width:221px;height:221px; position:absolute;left:165px;top:740px;background:url("https://static.1000yy.com/1000y/pic/2017/0420zfd/nav1.png") no-repeat center top; -ms-animation:bounce 1s .2s ease both; -webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both;}
.btn3{width:221px;height:221px; position:absolute;left:405px;top:740px;background:url("https://static.1000yy.com/1000y/pic/2017/0420zfd/nav2.png") no-repeat center top; -ms-animation:bounce 1s .4s ease both; -webkit-animation:bounce 1s .4s ease both;-moz-animation:bounce 1s .4s ease both;}
.btn4{width:221px;height:221px; position:absolute;left:650px;top:740px;background:url("https://static.1000yy.com/1000y/pic/2017/0420zfd/nav3.png") no-repeat center top; -ms-animation:bounce 1s .6s ease both; -webkit-animation:bounce 1s .6s ease both;-moz-animation:bounce 1s .6s ease both;}
.btn5{width:221px;height:221px; position:absolute;left:895px;top:740px;background:url("https://static.1000yy.com/1000y/pic/2017/0420zfd/nav4.png") no-repeat center top; -ms-animation:bounce 1s .8s ease both; -webkit-animation:bounce 1s .8s ease both;-moz-animation:bounce 1s .8s ease both;}
@-ms-keyframes bounce{
    0%{opacity:0; -ms-transform:scale(.3)}
    50%{opacity:1;  -ms-transform:scale(1.05)}
    70%{-ms-transform:scale(.9)}
    100%{-ms-transform:scale(1)}
}
@-webkit-keyframes bounce{
    0%{opacity:0; -webkit-transform:scale(.3)}
    50%{opacity:1; -webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounce{
    0%{opacity:0; -moz-transform:scale(.3)}
    50%{opacity:1; -moz-transform:scale(1.05)}
    70%{-moz-transform:scale(.9)}
    100%{-moz-transform:scale(1)}
}
/*弹窗*/
#overlay{width:100%; height:100%; filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; position:fixed; background:#000000; top:0; left:0; z-index:3000; display:none;}
.overlay{position:fixed;z-index:5000;display:none;width:1177px;height: 662px; left:50%;top:-800px;margin:0 0 0 -635px;background: url("https://static.1000yy.com/1000y/pic/2017/0420zfd/popbg.png") no-repeat top center;}
.overlay .close{cursor: pointer; height:102px;width:100px;display: block; position: absolute;right:-40px;top:0;background: url("https://static.1000yy.com/1000y/pic/2017/0420zfd/close.png") no-repeat center top}
.conCon{width:780px; height:500px; float:left;display:inline;overflow: auto;margin:100px 0 0 260px}
.cw_main{float: left;width:780px;height:450px;display:inline;position:relative;overflow:auto;font-size: 15px;color: #f7e2e2}
a{color: #f1f1ff;line-height: 30px}
.h_10{width:100%;height:10px; float:left;}
.main{padding:0;}
.pd80{ float:left;}
.f1{font-size:16px;font-weight:bold;}
table{border-collapse:collapse;}
.Cont{line-height: 24px; border-collapse:collapse;}
.Cont table{margin:0 auto;}
.Cont table tr th{padding:10px 0; border: solid 2px #ecb596;}
.Cont table tr td{color:#f7e2e2; text-align:center; vertical-align:middle;padding:10px; border: solid 2px #ecb596;}
.title_num{width:650px; display:inline-block; text-align:center; font-size:16px; font-weight:bold;margin-left: 50px;}
.color_1{color:#f7e2e2;}
.tt{width:780px;height:68px; line-height:68px; position:absolute;left:250px;top:15px; font-size:28px; font-weight:bold; color:#ffffff;text-align:center; padding:0 0;}
.focus{font-size: 44px;margin-bottom: 30px;}
#showGift_5 .pd80{line-height: 2em;}

.pd80 h2{
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}