/* CSS Document */
@charset "utf-8";
/*
*description:
*@author:LeeKangJie
*update:2017.02.25
*ver:1.0.0
*/
html{overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section {padding: 0;margin: 0;}
a{text-decoration:none;outline: none;}
:focus{outline:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var,i {font-weight: normal;font-style: normal;}
strong{font-weight: bold;}
ul{list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;}
input,button,textarea,select{outline:none; *font-size:100%; margin:0; border:0;}
body{font-family: "Microsoft YaHei";background: #282828;}
#section1 p i
{
    display: inline-block;
    *display: -moz-inline-stack;
    *zoom:1;
    *display: inline;     
}
/*{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;    
}*/
/*{
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out; 
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;    
}*/
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
#footer{min-width:1000px;margin:0 auto;clear:both; min-height:100px; padding-top:10px; color:#fff;position: relative;z-index: 2;width: 100%;line-height:24px; background:#000;}
#footer div{text-align:center;color:#fff; font-size:12px; margin-top:5px;}
#footer div a{ color:#fff; margin:0 10px; }
#footer a{ text-decoration:none; color:#fff;}
/*loading*/
img.loading
{
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin: -16px 0 0 -16px !important;
}
#wrapAll{display:none !important;}
#warning a:hover{text-decoration: underline;}

#container,.article{position: relative;}
#container{min-width: 1000px;overflow: hidden;}
.article{width: 1000px;margin: 0 auto;}
/*warning*/
#warning{width: 100%;height: 50px;line-height: 50px;font-size: 18px; position: fixed;z-index: 99; left:0;top:-50px;background: #ffce2e;display: none;opacity: 0;filter: alpha(opacity=0);}
#warning span{color: #dc3f31;}


.header{background: url(../img/bg_top1.jpg) no-repeat center top;}
.header .btn{width:100%;position: absolute;left: 0;bottom: 115px;}
.header .btn div{width: 608px;height: 175px;position: relative;margin: 0 auto;}
.header .btn div a{display: block;position: absolute;height: 84px;}
.header .btn div a:first-child,
.header .btn div a:first-child+a+a,
.header .btn div a:first-child+a+a+a,
.header .btn div a:first-child+a+a+a+a
{display: none;}
.header .btn div a:first-child{width: 170px;height: 100%;background: url(../img/btn.png) no-repeat left top;top: 0;left: 0;}
.header .btn div a:first-child+a{width: 320px;background: url(../img/btn.png) no-repeat -170px top;top: 100px;left: 145px;}
.header .btn div a:first-child+a+a{width: 160px;background: url(../img/btn.png) no-repeat -170px -85px;top: 86px;left: 173px;}
.header .btn div a:first-child+a+a+a{width: 160px;background: url(../img/btn.png) no-repeat -331px -85px;top: 86px;right: 115px;}
.header .btn div a:first-child+a+a+a+a{width: 115px;height: 100%;background: url(../img/btn.png) no-repeat -490px top;top: 0;right: 0;}

.header img,.section img
{vertical-align: top;}

#section1{background: url(../img/bg_img1.jpg) no-repeat center top;}
#section1 .list,#section1 p{width:100%;position: absolute;left: 0;}
#section1 .list{height: 280px;background: url(../img/bg_list.jpg) no-repeat center top;top: 180px;}
#section1 .list a{width: 225px;height: 65px;display: block;position: absolute;bottom: 0;}
#section1 .list a:first-child{left: 100px;}
#section1 .list a:first-child+a{right: 155px;}
#section1 p{top:0;height: 30px;z-index: 9;font-size: 14px;color: #ce8767;}
#section1 p i{width: 17px;height: 17px;line-height: 17px;text-align: center;background: #e2a62e;color: #25180b;margin-right: 5px;}

#section2{background: url(../img/bg_img2.jpg) no-repeat center top;}
#section2 .content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#section2 .content .talk{width: 227px;height: 158px;background: url(../img/talk.png) no-repeat;position: absolute;left: 170px;top: 145px;}
#section2 .content .rbox{float: right;padding-top: 180px;}
#section2 .content .rel{width: 579px;height: 368px;background: url(../img/bg_gifts.png) no-repeat center top;position: relative;}
#section2 .rel li:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    border:2px solid #efdc32;
}
#section2 .rel li:hover:after,#section2 .rel li.hover:after {-webkit-animation: boom 0.5s ease;animation: boom 0.5s ease;}
@-webkit-keyframes boom{0%{opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@keyframes boom{0%{opacity:0}5%{opacity:1}100%{transform:scale(1.3);transform:scale(1.3);opacity:0}}
#section2 .rel li{width: 166px;height: 86px;border:2px solid #fff;position: absolute;}
#section2 .rel li.hover{border-color: #efdc32;}
#section2 .rel li.item1 {top:20px;left:25px;}
#section2 .rel li.item2 {top:20px;left:212px;}
#section2 .rel li.item3 {top:20px;right:8px;}
#section2 .rel li.item4 {top:130px;right:8px;}
#section2 .rel li.item5 {top:243px;right:8px;}
#section2 .rel li.item6 {top:243px;left:212px;}
#section2 .rel li.item7 {top:243px;left:25px;}
#section2 .rel li.item8 {top:130px;left:25px;}
#section2 a.star{
	width: 170px;
	height: 90px;
    display: block;
    position: absolute; 
    top: 130px;
    left: 212px;
    text-align: center;
    color: #330403;
}
#section2 a.star h3{font-size: 35px;font-weight: bolder;padding: 10px 0 5px 0;}
#section2 a.star span{font-size: 14px;}
#section2 .msg{width:540px;height: 45px;background: #c9cbbf;margin-left: 17px;font-size: 14px;color: #330403;text-align: center;padding: 15px 10px;}

#section3{background: url(../img/bg_img3.jpg) no-repeat center top;}
#section3 .textarea{position: absolute;top: 345px;left: 60px;width: 445px;}
#section3 .textarea textarea{width:443px;max-width:443px;min-width:443px;height:188px;min-height:188px;max-height:188px;display: block;border:1px solid #a6a6a6;overflow-y:auto;background: #d9d9d9;padding: 10px;color: #858585;}

#section3 .textarea .sub{width: 115px;height: 40px;line-height: 40px;text-align: center;background: #d02d24;display: block;font-size: 20px;color: #fff;margin: 15px auto 0 auto;}
#section3 .user-list .box-list{height: 340px;overflow-y:auto;overflow-x:hidden;padding: 20px;background: #fff;}
#section3 .user-list .box-list ul{width: 105%;}
#section3 .user-list h2{color: #d02d24;font-size: 18px;border-bottom: 1px solid #dadada;padding: 10px 20px;background:#fff;}
#section3 .user-list{position: absolute;bottom: 0;left: 0;height: 625px;width: 1000px;}
#section3 .user-list li{padding: 20px 0;border-bottom: 1px solid #dadada;}
#section3 .user-list .head{width: 70px;height: 70px;background: #f0f0f0;margin-right: 15px;}
#section3 .user-list .head img{width: 100%;height: 100%;}
#section3 .user-list .info{font-size: 14px;width: 860px;}
#section3 .user-list .info .time{font-size: 12px;color: #666;}
#section3 .user-list .info .name b{padding-right: 15px;}
#section3 .user-list .info .cont{word-break: break-all;}
#section3 .user-list .info .vote{margin-top: 15px;color: #333;font-size: 12px;background: url(../img/ico-like.png) no-repeat left center;padding-left: 15px;cursor: pointer;}
#section3 .alert{font-size: 14px;line-height: 30px;color: #333;margin-top:10px;}
#section3 .alert dl{padding:20px;color:#fff;}
#section3 .alert dt{font-size: 16px;}

@-moz-keyframes pound{
  to {top: 135px;}
}
@-webkit-keyframes pound{
  to {top: 135px;}
}
@keyframes pound {
    to {top: 135px;}
}
.move {-webkit-animation: pound .3s infinite alternate;-moz-animation: pound .3s infinite alternate;-ms-animation: pound .3s infinite alternate;-o-animation: pound .3s infinite alternate;animation: pound .3s infinite alternate;}