html,body,div,ul,ol,li,span,p,dl,dd,dt,a,i,h1,h2,h3,h4,h5,h6,a,section,div,img,header{
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
html {height:100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {color: #000;background:#F4F4F4;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif,"Microsoft YaHei";-webkit-text-size-adjust:none;height: 100%;}
ul,li,ol,dl {list-style-type: none;}
img {border: 0;-ms-interpolation-mode: bicubic;}
a {text-decoration: none;margin:0;padding:0;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
a:hover,a:active {outline: 0;}
audio:not([controls]) {display: none;}
button,input,select,textarea {margin: 0;vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
a,button,input,dl,dd,dt,ul,li,p,span {-webkit-tap-Highlight-color: rgba(255,0,0,0);}
body {
  min-height: 100%;
  background-color: #1E294D;
}
html.lock body{
  height:100%;
  overflow: hidden;
}
html,body {
  height: 100%; 
}
.hidden {
  display: none;
}

/*加载页*/
.page-loading {
  width:100%;
  height:100%;
  position: fixed;
  left:0;
  top:0;
  z-index:10000;
  background:#2A3462;
  overflow: hidden;
}
.page-loading .container {
  width:100%;
  height:70px;
  position: absolute;
  left:0;
  top:50%;
  transform:translate(0,-50%); 
}
.page-loading .container .progress-box {
  width:385px;
  position: absolute;
  left:0;
  top:0;
  height:70px;
}
.page-loading .container .progress {
  width:90px;
  position: absolute;
  left:0;
  top:0;
  -webkit-animation:left .2s linear;
  animation:left .2s linear;
}
@-webkit-keyframes fps11 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -1100%;}
}
@keyframes fps11 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -1100%;}
}
.page-loading .container .progress .p {
  width:30px;
  height:70px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAMCCAMAAABJEobtAAAC/VBMVEUAAADevKjMn3/NooL////////MpYjJmHTVrpHKmXX///7////////KmXXKmXUqLzHKmXXKmXXLnHzKmXX///////////+7TADJmXX///+8TwDVrpH//v7NmnTKmXX///7KmXXLmHPLmXXKmXb////dtJLWr5L8/f3MmXXKmXXKmXXJmXXJmHTas5PWr5H////VrpH////VrpHVrpHVrpEhISHKmXXVrpHWrpG6TAC6TQC7TAC4TAj27efcuqL///4jIiLVr5IjIiLKmXW8UAb///+6TAAjIiK7TQH///+7TADMmXPWsJS6TAC7TAHKmXXUrpG6TAC6TAC6TAD//fzVrpG7TACurq4lJCMkLDC6TADWr5LVrpIgICDjxrUnJSTLmXXKmnciISHImne6TAD//v26TAAhISG6TAAgICD///+7TAD////8xpdIWGHWsJQiIiH///8iIiEjIiL++/nVrpH///8lJCP///7jybawtronJiTWr5M0VGjWr5L6xJbW2duRo67Y2Ng0VWn9x5pUbHkzLir////+/fzky7gxU2f8xpg1VWfh4OCgrbVYSDw5WmxCODL5w5IzVGjG0NWtusJBXW706eHex7VBODFHPDT27OXLz9EhISHe0snSy8XQdDL8x5ZqVUbs0bpgTkCVf2tqVEXGYxxQQjjExMQxU2ftw6FnU0TYw7Po4dtKZHY/NjBvbWiZf2rh4eEwUmdXRztrVUVicXny591ifYxvhpaeqbGVgG+MbVfsqnTgw63t28xLPzb07OVKaHrXgkPZiErHZB57hIjqp2+mgGS2trb///+6TAD7xpfKmXX+/fzWr5L4vo/++/j4wpQxU2fQdTPWgEDYtJn89vL+59PfwavsuY7mtIvLbCfDXBPp6urx49ns28/4+Pjz8/P+7t/d3d394Mb8zaO8knT78utyiZfGYxzv7+/m5ua+VAnxvpHg4+Tq1sfcrYbillzbiEr806/noGjn0cDJZyL82bmFmqXytYK5xcvvrnnKnXvwyb2+AAAAy3RSTlMABQsTS6IaL/r5sX0ilfMK7X0g3j8u9vSixAnuqU9IGbo/aFc1MNZlOObDjCclzs2fm5JySCFyUz01JxwR/v3Xv7eaYEXqzVji3MOsqZ3Yy8S8knNsamc8LhXq6OBmDP3Y0s+zqpODdFQ8urJYRDHz7ubcjIuHckoR/tGAfmxgNfz546YY/vLt48q8Ukf8+/vowHFY/v39/O3q1MvCrqiIgF5aVz8j+Ommm4qHgHVfJvzq4MjHvWxd5se3rq2McjQq4drRzr6jiYhwVGgEmSEAABM1SURBVHja7ZwHWFNXFMfvSyAkKhASNjIcUIYgskQFyqqyqhShBQEZKmhrRcFZrW1ttbXb7r333nvv9oXkCQKKguCstaiord1f78tbkHfuta2dXzlfIPn45453I54fZzz03zD/yZOmEMVJc30sFsvUbFidaRFtJqRmW2SbBMhnKfKZgOyjyFMB2WLpPvbzjz/+/G23ZTogT7W0N9utzXIeIJ9taZPksxG0t4M7vty+/csdXdP9ITklb7N99KOTEWgXCfINCLbQ5ubN+B33E+TLhK2dT5CD9+9vbt6//0EGVE9jWXbffvxtOKQu2nIty+75Hss/XArIV265mWVt27D8FSBfvWW9DUv8105AXvPCBSy7y/74+lOVOjsg/px1fXuxtvfIbWtVcny5BjnhkdiGxaxRyWHLEBrL2m1kQazqPLlohEYIsnNJhWruMKTIOv1EBxnPJ8vDUFyF1mHpePzNU5D9kCYmRjdIDuCnWyjIuQhpC8sTBqgaLhl/Hy7INgYhJk5fYJJlHReKvw9jBRuBsCXH6GNjowXZxPEvloiyk/DDtXouQFgimsNb8RJE5fOOD6gQrrCEw29bLsnnymuK+4vh4hAayUrmiQZbTAA+8itkOddpsLw2NhQFs4r5IZUJhwJPr1y1dO4OxpzBDrQRDrLXAM2m/rd+2gDZmz3dyUEeblPk8WORypyVwUuhX0DPhcXDh9+2caNei0imMbiGW7OIcpA1CFWHEGVXI4M8DBrS3EZXhMKtowjyaOs4hBi3JFhlzPn8U4gvYbBhHP8UNQNUtcYo+3OWEd62WdhyuBXauoshSJzF6gLsa4a8o4hAYF8R8llHJgH7GqNswlUl+85RXmdFOqrTrjMh2R56/iEXDTNQTk9/CslW1thYVbV64LZLK6seQLJluk8rQ4PMvb4xUXk3+Img/6/5k6UpdVN9LLPOJKDJfBEPfLJBarFINiuFTh51apXxUeSzAN9vsRxqP/btt98eP2TJAyafJZHHd5a5gFwkyV0geaTkdGHywI/vcsCzmZwjjH50EgItUCCPdxABTDB5NJPJI7q5uXUzmTxmC2tfBKsLl7S0fL+/xeZdDKnPXv+TSB6XPAGc+Us8mLSQyONCgTxa8NeRV9WDC5/H5GGzP74+RyWXNER/0bf7Yhu788jXdzGqwRXYzz2zk59+V2+8avBEvVYmjx41tsQWKOzQU4JfA+wQLMoqbOHZQRkdoANkeW2/wkINNLmTIJ+uC4uJHixnxCHZ/XsjbUZDPDOI1mJ4R6e415KAsIkTlSUS9Ph17gDy0MbpuQoZbTT6BBQ8mDyW6QPilEMNm13s4NuT4+QNmjhuouxjbV7qYwtYc7rioJ1Un0ncu3TycKKTh/MpkYdtgPgXkgc7Eqlt7PKlE0aOdJ43fKOe6jWirEE02dXqSpMjrTMoqtYQYaAs7mEYbdURVZNblAvGE4IxkdUak9WFpPq6uSAdlknqKESUtSER4YiXTZAabp5hQrwM7TwlyuDBCJtXY01Z5nWReEVRZlRosTpdYX21jDLvkF+WPrKIUcmbFLl28e1NCwbLpXcrlNFUmllf6jA8EQ3ZH7JJdXPPK8omiJPzBDQ4D/bPs7Ak6JB8nkU2YH5/i2JFwNz4x91dbW1tBy0QWkyxWI4LDrobDKhMtRwT5IMgeWRb2g//cnjHL4e7QWZCdd9t397cvL21ez4C7b5W++T3IdjOF9a+igImPHnQQyKhsOo1b9u2b5r37BnmCanub/Sx7LZvWJa94GpAfmLLDyy7dR9PHldCMY9bdrJYx18/LVLLb91yLSvabjV5hOrH3LuL7cPksYu9WKuSMzIQ8/jer3moWRetUnX6ZNn7D0NqMAlgMDsQXUV8jEgesFwSJsrw5Mk89XhJgQOVMeXxckgklwEiQRUayRG2ZGjUGFm+Bs1jBWso1Kn0tfpoP1F+JqYiPlR1bjFbRblYk8E1JKiiQR2iPgElBwRkOLogPbdKkJcEo9DYZORgGztEmXV2Ai7dO9VGIY+xdPKYd0rk4f2bycNGJ4/UAip59FSr5WK/3Mu9vb2XjB+2qtyqRWQzG6wuFNnXSpU9rNTJk6w1dOwZQ1HD3UIoaqCbNYnMPK7WEOK+NUnG6qAkMyy6RBnNoxkUEgVolenXueUHMnywCIrllDU9JvzujDJCvFUqxR088hFgCzaIB5kPXlaixA63PwXCnLv4XFt7e+Y0RLT6sszVC9CQ/Vk25eyioplTSOJcMWYBqzkKOgCGx0o2GQpqKFZHiKd0f9f13SGcqwHBpN3u/VsPQTLKkcijGySPsy3HW4+27jja2u2TAm696+jR1tajhw/hwZB9QiePq06JPKKp5BFcvG/f/uZt2yZ4gfKbuyXyWISgqMYlLHuARB7u12+5mMU6/roZGP3qlq8o5IHiat7E2GF/XKP2sExAieaevRiLbHvXnQO7f0/J+4PwoJAHiB4KeYDgQiEPNLthIhpBXhstq9CKWxsPyZqwDNERXg5/nOW3iY5wJaiHNqwS9LFwBCy1I62Xl08DZSe2h+NOwBeObSnb0tnRyePke5CMocfWn8pimweSh+Le/QAGppPHUjp5LPnzyCOVGvMosAZRyONcjVHlo4dfIYw/49Y7nVAUlBRZGRy8kkFzZvBplXAiGxixM7aOIoIHlseQIxO+ePJIYlSEiYhCSeS5A60uo60e5HBLpCtWyYMNEYFENchscCUAU2Ll22arcRwiqE2L38pyG41IVrkBJVUzRLnxMVSdhYhW+9AiNw1Znoaa7ngYUSwzs+qOTHfK+Mr6Ier4cy276Ky8ufNJAZGpAhrkgf55spwwyTtJzGM+PeYBo4XlYFt7e3sXGFFJOUnMIw/LlJjHJEv79i8P7/jy8EE45nH2wcOtmGrIMY/NJ4t5tFLII/QkMQ9qtmWs8549fMzDzwnE99ePSORxI0wecswDLAO5SYx53PQsIF9/i41CHqj8gl3sNZg8drPrZqtVXPJw797deGzfOhN0JpxWjnnAMoU8kJZLDqbIqDAOJA8l2fOgRB6gxXYcELItsMxkdKQK5AHbvBNcP68Hw/J4tqejs7eF9QTVlTb8iaRxaanFgCgWW/RyHf3O8NLC3/0ntl4eDC6toIETAD3e1GyLJ508JvxNMQ9vNjUtnJZt0RlrAPJQNpbliCanDRufu2TJFVf0TCgewTt5uGRCSnfkR4LyGKtJIgh4tOAnq11h7qgWIgAwXGjd7NzA1ITAaR43rfAEQQCec7SwgUBwavMc++4NMCLMqdZSVA/7ilkGmBDCDfyKn7sRqGaGKw8AjxBoakyEhk+rLCZAzwtCsKPqKVAtrXrFPq6pEWSLBZmLn0tfwfNFIohMiYn1C9zRkP1+80+hhDyKpuMyjrmTT63Ow2fK767zQPQ6Dwwmh47zdR7HDoEFqDlyIQeY6qmj13n4TxfqPHaQ6jymn3KdRyu1wrS1lUweGnqdx+Uttn37baxtOaQuotZ5oBsxeUh1HiCYXCvVeTwMjV7/E6HOQyyIvOZrHDPZeQ2u8wDp4N6dLLZdLyLQGu4F2UFJ1wiyMyyv7WihyUzFCTJ5YHuQ6xX8K2iajT3cCXzZuQQw6Wdv7eg8wHpDl61bpv8As0Mn13tgBLCvQi421w4PHVxGtEouCeCeZO12gmuIU/NYTFyxINt60xKgy1bqPMCISq4k44wFAD2nVOcx8m+r80i9h1rnkW8YRyYPZ2QyuDouftrweRPu7J+33Inflq8RDgwItAOGLZSfwkEPpbrUBQyZhETK0wCedpx1tIQYUD4m38yIR2z0gDYWKL0y6FSqySifRaSatzQ1kYxEEcBV+5q18h7Ug0e7ucirGFxU1zSAR6LmqA9E+YjczaoQ1gOYSpRyUhUjNG5i5NdNd9/+igNXZNbe8ZA82j19ce2gCdzLStMbK9GQDfW2DPW20Hpbrt5ys9zbAso/SL0tT4CdMV9JvS0mQHZ//lqhtwUmD1TQKfa2PI4gi0/bRfP+odxWGnmgsH4ZLWD02EqTn+7sbCGvPbFzaxrWCeSRrN+Iww5pB0DyYCYGxA1n+aRGj41RqwVcIRomxCVWrdEAZLFM7G050MGFhTouHBbLSDmNfq48XuUKGKW35bU4wElBvS2Kgb0tiv1Helta2Cuo2ZYwo4bW2xJozYJ6W5auuuc0Jy8GITMYV3CRRkW5MWBcYRSNS5IkoAgHwQNncShcYjIkyQ00JiBaEqGRfT2wMeVqXSPBgIdkNR4A02jld6qBKklBCxSkOpVRhsAB4OV4phpz1MDrl5ZWtjpwumoH9FjhNugYHCM9tZsGDi697iHNQLV0dePLA36QmI7DH/WD8iyLaxMHNLIkrl4xGG3cFwyVmP4hS5mZx/e2TCZwSY4Y05gPxktkePCBxhfRyWO6rIJoMYvvbTn27THc2zILIg8FLaZCyKTIdRCMTT2IsQM/2nymgFc2XUCLLkK2ZZQgf0au1NhMARMt39tCTsYwVDBZeEZLy77mlpYzTtbbcuEfiXncLMY89j4LyetvYgUDySOB69vNxzz6dt/FgP5b6G3Z/SIDnhn3DC3mwTQ8LVVSglYQpoREwMVvVSaH8ymUbIv2tlUdqcRsC5PRbzvBx0y8weuKDbiT5fMpB2xAwkNXwa3JZe0xkY6n1XJcgJgHsnG41VZ94mElog9O7WzQATuTfazNGywLgnpbFFv5D/a2DBRPjTwqzAyttyVLnXXwXD7PeeSwO/uXLvRiGKMvImRTXARHT2qrDZeSKrDsIkyiA+Ukg0aQtaAcGSJVikAWLl5RPshMzIxIMSKSBGdqxomIYgJjNUESC4DqGKkKZbR6XVe3IJlCtOquGLMLOeZR+cIcZcQMR1Jcnb5pAMOoIjnulbcP4IhH3FWTVymoUp++4TFHsqidpoxOXJ2eWeoQM1mBhuwP2ZSZZ5535nx/WPQvEtFgEkK0qMYsyH/PB5pX4DKQHAgtlN4Wiz+09EHBQbdbfEDy6JLks6Dryulu/WUHbm9pt8wHicvnMN/bsr1tLqE45kf75B/7k9MpWH6S3Da7eTMZTBC1PtXLme9t2bbN2ROu87hYrPO4C6wwVXpbXoLqPJQK06uBuW9ZT6sw1epxnccRltDbghL0Wntvi+2adefANaROEnnANaReFPJYW45GUGSTPnkEDUwKCmk1Jig6YCNYYapcWr9QkYhgu6dDqCFdCcvjU9M6b20hVZiutfFYggMuIGlqbmNZvsa0E77wib0sr6f14t4WiKgE8rARe1uw8A/1tth+B3nQe1u4QBoUDTOq/fNyvrfF5n3G+NdWjXWV8iJw6CIQSqYodGGyjqHI43QU2cPIhJOrVzURrriqgiHfL0SHqn3J+w5EgcS+2ShDFmJq8mF1XKQR80OWmwkSdVGGfB2/NyDLU1b/sluI/aw8zMCJVmbeIexHYwSPpHa1GMepgdSyqldEKoHrTxYL/xcuuA4uMhUrSysxdpQioq1IbKpNH6oy/fPMf35dUV02SZ3pI6RD4JjImTI6pNCTMUXwYBlcwBpRy6GDQm8LTB7drQJaYJlCHsfBkEgKJo+jO3B7SzucjMn22X60tfno0bY8fwTqP9sn/yiFnE6hkIfmVMhjxFKePPbtW+oFqcwbfIXpfp48yn43eZRdv+WISB7X3gj0ttzyA408MjIet7F9rNDbAjl/3Nuyk9TbUlKOaOQRV4AdHRktYmMRjTyWFcqyMxgP0SEaecTESlvzQ+DwhGJBXoIgWxYgpTxmwxGTtBaW0ttyWVpnD0vpbUnluB5yLGhpCy5OtWE5F8SeczHV9Arn9gd6W/4d5OF9EvJ4ktpV2xvBqOThud4CSfpN6IBv2THb3tuCUITVA1Gshi6brYEUVWd101CbbqMoqiZC8e/wPTsoY/NpDbvh1eTblLhPw43EISQeWpBe5RsiJGxgfUOQgbKtu9+voZ1m5iNmhiJXVr2NKJaY3vjyA+5EuWzFisbaejRkf6ZlF+VNz5tJcKFTzhLRIBuBdZrUCtOZ9GxLHj3mgfM8Xe3Hj7e3HQKDGnlKUCMHzrZI8lxw53y25TDOtlgmwXcqsadTWtvqCNkWIeaRT7lVGCXbMpteBoKo2RZPvwN7vif2tpR9iBMie4j387jUnm0h9bbcuGX9Lqm3ZRGQfl5/AYU8EvShT+9mcZ1HH9jbgt03uncvP33fizoE3qTUk3zDjjDF0U0AuQQgD1B2BsMpMtacC3KJcicxoJCjvES+k1hLoVbNHWFKl0d5RagayBLkBhOnAn1MvCNTFa6UvOhyVMDp1zgmuNKUUkldYXmcQ8iD424V5ctHICaBcdh7TEev3F0K/HN6t8d2Kr0t/5KYRyGdPIC//Rc6nzv+9NNP97vzRPF7RldEsiw81LeGcrsOLfKIIMr5Zv7PfyIb8Ov6htCWRhEeJHTgyzVGERt2o9xMlLmD+PpVkyEIVk325JNvJEKETA7D38s0HJZdzTqhWhS0QDsNPWCE0URrT+AkEppXUJT9cprqNzwMMs1zLnYwcl+8CZKb7t4kDCtNh+hiRdniDdNEtCJwyd9dgvorgVkITP0e9eAAAAAASUVORK5CYII=');
  position: absolute;
  left:0;
  top:0;
  -webkit-animation:fps11 1s steps(11) infinite;
    animation:fps11 1s steps(11) infinite;
}
.page-loading .container .progress .per {
  width:52px;
  padding:0 4px;
  height:70px;
  line-height: 70px;
  color:#fff;
  font-size: 28px;
  position: absolute;
  left:30px;
  top:0;
}
.page-loading .container .bed {
  width:64px;
  height:48px;
  position: absolute;
  left:475px;
  top:11px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAwCAMAAACWlYwtAAABblBMVEUAAACtaiHRLzutaiGtaiGRWySRXCT///////+tayHKKzjDKzqtaiH///////+lZSHILj7////////OLTv///////////+wQSSlS0WYXyTBKDa+KDaYXySsaiHAKTaUXSStaiGuaiGMWCT///+taiGKVyStaiGKVySkZiPIKDXAKDXz0dWsaiHDKDX///+taiGnUTr///+lSkeuayHJLDrBKzj///+3KjjCKjqNWSTr1tvm0bWrZiKKVyS/LDvKLTr///+paCK8LT2zLD65LT/FLj6uayGtayHDLj7RLzxBSXKtaiH////JKDS7KDTLKDSKVySlSkfGJzS+JzTBJzTEKDTCJzTHJzSTXCTAJzTNKTTMKDSLWCTxx8qkSkftx8q4OkDPKTTo0tHtx8vCJjOpWCzRo6GaYSS9SSOsPiP69PS9e3q1a2inUjmjZSPixsXp2MDp2L/hnaLfxaHau5KqVVKuZDa3eymcYSSrPiOLzjeFAAAAS3RSTlMAwEFAgO/vwIBwxYgQ8DAgEdCQhGBAIPv57+TV0NDHq6CQVVBQMDAQ9PLy8fDk4ODQsLCwqKagm5iXioiIgHp0cGpcTTg1MDAjIQJHOy7EAAAC3UlEQVRIx+2W+VfaQBDH16ogHoBWtB7Veve+7/u+kk1CIAlNQBEV6lF7X/99ZzYZyMErPtP3+otfkp3J8ubDJt+dPNhflZTlJIujkSE5HQuQk4fjrWA0mRxh/0t9shwPsCAPswPp5SWpa5BF9figK+iSJCnFYggBPXEAT/b3T2fiAB5omrYUB5CCW1iO+wy6jwD/BJDrA6UPDVgYkoUu3hwdY6h0391nTwdAN/pBk5ZtK4ZhKZMz/bcePn9LtcupjAu4J/s0PAIMAH7hKi8W+TqcKjeL3BYRJ84MZBlqUZLOZxDwUw5qaIzBWOHKO64rBW5BomLiRbieeoGAHuxDBHyTQ7qCgDXOEaFCJSQFSGgC4lTWA/Qg4LMclliBaiqqqSvcoEQ1WvG2H/ApAsiJFRS4YsHJcaCTF2AFmGd9gK8RwC6uwFYLuuIU4cRELeqONyG+qOav3ifAj1qofuc7AizFgJs2dJtDYkGCkYtoWry6mr9MgA/5vd16vf6xVqvtYH1tL4+3QDZuejaaYoLsrObzJ1oA0iqNANiwnaKi2AacItGVdYyOFz3AHAK2qKw1uPug4NpO+wAnDNoPANgCQBcAkEA/7l9Bcx9QEohVrCdAVIF9QP47XhTX7yWpA2CjaT0n//2xM6BC9sNDdBOaENcBQKMUFgLIfsf139QpWhjHS6VGE1DSWiqXtbKm+faBaVoq3xT+c9oPELc1rRQCYCFJrIBcozYOxO1yBFDGAz+gqI1WyMbQCkhYj4ew0QjZGIi//YCJ3kSiN9GLIwx4UDuDa0EbLbJxPJGYgNJrbA7GVyws0c5kI7Ux2Sm+OO6+DxbZHXjumSggaqPh2kdtDYB5uOd5tjTdmGXtAGvkXqudOUyQjQBYmf41u8K6YR1tARV0q/1bGV/Xj5hX2h7QstEJdiPZeTbbEXCu2Y1OuBsvzFx/zah08KR0qu1/3DTGN8fCYiS3FEOKHVZY+gd68dwNM1n1LAAAAABJRU5ErkJggg==');
}
@-webkit-keyframes fps60 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -6000%;}
}
@keyframes fps60 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -6000%;}
}
@-webkit-keyframes fps90 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -9000%;}
}
@keyframes fps90 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -9000%;}
}
/*首页*/
/*.page-index .finger {
  width:460px;
  height:550px;
  position: absolute;
  left:0;
  top:0;
  background: url(../images/finger.png);
  display: none;
  z-index:101;
  top:360px;
  left:120px;
}*/
@-webkit-keyframes fps45 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4500%;}
}
@keyframes fps45 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4500%;}
}
/*.page-index .finger.animate {
    display:block; 
    -webkit-animation:fps45 2s steps(45) alternate forwards;
    animation:fps45 2s steps(45) alternate forwards;
    
}*/
.page-index {
  width:100%;
  height:100%;
  background: #1E294D url(../images/bg.jpg) no-repeat 0 bottom;
  background-size: 100% 100%;
  box-sizing:border-box;
  overflow: hidden;
  position: fixed;
  left:0;
  top:0;
  z-index:100;
}
.page-index.animate {
  -webkit-animation : opacity 2s 4.8s linear alternate forwards;
  animation : opacity 2s 4.8s linear alternate forwards;
}
.page-index .slogan {
  position: absolute;
  left:100px;
  top:-260px;
}
.page-index .slogan img {
  display: block;
  width:438px;
}
.page-index .star {
  width:640px;
  height:1008px;
  position: absolute;
  left:0;
  top:0;
  z-index:0;
}
.page-index .star1 {
  background: url(../images/star1.png);
  -webkit-animation : opacity 1s linear infinite;
  animation : opacity 1s linear infinite;
}
.page-index .star2 {
  background: url(../images/star2.png);
  -webkit-animation : opacity 1.4s linear infinite;
  animation : opacity 1.4s linear infinite;
}
.page-index .star3 {
  background: url(../images/star3.png);
  -webkit-animation : opacity 1.6s linear infinite;
  animation : opacity 1.6s linear infinite;
}
/*梯子*/
.page-index .ladder {
  width:150px;
  height:150px;
  position: absolute;
  left:-60px;
  top:174px;
  z-index:0;
  background: url(../images/ladder.png);
  -webkit-animation:fps60 4s steps(60) infinite;
    animation:fps60 4s steps(60) infinite;
}
@-webkit-keyframes meteor {
  0% {
    left:660px;
    top:-100px;
  }
  100% {
    left:-200px;
    top:200px;
  }
}
@keyframes meteor {
  0% {
    left:660px;
    top:-100px;
  }
  100% {
    left:-200px;
    top:200px;
  }
}
.page-index .meteor {
  width:200px;
  height:200px;
  background: url(../images/meteor.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right:200px;
  top:-100px;
  z-index:2;
  -webkit-animation : meteor 2s linear infinite;
  animation : meteor 2s linear infinite;

}
@-webkit-keyframes house {
  0% {
    -webkit-transform :scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform :scale(2);
    transform: scale(2);
  }
}
@keyframes house {
  0% {
    -webkit-transform :scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform :scale(2);
    transform: scale(2);
  }
}
.page-index .house-wrapper {
  position: absolute;
  z-index:10;
  width:580px;
  height:717px;
  left:40px;
  top:280px;
}
.page-index .house-wrapper .slogan {
  position: absolute;
  top:-200px;
}
.page-index.animate .house-wrapper{
  -webkit-animation : house 1.5s linear alternate forwards;
  animation : house 1.5s linear alternate forwards;
  
}
.blue-body .page-index.animate .house-wrapper{
  transform-origin:60px 900px;
  -webkit-transform-origin:60px 900px;
}
.red-body .page-index.animate .house-wrapper{
  transform-origin:10px 100px;
  -webkit-transform-origin:10px 100px;
}
.yellow-body .page-index.animate .house-wrapper{
  transform-origin:600px 400px;
  -webkit-transform-origin:600px 400px;
}
.page-index .house {
  width:580px;
  height:717px;
  background: url(../images/house.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  /*margin-left: 40px;*/
  z-index:10;
}
.page-index .house .people {
  width:150px;
  height:150px;
  position: absolute;
  -webkit-animation:fps60 4s steps(60) infinite;
    animation:fps60 4s steps(60) infinite;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);

}
.page-index .house1 {
  width:284px;
  height:306px;
  position: absolute;
  z-index:10;
  left:0;
  top:0;
}
.page-index .house2 {
  width:256px;
  height:350px;
  position: absolute;
  z-index:10;
  left:288px;
  top:88px;
}
.page-index .house3 {
  width:272px;
  height:284px;
  position: absolute;
  z-index:10;
  left:8px;
  top:386px;
}

/*门*/
.door-blue {
  position: absolute;
  width:289px;
  height:200px;
  background:url(../images/doorBlue.png);
  left:67px;
  top:558px;
  transform: scale(0.3831);
  transform: scale(0.3831); 
}
@-webkit-keyframes fps75 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -7500%;}
}
@keyframes fps75 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -7500%;}
}
.blue-body .page-index.animate .door-blue {
  -webkit-animation:fps75 3.2s 1.5s steps(75) alternate forwards;
    animation:fps75 3.2s 1.5s steps(75) alternate forwards;
}
/**/
.door-yellow {
  position: absolute;
  width:289px;
  height:200px;
  background:url(../images/doorYellow.png);
  left:211px;
  top:244px;
  transform: scale(0.3831);
  transform: scale(0.3831); 
}
@-webkit-keyframes fps67 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -6700%;}
}
@keyframes fps67 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -6700%;}
}
.yellow-body .page-index.animate .door-yellow {
  -webkit-animation:fps67 3.2s 1.5s steps(67) alternate forwards;
    animation:fps67 3.2s 1.5s steps(67) alternate forwards;
}
.door-red {
  position: absolute;
  width:289px;
  height:200px;
  background:url(../images/doorRed.png);
  left:58px;
  top:157px;
  transform: scale(0.3831);
  transform: scale(0.3831); 
}
@-webkit-keyframes fps70 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -7000%;}
}
@keyframes fps70 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -7000%;}
}
.red-body .page-index.animate .door-red { 
  -webkit-animation:fps70 3.2s 1.5s steps(70) alternate forwards;
    animation:fps70 3.2s 1.5s steps(70) alternate forwards;
}
.light-open {
  width:300px;
  height:300px;
  position: fixed;
  left:0;
  top:0;
  background: url(../images/lightOpen.png) no-repeat;
  background-size:100%; 
  opacity: 0;
}
@-webkit-keyframes op {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes op {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animate.light-open {
  z-index:101;
  left:200px;
  -webkit-animation:op 4.2s 2.8s linear alternate forwards;
    animation:op 4.2s 2.8s linear alternate forwards;
    transform:scale(3); 
}
.yellow-body .animate.light-open {
  left:-100px;
  top:400px; 
}
.red-body .animate.light-open {
  left:340px;
  top:500px;
}
.blue-body .animate.light-open {
  left:340px;
  top:500px;
}
.page-index .people1 {
    /*left:70px;
    top:40px;*/
    left:80px;
    top:50px;
    background: url(../images/p1.png);
    
}
.page-index .people2 {
    /*left:375px;
    top:146px;*/
    left:410px;
    top:168px;
    background: url(../images/p2.png);
}
.page-index .people3 {
    /*left:82px;
    top:368px;*/
    left:94px;
    top:400px;
    background: url(../images/p3.png);
}
.page-index .open {
  width:103px;
  position: absolute;
  right:66px;
  bottom:0;
}
/*首页 end*/
/*首页白天 begin*/
/*首页*/
.page-daytime {
  width:100%;
  height:100%;
  background:url(../images/daytime/bg.jpg) no-repeat 0 bottom;
  background-size: 100% 100%;
  box-sizing:border-box;
  overflow: hidden;
  position: fixed;
  left:0;
  top:0;
  z-index:1;
  display: none;
}
.page-daytime .slogan {
  padding-top: 20px;
  position: relative;
}
.page-daytime .slogan img {
  display: block;
  width:68.4%;
  margin-left: 20%;
}
.page-daytime .house-wrapper {
  position: relative;
  margin-top: -70px;
  z-index:10;
}
.page-daytime .house {
  width:551px;
  height:668px;
  background: url(../images/house.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-left: 50px;
  z-index:10;
}
.page-daytime .house1 {
  width:284px;
  height:306px;
  position: absolute;
  z-index:10;
  left:0;
  top:0;
}
.page-daytime .house2 {
  width:256px;
  height:350px;
  position: absolute;
  z-index:10;
  left:288px;
  top:88px;
}
.page-daytime .house3 {
  width:272px;
  height:284px;
  position: absolute;
  z-index:10;
  left:8px;
  top:386px;
}
.page-daytime .open {
  width:96px;
  position: absolute;
  right:66px;
  bottom:15px;
}
/*/白天弹窗*/
.day-dialog {
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:100;
  display: none;
}
.day-dialog .container {
  position: absolute;
  width:431px;
  height:568px;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: url(../images/daytime/dialog.png) no-repeat;
  background-size: 100% 100%;
  z-index:2;
}
.day-dialog .qrcode {
  padding-top: 220px;
  text-align: center;
}
.day-dialog a {
  display: block;
  width:46px;
  height:46px;
  position: absolute;
  top:-6px;
  right:-6px;
  z-index:3;
  background: url(../images/daytime/btn.png);
}
/*首页白天 end*/
.page-venues {
  width:100%;
  height:100%;
  overflow: hidden;
  position: fixed;
  left:0;
  top:0;
  z-index:2;
  display: none;
}
.page-venues .venues-box {
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  z-index:1;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
}
/*场馆*/
.venues {
  width:3975px;
  height:100%;
  /*position: relative;*/
  display: none;
  transition : all 1s linear;
  /*overflow: hidden; */
}
/*黄色馆 begin*/
.venues-yellow {
  background: url(../images/yellow/bg.jpg) no-repeat;
  background-size: 100% 100%;
}
.venues-red {
  background: url(../images/red/bg.jpg?v=1) no-repeat;
  background-size: 100% 100%;
}
.venues-blue {
  background: url(../images/blue/bg.jpg) no-repeat;
  background-size: 100% 100%;
}
@-webkit-keyframes shake {
  0%,50%,100% {
    -webkit-transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-10px);
  }
  75% {
    -webkit-transform:translateX(10px); 
  }
}
@keyframes shake {
  0%,50%,100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  75% {
    transform:translateX(10px); 
  }
}


.bottle-wrap {
  position: absolute;
  left:0;
  top:0;
  z-index:10;
  height:100%;
  width:100%;
}
.bottle {
  position: absolute;
  z-index:10;
}
.bottle.animate {
  -webkit-animation : shake .25s linear infinite;
  animation : shake .25s linear infinite;
}
.tips {
  width:320px;
  height:32px;
  position: fixed;
  z-index:99;
  left:160px;
  bottom:80px;
  display: none;
}
.tips.show {
  display: block;
}
@-webkit-keyframes shake2 {
  0%,50%,100% {
    -webkit-transform: translateX(0) rotate(180deg);
  }
  25% {
    -webkit-transform: translateX(-10px) rotate(180deg);
  }
  75% {
    -webkit-transform:translateX(10px) rotate(180deg); 
  }
}
@keyframes shake2 {
  0%,50%,100% {
    transform: translateX(0) rotate(180deg);
  }
  25% {
    transform: translateX(-10px) rotate(180deg);
  }
  75% {
    transform:translateX(10px) rotate(180deg); 
  }
}
.tips .tl {
  background: url(../images/sprite.png);
  background-position: -66px -88px;
  position: absolute;
  left:0;
  top:0;
  width:46px;
  height:32px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation : shake2 2s linear infinite;
  animation : shake2 2s linear infinite;
}
.tips .tc {
  background: url(../images/sprite.png);
  background-position: 0 0;
  position: absolute;
  left:94px;
  top:0;
  width:134px;
  height:25px;
}
.tips .tr {
  background: url(../images/sprite.png);
  background-position: -66px -88px;
  position: absolute;
  right:0;
  top:0;
  width:46px;
  height:32px;
  -webkit-animation : shake 2s linear infinite;
  animation : shake 2s linear infinite;
}
a.btn-back {
  display: block;
  position: fixed;
  z-index:99;
  width:66px;
  height:63px;
  background: url(../images/sprite.png);
  top:30px;
  left:30px;
}
.blue-body a.btn-back {
  background-position:-66px -25px; 
}
.red-body a.btn-back {
  background-position:0 -25px; 
}
.yellow-body a.btn-back {
  background-position:0 -88px; 
}
.yellow-bottle .bottle {
  background: url(../images/yellow/bottle.png);
  z-index:2;
}
.red-bottle .bottle {
  background: url(../images/red/bottle.png);
  z-index:2;
}
.blue-bottle .bottle {
  background: url(../images/blue/bottle.png?v=2);
  z-index:2;
}
.venues-yellow .bottle-1 {
   width: 28px;
   height: 34px;
   background-position: -61px -1566px;
   left:383px;
   /*top:282/1008;*/
   top:27.97619%;
}
.venues-yellow .bottle-2 {
   width: 23px;
   height: 27px;
   background-position: -48px -1606px;
   left:242px;
   top:57.738%;
}
.venues-yellow .bottle-3 {
   width: 45px;
   height: 62px;
   background-position: -92px -1328px;
   left:125px;
   top:62.698%;
}
.venues-yellow .bottle-4 {
   width: 80px;
   height: 111px;
   background-position: 0 -892px;
   left:159px;
   top:81.94%;
}
.venues-yellow .bottle-5 {
   width: 158px;
   height: 222px;
   background-position: 0 -445px;
   left:-60px;
  top:74.55%;
}
.venues-yellow .bottle-6 {
   width: 52px;
   height: 56px;
   background-position: -55px -1222px;
  left:392px;
  top:74.30%;
}
.venues-yellow .bottle-7 {
   width: 77px;
   height: 107px;
   background-position: -80px -1003px;
  left:578px;
  top:68.65%;
}
.venues-yellow .bottle-8 {
   width: 43px;
   height: 60px;
   background-position: 0px -1453px;
  left:643px;
  top:55.5%;
}
.venues-yellow .bottle-9 {
   width: 22px;
   height: 23px;
   background-position: -71px -1606px;
  left:588px;
  top:57.13%;
}
.venues-yellow .bottle-10 {
   width: 23px;
   height: 31px;
   background-position: -25px -1606px;
  left:700px;
  /*top:36.59%;*/
  top:37.8%;
}
.venues-yellow .bottle-11 {
   width: 26px;
   height: 34px;
   background-position: -116px -1566px;
  left:1050px;
  top:59.02%;
}
.venues-yellow .bottle-12 {
   width: 159px;
   height: 233px;
   background-position: 0 0;
  left:1046px;
  top:80.65%;
}
.venues-yellow .bottle-13 {
   width: 34px;
   height: 46px;
   background-position: -117px -1513px;
  left:1231px;
  top:50.89%;
}
.venues-yellow .bottle-14 {
   width: 76px;
   height: 105px;
   background-position: 0 -1116px;
  left:1525px;
  top:82.78%;
}
.venues-yellow .bottle-15 {
   width: 40px;
   height: 56px;
   background-position: -43px -1453px;
  left:1443px;
  top:76.09%;
}
.venues-yellow .bottle-16 {
   width: 39px;
   height: 43px;
   background-position: -78px -1513px;
  left:2055px;
  top:71.94%;
}
.venues-yellow .bottle-17 {
   width: 158px;
   height: 222px;
   background-position: 0 -223px;
  left:2119px;
  top:67.55%;
}
.venues-yellow .bottle-18 {
   width: 75px;
   height: 106px;
   background-position: -76px -1116px;
  left:2412px;
  top:67.26%;
}
.venues-yellow .bottle-19 {
   width: 46px;
   height: 52px;
   background-position: -46px -1328px;
  left:2628px;
  top:66.26%;
}
.venues-yellow .bottle-20 {
   width: 44px;
   height: 61px;
   background-position: -90px -1392px;
  left:2998px;
  top:71.32%;
}
.venues-yellow .bottle-21 {
   width: 32px;
   height: 35px;
   background-position: 0px -1566px;
  left:2475px;
  top:19.24%;
}
.venues-yellow .bottle-22 {
   width: 45px;
   height: 51px;
   background-position: -45px -1392px;
  left:2616px;
  top:30.85%;
}
.venues-yellow .bottle-23 {
   width: 38px;
   height: 51px;
   background-position: 0px -1513px;
  left:2378px;
  top:44.44%;
}
.venues-yellow .bottle-24 {
  background: url(../images/yellow/bottle24.png);
   width: 78px;
   height: 106px;
   /*background-position: 0 -1222px;*/
  left:3037px;
  top:55.15%;
}
.venues-yellow .bottle-25 {
   width: 80px;
   height: 113px;
   background-position: 0 -1003px;
  left:3159px;
  top:75.69%;
}
.venues-yellow .bottle-26 {
   width: 25px;
   height: 33px;
   background-position: 0px -1606px;
  left:2828px;
  top:46.23%;
}
.venues-yellow .bottle-27 {
   width: 46px;
   height: 64px;
   background-position: 0px -1328px;
  left:3501px;
  top:72.02%;
}
.venues-yellow .bottle-28 {
   width: 40px;
   height: 52px;
   background-position: -83px -1453px;
  left:3294px;
  top:30.75%;
}
.venues-yellow .bottle-29 {
   width: 39px;
   height: 53px;
   background-position: -39px -1513px;
  left:3387px;
  top:36.90%;
}
.venues-yellow .bottle-30 {
   width: 45px;
   height: 49px;
   background-position: 0px -1392px;
  left:3588px;
  top:30.68%;
}
.venues-yellow .bottle-31 {
   width: 81px;
   height: 112px;
   background-position: 0 -667px;
  left:3689px;
  top:67.16%;
}
.venues-yellow .bottle-32 {
   width: 27px;
   height: 37px;
   background-position: -89px -1566px;
  left:3640px;
  top:58.80%;
}
.venues-yellow .bottle-33 {
   width: 29px;
   height: 40px;
   background-position: -32px -1566px;
  left:3902px;
  top:47.51%;
}
.venues-yellow .bottle-34 {
   width: 46px;
   height: 63px;
   background-position: -107px -1222px;
  left:3923px;
  top:66.56%;
}
.venues-yellow .bottle-35 {
   width: 80px;
   height: 133px;
   background-position: 0 -779px;
  left:3482px;
  top:88.39%;
}
/*红色*/
.venues-red .bottle-1 {
  width: 62px;
  height: 74px;
  background-position: 0 -1359px;
  left: 10px;
  top: 64.0865%;
}
.venues-red .bottle-2 {
  width: 43px;
  height: 50px;
  background-position: -43px -1785px;
  left: 392px;
  top: 51.2473%;
}
.venues-red .bottle-3 {
  width: 43px;
  height: 50px;
  background-position: -91px -1713px;
  left: 480px;
  top: 32.834%;
}
.venues-red .bottle-4 {
  width: 50px;
  height: 61px;
  background-position: 0px -1640px;
  left: 647px;
  top: 57.539%;
}
.venues-red .bottle-5 {
  width: 93px;
  height: 144px;
  background-position: 0px -494px;
  left: 445px;
  top: 76.588%;
}
.venues-red .bottle-6 {
  width: 63px;
  height: 96px;
  background-position: -78px -1239px;
  left: 692px;
  top: 66.765%;
}
.venues-red .bottle-7 {
  width: 84px;
  height: 117px;
  background-position: 0px -638px;
  left: 702px;
  top: 88.081%;
}
.venues-red .bottle-8 {
  width: 47px;
  height: 73px;
  background-position: -97px -1640px;
  left: 955px;
  top: 57.539%;
}
.venues-red .bottle-9 {
  width: 51px;
  height: 59px;
  background-position: -51px -1581px;
  left: 1156px;
  top: 44.045%;
}
.venues-red .bottle-10 {
  width: 56px;
  height: 84px;
  background-position: -58px -1433px;
  left: 1121px;
  top: 66.00%;
}
.venues-red .bottle-11 {
  width: 80px;
  height: 123px;
  background-position: 0px -755px;
  left: 1274px;
  top: 73.61%;
}
.venues-red .bottle-12 {
  width: 144px;
  height: 208px;
  background-position: 0px 0px;
  left: 1474px;
  top: 81.2468%;
}
.venues-red .bottle-13 {
  width: 80px;
  height: 123px;
  background-position: 0px -878px;
  left: 1718px;
  top: 78.36587%;
}
.venues-red .bottle-14 {
  width: 40px;
  height: 56px;
  background-position: -81px -1848px;
  left: 1538px;
  top: 43.55%;
}
.venues-red .bottle-15 {
  width: 51px;
  height: 59px;
  background-position: 0px -1581px;
  left: 1301px;
  top: 29.65%;
}
.venues-red .bottle-16 {
  width: 40px;
  height: 56px;
  background-position: -41px -1848px;
  left: 1378px;
  top: 15.3038%;
}
.venues-red .bottle-17 {
  width: 51px;
  height: 59px;
  background-position: -55px -1517px;
  left: 1621px;
  top: 64.6825%;
}
.venues-red .bottle-18 {
  width: 55px;
  height: 64px;
  background-position: 0px -1517px;
  left: 1986px;
  top: 68.353%;
}
.venues-red .bottle-19 {
  width: 41px;
  height: 63px;
  background-position: -86px -1785px;
  left: 2224px;
  /*top: 48.5119%;*/
  top: 48.4119%;
}
.venues-red .bottle-20 {
  width: 41px;
  height: 60px;
  background-position: -0px -1848px;
  left: 2269px;
  top: 28.023%;
}
.venues-red .bottle-21 {
  width: 43px;
  height: 62px;
  background-position: -0px -1785px;
  left: 2196px;
  /*top: 20.4365%;*/
  top:20.1365%;
}
.venues-red .bottle-22 {
  width: 44px;
  height: 58px;
  background-position: -47px -1713px;
  left: 2430px;
  top: 61.0119%;
}
.venues-red .bottle-23 {
  width: 40px;
  height: 62px;
  background-position: 0px -1908px;
  left: 2886px;
  /*top: 57.139%;*/
  top: 56.8%;
}
.venues-red .bottle-24 {
  width: 40px;
  height: 62px;
  background-position: -80px -1908px;
  left: 2683px;
  top: 49.702%;
}
.venues-red .bottle-25 {
  width: 40px;
  height: 63px;
  background-position: -0px -1970px;
  left: 2745px;
  top: 16.068%;
}
.venues-red .bottle-26 {
  width: 103px;
  height: 108px;
  background-position: -0px -386px;
  left: 2657px;
  top: 82.539%;
}
.venues-red .bottle-27 {
  width: 58px;
  height: 65px;
  background-position: -62px -1359px;
  left: 3061px;
  top: 58.4325%;
}
.venues-red .bottle-28 {
  width: 47px;
  height: 73px;
  background-position: -50px -1640px;
  left: 3279px;
  top: 63.6905%;
}
.venues-red .bottle-29 {
  width: 116px;
  height: 178px;
  background-position: -0px -208px;
  left: 3691px;
  top: 67.361%;
}
.venues-red .bottle-30 {
  width: 58px;
  height: 65px;
  background-position: -0px -1433px;
  left: 3677px;
  top: 56.1507%;
}
.venues-red .bottle-31 {
  width: 47px;
  height: 72px;
  background-position: -0px -1713px;
  left: 3860px;
  top: 58.333%;
}
.venues-red .bottle-32 {
  width: 78px;
  height: 119px;
  background-position: -0px -1120px;
  left: 3333px;
  top: 77.6785%;
}
.venues-red .bottle-33 {
  width: 40px;
  height: 62px;
  background-position: -40px -1908px;
  left: 3148px;
  top: 49.3055%;
}
.venues-red .bottle-34 {
  width: 78px;
  height: 120px;
  background-position: -0px -1239px;
  left: 2424px;
  top: 82.53968%;
}
.venues-red .bottle-35 {
  width: 78px;
  height: 119px;
  background-position: -0px -1001px;
  left: 3055px;
  top: 86.904%;
}
/*蓝色*/
.venues-blue .bottle-1 {
  width: 88px;
  height: 96px;
  background-position: 0 -534px;
  left: 7px;
  /*top: 28.7698%;*/
  top: 28.1698%;
}
.venues-blue .bottle-2 {
  width: 33px;
  height: 40px;
  background-position: -0px -1268px;
  left: 431px;
  top: 45.8333%;
}
.venues-blue .bottle-3 {
  width: 22px;
  height: 22px;
  background-position: -102px -1268px;
  left: 548px;
  top: 27.2817%;
}
.venues-blue .bottle-4 {
  width: 22px;
  height: 25px;
  background-position: -58px -1268px;
  left: 531px;
  top: 36.3087%;
}
.venues-blue .bottle-5 {
   width: 22px;
  height: 25px;
  background-position: -80px -1268px;
  left: 531px;
  top: 48.61%;
}
.venues-blue .bottle-6 {
  width: 25px;
  height: 30px;
  background-position: -33px -1268px;
  left: 309px;
  top: 58.8293%;
}
.venues-blue .bottle-7 {
  width: 154px;
  height: 177px;
  background-position: 0px 0px;
  left: 792px;
  top: 78.869%;
}
.venues-blue .bottle-8 {
  width: 38px;
  height: 42px;
  background-position: -0px -1224px;
  left: 828px;
  top: 11.1095%;
}
.venues-blue .bottle-9 {
  width: 38px;
  height: 44px;
  background-position: -38px -1224px;
  left: 865px;
  top: 33%;
}
.venues-blue .bottle-10 {
  width: 38px;
  height: 44px;
  background-position: -81px -1180px;
  left: 775px;
  top: 47.619%;
}
.venues-blue .bottle-11 {
  width: 38px;
  height: 44px;
  background-position: -43px -1180px;
  left: 1070px;
  top: 25.79365%;
}
.venues-blue .bottle-12 {
  width: 54px;
  height: 67px;
  background-position: -58px -863px;
  left: 1144px;
  top: 10.71269%;
}
.venues-blue .bottle-13 {
  width: 79px;
  height: 91px;
  background-position: 0px -630px;
  left: 1307px;
  top: 91.369%;
}
.venues-blue .bottle-14 {
  width: 50px;
  height: 55px;
  background-position: -51px -1000px;
  left: 1415px;
  top: 68.45238%;
}
.venues-blue .bottle-15 {
  width: 50px;
  height: 55px;
  background-position: -101px -1000px;
  left: 1987px;
  /*top: 43.353%;*/
  /*top: 43.153%;*/
  top: 42.6%;
}
.venues-blue .bottle-16 {
  width: 50px;
  height: 55px;
  background-position: -0px -1069px;
  left: 2178px;
  /*top: 28.07539%;*/
  top: 28.2%;

}
.venues-blue .bottle-17 {
  width: 35px;
  height: 42px;
  background-position: -76px -1224px;
  left: 2515px;
  top: 12.8968%;
}
.venues-blue .bottle-18 {
  width: 35px;
  height: 41px;
  background-position: -111px -1224px;
  left: 2545px;
  top: 46.82539%;
}
.venues-blue .bottle-19 {
  width: 50px;
  height: 57px;
  background-position: -50px -1069px;
  left: 3033px;
  top: 73.2142%;
}
.venues-blue .bottle-20 {
  /*width: 66px;
  height: 76px;
  background-position: -79px -630px;*/
  left: 3462px;
  /*top: 61.370%;*/
  top: 61.570%;
  width:60px;
  height:74px;
  background: url(../images/blue/bottle20.png);
}
.venues-blue .bottle-21 {
  width: 43px;
  height: 39px;
  background-position: -0px -1180px;
  left: 3859px;
  top: 30.05793%;
}
.venues-blue .bottle-22 {
  width: 60px;
  height: 69px;
  background-position: -60px -792px;
  left: 1356px;
  top: 52.87698%;
  top: 52.6%;
}
.venues-blue .bottle-23 {
  width: 58px;
  height: 68px;
  background-position: 0px -863px;
  left: 1873px;
  top: 59.02777%;
}
.venues-blue .bottle-24 {
  width: 52px;
  height: 69px;
  background-position: -52px -931px;
  left: 2763px;
  top: 53.07539%;
}
.venues-blue .bottle-25 {
  width: 110px;
  height: 177px;
  background-position: -0px -357px;
  left: 2254px;
  top: 79.2658%;
}
.venues-blue .bottle-26 {
  width: 52px;
  height: 69px;
  background-position: -0px -931px;
  left: 3721px;
  top: 57.837%;
}
.venues-blue .bottle-27 {
  width: 45px;
  height: 62px;
  background-position: -100px -1069px;
  left: 3721px;
  top: 13.888%;
}
.venues-blue .bottle-28 {
  width: 60px;
  height: 71px;
  background-position: -0px -792px;
  left: 3127px;
  top:85.119%;
}
.venues-blue .bottle-29 {
  width: 44px;
  height: 49px;
  background-position: -44px -1131px;
  left: 2240px;
  /*top: 37.30158%;*/
  top: 37.00158%;
}
.venues-blue .bottle-30 {
  width: 44px;
  height: 48px;
  background-position: -88px -1131px;
  left: 1912px;
  /*top: 9.82142%;*/
  top: 9.55%;
}
.venues-blue .bottle-31 {
  width: 44px;
  height: 48px;
  background-position: -0px -1131px;
  left: 2227px;
  /*top: 57.14285%;*/
  top: 57%;
}
.venues-blue .bottle-32 {
  width: 61px;
  height: 63px;
  background-position: -0px -720px;
  left: 2476px;
  top: 53.07539%;
}
.venues-blue .bottle-33 {
  width: 60px;
  height: 71px;
  background-position: -61px -721px;
  left: 2330px;
  /*top: 46.70634%;*/
  top: 67.06%;
}
.venues-blue .bottle-34 {
  width: 51px;
  height: 69px;
  background-position: -0px -1000px;
  left: 3157px;
  top: 61.4087%;
}
.venues-blue .bottle-35 {
  width: 114px;
  height: 180px;
  /*background-position: -0px -177px;*/
  /*left: 3873px;
  top: 76.28968%;*/
}

/*新修改 将半瓶改为全屏*/
.venues-blue .bottle-6,
.venues-blue .bottle-21,
.venues-blue .bottle-23,
.venues-blue .bottle-24,
.venues-blue .bottle-25,
.venues-blue .bottle-26,
.venues-blue .bottle-27,
.venues-blue .bottle-28,
.venues-blue .bottle-32,
.venues-blue .bottle-34,
.venues-blue .bottle-35 {
  background: url(../images/blue/bottle2.png?v=1);
}
.venues-blue .bottle-6 {
  width:57px;
  height:70px;
  background-position: -60px -327px;
  left:425px;
  /*top:616px;*/
  top:61.3%;
}
.venues-blue .bottle-21 {
  width:39px;
  height:46px;
  background-position: 0 -593px;
  left:3859px;
  /*top:291px;*/
  top:29.7%;
}
.venues-blue .bottle-23 {
    width:54px;
    height:61px;
    background-position: -54px -463px;
    left:1840px;
    /*top:595px;*/
    top:59.027778%;
}
.venues-blue .bottle-24{
    width:55px;
    height:64px;
    background-position: 0 -399px;
    left:2883px;
    top:624px;
    top:61.9047%;
}
.venues-blue .bottle-25{
    width:138px;
    height:159px;
    background-position: 0 0;
    left:2258px;
    /*top:800px;*/
    top:79.365%;
}
.venues-blue .bottle-26{
    width:54px;
    height:65px;
    background-position: 0 -463px;
    left:3730px;
    /*top:582px;*/
    /*top:57.738%;*/
    top:57.838%;
}
.venues-blue .bottle-27{
    width:47px;
    height:56px;
    background-position: -54px -528px;
    left:3730px;
    top:150px;
}
.venues-blue .bottle-28{
    width:60px;
    height:72px;
    background-position: 0 -327px;
    left:3124px;
    top:870px;
}
.venues-blue .bottle-32{
    width:54px;
    height:65px;
    background-position: 0 -528px;
    left:2409px;
    /*top:523px;*/
    top:540px;
}
.venues-blue .bottle-34{
    width:55px;
    height:63px;
    background-position: -55px -399px;
    left:3119px;
    top:634px;
}
.venues-blue .bottle-35 {
    width:138px;
    height:168px;
    background-position: 0 -159px;
    left:3800px;
    bottom:68px;
}
/*钟摆*/
.clock {
  position: absolute;
  width:62px;
  height:62px;
  background:url(../images/yellow/clock.png) no-repeat;
  background-size: 100% 100%;
  left:1582px;
  top:46.82%;
  z-index:1;
}
@-webkit-keyframes pendulum {
  0%,50%,100% {
    -webkit-transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
  }
  75% {
    -webkit-transform:rotate(-10deg); 
  }
}
@keyframes pendulum {
  0%,50%,100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(8deg);
  }
  75% {
    transform:rotate(-8deg); 
  }
}
.clock .clock-line {
  width:30px;
  height:133px;
  position: absolute;
  left:16px;
  top:60px;
  background: url(../images/yellow/clockLine.png) no-repeat;
  background-size: 100% 100%;
  transform-origin:16px 0;
  -webkit-transform-origin:16px 0;
  -webkit-animation : pendulum 2s linear infinite;
  animation : pendulum 2s linear infinite;
}
/*帧数为30的*/
@-webkit-keyframes fps30 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -3000%;}
}
@keyframes fps30 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -3000%;}
}
/*地球仪*/
.globe {
  position: absolute;
  left:3484px;
  top:29.762%;
  z-index:1;
  width:55px;
  height:55px;
  background: url(../images/yellow/globe.png);
  -webkit-animation:fps30 2s steps(30) infinite;
    animation:fps30 2s steps(30) infinite;
}
/*咖啡热气*/
.hot-gas {
  position: absolute;
  left:2630px;
  top:60.51%;
  z-index:1;
  width:160px;
  height:200px;
  background: url(../images/yellow/hotGas.png);
  -webkit-animation:fps30 2s steps(30) infinite;
    animation:fps30 2s steps(30) infinite;
}
/*书1*/
.book1 {
  position: absolute;
  left:465px;
  top:57.9365%;
  z-index:1;
  width:80px;
  height:80px;
  background: url(../images/yellow/book1.png);
  -webkit-animation:fps30 2s steps(30) infinite;
    animation:fps30 2s steps(30) infinite;
}
/*书2*/
.book2 {
  position: absolute;
  left:1702px;
  top:62.6984%;
  z-index:1;
  width:250px;
  height:200px;
  background: url(../images/yellow/book2.png);
  -webkit-animation:fps30 2s steps(30) infinite;
    animation:fps30 2s steps(30) infinite;
}
/*书3*/
.book3 {
  position: absolute;
  left:2080px;
  /*top:353px;*/
  top:35%;
  width:131px;
  height:90px;
  background: url(../images/yellow/book3.png);
  -webkit-animation:fps30 2s steps(30) infinite;
    animation:fps30 2s steps(30) infinite;
}
/*窗户*/
.window {
  position: absolute;
  left:779px;
  /*left:19.597484%;*/
  /*top:30.654762%;*/
  top:31.654762%;
  z-index:1;
  width:415px;
  height:310px;
  background: url(../images/yellow/window.png);
  -webkit-animation:fps30 2s steps(30) infinite;
    animation:fps30 2s steps(30) infinite;
}
/*吊灯*/
.pendant {
  width:1778px;
  height:645px;
  position: absolute;
  left:2385px;
  top:-16px;
  background: url(../images/yellow/pendant.png);
}

