﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style: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;}
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;}
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_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{background:#282a2c; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{max-width: 1920px; margin: 0 auto; min-width: 1200px; position: relative;}
.logoImg{display: block; position: absolute; left:640px; width: 250px; height: 151px; z-index: 100;}
.logoImg2{display: block; position: absolute; right: 50px; top: 100px; width: 250px; height: 151px; z-index: 100;}
.publicMain{width: 1200px; margin: 0 auto; position: relative;}
.section{position: relative;}
.section1{background: url(../images/bg.jpg) no-repeat center 0;}
.section2{background: #d3e6f5 url(../images/temp_bg.jpg) no-repeat center 0;}
.section1 .publicMain{height: 921px;}

.indexMain{width: 943px; position: absolute; left:50%; margin-left: -471px; top: 410px;}
.loginBox{height: 80px;}
.login{ padding-top:10px;}
.loginBtns{display: block; width: 158px; height: 49px; background: url(../images/btn_login.png) no-repeat 0 0; margin: 0 0 0 400px; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.loginBtns:hover{background-position: 0 -49px;}
.logout{ width:100%; padding-top:25px;text-align: center; font-size: 16px; color: #6b2b1f;}
.logout div.txt{padding-bottom: 2px;}
.logout span,.logout a{color: #d89300; font-weight: bold;}

.loginBoxTemp{width: 786px; position: absolute; left: 200px; top: 290px;}
.login2{text-align: center; padding-top: 10px;}
.login2 a{display: inline-block; width: 158px; height: 49px; margin: 0 10px; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.login2 a.a1{background: url(../images/btn_login2.png) no-repeat 0 0;}
.login2 a.a2{background: url(../images/btn_niu.png) no-repeat 0 0;}
.login2 a.a3{background: url(../images/btn_new.png) no-repeat 0 0;}
.login2 a.on,.login2 a:hover{background-position: 0 bottom;}

.imgShow{width: 943px; height: 297px; padding-top: 40px; background: url(../images/picbg.png) no-repeat 0 0; text-align: center;}
.imgLi{display: inline-block; width: 148px; height: 190px; margin: 0 15px; cursor: pointer; background: #FFF; padding-top:1px;}
.imgLi div{ width:146px; padding:2px 0; background-color:#3b9598; margin:0 auto;}
.imgLi img{display: block; margin: 0 auto; width: 140px; height: 158px; border: 1px solid #e6ff85;}
.imgLi a{display: block;height: 28px; line-height: 24px; text-align: center; font-size: 16px; color: #ad4737;}
.indexBtns{width: 670px; position: absolute; left: 50%; margin-left: -335px; bottom: 80px; text-align: center;}
.indexBtns a{display: block; width: 191px; height: 59px; position: absolute; top: 0; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.indexBtns a.a4{background: url(../images/btn_dh.png) no-repeat 0 0; left: 0;}
.indexBtns a.a9{background: url(../images/btn_dh0.png) no-repeat 0 0; width: 242px; left: 214px;}
.indexBtns a.a10{background: url(../images/btn_rule.png) no-repeat 0 0; width: 192px; right: 0;}
.indexBtns a:hover{background-position: 0 bottom;}

.tempHeader{height: 394px;}
.tempHeader .logout{ width:100%; padding-top:0;}
.tempNav{height: 43px; text-align: center; padding-top: 11px;}
.tempNav a{display: inline-block; height: 32px; line-height: 32px; padding: 0 16px; margin: 0 10px; font-size: 16px; color: #FFF; cursor: pointer; border-radius: 32px;}
.tempNav a.on,.tempNav a:hover{background: #ffc64d; color: #d3300e;}
.tempNav a.none{display: none;}

.tempDiv{width: 1000px; margin: 0 auto; padding: 50px 0 150px 0; color: #dc4e1c;}
.tempTitle{height: 70px;}
.tempTitle a{float: left; width: 28px; line-height: 28px; border-radius: 28px; text-align: center; border: 2px solid #dc4e1c; margin-right: 5px; font-size: 18px; font-weight: bold;}
.tempTitle span{float: left; height: 32px; line-height: 32px; font-size: 18px; font-weight: bold;}

.tempTable{padding-bottom: 40px;}
.tableTitle{font-size: 16px; font-weight: bold; line-height: 30px;}
.tableDiv table{width: 100%; border-collapse: collapse;}
.tableDiv table th,.tableDiv table td{border: 2px solid #FFF; padding:10px; text-align: center;}
.tableDiv table th{background: #dc4e1c; color: #FFF; font-size: 16px; font-weight: bold;}
.tableDiv table td{color: #513800; font-size: 14px;}
.tableDiv table tbody tr:nth-child(even){background: #fffcf0;}
.tableDiv table tbody tr:nth-child(odd){background: #ffedd8;}
.tableDiv table span{display: block; width: 84px; height: 28px; line-height: 28px; color: #FFF; text-align: center; background: #eebf59; border-radius: 28px; margin: 0 auto;}
.tableDiv table span.red{background: #f00;}
.tableDiv table span.ok{background: #dc4e1c;}
.tableDiv table.dataintable tbody tr:first-child td{background: #dc4e1c; color: #FFF;}
.btn_exchange{width: 80px; height: 28px; line-height: 28px; border-radius: 28px; text-align: center; background: #dc4e1c; font-size: 14px; color: #FFF; cursor: pointer; margin: 0 auto; display: block;}
.btn_exchange:hover{background: #f00;}

.tempTab{text-align: center; height: 80px;}
.tempTab a{display: inline-block; width: 184px; height: 46px; line-height: 46px; text-align: center; border-radius: 46px; cursor: pointer; background: #dc4e1c; margin: 0 20px; font-size: 16px; color: #FFF;}
.tempTab a.on,.tempTab a:hover{background: #dc4e1c; color: #FFF;}

.tempSearch{height: 50px; margin: 0 auto; width: 474px;}
.tempSearch span{float: left; font-size: 16px; color: #dc4e1c; width: 120px; line-height: 30px; height: 30px; width: 162px;}
.tempSearch input{float: left; width: 200px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #dc4e1c; margin-right: 5px;}
.tempSearch a{float: left; width: 84px; height: 30px; line-height:30px; cursor: pointer; background: #dc4e1c; color: #FFF; font-size: 14px; font-weight: bold; text-align: center; border-radius: 30px;}
.tempSearch a:hover{background: #bf432d;}
.ps{height: 40px; line-height: 40px; font-size: 20px; color: #dc4e1c; font-weight: bold;}

.getTab{height: 40px;}
.getTab a{float: left; width: 84px; height: 30px; line-height:30px; cursor: pointer; background: #e87f27; color: #FFF; font-size: 14px; font-weight: bold; text-align: center; border-radius: 30px; margin-right: 10px;}
.getTab a.on,.getTab a:hover{background: #bf432d;}

.titlePs{text-align: center; font-size: 40px; font-weight: bold; line-height: 160px;}

.subBox{width: 600px; margin: 0 auto; padding-bottom: 60px;}
.subBox .sublist{height: 80px;}
.subBox .sublist span{float: left; width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #dc4e1c; text-align: right;}
.subBox .sublist select{outline: none; width: 360px; height: 50px; border: 1px solid #dc4e1c; font-size: 14px;}

.subBox2{width: 600px; margin: 0 auto; padding-bottom: 20px; padding-top: 40px;}
.subBox2 .sublist{height: 80px;}
.subBox2 .sublist span{float: left; width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #dc4e1c; text-align: right;}
.subBox2 .sublist select{outline: none; width: 360px; height: 50px; border: 1px solid #dc4e1c; font-size: 14px;}

.submitBtn{display: block; width: 220px; height: 40px; line-height:40px; cursor: pointer; background: #dc4e1c; color: #FFF; font-size: 14px; font-weight: bold; text-align: center; border-radius: 30px; margin-right: 10px; margin: 0 auto;}
.submitBtn:hover{background: #ef583d;}
.closeBtn{display: block; width: 58px; height: 58px; cursor: pointer; position: absolute; right: -63px; top: -5px; background: url(../images/close.png) no-repeat 0 0;}

.textCont h3{font-size: 16px; color: #dc4e1c; line-height: 30px; font-weight: bold;}
.textCont p{font-size: 14px; color: #6b3402; line-height: 30px;}

.page{text-align: center; padding-top: 40px;}
.page li{display: inline-block; margin:0 5px; font-size: 16px; color:#dc4e1c; padding: 4px 4px; border-radius: 2px; cursor: pointer; }
.page li a{color:#dc4e1c;}
.page li a:hover{color: #F00;}
.page li.active a{color: #ab1a35;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0.8); display: none;}
.popBox{position:fixed; left: 50%; top: 50%;}
.popMain{width: 800px; height: 500px; border: 5px solid #dc4e1c; margin: -250px 0 0 -400px; background: #FFF;}
.msg{text-align: center; font-size:26px; padding: 20px 50px 0 50px; line-height: 40px; height: 140px;}
.btn_close{width: 280px; height: 46px; line-height: 46px; border-radius: 46px; text-align: center; background: #dc4e1c; font-size: 26px; color: #FFF; cursor: pointer; margin: 0 auto; display: block;}
.btn_close:hover{background: #f00;}


.imgBigShow{width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-indent: center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.imgBigShow img{}
.tempbangTitle{text-align: center; height: 36px; font-size: 20px; font-weight: bold;}