﻿/* 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:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{max-width: 1920px; margin: 0 auto; min-width: 1250px;}
.bg1{background: url(../images/bg2.jpg) repeat-y center 0;}
.bg2{background: url(../images/bg1.jpg) no-repeat center 0;}
.bg3{}
.bg4{}
#wrap{position: relative; padding-bottom: 200px;}
.section{width: 1280px; margin: 0 auto; position: relative;}
.section1{height: 980px;}
.eventTime{width: 542px; height: 36px; line-height: 36px; text-align: center; font-size: 24px; color: #FFF; position: absolute; left: 105px; top:607px;}

.section2{height: 230px;}
.tabBox{width: 1374px; height: 106px; background: url(../images/navline.png) no-repeat center; position: absolute; left: 50%; margin-left: -687px; top: 75px; display: flex; justify-content: center;}
.tabBox a{width: 472px; height: 106px; cursor: pointer; overflow: hidden; text-indent: -9999px; margin: 0 74px;}
.tabBox a.a1{background: url(../images/tab1.png) no-repeat 0 0;}
.tabBox a.a2{background: url(../images/tab2.png) no-repeat 0 0;}
.tabBox a.on{background-position: 0 bottom;}

.loginBox{position: fixed; width: 204px; border: 1px solid #9e341f; background: #9e341f; z-index: 20000; left: 50px; top: 30%; padding: 12px 0 0 0;}
.login{height: 55px; margin-bottom: 12px;}
.login a{display: block; width: 180px; height: 55px; line-height: 55px; text-align: center; background: url(../images/login.jpg) no-repeat 0 0; text-align: center; font-weight: bold; color: #a31e00; font-size: 22px; margin: 0 auto; cursor: pointer;}
.logout{font-size: 14px; color: #fbdf94; line-height: 18px; width: 180px; margin: 0 auto;}
.logout p{padding-bottom: 10px;}
.logout span{color: #FFF;}
.logout a.bdlink{display: block; width: 180px; height: 55px; line-height: 55px; text-align: center; background: url(../images/login.jpg) no-repeat 0 0; text-align: center; font-weight: bold; color: #a31e00; font-size: 22px; margin: 0 auto; cursor: pointer;}
.logout a.logoutUrl{display: block; width: 180px; height: 55px; line-height: 55px; text-align: center; background: url(../images/login.jpg) no-repeat 0 0; text-align: center; font-weight: bold; color: #a31e00; font-size: 22px; margin: 0 auto; cursor: pointer;}
.linkbtn{display: block; width: 180px; height: 55px; line-height: 55px; text-align: center; background: url(../images/link.jpg) no-repeat 0 -999px; border: 1px solid #fbdf94; text-align: center; font-weight: bold; color: #fbdf94; font-size: 22px; margin: 0 auto; cursor: pointer; margin-bottom: 12px; box-shadow: 0 0 2px #111;}
.linkbtn:hover{background-position: 0 0; color: #a31e00;}
.linkbtn span{display: block; line-height: 22px; font-size: 22px; padding-top: 4px;}

.section3{height: 600px;}
.tableleft{float: left; width: 668px;}
.tableright{float: right; width: 534px;}
.tableTitle1{height: 80px; background: url(../images/tit1.png) no-repeat center 12px;}
.tableTitle2{height: 80px; background: url(../images/tit2.png) no-repeat center 12px;}
.tableTab1{height: 48px;}
.tableTab1 a{float: left; width: 132px; height: 48px; text-align: center; background: #b2462a url(../images/on.jpg) no-repeat 0 -1000px; color: #f0d39e; margin-right: 2px; cursor: pointer;}
.tableTab1 a.last{margin-right: 0;}
.tableTab1 a span{font-size: 18px; padding: 3px 0 0 0; display: block; height: 24px;}
.tableTab1 a strong{font-size: 14px; font-weight: normal; display: block;}
.tableTab1 a.on{color: #b21700; background-position: 0 0;}
.tableTh{height: 36px; border-bottom: 1px solid #a20101; text-align: center; font-size: 14px; color: #a71e1e; line-height: 36px;}
.tableTh div{float: left;}
.tableTh div.t1{width: 95px;}
.tableTh div.t2{width: 234px;}

.tableTh2{height: 36px; border-bottom: 1px solid #a20101; text-align: center; font-size: 14px; color: #ffe4b3; line-height: 36px;}
.tableTh2 div{float: left;}
.tableTh2 div.t1{width: 75px;}
.tableTh2 div.t2{width: 187px;}

.tableBox{width: 100%; overflow: hidden; overflow-y: auto; height: 370px;}
.tableBox div.list{height: 36px; border-bottom: 1px solid #a20101; text-align: center; font-size: 14px; color: #926530; line-height: 36px;}
.tableBox div.list span{float: left;}
.tableBox div.list span.t1{width: 95px;}
.tableBox div.list span.t2{width: 234px;}

.tableBox2{width: 100%; overflow: hidden; overflow-y: auto; height: 370px;}
.tableBox2 div.list{height: 36px; border-bottom: 1px solid #a20101; text-align: center; font-size: 14px; color: #926530; line-height: 36px;}
.tableBox2 div.list span{float: left;}
.tableBox2 div.list span.t1{width: 75px;}
.tableBox2 div.list span.t2{width: 187px;}
.selectBox{width: 160px; margin: 0 auto; height: 24px; outline: none;}
.tabBang{text-align: center; padding-top:16px;}
.tabBang a{display: inline-block; width: 62px; height: 24px; line-height: 24px; border: 2px solid #dfa04c; background: none; color: #c38944; font-size: 18px; cursor: pointer; margin: 0 10px;}
.tabBang a:hover,.tabBang a.on{border: 2px solid #dfa04c; background: #dfa04c; color: #fff5cb;}

.tableScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tableScroll::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.tableScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#a08644;}/*面*/
.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;}

