@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.wrap_bg{ background: url(../images/bg.jpg) no-repeat center top;}
.wrap{ width: 1100px; margin: 0 auto; padding-bottom: 200px;}

/* header */
.header{ position: relative; height: 837px;}
.versions_logo{ position: absolute; top: 100px; left: -30px;}
.header .time{ position: absolute; top: 316px; left: 50%; width: 428px; height: 32px; line-height: 32px; margin-left: -214px; background-color: #E73A18; border-radius:16px; text-align: center; font-size: 18px; color: #FFF;}
.header .note{ z-index: 2; position: absolute; width: 79px; height: 113px; padding: 70px 10px 0 10px; background: url(../images/note.png) no-repeat 0 0; word-break: break-all; transform: rotate(38deg); transform-origin: top;}
.header .wind{ animation: wind 2s ease-in-out infinite; z-index: 1;}
@keyframes wind{
	0% {transform: rotate(28deg);}
	50% {transform: rotate(-28deg);}
	100%{transform: rotate(28deg);}
}
.header .note .to{ color: #E43111;}
.header .note .text{ height: 60px;}
.header .note .from{ font-size: 12px; color: #50351d;}
.header .info{ position: absolute; top: 60px; left: 98px; width: 171px; height: 226px; background: url(../images/note_info.jpg) no-repeat 0 0; border: 4px solid #e33713; transform: rotate(-38deg);}
.header .wind .info{ display: none;}

/*main*/
.main{ margin-bottom: 27px;}
.main .title{ height: 35px; line-height: 35px; padding-left: 12px; background-color: #EF432B; font-size: 22px; color: #FFF;}

.main .prize{ position: relative; width: 476px; height: 256px; border: 1px solid #EFB1A4; border-top: 0; background: url(../images/prize.jpg) no-repeat center bottom;}
.main .prize span{ position: absolute; top: 200px; width: 150px; text-align: center;}
.main .prize span.p1{ left: 0px;}
.main .prize span.p2{ left: 130px;}
.main .prize span.p3{ right: 18px;}

.main .list{ width: 395px; height: 256px; margin: 0 15px; border: 1px solid #EFB1A4; border-top: 0; background: url(../images/list.jpg) no-repeat center bottom; overflow: hidden;}
.main .list .bd{ width: 330px; margin: 10px auto;}
.main .list li{ height: 36px; font-size: 16px; color: #101010;}

.main .say{ width: 193px; height: 321px; margin-top: -69px; background: url(../images/say.png) no-repeat 0 0;}
.main .say a{ display: block; width: 153px; height: 145px; margin: 140px 0 0 20px; text-indent: -999em;}

/*letter*/
.letter{ width: 1092px; height: 366px; background: url(../images/letter.jpg) no-repeat 0 0; border: 4px solid #EF432B; font-size: 16px;}
.letter .title{ padding: 47px 0 26px 0; text-align: center;}
.letter .title span{ display: inline-block; padding: 0 10px; background-color: #F13D24; color: #FFF;}
.letter .content{ padding: 0 60px; line-height: 36px; text-indent: 2em;}
.letter .content p{ margin-bottom: 30px;}