﻿/* 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; font-family:\5b8b\4f53;}
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:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; min-width: 1200px;}
#content{max-width: 1920px; margin:0 auto; position: relative; height: 4080px; background: url(../images/bg.jpg) no-repeat center 0;}
.logo{display: block; width: 200px; position: absolute; left: 115px; top: 50px; z-index: 100;}
.section{position: relative;}
.publicMain{width: 1200px; margin: 0 auto; position: relative; height: 100%;}
.section1{height:1060px;}
.section2{}


.loginBox{width: 100%; position: absolute; left: 0; top: 850px; font-size: 18px; color: #e08e43; text-align: center;}
.loginBox a{color: #fdeda1; padding: 0 10px 0 0;}
.loginBox a{cursor: pointer;}
.loginBox span{padding: 0 10px 0 0;}

.btnBox{width: 844px; position: absolute; left: 50%; margin-left: -422px; bottom: 0; height: 100px;}
.btnBox a{display: block; width: 311px; height: 100px; cursor: pointer; overflow: hidden; text-indent: -999px;}
.btnBox a.btn_my{background: url(../images/btn_my.png) no-repeat 0 0; float: left;}
.btnBox a.btn_new{background: url(../images/btn_new.png) no-repeat 0 0; float: right;}
.btnBox a:hover{background-position: 0 bottom;}

.pageTit1{background: url(../images/pageTit1.png) no-repeat center 105px; height: 410px;}
.pageTit1 span{display: block; text-align: center; font-size: 18px; color: #fff842; line-height: 24px; padding-top: 208px; height: 60px;}
.btn_rule{display: block; width: 311px; height: 83px; margin: 0 auto; background: url(../images/btn_rule.png) no-repeat 0 0; cursor: pointer;}
.btn_rule:hover{background-position: 0 -83px;}

.mainBox{height: 860px; position: relative; border: 1px solid #e9b16c; background: rgba(124, 33, 34, 0.8); margin-bottom: 70px;}
.mainTitle{width: 100%; height: 76px; background: url(../images/tit0.png) no-repeat center; position: absolute; left: 0; top: -38px;}
.mainTitle1{width: 100%; height: 76px; background: url(../images/tit0.png) no-repeat center; position: absolute; left: 0; top: -38px;}
.mainText{text-align: center; padding: 68px 0 0 0; height: 100px; font-size: 18px; color: #c78151; line-height: 32px;}
.mainText span{color: #fff842;}
.mainTab{width: 486px; height: 86px; margin: 0 auto;}
.mainTab a{display: block; width: 187px; height: 60px; cursor: pointer; line-height: 60px; text-align: center; font-size: 20px;
  color: #f8d98f; background: url(../images/tab.png) no-repeat 0 0; font-weight: bold;}
.mainTab a.v1{float: left;}
.mainTab a.v2{float: right;}
.mainTab a:hover,.mainTab a.on{background-position: 0 bottom; color: #942c29;}

.box2{background: url(../images/box2.png) no-repeat center 0; height: 300px;}
.box2Icon{display: flex; justify-content: center; padding-top: 120px;}
.box2Icon span{display: block; padding-left: 60px; margin: 0 40px; font-size: 26px; color: #dfd56c; height: 80px; line-height: 80px;}
.box2Icon span.a1{background: url(../images/a1.png) no-repeat 0 center; background-size: auto 50px;}
.box2Icon span.a2{background: url(../images/a2.png) no-repeat 0 center; background-size: auto 50px;}

.mainTable{width: 1084px; height: 510px; margin: 0 auto;}
.mainTable table{border-collapse: collapse; width: 100%;}
.mainTable table th,.mainTable table td{border: 1px solid rgba(124, 33, 34, 0.8); text-align: center;}
.mainTable table th{background:#dfd56c; height: 56px; line-height: 56px; font-size: 24px; color: #731212;}
.mainTable table td{font-size: 18px; color: #f1b16c; height: 40px;}
.mainTable table tbody tr:nth-child(even){background-color: #73150d;}
.mainTable table tbody tr:nth-child(odd){background-color: #912617;}
.mainTable a{display: block; width: 60px; height: 28px; line-height: 28px; background: #f1b06a; border-radius: 28px; text-align: center; font-size: 16px; color: #640504; margin: 0 auto; cursor: pointer}
.mainTable a.on{background: #640504; color: #912617; cursor: default;}
.mainTable a.ok{background: green; color: #FFF; cursor: default;}
.mainTable a.no{background: red; color: #FFF; cursor: default;}

.page{text-align: center;}
.page a{display: inline-block; height: 30px; border: 1px solid #912617; background: #550302; border-radius: 3px; font-size: 14px; color: #912617; line-height: 30px; padding: 0 10px; margin: 0 4px; cursor: pointer;}
/*.page a.first,.page a.last,.page a.prev,.page a.next{background: #73150d; color: #8d2416;}*/
.page a:hover,.page a.active{background: #f1b06a; border: 1px solid #f1b06a; color: #640504;}

.mainlist{height: 441px; position: relative;}
.list1{width: 351px; height: 441px; background: url(../images/li.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.list2{width: 351px; height: 441px; background: url(../images/li.png) no-repeat 0 0; margin: 0 auto; position: relative;}
.list3{width: 351px; height: 441px; background: url(../images/li.png) no-repeat 0 0; position: absolute; right: 0; top: 0;}
.llistTitle1{height: 76px; background: url(../images/v1.png) no-repeat center;}
.llistTitle2{height: 76px; background: url(../images/v2.png) no-repeat center;}
.llistTitle3{height: 76px; background: url(../images/v3.png) no-repeat center;}
.llistBox1{width: 131px; height: 116px; background: url(../images/b1.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -65px; bottom: 60px;}
.llistBox2{width: 131px; height: 116px; background: url(../images/b2.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -65px; bottom: 60px;}
.llistBox3{width: 131px; height: 116px; background: url(../images/b3.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -65px; bottom: 60px;}
.listText{width: 320px; margin: 0 auto; padding-top: 30px;}
.listText span{display: block; text-align: center; color: #f1b16c; font-size: 24px; line-height: 40px;}

.listText2{width: 320px; margin: 0 auto; padding-top: 10px;}
.listText2 strong{display: block; text-align: center; color: #f1b16c; font-size: 24px; line-height: 34px; font-weight: normal;}
.listText2 span{display: block; text-align: center; color: #f1b16c; font-size: 18px;}

.listText3{width: 320px; margin: 0 auto; padding-top: 10px;}
.listText3 strong{display: block; text-align: center; color: #f1b16c; font-size: 24px; line-height: 30px; font-weight: normal;}
.listText3 span{display: block; text-align: center; padding-top: 4px; color: #62e3db; font-size: 18px; border-top: 1px solid #792a1b;}

.pageTit2{background: url(../images/pageTit2.png) no-repeat center; height: 185px;}
.ruleMain{position: relative; padding: 60px 46px; font-size: 18px; color: #c78151; line-height: 28px; border: 1px solid #e9b16c; background: rgba(124, 33, 34, 0.8);}
.ruleMain p{padding-bottom:6px;}
.ruleMain span{color: #fff842;}

.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%); border: 1px solid #654127; background: rgba(124, 33, 34, 0.8);}
.popSub{width: 550px; height: 350px;}

.popBang{width: 570px; height: 420px;}
.popPub{width: 570px; height: 420px;}
.popBang2{width: 440px;}
.popRule{width: 450px; height: 320px;}
.popMsg{width: 450px; height: 240px;}
.popIcon1{display: block; background: #e9b16c; width: 7px; height: 7px; position: absolute; left: -3px; top: -3px;}
.popIcon2{display: block; background: #e9b16c; width: 7px; height: 7px; position: absolute; right: -3px; top: -3px;}
.popIcon3{display: block; background: #e9b16c; width: 7px; height: 7px; position: absolute; right: -3px; bottom: -3px;}
.popIcon4{display: block; background: #e9b16c; width: 7px; height: 7px; position: absolute; left: -3px; bottom: -3px;}
.closeBtn{display: block; width: 79px; height: 92px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -69px; top: -62px; z-index: 100;}
.closeBtn:hover{background-position: right 0;}

.popTitle1{width: 100%; background: url(../images/tit1.png) no-repeat center; height: 76px; position: absolute; left: 0; top: -38px;}
.popTitle2{width: 100%; background: url(../images/tit2.png) no-repeat center; height: 76px; position: absolute; left: 0; top: -38px;}
.popTitle3{width: 100%; background: url(../images/tit3.png) no-repeat center; height: 76px; position: absolute; left: 0; top: -38px;}

.subTitle{text-align: center; padding-top: 70px; height: 42px; font-size: 18px; color: #fcec9f;}
.subMain{}
.sublist{height: 46px;}
.sublist span{float: left; width: 170px; padding-right: 10px; text-align: right; height: 36px; line-height: 36px; font-size: 18px; color: #ffd886;}
.sublist select{float: left; width: 270px; height: 36px; border: 1px solid #ffd886; background: rgba(124, 33, 34, 0.8); color: #ffd886; font-size: 14px; outline: none;}
.submit{display: block; width: 110px; height: 48px; line-height: 48px; text-align: center; background: #bd854a; font-size: 18px; color: #ffedc8; margin: 0 auto; cursor: pointer; margin-top: 20px;}
.submit:hover{background: #e18c31;}

.upload{padding-top: 70px; width: 480px; margin: 0 auto; height: 260px;}
.uploadText{text-align: center; height: 42px; font-size: 18px; color: #ffd886;}
.uploadImg{width: 200px; height: 200px; float: left; border: 1px solid #ffd886; background: rgba(124, 33, 34, 0.8) url(../images/add.png) no-repeat center; position: relative; overflow: hidden;}
.uploadImg input{display: block; opacity: 0; width: 200px; height: 200px; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer;}
.uploadImg img{display: none; width: 200px; position: absolute; left: 0; top: 0;}
.uploadFont{float: right; width: 270px;}
.uploadInput{height: 34px; line-height: 34px; border: 1px solid #ffd886; background: rgba(124, 33, 34, 0.8); margin-bottom: 10px; position: relative;}
.uploadInput span.label{float: left; width: 76px; text-align: right; font-size: 14px; color: #ffd886;}
.uploadInput input{float: left; width: 170px; height: 32px; padding: 0 5px; border: 1px solid rgba(124, 33, 34, 0.8); background: rgba(124, 33, 34, 0.8); font-size: 14px; color: #ffd886;}
.uploadInput a.inputMsg{display: none; position: absolute; left: 82px; top: -17px; z-index: 10; color: #6ed2e1;}
.uploadArea{height: 154px; line-height: 34px; border: 1px solid #ffd886; background: rgba(124, 33, 34, 0.8); margin-bottom: 10px; position: relative;}
.uploadArea span.label{display: block; height: 34px; line-height: 34px; text-indent: 20px; font-size: 14px; color: #ffd886;}
.uploadArea textarea{border: 1px solid rgba(124, 33, 34, 0.8); background: rgba(124, 33, 34, 0.8); width: 230px; height: 90px; position: absolute; left: 19px; top: 30px; outline: none; color: #ffd886; font-size: 14px; line-height: 24px;}
.uploadArea textarea::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0);}
.uploadArea textarea::-webkit-scrollbar-track{border-radius:0;background-color:#601e07;}/*底*/
.uploadArea textarea::-webkit-scrollbar-thumb{border-radius:0;background-color:#8f4315;}/*面*/
.uploadArea textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.uploadArea textarea::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.uploadArea textarea::-webkit-scrollbar-track-piece{margin:0;}
.uploadNum{width: 100px; text-align: right; position: absolute; right: 10px; bottom: 5px; line-height: 20px; font-size: 14px; color: #ffd886;}

.mybangIcon{width: 160px; height: 160px; position: absolute; left: 50%; top: -80px; margin-left: -80px;}
.mybangIcon span{display: block; background: url(../images/a.png) no-repeat 0 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.mybangIcon div{display: block; width: 144px; height: 144px; overflow: hidden; border: 3px solid #ffd886; position: absolute; left: 5px; top: 5px; background: #000;}
.mybangIcon div img{display: block; width: 100%;}
.mybangTitle{padding-top: 86px; height: 50px; text-align: center; font-size: 30px; color: #fdec9f; font-weight: bold;}
.mybangCont{width: 364px; height: 134px; padding: 14px 15px 0 15px; margin: 0 auto; border: 1px solid #ffd886; background: rgba(124, 33, 34, 0.8); margin-bottom: 10px;}
.mybangText{height: 86px; color: #ffd886; font-size: 14px; line-height: 20px; border-bottom: 1px solid #ffd886;}
.mybangName{text-align: center; font-size: 16px; color: #ffd886; padding-top: 12px;}
.mybangName span{color: #ffd886;}
.mybangDay{height: 65px; padding-top: 10px;}
.mybangDay a{display: block; width: 187px; height: 60px; background: url(../images/btn_day.png) no-repeat 0 0; margin: 0 auto; cursor: pointer; position: relative;}
.mybangDay a span{width: 14px; height: 14px; display: block; background: url(../images/t.png) no-repeat 0 0; position: absolute; right: 46px; top: 13px;}
.mybangDay a:hover{background-position: right 0;}
.mybangToday{width: 200px; height: 50px; line-height: 40px; font-size: 16px; color: #fcec9f; margin: 0 auto; text-align: center; position: relative;}
.mybangToday span{font-size: 30px; color: #fff842; padding: 0 5px; font-weight: bold;}
.mybangToday a{display: block; background: url(../images/t1.png) no-repeat 0 0; width: 14px; height: 14px; position: absolute; right: 0; top: 18px; cursor: pointer;}
.myrule{width: 375px; margin: 0 auto; font-size: 16px; line-height: 24px; color: #fcec9f; padding: 40px 0 0 0; height: 170px;}

.mybangTable{width: 394px; margin: 0 auto; border: 1px solid #ffd886; background: rgba(124, 33, 34, 0.8); display: none; margin-bottom: 10px;}
.mybangTd{height: 37px; line-height: 37px; text-align: center; font-size: 16px; color: #ffd886; border-bottom: 1px solid #ffd886;}
.mybangTd span{float: left;}
.mybangTd span.a1{width: 150px;}
.mybangTd span.a2{width: 80px;}
.mybangTd span.a3{width: 140px;}
.myScorll{height: 152px; overflow: hidden; overflow-y: auto; width: 100%;}
.myScorll div{height: 37px; line-height: 37px; text-align: center; font-size: 16px; color: #ffd886; border-bottom: 1px solid #ffd886;}
.myScorll div a{color: #ffd886; margin: 0 6px; cursor: pointer;}
.myScorll div a.del{color: #f00;}
.myScorll div span{float: left;}
.myScorll div span.a1{width: 150px;}
.myScorll div span.a2{width: 80px;}
.myScorll div span.a3{width: 140px;}

.msg{text-align: center; font-size: 18px; line-height: 30px; color: #ffd886; padding: 58px 20px 0 20px; height: 70px;}

.table{width: 460px; margin: 0 auto; padding-top: 70px;}
.tableTop{height: 34px; background: #bd854a; line-height: 34px; text-align: center; color: #79310e; font-size: 18px;}
.tableTop span.a1{float: left; width: 149px; height: 34px; border-right: 1px solid #904315;}
.tableTop span.a2{float: left; width: 290px;}
.tableScroll{height: 454px; width: 100%; overflow: hidden; overflow-y: auto;}
.tableScroll div{height: 34px; line-height: 34px; text-align: center; color: #ffd886; font-size: 18px; border-bottom: 1px solid #904315; background: #63240a;}
.tableScroll div span.a1{float: left; width: 149px; height: 34px; border-right: 1px solid #904315;}
.tableScroll div span.a2{float: left; width: 290px;}
.tableScroll::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0);}
.tableScroll::-webkit-scrollbar-track{border-radius:0;background-color:#601e07;}/*底*/
.tableScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#8f4315;}/*面*/
.tableScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tableScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tableScroll::-webkit-scrollbar-track-piece{margin:0;}

.myScorll::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0);}
.myScorll::-webkit-scrollbar-track{border-radius:0;background-color:#601e07;}/*底*/
.myScorll::-webkit-scrollbar-thumb{border-radius:0;background-color:#8f4315;}/*面*/
.myScorll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.myScorll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.myScorll::-webkit-scrollbar-track-piece{margin:0;}


.ruleCont{width: 500px; font-size: 18px; color: #fcec9f; line-height: 28px; margin: 0 auto; padding-top: 60px;}
.ruleCont ul{margin-left: 10px;}
.ruleCont li{list-style: decimal;}