h4{ font-size: 36px; color: #333; margin-bottom: 38px;}
h4 span{ vertical-align: middle; font-size: 18px; color: #68c159; cursor: pointer;}
h4 span:hover #qrvip{ display: block;}

.photolist{ text-align: left; width: 1280px; margin-top: 30px;}
.photolist li{ display: inline-block; width: 280px; margin: 10px; box-shadow:0 0 10px 3px #f7f7f7; margin-bottom: 30px; margin-right: 26px; position: relative;}
.photolist li>a{ display: block; height: 150px; overflow: hidden; opacity: 0.3;}
.photolist li:hover a{ opacity: 1;}
.photolist li img{ width: 100%;}
.photolist h3{ text-align: center; white-space: nowrap;text-overflow:ellipsis; overflow: hidden;line-height: 35px;}
.photolist h3 a{ color: #333; }

.photolist div{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: none; cursor: pointer;}
.photolist li:hover div{ display: block;}

.photolist li i{ position: absolute; right: 0; top: 0; background: #fc8d39; height: 30px; line-height: 30px; padding: 0 10px; border-bottom-left-radius: 20px; color: white;}

#cityswitch { border-bottom: solid 1px #dbf0d7; padding-bottom: 16px; margin-bottom: 30px;}
#cityswitch li{ display: inline-block; vertical-align: top; border-left: solid 1px #dbf0d7; padding: 0 50px; cursor: pointer;}
#cityswitch li:first-child{ border: none;}
#cityswitch li.selected{ color: #68c159;}

[pay]{display: none;}
[pay]:first-child{ display: block;}
[pay] span{ display: block; width: 120px; height: 120px; padding: 5px; border-radius: 5px; background: white; margin: 0 auto;}
[pay] span canvas{ width: 100%; height: 100%;}
[pay] h5{ margin: 7px 0; font-size: 18px;}
[pay] div{text-align: center; color: #6eb55a;}
[pay] li:hover i{ display: none;}

#payh4 { margin-top:40px; position: relative;}

#qronline{ margin-top: 60px; margin-bottom: 40px;}
#qronline div{ margin: 0 auto; width: 240px; height: 208px; background: #f7f7f7; border-radius: 20px; text-align: center; padding-top: 32px; color: #68c159;}
#qronline h2{ margin-top: 10px;}

#qrvip{ position: absolute; left: 50%; top:-230px; margin-left: -300px; width: 240px; height: 208px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 20px; padding-top: 32px; color: white; display: none;}
#qrvip h2{ margin-top: 10px;}

#applaywrap{ margin-top: 20px;}

#livedetail td,#schedulelist th{border: solid 1px #68c159; padding: 5px 10px;}
#livedetail tr td:first-child{ text-align: right;}
#livedetail td:first-child{ width: 80px;}


#schedulelist {text-align: center; margin-bottom: 30px; }
#schedulelist td,#schedulelist th{border-color: #68c159; padding: 20px 15px;}
#schedulelist th{ background: #f1f9f0; color: #68c159; font-size: 18px;}

#playerwrap{display:none;position: fixed; width: 100%; height: 100%; top: 0; left: 0;background: rgba(0,0,0,0.8); z-index: 11;}
#playlayer{position: fixed;top: 50%;width: auto;height: auto;left: 50%;margin-left: -480px;margin-top: -270px; width: 960px; height: 540px; }