/*帧数为30的*/
@-webkit-keyframes fps20 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -2000%;}
}
@keyframes fps20 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -2000%;}
}
/*画架*/
.easel {
    width:275px;
    height:385px;
    background: url(../images/yellow/easel.png);
    -webkit-animation:fps20 2s steps(20) infinite;
    animation:fps20 2s steps(20) infinite;
    position: absolute;
    left:687px;
    bottom:0;
}

/*黄色馆弹出框*/
.dialog {
  width:100%;
  height:100%;
  position: fixed;
  left:0;
  top:0;
  z-index:100;
  display: none;
}
.mask {
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top: 0;
  z-index:0;
  background: #fff;
  opacity: 0;
}
.dialog .container {
  width:620px;
  height:861px;
  position: absolute;
  z-index:1;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-54%);
  transform:translate(-50%,-54%);
  box-sizing:border-box;
  padding: 300px 30px 0;
}
.dialog .container .handle {
  width:195px;
  height:171px;
  background: url(../images/red/handle.png);
  position: absolute;
  left:360px;
  top:125px;
  -webkit-transform-origin :172px 145px;
  transform-origin :172px 145px;
  -webkit-transition: all .6s;
  transition: all .6s;
  -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);

}
.dialog.animate .container .handle {
     -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}
.blue-body .dialog .container .handle {
    background: url(../images/blue/handle.png);
}
.yellow-body .dialog .container .handle {
    background: url(../images/yellow/handle.png);
}
.dialog .container .face-box {
  width:92px;
  height:92px;
  overflow: hidden;
  position: absolute;
  left:256px;
  top:100px;
}
.dialog .container .face {
  width:92px;
  height:92px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
}

