/* 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:none; 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;}
.wrap{background:#c1e296 url(../images/bg.jpg) no-repeat center 0;padding-bottom: 120px; min-height: 2400px;}
.goTop{display: block; width: 73px; position: absolute; right: 0px; bottom: 0; z-index: 100;}
.goBtns{display: block; width: 73px; height: 73px; cursor: pointer; background: url(../images/gotop.png) no-repeat 0 0; position: fixed; bottom: 0;}
.section{position: relative; width: 1200px; margin: 0 auto;}
.section1{height: 450px;}
.logo{width: 184px; position: absolute; left: 50%; margin-left: -92px; top: 20px;}

.maintop{background: url(../images/top.png) no-repeat center 0; height: 128px;}
.main{width: 994px; margin: 0 auto; background: url(../images/line.jpg) repeat-y;}
.mainleft{width: 299px; float: left; padding-top: 16px;}
.mainleftLog{width: 244px; margin: 0 auto; background: #FFF; padding: 10px 8px;}

.loginBox{color: #4b7450;}
.loginbtn{display: block; width: 244px; height: 66px; background: url(../images/login.png) no-repeat 0 0; margin: 0 auto; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.loginDiv{height: 130px;}
.loginTitle{display: block; text-align: center; font-size: 14px; height: 64px; line-height: 64px; border-bottom: 1px dashed #a8a8a8;}
.btn_pay{display: block; width: 210px; height: 46px; line-height: 46px; text-align: center; background: #f7bc5e; font-size: 18px; color: #FFF; margin: 0 auto; margin-bottom: 10px; cursor: pointer;}
.btn_pay:hover{background: #fbbd18;}
.btn_dq{display: block; width: 210px; height: 46px; line-height: 46px; text-align: center; background: #79b967; font-size: 18px; color: #FFF; margin: 0 auto; margin-bottom: 10px; cursor: pointer;}
.btn_dq:hover{background: #83c96;}
.logoutUrl{display: block; width: 244px; height: 66px; background: url(../images/logout.png) no-repeat 0 0; margin: 0 auto; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.userLogin{border-bottom: 1px dashed #a8a8a8; height: 64px; font-size: 14px; line-height: 24px; padding-left: 10px;}
.userLogin p.top{font-size: 16px; padding-top: 8px;}
.userInfo{font-size: 14px; line-height: 24px; padding-left: 10px;}
.userInfo p.top{font-size: 16px; color: #ff8798; padding-top: 8px;}

.listScroll{width: 260px; margin: 0 auto;}
.listTitle{height: 48px; background: url(../images/t1.png) no-repeat 0 14px;}
.listTh{height: 36px; text-align: center; line-height: 36px; font-size: 16px; color: #FFF; background: #b12813;}
.listTh span{float: left; width: 100px;}
.listTh strong{float: left; width: 160px; font-weight: normal;}

.listmarquee{width: 260px; height: 180px; overflow: hidden; background: #FFF; font-size: 14px; color: #4b7450;}
.listmarquee li{height: 36px;}
.listTd{height: 36px; text-align: center; line-height: 36px;}
.listTd span{float: left; width: 100px;}
.listTd strong{float: left; width: 160px; font-weight: normal;}

.ruleMain{width: 260px; margin: 0 auto; padding-bottom: 38px;}
.ruleTitle{height: 48px; background: url(../images/t2.png) no-repeat 0 14px;}
.ruleList{background: #FFF; padding: 10px; font-size: 13px; color: #4b7450; line-height: 20px;}
.ruleList ul{margin-left: 10px;}
.ruleList li{padding-bottom: 12px; list-style-type: decimal;}
.ruleList li.red{color: #F00;}

.qrCode{padding-bottom: 50px;}
.qrCode h3{font-size: 16px; color: #e7facf; text-align: center; height: 28px;}
.qrCode span{display: block; width: 285px; height: 165px; background: url(../images/qrbg.png) no-repeat 4px 0; margin: 0 auto;}
.qrCode img{display: block; margin: 0 auto; width: 150px; height: 150px; padding-top: 8px;}


.mainright{width: 672px; float: right; margin-right: 12px; padding-top: 12px;}
.mainTab{height: 50px;}
.mainTab a{float: left; width: 162px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; font-size: 18px; color: #7d0018; font-weight: bold; background: url(../images/tab.png) no-repeat 0 0; margin-right: 8px;}
.mainTab a:hover,.mainTab a.on{background: #fff;}

.mainShop{width: 672px; height: 430px; background: #FFF; margin-bottom: 10px; position: relative;}
.mainTitle{padding: 18px 0 0 30px; height: 60px;}
.mainTitle span{font-size: 26px; color: #323943; font-weight: bold; line-height: 32px;}
.mainTitle strong{color: #F00; font-size: 13px; padding-left: 30px;}
.mainTitle div{}
.mainTitle p{font-size: 16px; display: block; padding-top: 5px;}
.turnFirst{width: 315px; height: 100px; background: url(../images/turn.png) no-repeat 0 0; position: absolute; left: 30px; top: 106px; color: #FFF; font-weight: bold; z-index: 3;}
.turnFirst strong{font-size: 32px; padding:0 8px 0 12px; float: left; line-height: 100px;}
.turnFirst span{font-size: 14px; padding:46px 0 0 0; float: left;}
.turnBtns{background:url(../images/pay.png) no-repeat 0 0; width:105px; height:45px; display:block; position: absolute; right: 40px; top: 26px; cursor: pointer;}

.turnTable{width: 274px; background: #FFF; border: 1px solid #dcdcdc; position: absolute; left: 30px; top: 206px; font-size: 12px; color: #55595f;}
.turnTable1{height: 58px; border-bottom: 1px solid #dcdcdc; line-height: 20px;}
.turnTable1 span{float: left; padding-top: 10px; width: 91px; text-align: center;}

.turnTable2{height: 68px; border-bottom: 1px solid #dcdcdc; font-size: 12px; line-height: 20px; color: #55595f; text-align: center;}
.turnTable2 p{padding-top: 10px; height: 26px;}
.turnTable2 span{color: #e8a861; font-size: 24px;}

.turnTable3{padding:10px 0;line-height:22px;font-size: 12px; color: #55595f; text-align: center;}


.turnImg{width: 325px; height: 300px; position: absolute; left: 316px; top: 106px; z-index: 1;}
.turnImg img{display: block; width: 100%; height: 100%;}
.turnImg span{display: block; width: 100%; height: 30px; line-height: 30px; position: absolute; left: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.7); text-align: center; font-size: 14px; color: #f0cd6f;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 19999; background: rgba(0,0,0,0.8); display: none;}
.popMain{width: 750px; height: 391px; position: fixed; left: 50%; top: 50%; margin: -200px 0 0 -375px; background: url(../images/pop.png) no-repeat 0 0;}
.closeBtn{display: block; width: 35px; height: 139px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; position: absolute; right: 10px; top: 18px;}
.subMain{width: 624px; position: absolute; left: 63px; top: 32px;}
.subMain h2{text-align: center; font-size: 24px; font-weight: bold;  color: #ffffff; height: 90px; line-height: 90px;}

.subMain2{width: 624px; position: absolute; left: 63px; top: 32px;}
.subMain2 h2{text-align: center; font-size: 24px; font-weight: bold;  color: #ffffff; height: 90px; line-height: 90px; padding-top: 50px;}

.okText{text-align: center; font-size: 16px; color: #ffffff; height: 60px;}
.okText2{text-align: center; font-size: 16px; color: #ffffff; padding-top: 10px; height: 100px;}

.fromlist{height: 90px;}
.fromlist span{float: left; width: 140px; height: 50px; line-height: 50px; text-align: right; font-size: 16px; color: #ffffff;}
.fromlist select{float: left; width: 400px; height: 50px; background: #FFF; border: 1px solid #FFF; outline: none; font-size: 16px;}


.submitBtn{display: block; width: 130px; height: 50px; cursor: pointer; background: url(../images/sub.png) no-repeat 0 0; margin: 0 auto;}
.backBtn{display: block; width: 202px; height: 50px; cursor: pointer; background: url(../images/back.png) no-repeat 0 0; margin: 0 auto;}

.oklist{height: 220px; text-align: center;}
.oklist li{display: inline-block; width: 158px; height: 220px; margin: 0 15px;}
.oklist li img{display: block; width: 158px; height: 143px;}
.oklist li span{display: block; font-size: 14px; line-height: 18px; color: #ffffff; text-align: left; padding-top: 6px;}


.page{ text-align: center; }
.page a{ display: inline-block; margin:0 5px; font-size: 13px; color:#FFF; padding: 4px 8px; border-radius: 2px; cursor: pointer; background: #3073b5;}
.page a.active,.page a:hover{color: #FFF; background: #e58a55;}