.section4{height: 280px;}
.shopBox{background: url(../images/linebg.png) no-repeat 0 0; width: 1280px; height: 182px;}
.shopImg{float: left; padding:34px 0 0 66px; width: 150px;}
.shopImg span{display: block; width: 112px; height: 112px; background: url(../images/icon.png) no-repeat 0 0;}
.shopImg span a{display: block; width: 100%; height: 100%; background: url(../images/b.png) no-repeat center; background-size: 92px auto;}
.shopImg img{display: block; width: 120px; height: 120px;}

.shoplist{float: left; width: 317px; background: url(../images/line.png) no-repeat 0 center; height:182px; padding-left: 40px;}
.shoplist h2{font-size: 18px; color: #fdecc1; padding-top: 30px; height: 30px;}
.shoplist p{font-size: 18px; color: #fdecc1;}
.shoplist p span{font-size: 14px; color: #6bbfff; padding-left: 10px;}
.shopSelect{height: 55px;}
.shopSelect select{width: 220px; height: 36px; font-size: 14px; outline: none;}

.shopBuy{float: left; width: 214px; background: url(../images/line.png) no-repeat right center; height: 110px; padding-top: 60px;}
.shopBuy a{display: block; width: 191px; height: 57px; background: url(../images/buy.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.shopText{float: left; width: 310px; font-size: 14px; color: #fdecc1; line-height: 40px; padding-top: 40px; padding-left: 48px;}
.shopText span{color: #6bbfff;}

.section5{width: 100%;}
.publicTitle{height: 80px;}
.bt1{background: url(../images/bt1.png) no-repeat center 0;}
.bt2{background: url(../images/bt2.png) no-repeat center 0;}
.bt3{background: url(../images/bt3.png) no-repeat center 0;}
.bt4{background: url(../images/bt4.png) no-repeat center 0;}
.bt5{background: url(../images/bt5.png) no-repeat center 0;}
.box1Cont{height: 366px; display: flex; justify-content: center; text-align: center; font-size: 18px; color: #fce4ac;}
.box1list{width: 284px; height: 282px; background: url(../images/icon1.png) no-repeat 0 0; margin: 0 52px;}
.box1Top{margin-top: 56px;}
.box1list span.title{display: block; height: 104px;}
.box1list span.t1{background: url(../images/n1.png) no-repeat center 54px;}
.box1list span.t2{background: url(../images/n2.png) no-repeat center 54px;}
.box1list span.t3{background: url(../images/n3.png) no-repeat center 54px;}
.box1list p{}
.box1list strong{display: block; font-size: 30px; font-weight: bold; line-height: 42px;}

.box2Cont{width: 1330px; height: 885px; background: url(../images/part1.png) no-repeat 0 0; margin: 0 auto;}
.box2Wrap{width: 1017px; padding-top: 50px; padding-left: 182px;}
.box2Wrap img{display: block;margin: 0 auto;}
.box2Text{font-size: 18px; line-height: 30px; color: #b2462a; padding-top: 16px;}
.box2Text dl{overflow:hidden; clear: both; margin-bottom: 12px;}
.box2Text dl dt{float: left; width: 100px;}
.box2Text dl dt span{color: #f9e2bb; background: #e89e4e; padding: 0 8px;}
.box2Text dl dd{float: left; width: 900px;}

.box3Cont{height: 304px; display: flex; justify-content: center; text-align: center;}
.box3list{width: 284px; height: 282px; background: url(../images/icon1.png) no-repeat 0 0; margin: 0 20px; font-size: 20px; color: #fce4ac;}
.box3list span.title{display: block; height: 104px;}
.box3list span.t1{background: url(../images/n11.png) no-repeat center 54px;}
.box3list span.t2{background: url(../images/n12.png) no-repeat center 54px;}
.box3list span.t3{background: url(../images/n13.png) no-repeat center 54px;}
.box3list span.t4{background: url(../images/n14.png) no-repeat center 54px;}
.box3list strong{}
.box3list a{color: #acd2fc;}
.box3list p{padding-top: 10px;}
.box3Text{text-align: center; height: 212px; font-size: 18px; color: #b2462a; line-height: 26px;}

.box4Cont{width: 1280px; height: 483px; background: url(../images/box.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 48px;}
.box4Wrap{width: 1205px; margin: 0 auto; padding-top: 17px;}
.box4list1{height: 185px;}
.box4list2{height: 136px;}
.box4list3{height: 132px;}
.box4Left{float: left; width: 185px; height: 100%; text-align: center; font-size: 16px; color: #ebebec;}
.box4Left span{display: block; padding-top: 108px;}
.box4Left span.t1{color: #fefea9; padding-top: 142px;}
.box4Right{float: right; width: 997px; height: 100%; font-size: 16px; color: #fdecc1;}
.box4Right span{color: #acd2fc; padding: 0 14px 0 10px;}
.box4a1{padding-top: 28px; line-height: 30px;}
.box4a2{padding-top: 42px; height: 80px; line-height: 30px;}
.box4a2 strong{float: left; padding-right: 26px;}
.box4a2 p{float: left; width: 570px;}

.box5Cont{width: 1281px; height: 730px; background: url(../images/box2.png) no-repeat 0 0; margin: 0 auto;}
.box5Text{width: 1140px; margin: 0 auto; padding-top: 96px; font-size: 18px; line-height: 34px; color: #926530;}
.box5Text li{list-style: decimal;}

.box6Cont{height: 612px; display: flex; justify-content: center;}
.box6list{width: 320px; height: 475px; background-position: center 0; background-repeat: no-repeat; margin: 0 50px;}
.box6list.rank1{background-image: url(../images/rank1.png);}
.box6list.rank2{background-image: url(../images/rank2.png);}
.box6list.rank3{background-image: url(../images/rank3.png);}
.box6Rank{padding-top: 295px; padding-left: 10px;}
.box6RankList{height: 42px; margin-bottom: 8px; font-size: 20px; color: #926530; font-weight: bold;}
.box6RankList span{float: left; height: 42px; line-height: 42px;}
.box6RankList span.a1{width: 80px; display: flex; align-items: center;}
.box6RankList span.a1 a{display: block; width: 66px; height: 26px; line-height: 26px; background: #b2462a; text-align: center; font-size: 18px; color: #f0d39e;}
.box6RankList span.a2{padding-right: 10px;}
.box6RankList span.a3{background: url(../images/z.png) no-repeat 0 center; padding-left: 42px;}

.box7Cont{width: 1281px; height: 464px; margin: 0 auto; background: url(../images/box3.png) no-repeat 0 0;}
.box7wrap{width: 1200px; margin: 0 auto; padding-top: 80px;}
.box7wrap h3{font-size: 18px; color: #926530; padding-bottom: 10px;}
.box7list li{height: 40px; border-bottom: 1px dashed #d6bd93;}
.box7list li:nth-child(odd) .box7listCont{background: #f3dda2;}
.box7listCont{height: 36px; line-height: 36px; font-size: 18px; color: #926530;}
.box7listCont div{float: left; height: 36px;}
.box7listCont div.v1{width: 110px; display: flex; justify-content: center; align-items: center;}
.box7listCont div.v1 span{display: block; width: 70px; height: 24px; line-height: 24px; text-align: center; background: #b2462a; border-radius: 4px; color: #ffeca9;}
.box7listCont div.v2{width: 370px;}
.box7listCont div.v3{width: 270px;}
.box7listCont div.v4{width: 450px; float: right;}

.box8Title{text-align: center; background: url(../images/bt_51.png) no-repeat center 0; height: 114px;}
.box8Title p{padding-top: 76px; font-size: 18px; color: #b2462a;}
.boxTableCont{padding-bottom: 70px;}
.boxTableWrap{display: flex; justify-content: center; padding-bottom: 15px;}
.boxTableList{width: 630px; margin: 0 10px;}
.boxTableTips{height: 56px; line-height: 56px; background: #b2462a; text-align: center; font-size: 24px; color: #ffe9c0; font-weight: bold; border: 1px solid #e7ca93;}
.boxTableList table{width: 100%; border-collapse: collapse; text-align: center; font-size: 24px; color: #67480f;}
.boxTableList table th{background: #d8bc7d; height: 46px;border: 1px solid #e7ca93;}
.boxTableListStyle2 table th{background: #b2462a; color: #f0d39e;}
.boxTableList table td{color: #926530; font-size: 18px;border: 1px solid #e7ca93; line-height: 36px;}
.boxTableList table td span{color: #b2462a;}
.boxTableRule{text-align: center; font-size: 18px; color: #b2462a; line-height: 30px; padding-bottom: 40px;}
.box9Title{text-align: center; background: url(../images/bt_52.png) no-repeat center 0; height: 114px;}
.box10Title{text-align: center; background: url(../images/bt_53.png) no-repeat center 0; height: 114px;}

.partDiv2{height: 526px; position: relative;}
.part2{width: 1270px; height: 362px; background: url(../images/part2.png) no-repeat 0 0; position: absolute; left:5px; top: 0;}
.part2Text{text-align: center; font-size: 18px; line-height: 30px; color: #b2462a; padding-top: 380px;}


.part3{height: 1130px; background: url(../images/part3.png) no-repeat center 0;}

.partTitle1{height: 112px; background: url(../images/partTitle1.png) no-repeat center 0;}
.partTitle2{height: 112px; background: url(../images/partTitle2.png) no-repeat center 0;}
.partTable{padding-bottom: 50px;}
.partTable table{width: 90%; color: #926530; font-size: 14px; text-align: center; line-height: 34px; margin: 0 auto;}
.partTable table th,.partTable table td{border: 1px solid #e7ca93; text-align: center;}
.partTable table th{color: #f0d39e; background: #b2462a;}
.partTable p{font-size: 16px; line-height: 30px; color: #b2462a; text-align: center; padding-top: 20px;}
.partTable p span{color: #F00;}



.section10{height: 620px;}
.tableBang{float: left; width: 50%;}
.bangTitle1{background: url(../images/at3.png) no-repeat center 80px; height: 140px;}
.bangTitle2{background: url(../images/at4.png) no-repeat center 80px; height: 140px;}
.bangListTh{width: 534px; margin: 0 auto; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #a71e1e; border-bottom: 1px solid #a71e1e;}
.bangListTh span{float: left;}
.bangListTh span.a1{width: 200px;}
.bangListTh span.a2{width: 324px;}

.bangScroll{width: 534px; height: 370px; overflow: hidden; overflow-y: auto; margin: 0 auto;}
.bangListTd{width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #926530; border-bottom: 1px solid #a71e1e;}
.bangListTd span{float: left;}
.bangListTd span.a1{width: 200px;}
.bangListTd span.a2{width: 324px;}

.bangListTh2{width: 534px; margin: 0 auto; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #a71e1e; border-bottom: 1px solid #a71e1e;}
.bangListTh2 span{float: left;}
.bangListTh2 span.a1{width: 100px;}
.bangListTh2 span.a2{width: 324px;}
.bangListTh2 span.a3{width: 100px;}

.bangListTd2{width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #926530; border-bottom: 1px solid #a71e1e;}
.bangListTd2 span{float: left;}
.bangListTd2 span.a1{width: 100px;}
.bangListTd2 span.a2{width: 324px;}
.bangListTd2 span.a3{width: 100px;}

.bangScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.bangScroll::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.bangScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#a08644;}/*面*/
.bangScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.bangScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.bangScroll::-webkit-scrollbar-track-piece{margin:0;}

.section11 img{display: block; margin: 10px auto 0;}

.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%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}


.popMain{width: 566px; height: 376px; background: url(../images/pop1.png) no-repeat 0 0;}
.popMain2{width: 852px; height: 552px; background: url(../images/pop2.png) no-repeat 0 0;}
.popMain3{width: 852px; height: 552px; background: url(../images/pop3.png) no-repeat 0 0;}
.popMain4{width: 852px; height: 740px; background: url(../images/pop4.png) no-repeat 0 0;}
.closeBtn{display: block; width: 44px; height: 44px; background: url(../images/close.png) no-repeat 0 0; position: absolute; right: 20px; top: 20px; cursor: pointer;}

.popTitle{height: 100px;}
.popTitle2{height: 82px;}
.popTable{width: 725px; height:296px; margin: 0 auto; overflow: hidden; overflow-y: auto;}
.popTable::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.popTable::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.popTable::-webkit-scrollbar-thumb{border-radius:0;background-color:#a08644;}/*面*/
.popTable::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.popTable::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.popTable::-webkit-scrollbar-track-piece{margin:0;}
.popTable table{width: 100%; border-collapse: collapse;}
.popTable table th,.popTable table td{border-bottom: 1px solid #b85a3e; line-height: 36px; text-align: center; font-size: 18px; color: #fab84f; font-weight: bold;}
.popTable table td{font-size: 14px; color: #fdecc1;}
.popTable table td span{color: #ffbf51;}
.popTable table td span.ok{color: #1aff1a;}
.popTable table td span.error{color: #ff2525;}

.popPs{width: 725px; color: #ffd46c; font-size: 12px; line-height: 20px; margin: 0 auto; padding-top: 16px;}
.popPs p{text-indent: 2em;}

.submitBtn{display: block; width: 146px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #a93e25; font-weight: bold; cursor: pointer; margin: 0 auto; background: #ffd788;}
.msg{width: 700px; margin: 0 auto; font-size: 30px; line-height: 50px; color: #ffe4b3; text-align: center; padding: 80px 0 0 0; height: 200px;}

.fromlist{height: 54px;}
.fromlist span{float: left; text-align: right; width: 170px; height: 32px; line-height: 32px; font-size: 18px; color: #ffe4b3;}
.fromlist select{float: left; width: 300px; height: 32px; outline: none; font-size: 14px;}
.fromps{height: 70px; padding-left: 98px; color: #ffe4b3;  line-height: 24px;}
.fromps strong{display: block; color: #ffbf51;}

.ruleText{width: 730px; margin: 0 auto; font-size: 14px; line-height: 30px; color: #ffe4b3; padding-top: 12px;max-height:600px;overflow-y:auto;}
.ruleText strong,.ruleText span{color: #ffbf51;}

.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.goTop{width: 80px; height: 80px; line-height: 80px; text-align: center; background: #fec97b; z-index: 100; position: fixed; right: 0; bottom: 20%; cursor: pointer; font-size: 24px; font-weight: bold; color: #680a0a; display: none;}