.dialog .container .face .btn-play {
  color:#fff;
  font-size: 22px;
}
@-webkit-keyframes r360 {
  0% {-webkit-transform:rotate(0); }
  100% {-webkit-transform:rotate(360deg)}
}
@keyframes r360 {
  0% {transform:rotate(0);}
  100% {transform:rotate(360deg)}
} 
.dialog .container .face img {
  display: none;
  width:100%;
  height:100%;
  border-radius: 50%;
  position: absolute;
  left:0;
  top:0;
}
.dialog.animate .container .face .btn-play {
  display: none;
}
.dialog.animate .container .face img {
  display: block;
  -webkit-animation : r360 1s linear infinite;
  animation : r360 1s linear infinite;
}
.dialog .container .header {
  text-align: center;
  font-size: 18px;
}
.dialog .container .header .from {
  color:#D7822D;
}
.dialog .container .header .second {
  color:#fff;
}
.dialog .container .header .title {
    width:360px;
    height:52px;
    line-height: 52px;
    color:#fff;
    background-color: #F6BA60;
    text-align: center;
    margin:30px auto;
    font-size: 30px;
    border-radius: 29px;
    padding-bottom: 6px;
    padding-bottom: 6px;
}
.dialog .container .header .title .num {
  font-size: 38px;
  color:#80502A;
}
.dialog .container .body {
  height:214px;
  padding:0 58px 0 50px;
  overflow-y:auto;
  font-size: 20px;
  color:#8C5522;
  line-height: 32px;
  -webkit-overflow-scrolling: touch;
}
.dialog .footer {
  width:100%;
  height:68px;
  position: absolute;
  left:0;
  bottom:6px;
  z-index:2;
}
.dialog .footer a {
  display: block;
  position: absolute;
  width:198px;
  height:68px;
  background: url(../images/yellow/btn.png?v=1) no-repeat;
  background-size: 100% 100%;
  color:#FFF3DA;
  font-size: 26px;
  text-align: center;
  line-height: 62px;
  top:0;
}
.dialog .footer a:nth-child(1){
  left:78px;
}
.dialog .footer a:nth-child(2){
  left:330px;
}
.yellow-body .dialog .footer a:nth-child(3),
.red-body .dialog .footer a:nth-child(3),
.blue-body .dialog .footer a:nth-child(3){
  display: block;
  width:72px;
  height:72px;
  background:url(../images/yellow/iconClosedDialog.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999999em;
  position: absolute;
  left:266px;
  /*top:80px;*/
  top:68px;
  z-index:30;
}
.yellow-body .dialog .footer a:nth-child(3) {
  background:url(../images/yellow/iconClosedDialog.png) no-repeat;
  background-size: 100% 100%;
}
.red-body .dialog .footer a:nth-child(3){
  background:url(../images/red/iconClosedDialog.png) no-repeat;
  background-size: 100% 100%;
}
.blue-body .dialog .footer a:nth-child(3){
  background:url(../images/blue/iconClosedDialog.png) no-repeat;
  background-size: 100% 100%;
}
.dialog .yellow {
  background: url(../images/yellow/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
.red-body .yellow {
  background: url(../images/red/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
.red-body .dialog .container .face .btn-play {
  color:#FFF2D9;
}
.red-body .dialog .container .header .from {
  color:#722B2C;
}
.red-body .dialog .container .header .second {
  color:#FFF3DA;
}
.red-body .container .header .title {
    background-color: #F67E64;
}
.red-body .dialog .container .header .title .num {
  font-size: 38px;
  color:#83302D;
}
.red-body .dialog .container .body {
  color:#452627;
}
.red-body .dialog .footer a {
  background: url(../images/red/btn.png?v=1) no-repeat;
  background-size: 100% 100%;
  color:#FFF3DA;
}
.blue-body .yellow {
  background: url(../images/blue/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
.blue-body .dialog .container .face .btn-play {
  color:#E9E5DD;
}
.blue-body .dialog .container .header .from {
  color:#2A4460;
}
.blue-body .dialog .container .header .second {
  color:#E9E5DF;
}
.blue-body .container .header .title {
    background-color: #65A1F7;
}
.blue-body .dialog .container .header .title .num {
  font-size: 38px;
  color:#F6E523;
}
.blue-body .dialog .container .body {
  color:#263032;
}
.blue-body .dialog .footer a {
  background: url(../images/blue/btn.png?v=1) no-repeat;
  background-size: 100% 100%;
  color:#FDF2DA;
}
/*关注页*/
.dialog2 {
  width:100%;
  height:100%;
  position: fixed;
  left:0;
  top:0;
  z-index:100;
  display: none;
}
.dialog2 .container{
  /*width:534px;
  height:644px;*/
  width:404px;
  height:472px;
  position: absolute;
  left:50%;
  top:50%;
  z-index:2;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%); 
  background: url(../images/yellow/noMusic.png) no-repeat;
  background-size: 100% 100%;
  /*-webkit-box-sizing:border-box;
  box-sizing:border-box;*/
  padding:172px 60px 0 70px;
}
.red-body .dialog2 .container {
  background: url(../images/red/noMusic.png) no-repeat;
  background-size: 100% 100%;
}
.blue-body .dialog2 .container {
  background: url(../images/blue/noMusic.png) no-repeat;
  background-size: 100% 100%;
}
.dialog2 .container .desc {
  color:#8C5623;
  font-size: 24px;
}
.red-body .dialog2 .container .desc {
  color:#923028;
}
.blue-body .dialog2 .container .desc {
  color:#235A8D;
}
.dialog2 .container .qrcode {
  width:223px;
  height:223px;
  position: absolute;
  left:146px;
  bottom:118px;
}
.dialog2 .container .qrcode img {
  display: block;
  width:100%;
}
.dialog2 .opt {
  width:50px;
  height:50px;
  position: absolute;
  right:24px;
  top:6px;
  z-index:50;
  display: block;
}
.dialog2 .opt .btn-closed-dialog2 {
  display: block;
  width:50px;
  height:50px;
  background:url(../images/yellow/iconClosed.png) no-repeat;
  background-size: 100% 100%;
}

audio {display: none;}

/*黄色馆 end*/
/*红色馆 begin*/
.venues-red .record {
  width:76px;
  height:76px;
  background: url(../images/red/record.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index:0;
  -webkit-animation : r360 1s linear infinite;
  animation : r360 1s linear infinite;
}
.venues-red .record1 {
    left:1204px;
    top:20%;
}
.venues-red .record2 {
  left:1357px;
  top:35.416667%;
  -webkit-animation-delay:.2s;
  animation-delay:.2s;
  -webkit-animation : r360 .8s linear infinite;
  animation : r360 .8s linear infinite;
}
.venues-red .record3 {
  left:1524px;
  top:28.869%;
  -webkit-animation-delay:.4s;
  animation-delay:.4s;
}
.venues-red .record4 {
    width:36px;
    height:36px;
    left:2092px;
    top:35.912698%;
    -webkit-animation-delay:.6s;
    animation-delay:.6s;
}
.venues-red .record5 {
  left:2146px;
  top:42.162698%;
}

/*摇椅*/
@-webkit-keyframes rockingChair {
  0%,50%,100% {
    -webkit-transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(4deg);
  }
  75% {
    -webkit-transform:rotate(-4deg); 
  }
}
@keyframes rockingChair {
  0%,50%,100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(4deg);
  }
  75% {
    transform:rotate(-4deg); 
  }
}
.venues-red .rocking-chair {
  position: absolute;
  width:257px;
  height:777px;
  background: url(../images/red/rockingChair.png) no-repeat;
  background-size: 100% 100%;
  left:90px;
  top:0;
  transform-origin:50% 0;
  -webkit-transform-origin:50% 0;
  -webkit-animation : rockingChair 2s linear infinite;
  animation : rockingChair 2s linear infinite;
  z-index:1;
}
@-webkit-keyframes rockingChairShadow {
  0%,50%,100% {
    -webkit-transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-20px);
  }
  75% {
    -webkit-transform:translateX(20px); 
  }
}
@keyframes rockingChairShadow {
  0%,50%,100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-20px);
  }
  75% {
    transform:translateX(20px); 
  }
}
.venues-red .rocking-chair-shadow {
  width:457px;
  height:112px;
  background: url(../images/red/rockingChairShadow.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left:-40px;
  top:79%;
  -webkit-animation : rockingChairShadow 2s linear infinite;
  animation : rockingChairShadow 2s linear infinite;
}
/*留声机*/
.phonograph {
  width:290px;
  height:340px;
  background: url(../images/red/phonograph.png);
  position: absolute;
  z-index:20;
  left:2682px;
  /*top:404px;*/
  bottom:40px;
  -webkit-animation:fps60 1s steps(60) infinite;
    animation:fps60 1s steps(60) infinite;
}
/*打碟机*/
.pioneer {
  width:564px;
  height:274px;
  background: url(../images/red/pioneer.png);
  position: absolute;
  left:740px;
  bottom:0;
  -webkit-animation:fps20 1s steps(20) infinite;
    animation:fps20 1s steps(20) infinite;
}
/*灯光*/
@-webkit-keyframes lights {
  0% {
    height:0;
  }
  100% {
    height:515px;
  }
}
@keyframes lights {
  0% {
    height:0;
  }
  100% {
    height:515px;
  }
}
.venues-red .light {
    position: absolute;
    width:1040px;
    height:515px;
    background: url(../images/red/lights.png);
    background-size: 100% auto;
    z-index:0;
    /*-webkit-animation : lights 1s linear infinite;
  animation : lights 1s linear infinite;*/
}
.venues-red .light1 {
    top:60px;
    left:0;
}
@-webkit-keyframes lights2 {
  0% {
    height:0;
  }
  100% {
    height:379px;
  }
}
@keyframes lights2 {
  0% {
    height:0;
  }
  100% {
    height:379px;
  }
}
.venues-red .light2 {
  top:116px;
  left:3100px;
  width:760px;
  height:379px;
  background: url(../images/red/lights2.png);
  background-size: 100% auto;
  /*-webkit-animation : lights2 1s linear infinite;
  animation : lights2 1s linear infinite;*/
}
/*电梯灯*/
/*.venues-red .light3 {
  position: absolute;
  top:380px;
  left:2418px;
  width:197px;
  height:35px;
  background: url(../images/red/light3.png);
  -webkit-animation : opacity 1s linear infinite;
  animation : opacity 1s linear infinite;
}*/
.venues-red .dt {
  position: absolute;
  top:380px;
  left:2430px;
  width:197px;
  height:35px;
}
.venues-red .dt .d {
  width:17px;
  height:18px;
  background: url(../images/red/s.png);
  position: absolute;
  -webkit-animation : opacity 2s linear infinite;
  animation : opacity 2s linear infinite;
  top:5px;
}
.venues-red .dt .d1 {
  left:0;
  -webkit-delay:0;
  animation-delay:0;
}
.venues-red .dt .d2 {
  left:24px;
  -webkit-delay:.4s;
  animation-delay:.4s;
}
.venues-red .dt .d3 {
  left:48px;
  -webkit-delay:.8s;
  animation-delay:.8s;
}
.venues-red .dt .d4 {
  left:112px;
  -webkit-delay:1.2s;
  animation-delay:1.2s;
}
.venues-red .dt .d5 {
  left:132px;
  -webkit-delay:1.6s;
  animation-delay:1.6s;
}
.venues-red .dt .d6 {
  left:156px;
  -webkit-delay:2s;
  animation-delay:2s;
}
@-webkit-keyframes opacity {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes opacity {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
/*星星*/
.venues-red .star-box {
  position: absolute;
  left: 3105px;
  top:300px;
  width:793px;
  height:236px;
  overflow: hidden;
}
.venues-red .star {
  position: absolute;
  left: -10px;
  top:0;
  width:793px;
  height:236px;
  -webkit-transform:scale(0.85);
  transform:scale(0.85); 
  background: url(../images/red/star.png) no-repeat;
  -webkit-animation : opacity 1s linear infinite;
  animation : opacity 1s linear infinite;
}
.venues-red .star1 {
  -webkit-animation : opacity 1.4s linear infinite;
  animation : opacity 1.4s linear infinite;
  background-position: 0 -236px;
}
.venues-red .star2 {
  -webkit-animation : opacity 1.6s linear infinite;
  animation : opacity 1.6s linear infinite;
  background-position: 0 -472px;
}
.venues-red .sign-box {
  position: absolute;
  left:3200px;
  top:490px;
  width:95px;
  height:182px;
  background: url(../images/red/sign.png);
  background-position: 0 0;
}
@-webkit-keyframes show {
  0% {
    display: block;
  }
  100% {
    display: none;
  }
}
@keyframes show {
  0% {
    display: block;
  }
  100% {
    display: none;
  }
}
.venues-red .sign-txt{
  position: absolute;
  background:url(../images/red/sign.png);
  width:21px;
  left:29px;
  -webkit-animation : opacity 1s linear infinite;
  animation : opacity 1s linear infinite;
}
.venues-red .sign-txt-1{
  height:23px;
  background-position: 0 -182px;
  top:22px;
}
.venues-red .sign-txt-2{
  height:22px;
  background-position: -42px -182px;
  top:44px;
  -webkit-delay:.3s;
  animation-delay:.3s;
}
.venues-red .sign-txt-3{
  height:21px;
  background-position: -21px -182px;
  top:66px;
  -webkit-delay:.6s;
  animation-delay:.6s;
}
/*红色馆 end*/
/*蓝色馆 begin*/
@-webkit-keyframes fps44 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4400%;}
}
@keyframes fps44 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4400%;}
}
.venues-blue .fire {
  width:128px;
  height:74px;
  position: absolute;
  left:1964px;
  top:56.845238%;
  background: url(../images/blue/fire.png);
  -webkit-animation:fps44 2s steps(44) infinite;
    animation:fps44 2s steps(44) infinite;
}
@-webkit-keyframes fps35 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -3500%;}
}
@keyframes fps35 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -3500%;}
}
@-webkit-keyframes fps69 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -6900%;}
}
@keyframes fps69 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -6900%;}
}
/*书*/
.venues-blue .book {
  width:153px;
  height:110px;
  position: absolute;
  left:180px;
  top:70%;
  background: url(../images/blue/book.png?v=1);
  -webkit-animation:fps69 1.5s steps(69) infinite;
    animation:fps69 1.5s steps(69) infinite;
}
@-webkit-keyframes fps34 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -3400%;}
}
@keyframes fps34 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -3400%;}
}
@-webkit-keyframes fps45 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4500%;}
}
@keyframes fps45 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4500%;}
}
/*披萨*/
.venues-blue .pisa {
  width:145px;
  height:155px;
  position: absolute;
  left:2542px;
  /*top:505px;*/
  top:50%;
  background: url(../images/blue/pisa.png);
  -webkit-animation:fps45 1.5s steps(45) infinite;
    animation:fps45 1.5s steps(45) infinite;
}
@-webkit-keyframes fps59 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -5900%;}
}
@keyframes fps59 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -5900%;}
}
/*猫*/
.venues-blue .cat {
  width:89px;
  height:117px;
  position: absolute;
  left:1811px;
  /*transform:scale(0.885);*/
  /*top:610px; */
  top:60.515873%;
  background: url(../images/blue/cat.png);
  -webkit-animation:fps59 1.5s steps(59) infinite;
    animation:fps59 1.5s steps(59) infinite;
}
@-webkit-keyframes fps4 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -400%;}
}
@keyframes fps4 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -400%;}
}
/*tv*/
.venues-blue .tv {
  width:354px;
  height:354px;
  position: absolute;
  left:1132px;
  /*top:156px;*/
  top:15.47619%;
  background: url(../images/blue/tv.png);
  -webkit-animation:fps4 .2s steps(4) infinite;
    animation:fps4 .2s steps(4) infinite;
}
@-webkit-keyframes fps19 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -1900%;}
}
@keyframes fps19 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -1900%;}
}
@-webkit-keyframes fps6 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -600%;}
}
@keyframes fps6 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -600%;}
}
@-webkit-keyframes fps8 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -800%;}
}
@keyframes fps8 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -800%;}
}
/*空调*/
.venues-blue .kongtiao {
  width:43px;
  height:60px;
  position: absolute;
  left:3900px;
  /*top:323px;*/
  top:32.044%;
  background: url(../images/blue/kongtiao.png);
  -webkit-animation:fps8 .25s steps(8) infinite;
    animation:fps8 .25s steps(8) infinite;
}
@-webkit-keyframes fps28 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -2800%;}
}
@keyframes fps28 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -2800%;}
}
/*窗帘*/
.venues-blue .curtain {
  width:196px;
  height:510px;
  position: absolute;
  left:3049px;
  /*top:156px;*/
  top:15.47619%;
  z-index:2;
  background: url(../images/blue/curtain.png);
  -webkit-animation:fps28 1s steps(28) infinite;
    animation:fps28 1s steps(28) infinite;
}
.venues-blue .curtain2 {
  width:196px;
  height:510px;
  position: absolute;
  left:3540px;
  /*top:156px;*/
  top:15.47619%;
  z-index:1;
  background: url(../images/blue/curtain2.png);
  -webkit-animation:fps28 1s steps(28) infinite;
    animation:fps28 1s steps(28) infinite;
}
@-webkit-keyframes fps50 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -5000%;}
}
@keyframes fps50 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -5000%;}
}
@-webkit-keyframes fps92 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -9200%;}
}
@keyframes fps92 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -9200%;}
}
/*流星*/
.venues-blue .liuxing {
  width:684px;
  height:363px;
  left:3116px;
  /*top:175px;*/
  top:17.361111%;
  position: absolute;
  background: url(../images/blue/liuxing.png?v=1);
  -webkit-animation:fps92 2s steps(92) infinite;
    animation:fps92 2s steps(92) infinite;
    z-index:1;
}
/*风景*/
.venues-blue .signel {
  width:605px;
  height:321px;
  left:3104px;
  /*top:175px;*/
  top:17.361111%;
  position: absolute;
  background: url(../images/blue/signel.png);
  z-index:0;
}
/*钟表*/
.venues-blue .clock {
  width:80px;
  height:80px;
  left:770px;
  /*top:156px;*/
  top:15.46619%;
  position: absolute;
  background: url(../images/blue/clock.png?v=1);
  -webkit-animation:fps60 30s steps(60) infinite;
    animation:fps60 30s steps(60) infinite;
}
/*沙发*/
.venues-blue .sofa {
  position: absolute;
  width:612px;
  height:381px;
  left:3177px;
  /*top:546px;*/
  top:54.166667%;
  background: url(../images/blue/sofa.png);
  z-index:2;
}
/*帽子*/
.venues-blue .hat {
  position: absolute;
  width:57px;
  height:69px;
  left:2221px;
  /*top:330px;*/
  top:30.555556%;
  background: url(../images/blue/hat.png);
  z-index:20;
}
@-webkit-keyframes fps40 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4000%;}
}
@keyframes fps40 {
  0% {background-position:0px 0%;}
  100% {background-position:0 -4000%;}
}
/*星空*/
.venues-blue .xingkong {
  width:98px;
  height:144px;
  position: absolute;
  left:414px;
  top:216px;
  background: url(../images/blue/xingkong.png);
  -webkit-animation:fps40 1.5s steps(40) infinite;
    animation:fps40 1.5s steps(40) infinite;

}
/*蓝色馆 end*/

/*/分享*/
.page-share {
  width:100%;
  height:100%;
  position: fixed;
  z-index:1000;
  left:0;
  top:0;
  background: url(../images/share.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}