@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,.fl{ float: left; }
.f_right,.fr{ float: right; }

/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
body{background: #6daac2;}
#contentDiv{background: url(../images/m2.jpg) repeat-y center; min-width: 1300px; font-size: 18px; max-width: 1920px; margin: 0 auto;}
#contentFooter{background: url(../images/m3.jpg) no-repeat center bottom;}
.wrap1206{width: 1206px; margin: 0 auto; }
.container{background: url(../images/m1.jpg) no-repeat center 0; min-height: 1300px; position: relative;}

/* header */
.header{position: relative; height: 922px;}
.header_nav{position: absolute; bottom: 44px; left: 0; width:100%; height: 101px; display: flex; justify-content: center;}
.header_nav a{width: 202px; height: 101px; cursor: pointer; margin:0 12px; display: block;}
.header_nav a.n1{background: url(../images/a1.png) no-repeat 0 0;}
.header_nav a.n2{background: url(../images/a2.png) no-repeat 0 0; margin-top: 24px;}
.header_nav a.n3{background: url(../images/a3.png) no-repeat 0 0;}
.header_nav a.n4{background: url(../images/a4.png) no-repeat 0 0; margin-top: 24px;}
.header_nav a.n5{background: url(../images/a5.png) no-repeat 0 0;}
.header_nav a:hover,.header_nav a.on{background-position: 0 -173px;}


/*fixed_left*/
.fixed_leftCont{width: 102px; position: absolute; left: 76px; top: 0;}
.fixed_left{ position: fixed; top: 50%; margin-top: -294px; width: 102px; height: 587px; z-index: 2; display: none;}
.fixed_left a{ position: absolute; left: 0; width: 102px; height: 103px; cursor: pointer;}
.fixed_left a.n1{ top: 0; background: url(../images/fl_1.png) no-repeat 0 0; }
.fixed_left a.n2{ top: 79px; background: url(../images/fl_2.png) no-repeat 0 0; }
.fixed_left a.n3{ top: 158px; background: url(../images/fl_3.png) no-repeat 0 0; }
.fixed_left a.n4{ top: 237px; background: url(../images/fl_4.png) no-repeat 0 0; }
.fixed_left a.n5{ top: 316px; background: url(../images/fl_5.png) no-repeat 0 0; }
.fixed_left a.top{ top: 398px; left: 14px; width: 74px; height: 74px; background: url(../images/top.png) no-repeat 0 0; }
.fixed_left a.anchor:hover, .fixed_left a.anchor.on{ background-position: right 0; }
.fixed_left a.top:hover{ background-position: right 0;}
.b_img{ position: absolute; bottom: 0; left: 12px; }

/*fixed_right*/
.fixed_main{width: 230px; height: 100%; z-index: 10; position: absolute; top: 0; right: 0;}
.fixed_right{position: fixed; top:120px; width: 230px; height: 290px;}
.fixedDiv1{width: 111px; height: 290px; position: absolute; left: 106px; top: 174px;}
.fixedDiv1 a{display: block; width: 111px; height: 290px; background: url(../images/fixed_right1.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 0; bottom: 0;}
.fixedDiv1 a:hover{background-position: right 0;}

.fixedDiv2{width: 111px; height:290px; position: absolute; left: 0; top: 40px;}
.fixedDiv2 a{display: block; width: 111px; height: 290px; background: url(../images/fixed_right2.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 0; bottom: 0;}
.fixedDiv2 a:hover{background-position: right 0;}


/*content*/
.content{ width: 1200px; min-height: 1200px; padding-bottom: 320px; line-height: 36px; font-size: 18px; color: #6c6397;}
.area{ margin-bottom: 50px; }
.area p{ color: #434f73; font-size: 18px;}
.area p img{ margin: 20px auto; max-width: 1200px; display: block; }
.comHit{ font-size: 24px; color: #74b3c8; padding-left: 54px; background: url(../images/icon.png) no-repeat 0 center; height: 54px; line-height: 54px; margin-bottom: 10px; margin-top: 10px; }
.tit{ display: block; margin: 64px auto 86px auto; }
.sub_tit{ margin-bottom: 25px; height: 28px; line-height: 28px; padding-left: 62px; font-size: 24px; background: url(../images/sub_tit.png) no-repeat left center; font-weight: bold; }

/*prompt*/
.popfiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background: rgba(0,0,0,0.8); display: none; }
.prompt{width: 1118px; height: 730px; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.prompt .tip{position: absolute; display: block;}
.prompt .tip1{}
.prompt .tip2{}





.tableMain{width: 700px; height: 432px; margin: 0 auto; text-align: center;}
.tableMain table{width: 100%; border-collapse: collapse; text-align: center; font-size: 14px; color: #7e7e7e; line-height: 39px;}
.tableMain table th{height: 52px; padding-bottom: 20px; font-size: 24px; color: #FFF; font-weight: bold;}
.tableMain table td{border-bottom: 1px solid #e5e5e5;}

#tops{height: 410px; padding-top: 50px;}
#tops div{border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 14px; color: #7e7e7e; line-height: 39px; height: 39px;}
#tops div span{float: left; height: 39px;}
#tops div span.a1{width: 110px;}
#tops div span.a2{width: 180px;}
#tops div span.a3{width: 220px;}
#tops div span.a4{width: 190px;}

.page{width: 100%; text-align: center; font-size: 14px;}
.page a{ margin: 0 8px; }
.page a{color: #889fe9; }
.page a:hover,.page a.active{ color: #dfbfee;}

.refresh{position: absolute; bottom: 0px; right: 0; width: 106px; height: 38px; cursor: pointer;}

.prompt_get{background: url(../images/pop-feel.png) no-repeat 0 0;}
.prompt_get .tip{background: url(../images/tip1.png) no-repeat 0 0; width: 111px; height: 290px; right: -109px; top: 65px;}


.prompt_send{background: url(../images/pop-miss.png) no-repeat 0 0;}
.prompt_send .tip{background: url(../images/tip2.png) no-repeat 0 0; width: 111px; height: 290px; right: -109px; top: 65px;}
.prompt_send .refresh{background: url(../images/b.png) no-repeat 0 0;}

.logo{overflow: hidden; width:106px; height: 250px; position: absolute; left: 370px; top: 10px; z-index: 1;}

.noinfo{text-align: center; font-size: 26px; color: #111; padding-top: 120px; display: block; font-weight: normal;}

.role{width: 735px; height: 784px; position: absolute; left: -175px; top: -108px; background: url(../images/role.png) no-repeat 0 0;}


.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 1346px; height: 877px;}
.pop-feel{background: url(../images/pop-feel.png) no-repeat 0 0;}
.pop-feel .refresh{background: url(../images/a.png) no-repeat 0 0;}
.pop-miss{background: url(../images/pop-miss.png) no-repeat 0 0;}
.pop-miss .refresh{background: url(../images/b.png) no-repeat 0 0;}
.close{position: absolute; top:222px; right:44px; width: 33px; height: 33px; background: url(../images/close.png?v=1) no-repeat 0 0; cursor: pointer;}
.popMain{width: 771px; height: 618px; position: absolute; left: 430px; top: 224px;  z-index: 100;}
.popTab{text-align: center; padding-top: 29px; height: 46px;}
.popTab a{display: inline-block; width: 159px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #FFF; cursor: pointer;}
.popTab a:hover,.popTab a.on{background: #dbdff3; color: #686fb0;}