﻿@charset "UTF-8";
/* CSS Document */
/*公用CSS*/
body, button, input, select, textarea {
  font-family: Microsoft YaHei,PingFangSC-Regular,SimHei;
  font-size: 14px;
  background: #ffffff;
}

a {
  color: #333;
}

a:hover {
  /* color: #b03a3e; */
}

body{
  /*background: url(../images/minbg.png) repeat;*/
}

/*index*/
/*#header{ width: 100%; height: 80px; background: #b03a3e; position:relative; z-index: 10;}
#header .header{ width: 1200px;  margin: 0 auto;}
#header .header .logo{ width: 160px; height: 40px; overflow: hidden; margin: 20px 0 0 40px;}
#header .change-site{ width: 58px; height: auto; margin: 4px 0 0 12px; position: relative; z-index: 2;}
#header .change-site .site-txt{ position: static; display: none;}
#header .change-site .site-txt .site-list{}
#header .change-site .site-name{ width: 58px; height: 18px; overflow: hidden; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: #e7eaec; text-align: center; font-size: 12px; position: absolute; z-index: 4; cursor: pointer;}
#header .change-site .site-name span{ display: inline-block; line-height: 18px; color: #4a4a4a;}
#header .change-site .site-name i{ display: inline-block; width: 5px; height: 5px; margin-left: 6px; vertical-align: middle; background: url("../images/icon-down.png") no-repeat;}
#header .change-site .change-txt{ display: block; line-height: 18px; color: #9b9b9b; font-size: 12px; margin: 22px 0 0;}
#header .change-site .site-txt.show{ display: block; width: 76px; border: solid 1px #cbcbcb; background: #ffffff; position: absolute; left: -10px; top: -10px;}
#header .change-site .site-txt.show .site-list{ padding-top: 40px;}
#header .change-site .site-txt.show .site-list a{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; border-top: solid 1px #cbcbcb; font-size: 12px;}
#header .change-site .site-txt.show .site-list a:first-child{ border-top: 0;}
#header .nav{ width: auto; height: 22px; margin: 34px 0 0 72px;}
#header .nav a{ display: block; float: left; width: 60px; line-height: 38px; margin: 0 14px; text-align: center; color: #ffffff; border-bottom: solid 4px #b03a3e;}
#header .nav a.cur{ border-color: #ffffff;}
#header .h-right{ width: 380px; margin: 40px 0 0; position: relative;}
#header .h-right .h-form{ width: 218px; height: 28px; border: solid 1px #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #ffffff;}
#header .h-right .h-form .sim-select{ float: left; width: 50px; height: 28px; text-align: center; position: relative; z-index: 2}
#header .h-right .h-form .sim-select h3{ width: 50px; height: 28px; line-height: 28px; font-weight: normal; cursor: pointer;}
#header .h-right .h-form .sim-select span{ display: inline-block; color: #9b9b9b; font-size: 12px;}
#header .h-right .h-form .sim-select i{ display: inline-block; width: 5px; height: 5px; margin-left: 5px; vertical-align: middle; background: url("../images/icon-down.png") no-repeat;}
#header .h-right .h-form .sim-input{ float: left; width: 135px; line-height: 20px; padding: 4px 0; border: 0; outline: none;}
#header .h-right .h-form .submit-btn{ float: left; width: 18px; height: 18px; background: url("../images/search-btn2.png") no-repeat; margin: 5px 10px 5px 5px; border: 0; cursor: pointer; outline: none;}
#header .h-right .h-form .sim-ul-flt{ display: none; position: absolute; top: 32px; left: 0; z-index: 4; padding: 6px 0 0; background: url("../images/slide-down.png") no-repeat center top;}
#header .h-right .h-form .sim-ul-flt ul{ width: 58px; border: solid 1px #cccccc; border-top: 0;}
#header .h-right .h-form .sim-ul-flt ul li{ line-height: 30px; text-align: center; border-top: solid 1px #cccccc; color: #9b9b9b; font-size: 12px; cursor: pointer;}
#header .h-right .h-form .sim-ul-flt ul li:first-child{ border-top: 0;}
#header .h-right .h-form .sim-ul-flt ul li:hover{ color: #b03a3e;}
#header .h-right .h-login{ width: 140px; height: 28px; line-height: 28px;}
#header .h-right .h-login>a{ float: left; display: inline-block; width: 58px; text-align: center; vertical-align: top; color: #4a4a4a; border: solid 1px #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 10px; background: #ffffff;}
#header .h-right .h-login .login-btn{}
#header .h-right .h-login .login-btn:hover{ color: #4A4A4A;}
#header .h-right .h-login em{ float: left; color: #4a4a4a; margin: 0 4px;}
#header .h-right .h-login a:hover{ color: #b03a3e;}
#header .h-right .h-signout{ width: 78px; height: 30px; line-height: 30px; overflow: hidden;}
#header .h-right .h-signout .portrait{ float: left; display: block; width: 30px; height: 30px; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#header .h-right .h-signout .sign-out{ float: left; margin-left: 10px; color: #ffffff; font-size: 12px;}
#header .h-right .login-menu{ display: none; width: 202px; padding: 11px 0 0; position: absolute; top: 29px; right: 0px; z-index: 6; background: url("../images/opacity-line.png") no-repeat center top;}
#header .h-right .login-method{ width: 180px; padding: 15px 10px; border: solid 1px #cacacb; border-top: 0; background: #ffffff;}
#header .h-right .login-method a{ display: block; height: 40px; line-height: 40px; text-align: left; padding: 10px 12px; border-top: solid 1px #cacacb;}
#header .h-right .login-method a:first-child{ border: 0;}
#header .h-right .login-method i{ display: inline-block; width: 40px; height: 40px; background: url("../images/login-icon2.png") no-repeat;}
#header .h-right .login-method .cloud i{ background-position: 0 0;}
#header .h-right .login-method .qq i{ background-position: 0 -80px;}
#header .h-right .login-method .sina i{ background-position: 0 -40px;}
#header .h-right .login-method .weixin i{ background-position: 0 -120px;}
#header .h-right .login-method span{ display: inline-block; margin-left: 20px; vertical-align: top;}*/
#in-content {
  width: 100%;
  background: #eef4f7;
}

#in-content .in-content {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

#in-content .in-content > div {
  margin-bottom: 40px;
}

.w800 {
  width: 800px;
}

.w380 {
  width: 380px;
}

#in-content .in-ban {
  width: 800px;
  height: 500px;
  overflow: hidden;
  position: relative;
}

#in-content .in-ban-img {
  width: 800px;
  height: 500px;
}

#in-content .in-ban-img li {
  width: 100%;
  height: 500px;
}

#in-content .in-ban-icon {
  width: 100%;
  height: 10px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 20px;
}

#in-content .in-ban-icon li {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
  font-size: 0;
  cursor: pointer;
  background: url("../images/icon-gray.png");
  *display: inline;
  *zoom: 1;
}

#in-content .in-ban-icon li.on {
  background: url("../images/icon-red.png");
}

#in-content .in-index {
  padding: 0 0 5px;
  background: #ffffff;
}

#in-content .in-index dl {
  padding: 15px 20px;
  line-height: 20px;
  overflow: hidden;
  border-top: solid 1px #c3c3c3;
  font-size: 12px;
}

#in-content .in-index dl:first-child {
  border-top: 0;
}

#in-content .in-index dl:first-child dt {
  height: 44px;
}

#in-content .in-index dl dt {
  float: left;
  margin-top: 4px;
  color: #4a4a4a;
  font-weight: bold;
}

#in-content .in-index dl dd a {
  display: inline-block;
  padding: 0 6px;
  margin: 4px 4px 0;
}

#in-content .in-index dl dd a:hover, #in-content .in-index dl dd a.cur {
  color: #ffffff;
  background: #b03a3e;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

#in-content .in-tit {
  height: 24px;
  line-height: 24px;
  padding-bottom: 8px;
  border-bottom: solid 1px #bcbfc0;
  color: #4a4a4a;
  font-size: 16px;
}

#in-content .in-tit i {
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  background: url("../images/in-tit-icon.png") no-repeat;
}

#in-content .in-tit2 i {
  height: 25px;
  background-position: 0 -24px;
}

#in-content .in-tit3 i {
  background-position: 0 -48px;
}

#in-content .in-tit4 i {
  background-position: 0 -72px;
}

#in-content .in-tit5 i {
  background-position: 0 -96px;
}

#in-content .in-tit6 i {
  background-position: 0 -120px;
}

#in-content .in-tit6 {
  border: 0;
}

#in-content .in-tit7 i {
  background-position: 0 -144px;
}

#in-content .in-tit span {
  display: inline-block;
  margin-left: 10px;
}

#in-content .in-hot {
  width: 100%;
  height: 605px;
  overflow: hidden;
}

#in-content .in-hot li {
  float: left;
  width: 100%;
  height: 100px;
  padding: 10px 0;
  border-bottom: solid 1px #bcbfc0;
}

#in-content .in-hot li .img {
  width: 133px;
  height: 100px;
}

#in-content .in-hot li .info {
  width: 215px;
  height: 100px;
  overflow: hidden;
  padding-right: 20px;
}

#in-content .in-hot li .info h3 {
  height: 36px;
  line-height: 18px;
  overflow: hidden;
  margin: 4px 0 6px;
  font-weight: normal;
  font-size: 12px;
}

#in-content .in-hot li .info p {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  color: #9b9b9b;
  font-size: 12px;
}

#in-content .in-hot li .info .red {
  margin-right: 5px;
}

.red {
  color: #b03a3e;
}

.w820 {
  width: 820px;
}

.w340 {
  width: 340px;
}

#in-content .in-begin {
  width: 100%;
  height: 202px;
  overflow: hidden;
  padding: 20px 0;
  border-bottom: solid 1px #bcbfc0;
}

#in-content .in-begin ul {
  width: 1180px;
  height: 202px;
  overflow: hidden;
  margin: 0 auto;
}

#in-content .in-begin li {
  float: left;
  width: 224px;
  height: 202px;
  overflow: hidden;
  margin: 0 6px;
}

#in-content .in-begin li .img {
  display: block;
  width: 224px;
  height: 150px;
  overflow: hidden;
  position: relative;
}

#in-content .in-begin li .info {
  display: none;
  width: 204px;
  padding: 5px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../images/in-blue-bg.png") repeat;
}

#in-content .in-begin li .info p {
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
}

#in-content .in-begin li .img:hover .info {
  display: block;
}

#in-content .in-begin li h3 {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  margin-top: 10px;
}

#in-content .in-perform {
  width: 100%;
  height: 368px;
  overflow: hidden;
  margin: 10px 0 40px;
}

#in-content .in-perform ul {
  width: 840px;
  margin-right: -20px;
}

#in-content .in-perform li {
  float: left;
  width: 260px;
  height: 368px;
  margin-right: 20px;
  background: url("../images/perform-bottom-bg.jpg") no-repeat left bottom #fdfdfe;
}

#in-content .in-perform li .img {
  display: block;
  width: 260px;
  height: 174px;
  overflow: hidden;
  text-align: center;
}

#in-content .in-perform li h3 {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding: 4px 10px 0;
  font-weight: normal;
}

#in-content .in-perform li .info {
  width: 240px;
  border-top: solid 1px #f2f2f3;
  margin: 10px auto 0;
  padding-top: 15px;
}

#in-content .in-perform li .info p {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  color: #9b9b9b;
  font-size: 12px;
}

#in-content li p {
  word-break: break-all;
  word-wrap: break-word;
}

#in-content .in-perform li .red {
  margin-right: 5px;
}

#in-content .in-perform li .extra {
  margin-top: 20px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 10px;
}

#in-content .in-perform li .extra span {
  float: left;
  display: inline-block;
  margin-right: 12px;
}

#in-content .in-perform li .extra span i {
  float: left;
  display: inline-block;
  margin-right: 4px;
}

#in-content .in-perform li .extra .heart i {
  width: 20px;
  height: 20px;
  background: url("../images/icon-heart.png") no-repeat center center;
}

#in-content .in-perform li .extra .view i {
  width: 24px;
  height: 20px;
  background: url("../images/icon-view.png") no-repeat center center;
}

#in-content .in-perform li .extra span em {
  color: #4a4a4a;
}

#in-content .in-activity {
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin-top: 20px;
  background: #ffffff;
}

#in-content .in-activity .tab-name {
  width: 100%;
  height: 52px;
  overflow: hidden;
}

#in-content .in-activity .tab-name li {
  float: left;
  width: 115px;
  height: 50px;
  line-height: 50px;
  padding: 1px 1px 0;
  border-bottom: solid 1px #cacacb;
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

#in-content .in-activity .tab-name li:first-child {
  width: 116px;
}

#in-content .in-activity .tab-name li.on {
  border: solid 1px #cacacb;
  border-bottom: none;
  padding: 0;
}

#in-content .in-activity .tab-cont {
  height: 247px;
  border: solid 1px #cacacb;
  border-top: 0;
}

#in-content .in-activity .tab-cont ul {
  width: 765px;
  height: 172px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 32px;
}

#in-content .in-activity .tab-cont li {
  float: left;
  width: 133px;
  height: 172px;
  overflow: hidden;
  margin: 0 10px;
}

#in-content .in-activity .tab-cont li .img {
  display: block;
  width: 133px;
  height: 99px;
  overflow: hidden;
  text-align: center;
}

#in-content .in-activity .tab-cont li h3 {
  height: 36px;
  line-height: 18px;
  overflow: hidden;
  margin-top: 8px;
}

#in-content .in-activity .tab-cont li p {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  color: #9b9b9b;
  font-size: 12px;
  margin-top: 10px;
}

#in-content .in-activity .tab-cont li.null-info {
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #9b9b9b;
  margin-top: 64px;
}

#in-content .in-venues {
  height: 610px;
  overflow: hidden;
  border: solid 1px #c8c9ca;
  background: #ffffff;
}

#in-content .in-venues h2, #in-content .in-interactive h2 {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  color: #4a4a4a;
  font-size: 16px;
  font-weight: normal;
  border-bottom: solid 1px #c8c9ca;
}

#in-content .in-venues .list {
  height: 550px;
  overflow: hidden;
  padding: 0 20px;
  margin-top: 10px;
}

#in-content .in-venues li {
  float: left;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

#in-content .in-venues li .img {
  width: 136px;
  height: 100px;
}

#in-content .in-venues li .info {
  width: 144px;
  padding-top: 42px;
}

#in-content .in-venues li .info .num {
  display: inline-block;
  width: 40px;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  background: #b03a3e;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

#in-content .in-venues li .info h3 {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin-top: 20px;
  font-size: 14px;
}

#in-content .in-interactive {
  border: solid 1px #c8c9ca;
  border-top: 0;
  background: #ffffff;
}

#in-content .in-interactive .cont {
  overflow: hidden;
  padding: 10px 20px 22px;
}

#in-content .in-interactive .cont .img {
  width: 300px;
  height: 200px;
  overflow: hidden;
}

#in-content .in-interactive .cont h4 {
  line-height: 20px;
  margin: 10px 0 16px;
  color: #4a4a4a;
  font-weight: normal;
}

#in-content .in-interactive .cont label {
  display: block;
  line-height: 20px;
  padding: 3px 0;
  color: #000000;
}

#in-content .in-interactive .cont label input[type=radio] {
  vertical-align: middle;
  margin-right: 6px;
}

#in-content .in-interactive .cont .error-msg {
  height: 21px;
  line-height: 21px;
  text-align: center;
  margin-top: 16px;
}

#in-content .in-interactive .cont .error-msg i {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url("../images/error-icon2.png") no-repeat;
}

#in-content .in-interactive .cont .error-msg em {
  display: inline-block;
  vertical-align: top;
  padding-left: 6px;
  color: #9b9b9b;
}

#in-content .in-interactive .cont .submit-btn {
  display: block;
  width: 180px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 0;
  background: #b03a3e;
  color: #ffffff;
  margin: 10px auto 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}

#in-content .in-interactive .cont .tip {
  line-height: 18px;
  text-align: center;
  color: #9b9b9b;
  font-size: 12px;
  margin-top: 10px;
}

#in-content .in-interest {
  margin-top: 40px;
}

#in-content .in-interest .list {
  width: 100%;
  height: auto;
  overflow: hidden;
}

#in-content .in-interest li {
  float: left;
  width: 320px;
  padding: 16px 10px;
  border-bottom: solid 1px #bcbfc0;
}

#in-content .in-interest li .img {
  display: none;
}

#in-content .in-interest li p {
  display: none;
}

#in-content .in-interest li h3 {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}

#in-content .in-interest li.on {
  padding: 10px;
}

#in-content .in-interest li.on .img {
  display: block;
  width: 280px;
  height: 210px;
  overflow: hidden;
  text-align: center;
}

#in-content .in-interest li.on h3 {
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  margin: 10px 0 15px;
  font-weight: bold;
}

#in-content .in-interest li.on h3 a {
  color: #262626;
  font-size: 14px;
}

#in-content .in-interest li.on h3 a:hover {
  color: #b03a3e;
}

#in-content .in-interest li.on p {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  color: #000000;
  font-size: 14px;
}

.in-bottom {
  width: 100%;
  height: 270px;
  background: #b03a3e;
  margin-top: 200px;
}

.in-bottom .in-part4 {
  width: 1200px;
  height: 270px;
  position: relative;
  margin: 0 auto;
}

.in-bottom .in-part4 .in-phone {
  width: 221px;
  height: 399px;
  position: absolute;
  top: -122px;
  left: 135px;
  background: url("../images/in-phone.png") no-repeat;
}

.in-bottom .in-part4 .in-phone img {
  width: 159px;
  height: 273px;
  margin: 51px 0 0 30px;
  border: solid 1px #5a5a5a;
}

.in-bottom .in-part4 .in-app {
  width: 170px;
  height: 170px;
  position: absolute;
  top: 50px;
  left: 420px;
}

.in-bottom .in-part4 .in-app > div {
  float: left;
  width: 120px;
  height: auto;
  margin: 0 20px;
}

.in-bottom .in-part4 .in-app > div img {
  width: 104px;
  height: 104px;
  padding: 8px;
  background: #ffffff;
}

.in-bottom .in-part4 .in-app > div span {
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  margin-top: 15px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}

.in-bottom .in-part4 .in-sweep {
  width: 400px;
  height: 170px;
  border-left: solid 2px #ffffff;
  padding-left: 20px;
  position: absolute;
  top: 50px;
  left: 650px;
  color: #ffffff;
}

.in-bottom .in-part4 .in-sweep h2 {
  line-height: 50px;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 6px;
}

.in-bottom .in-part4 .in-sweep h4 {
  line-height: 30px;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 3px;
  margin-top: 40px;
}

/*venue_list*/
#venue_banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 24px;
}

#venue_banner .venue_banner {
  width: 1200px;
  height: 530px;
  margin: 0 auto;
  position: relative;
}

#venue_banner .in-ban-img li {
  width: 100%;
  height: 530px;
}

#venue_banner .in-ban-icon {
  width: 100%;
  height: 10px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 20px;
}

#venue_banner .in-ban-icon li {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
  font-size: 0;
  cursor: pointer;
  background: url("../images/icon-gray.png");
}

#venue_banner .in-ban-icon li.on {
  background: url("../images/icon-red.png");
}

#venue_banner .area-index {
  width: 1080px;
  line-height: 20px;
  padding: 20px 60px;
  margin: 0 auto;
  background: #eef4f7;
  font-size: 12px;
}

#venue_banner .area-index span {
  color: #4A4A4A;
}

#venue_banner .area-index a {
  padding: 0 5px;
  margin-right: 10px;
}

#venue_banner .area-index a:hover, #venue_banner .area-index a.cur {
  display: inline-block;
  color: #ffffff;
  background: #b03a3e;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-border-radius: 4px;
}

#venue_content {
  /*width: 1176px;*/
  margin: 0 auto;
  overflow: hidden;
  background:#fff;
}

@media only screen and (min-width: 1200px) {
    #venue_content {width: 1200px;}
}
@media only screen and (max-width: 1080px) {
    #venue_content {width: 1000px;}
}

#search_more {
  margin: 20px auto 10px;
}

#search_more a {
  width: 80px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  background: #b03a3e;
  margin-right: 10px;
  display: inline;
  border-radius: 7px;
  font-size: 16px;
}

#search_more a.search_red {
  background: #b03a3e;
}

#venue_content .venue_ul {
  /*width: 1200px;*/
  margin: 0 auto;
  overflow: hidden;
}


@media only screen and (min-width: 1200px) {
    #venue_content .venue_ul {width: 1200px;}
}
@media only screen and (max-width: 1080px) {
    #venue_content .venue_ul {width: 1000px;}
}

.venue_ul li {
  float: left;
  display: inline;
  width: 280px;
  height: 367px;
  overflow: hidden;
  margin-right: 26px;
  background: #ffffff;
  margin-bottom: 35px;
  box-shadow: 3px 5px 13px 0px #888;
}
.venue_ul li:hover >.img>img {
   transform: scale(1.05);
   transition: all 0.3s linear;
}

.venue_ul li .order {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 46px;
  height: 50px;
  color: #fff;
  background: url(../img/san.png) no-repeat 0 0;
  font-size: 16px;
  line-height: 24px;
  padding-left: 4px;
  z-index: 1;
}

.venue_ul li .img {
  display: block;
  width: 280px;
  height: 187px;
  text-align: center;
}

.venue_ul li .info {
  background: #eef4f7;
  height: 195px;
}

.venue_ul li h1 {
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  padding:10px 20px 0 20px;
}

.venue_ul li .start {
  width: 90px;
  background: url(../images/start_39.png) repeat-x 0 0;
  height: 16px;
  margin-bottom: 18px;
  margin-top: 4px;
  overflow: hidden;
}

.venue_ul li .start p {
  background: url(../images/start_37.png) repeat-x;
  height: 16px;
}

.venue_ul li .text {
  line-height: 24px;
  padding:18px 20px 15px 18px;
}

.venue_ul li .text p {
  height: 24px;
  overflow: hidden;
  color: #4A4A4A;
}

.venue_ul li .text p span {
  margin-right: 4px;
}

/**1.8**/
#search {
  width: 1180px;
  height: auto;
  overflow: hidden;
  margin: 0 auto 20px;
  position: relative;
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 20px;
}

.search {
  height: auto;
  overflow: hidden;
  padding: 10px 60px;
  background: #eef4f7;
}

.search .attr {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-top: solid 1px #c2c5c6;
  padding: 20px 0;
}

.search > div:first-child .attr {
  border-top: 0;
}

.search .attrKey {
  float: left;
  display: inline;
  width: 50px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-align: center;
  background: url("../images/circle-bg1.png") no-repeat;
  color: #ffffff;
  font-size: 16px;
  margin-right: 32px;
}

.search .attrValue {
  float: left;
  overflow: hidden;
  position: relative;
  width: 978px;
}

.search .attrValue .av-collapse {
  height: 49px;
  overflow: hidden;
}

.search .attrValue .av-expand {
  overflow: auto;
}

.search .attrValue ul {
  width: 990px;
}

.search .attrValue li {
  float: left;
  width: auto;
  display: inline-block;
  height: 28px;
  white-space: nowrap;
  background: none;
  margin: 10px 32px 10px 0;
  font-size: 14px;
}

.search .attrValue li a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 4px 0;
  padding: 0 8px;
  color: #4a4a4a;
}

.search .attrValue li a:hover, .search .attrValue li.cur a {
  background: #b03a3e;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.search .hot-area {
  float: left;
  width: 81%;
  overflow: hidden;
  border: solid 1px #F0F0F0;
  padding: 10px 10px;
  margin: 1px 0 0 52px;
}

.search .hot-attrs li {
  width: auto;
}

.search .hot-attrs li a {
  margin: 4px 15px;
}

.search .hot-area a {
  display: inline-block;
  float: left;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  margin: 10px 10px 10px 0;
}

.search .attrValue .av-more {
  display: block;
  width: 30px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding-right: 18px;
  position: absolute;
  right: 40px;
  top: 14px;
  color: #444444;
}

.search .attrValue .av-more b {
  width: 9px;
  height: 7px;
  position: absolute;
  right: 10px;
  top: 7px;
}

.search .attrValue .av-more:hover {
  color: #FF2626;
}

.search .attrValue .av-more:hover b {
  background-position: 0 -14px;
}

.search .attrValue .fold b {
  background-position: 0 -7px;
}

.search .attrValue .fold:hover b {
  background-position: 0 -21px;
}

#search .advanced {
  position: relative;
  overflow: visible;
  border-radius: 10px;
  text-align: center;
}

#search .advanced .attr-extra {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 80px;
  height: 36px;
  padding: 0 40px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  background: #eef4f7;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  cursor: pointer;
  color: #444444;
}

#search .advanced .attr-extra b {
  float: right;
  width: 10px;
  height: 10px;
  margin-top: 13px;
  background: url("../images/search-triangle.png") no-repeat 0 0;
}

#search .advanced .open b {
  background-position: 0 -10px;
  margin-right: 10px;
}

#search .search-btn {
  width: 80px;
  height: 36px;
  float: right;
  margin-top: 14px;
  position: absolute;
  bottom: 75px;
  right: 60px;
}

#search .search-btn input {
  width: 80px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #b03a3e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  outline: none;
}

#search.venues-search {
  margin-bottom: 0;
}

#search.venues-search .search-btn {
  bottom: 72px;
}

.search #businessDiv .attr {
  padding: 2px 0;
}

.activity-content {
  width: 1180px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 20px;
}

.av-calender {
  height: 36px;
  margin-top: 6px;
  font-size: 14px;
}

.av-calender .start, .av-calender .end {
  float: left;
  width: 250px;
  height: 20px;
  line-height: 20px;
  padding: 9px;
  border: solid 1px #D9D9D9;
  position: relative;
}

.av-calender .start {
  margin-right: 10px;
}

.av-calender .text {
  float: left;
  display: inline-block;
  width: 64px;
  color: #999999;
  font-size: 14px;
}

.av-calender input {
  float: left;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #000000;
  width: 84px;
  border: none;
  text-align: center;
  background: #eef4f7;
}

.av-calender i {
  display: block;
  position: absolute;
  right: 7px;
  top: 9px;
  width: 20px;
  height: 20px;
  background: url("../images/data-icon2.png") no-repeat;
  cursor: pointer;
}

.search .attrValue ul.data_pre_ul {
  width: auto;
  float: left;
}

.search .attrValue .av-calender {
  width: 550px;
  position: absolute;
  right: 0;
  top: 0;
}

.search .search_last {
  width: 898px;
}

.search .attrValue ul {
  width: 900px;
}

#activity_content {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
}

.activity_ul {
  width: 1200px;
  overflow: hidden;
}

.activity_ul li {
  width: 280px;
  float: left;
  margin-right: 20px;
  display: inline;
  overflow: hidden;
  margin-top: 20px;
  background: #eef4f7;
  word-break: break-all;
  word-wrap: break-word;
}

.activity_ul li .img {
  display: block;
  width: 280px;
  height: 187px;
  text-align: center;
}

.activity_ul li .info {
  padding: 0 20px;
  background: #eef4f7;
  height: 190px;
}

.activity_ul li h1 {
  font-size: 16px;
  line-height: 30px;
  padding-top: 6px;
  height: 30px;
  overflow: hidden;
}

.activity_ul li .text {
  line-height: 24px;
  height: 72px;
  margin-top: 12px;
}

.activity_ul li .text p {
  height: 24px;
  overflow: hidden;
  color: #4A4A4A;
}

.activity_ul li .text p span {
  margin-right: 4px;
}

.activity_ul li .number {
  height: 24px;
  width: 100%;
  line-height: 24px;
  color: #4a4a4a;
  margin-top: 24px;
}

.activity_ul li .number span {
  display: block;
  height: 24px;
  float: left;
  background: url(../images/icon-heart1.png) no-repeat 0 center;
  padding-left: 29px;
  width: 40px;
}

.activity_ul li .number span.view {
  background: url(../images/icon-view1.png) no-repeat 0 center;
  padding-left: 38px;
}

.libra_banner {
  width: 1200px;
  height: 530px;
  margin: 0 auto 20px;
}

.search_see {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-top: 20px;
}

.search_see .txt {
  float: left;
  color: #9b9b9b;
}

.search_see .txt .red {
  margin: 0 2px;
}

.search_see a {
  float: right;
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 20px;
  background: #b03a3e;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/**activiey_detail**/
.download_fj {
  color: #b03a3e;
  font-size: 14px;
  margin-top: 35px;
}

.download_fj a {
  color: #b03a3e;
  font-size: 14px;
  text-decoration: underline;
}

.crumb {
  height: 40px;
  line-height: 40px;
  margin: 30px auto 0;
  text-indent:10px;
}

/*@media only screen and (max-width: 1080px) {
    .crumb {width: 1080px;}
}*/
@media only screen and (min-width: 1200px) {
    .crumb 
    {
        width: 1200px;
        background: #fff;
    }
}


.detail-content {
  width: 1200px;
  height: auto;
  overflow: hidden;
  padding: 0 20px;
  margin: 0 auto 60px;
}

/*@media only screen and (max-width: 1080px) {
    .detail-content {width: 1080px;

    }
}
@media only screen and (min-width: 1200px) {
    .detail-content {width: 1200px;
                     padding: 0 20px;
    }
}*/

.detail_left, .detail-left {
  width: 70%;
  float: left;
}

.the_one {
  /*width: 1200px;*/
  height: auto;
  overflow: hidden;
  border: 1px solid #cbcbcb;
}

/*@media only screen and (max-width: 1080px) {
    .the_one {width: 1080px;}
}
@media only screen and (min-width: 1200px) {
    .the_one {width: 1200px;}
}*/

.the_one .a_time {
  height: 26px;
  line-height: 26px;
  color: #ffffff;
  font-size: 14px;
  background: #450C06;
  padding: 0 50px;
}

.the_one .a_note {
  padding: 20px 28px 35px;
  background: #ffffff;
}

.a_note .title {
  overflow: hidden;
  color: #262626;
  position: relative;
}

.a_note .title h1 {
  font-size: 24px;
  line-height: 38px;
}

.a_note .tag {
  margin-top: 12px;
}

.a_note .tag a {
  height: 22px;
  line-height: 22px;
  padding: 0px 10px;
  display: inline-block;
  margin: 0px 6px 10px 0;
  color: #ffffff;
  background: #b03a3e;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  white-space: nowrap;
}

.a_note .address {
  display: block;
  overflow: hidden;
  margin: 20px 0;
}

.a_note .address .al_img {
  width: 320px;
  height: 213px;
  overflow: hidden;
  float:left
}

.a_note .address .al_r {
  width: 394px;
  margin-left: 32px;
}

.a_note .address .al_r .yd_btn {
  width: 380px;
  display: block;
  color: #4a4a4a;
  font-size: 12px;
  height: 44px;
  overflow: hidden;
  padding-bottom: 20px;
}

.a_note .address .al_r .yd_btn a {
  margin-right: 25px;
  background: #b03a3e;
  border-radius: 5px;
  width: 280px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
  border: none;
  outline: none;
  cursor: pointer;
  color: #ffffff;
  font-size: 16px;
}

.a_note .address .al_r .yd_btn span {
  font-size: 12px;
  color: #b03a3e;
  margin: 0px 4px;
}

.a_note .address .al_r .list {
  padding-left: 4px;
}

.a_note p {
  word-break: break-all;
  word-wrap: break-word;
}

.a_note .address .al_r .list p {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #4A4A4A;
  font-size: 16px;
  margin-top: 8px;
  padding-left: 30px;
}

.a_note .address .al_r .list .site, .a_note .address .al_r .list .period {
  height: auto;
}

.a_note .address .al_r .list .period span {
  display: inline-block;
  margin-right: 25px;
}

.a_note .address .al_r .list .site {
  background: url("../images/hd_icon1.png") no-repeat 0 1px;
}

.a_note .address .al_r .list .time {
  background: url("../images/hd_icon2.png") no-repeat 0 2px;
}

.a_note .address .al_r .list .period {
  background: url("../images/hd_icon3.png") no-repeat 0 2px;
}

.a_note .address .al_r .list .phone {
  background: url("../images/hd_icon4.png") no-repeat 0 2px;
}

.a_note .address .al_r .list .free {
  background: url("../images/money_icon.png") no-repeat 0 3px;
}

.a_note .address .al_r .list .traffic {
  background: url("../images/v_icon4.png") no-repeat 0 2px;
}

.a_note .address .al_r .list .home {
  background: url("../images/bwg_icon.png") no-repeat 0 1px;
}

.a_note .ad_intro {
  width: 100%;
  overflow: hidden;
  padding-top: 30px;
}

.a_note .ad_intro p {
  font-size: 16px;
  color: #4A4A4A;
  line-height: 32px;
  padding: 8px 0;
}

.a_note .ad_intro img {
  max-width: 740px;
  margin: 4px 0;
  overflow: hidden;
}

.a_note .ad_intro h1 {
  color: #4A4A4A;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  padding: 16px 0;
}

.a_note .ad_intro h2 {
  color: #4A4A4A;
  font-size: 22px;
  line-height: 32px;
  font-weight: normal;
  padding: 16px 0;
}

.a_note .ad_intro h3 {
  color: #4A4A4A;
  font-size: 18px;
  line-height: 32px;
  font-weight: normal;
  padding: 16px 0;
}

.a_note .ad_intro h4 {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  padding: 16px 0;
}

.a_note .ad_intro h5 {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  padding: 16px 0;
}

.a_note .ad_intro h6 {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  padding: 16px 0;
}

.a_note .extra {
  line-height: 24px;
  margin-top: 40px;
}

.a_note .extra p {
  line-height: 24px;
  font-size:18px;
}

.a_note .shares {
  display: block;
  margin-top: 50px;
  overflow: hidden;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 20px;
}

.a_note .share_l .zan, .a_note .share_l .like, .a_note .share_l .view {
  background: url(../images/cq_shoucang.png) no-repeat 0px 0px;
  padding-left: 40px;
  padding-right: 10px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  width: auto;
  font-size: 14px;
  color: #4a4a4a;
}

.a_note .share_l .zan.love {
  background: url("../images/ca_shoucongs.png") no-repeat;
}

.a_note .share_l .like {
  background: url("../images/cq_zan.png") no-repeat;
}

.a_note .share_l .like.likes {
  background: url("../images/cq_zans.png") no-repeat;
}

.a_note .share_l .view {
  background: url("../images/view_cq.png") no-repeat;
}

.a_note .share_l .share {
  background: url(../images/share_icon.png) no-repeat 0px 0px;
  width: 32px;
  height: 32px;
  line-height: 2px;
  cursor: pointer;
  margin: 0px 0px 0px 13px;
  position: inherit;
}

.a_note .share_l .share:hover {
  opacity: 1;
}

.a_note .share_r {
  width: 100px;
  height: 30px;
  display: inline-block;
}

.a_note .share_r a {
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  display: block;
  color: #9b9b9b;
  font-size: 14px;
  outline: none;
}

.a_note .share_r a img {
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 10px;
}

.go_head {
  display: block;
  overflow: hidden;
  margin-top: 40px;
  position: relative;
}

.go_head .gh_l {
  width: 122px;
}

.go_head .gh_l a {
  display: inline-block;
  width: 70px;
  height: 20px;
  line-height: 20px;
  background: #b03a3e;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  border: none;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
}

.go_head .gh_l span {
  margin-top: 10px;
  display: block;
  color: #4a4a4a;
  font-size: 12px;
}

.go_head .gh_l span font {
  margin: 0px 2px;
  color: #b03a3e;
}

.go_head .gh_r {
  margin-top: 2px;
  width: 620px;
  display: inline-block;
}

.go_head .gh_r .head_list {
  width: 600px;
}

.go_head .gh_r .head_list li {
  float: left;
  display: inline;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}

.go_head .gh_r .head_list li img {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.go_head .gh_r a.fl {
  vertical-align: middle;
  margin-top: 18px;
}

.the_two {
  height: auto;
  overflow: hidden;
  border: 1px solid #cbcbcb;
  margin-top: 20px;
  padding: 6px 50px 35px;
  background: #ffffff;
}

/**评论**/
.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.detail-right {
  width: 360px;
  height: auto;
  overflow: hidden;
}

.map {
  width: 320px;
  height: 215px;
  overflow: hidden;
  padding: 20px;
  background-color: #ffffff;
}

.comment {
  height: auto;
  background-color: #ffffff;
}

.comment .comment-tit {
  width: 100%;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

.comment .comment-tit h3 {
  float: left;
  display: inline;
  color: #4a4a4a;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
}

.comment .comment-tit span {
  float: right;
  display: inline;
  color: #999999;
  font-size: 14px;
}

.comment .text {
  display: block;
  width: 716px;
  height: 90px;
  line-height: 20px;
  overflow: auto;
  padding: 10px;
  margin-top: 10px;
  background: #eef4f7;
  border: solid 1px #bbbbbb;
  resize: none;
  word-break: break-all;
  word-wrap: break-word;
}

.comment .tips {
  margin-top: 20px;
  overflow: hidden;
}

.comment .tips span {
  float: left;
  color: #999999;
}

.comment .tips .r_p {
  width: 280px;
  color: #9b9b9b;
  font-size: 14px;
  margin-top: 8px;
}

.comment .tips .r_p p {
  line-height: 22px;
  color: #9b9b9b;
}

.comment .btn {
  float: right;
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  background: #b03a3e;
  border: none;
  color: #ffffff;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}

.comment .comment-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 40px;
  padding-top: 20px;
  border-top: solid 1px #cacaca;
}

.comment .comment-list li {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 15px 0 7px;
}

.comment .comment-list .img {
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.comment .comment-list .info {
  width: 590px;
  border-radius: 4px;
  padding: 25px 30px;
  height: auto;
  overflow: hidden;
  background: #eef4f7;
}

.comment .comment-list .info h4 a {
  font-size: 14px;
  color: #6376a0;
}

.comment .comment-list h4 {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  margin: 6px 0;
  color: #999999;
  font-weight: normal;
}

.comment .comment-list h4 a {
  float: left;
  padding-right: 8px;
}

.comment .comment-list h4 a:hover {
  text-decoration: underline;
}

.comment .comment-list h4 em {
  float: left;
  color: #9b9b9b;
  font-size: 14px;
  margin-left: 10px;
}

.comment .comment-list p {
  color: #535353;
  line-height: 24px;
  word-break: break-all;
  font-size: 14px;
}

.comment .comment-list .load-more {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: right;
  color: #9b9b9b;
  font-size: 14px;
  margin-top: 10px;
}

.sc_img {
  width: 100px;
  height: 80px;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}

.sc_img a {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 25px;
  height: 25px;
  background: url(../images/deletebtn.png) no-repeat;
  z-index: 9;
}

.shangchuan {
  background: url(../images/zj_icon.png) no-repeat 0px 0px;
  width: 90px;
  height: 26px;
  line-height: 26px;
  outline: none;
  display: inline-block;
  cursor: pointer;
}

.shangchuan font {
  margin-left: 30px;
  color: #4a4a4a;
  font-size: 14px;
}

.wimg {
  width: 440px;
  position: relative;
}

.after_img {
  display: none;
  width: 400px;
  height: auto;
  margin-top: 10px;
}

.after_img .do {
  display: block;
}

.after_img .do .shouqi {
  width: 30px;
  height: 11px;
  color: #606060;
  font-size: 12px;
}

.after_img .do .shouqi span {
  margin-right: 4px;
  cursor: pointer;
}

.after_img .do .yuantu {
  width: 30px;
  height: 11px;
  color: #606060;
  font-size: 12px;
  margin-left: 20px;
}

.after_img .do .yuantu span {
  margin-right: 4px;
  cursor: pointer;
}

.after_img .fd_img {
  max-width: 400px;
  margin-top: 10px;
}

.yuantu {
  width: auto;
  height: auto;
}

.wk {
  width: 590px;
  overflow: hidden;
  margin-top: 10px;
}

.pld_img_list {
  overflow: hidden;
}

.pld_img {
  max-height: 80px;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

/**map**/
.detail_right {
  width: 27%;
  float:right;
}

.map {
  width: 278px;
  height: 205px;
  padding: 20px;
  border: 1px solid #b1b1b1;
  overflow: hidden;
  background: #ffffff;
}

#map-site {
  width: 278px;
  height: 205px;
}

/**recommend**/
.recommend {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #cbcbcb;
  margin-bottom:20px;
}

.recommend .tit {
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  color: #4a4a4a;
  font-size: 14px;
  padding-left: 20px;
  border-bottom: 1px solid #cacaca;
}

.recommend .recommend-list {
  margin-top: 10px;
}

.recommend .recommend-list li {
  width: 280px;
  height: auto;
  overflow: hidden;
  padding: 0px 20px 29px;
}

.recommend .recommend-list .img {
  display: table-cell;
  width: 100%;
  height: 210px;
  line-height: 210px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  *display: block;
  *font-size: 184px;
  *font-family: Arial;
}

.recommend .recommend-list .img img {
  vertical-align: middle;
}

.recommend .recommend-list .info {
  margin: 15px 0 0;
}

.recommend .recommend-list .info h3 {
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 18px;
}

.recommend .recommend-list .info a {
  color: #262626;
  font-size: 16px;
  font-weight: bold;
}

.recommend .recommend-list .info a:hover {
  color: #262626;
}

.recommend .recommend-list .info p {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000000;
  font-size: 14px;
}

/*report--dialog*/
.join-box {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.join-box dl {
  overflow: hidden;
  padding: 6px 0;
}

.join-box dt {
  display: block;
  float: left;
  width: 18%;
  height: 20px;
  line-height: 20px;
  padding: 10px 10px 10px 0;
  text-align: right;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: bold;
}

.join-box dd .input-text {
  width: 220px;
  height: 22px;
  line-height: 22px;
  padding: 9px 10px;
  border: solid 1px #cdcdcd;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
}

.join-box dd .w230 {
  width: 90px;
  padding: 9px 10px;
}

.join-box dd {
  display: block;
  float: left;
  width: 79%;
  font-size: 14px;
}

.join-box dd .yzmbg {
  width: 116px;
  height: 42px;
  line-height: 42px;
  background: #b03a3e;
  border-radius: 0;
  vertical-align: top;
}

.join-box dd .txt {
  width: 150px;
  border: none;
  border-bottom: 1px solid #c8c8c8;
  margin-left: 10px;
  outline: none;
  color: #4a4a4a;
}

.join-box .join-btn {
  width: 250px;
  height: 43px;
  display: block;
  margin-top: 30px;
}

.join-box .join-btn .btn_submit {
  width: 240px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
  outline: none;
  font-size: 14px;
  letter-spacing: 2px;
  cursor: pointer;
  background: #b03a3e;
  display: block;
  border: none;
  border-radius: 5px;
}

/**venue_detail**/
.the_one .a_note .title h2 {
  overflow: hidden;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  color: #262626;
}
.the_one .a_note .tdjj {
    
}

.w_star {
  width: 180px;
  margin-left: 15px;
  padding-top: 6px;
}

.a_note .title .start {
  background: url(../images/vwhite_star.png) repeat-x 0px 0px;
  width: 140px;
  height: 20px;
  vertical-align: top;
}

.a_note .title .start p {
  background: url(../images/vred_star.png) repeat-x 0px 0px;
  height: 20px;
  vertical-align: top;
}

.w_star .txt {
  width: 38px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #9b9b9b;
  margin-left: 2px;
  letter-spacing: 1px;
}

.a_note .v_address {
  margin-top: 15px;
  overflow: hidden;
}

.a_note .address .vl_img {
  width: 400px;
  height: 264px;
  overflow: hidden;
}

.a_note .v_address .al_r {
  width: 314px;
}

.commentary {
  height: 84px;
  position: relative;
  padding-bottom: 20px;
}

.commentary ul {
  width: 100%;
  height: 84px;
}

.commentary ul li {
  width: 80px;
  color: #4a4a4a;
  font-size: 20px;
  text-align: center;
  margin-right: 36px;
  cursor: pointer;
}

.commentary ul li span {
  display: block;
  line-height: 26px;
}

.commentary ul .voice {
  position: relative;
  z-index: 2;
}

.commentary ul .voice b {
  display: none;
  width: 10px;
  height: 8px;
  background: url("../images/play-triangle.png") no-repeat;
  position: absolute;
  top: 86px;
  left: 50%;
  margin-left: -5px;
  z-index: 2;
}

.commentary ul .m_r {
  margin-right: 0px;
}

.commentary ul li a {
  display: block;
  padding-bottom: 8px;
}

.commentary .audio-box {
  display: none;
  position: absolute;
  top: 89px;
}

.border_no {
  border: none;
}

.p_bottom {
  padding: 0px 0px 15px;
}

.recommend-collection {
  width: 290px;
  margin: 0px auto;
  height: auto;
  overflow: hidden;
}

.recommend-collection li {
  float: left;
  width: 135px;
  margin: 20px 5px 0;
}

.recommend-collection li .img {
  display: block;
  width: 135px;
  height: 100px;
  line-height: 100px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  *display: block;
  *font-size: 90px;
  *font-family: Arial;
}

.recommend-collection li h4 {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  margin-top: 12px;
}

.recommend-collection li h4 a {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: normal;
}

.recommend .load-more {
  float: right;
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-top: 30px;
  color: #9b9b9b;
  font-size: 14px;
}

.ra_room {
  width: 290px;
  margin: 20px 10px 0px 18px;
  height: auto;
  overflow: hidden;
}

.ra_room li {
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-bottom: 20px;
}

.ra_room .room_pic {
  width: 135px;
  height: 100px;
  overflow: hidden;
}

.ra_room .room_txt {
  width: 130px;
  margin-left: 15px;
}

.ra_room .room_txt h4 {
  font-size: 16px;
  color: #4a4a4a;
  font-style: normal;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 10px;
}

.ra_room .room_txt p {
  color: #4a4a4a;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

.ra_room .room_txt .book-room {
  width: 60px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
  outline: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: #b03a3e;
  margin-top: 5px;
}

.fd_bg {
  background: #fdfdfe;
}

.ra_room .room_txt2 {
  width: 140px;
  max-height: 94px;
  overflow: hidden;
  margin-left: 15px;
}

.ra_room .room_txt2 h4 {
  font-size: 16px;
  color: #4a4a4a;
  font-style: normal;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 10px;
}

.ra_room .room_txt2 p {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
}

.ra_room p {
  word-wrap: break-word;
  word-break: break-all;
}

/**activity_room detail**/
.ar_room_con {
  margin-top: 12px;
}

.room_top {
  display: block;
  margin-top: -20px;
}

.room_img {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 40px;
}

.room_con {
  margin-top: 35px;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 30px;
}

.room_con p {
  line-height: 38px;
  color: #4a4a4a;
  font-size: 16px;
}

.equip {
  vertical-align: top;
}

.equip span {
  display: inline-block;
}

.equip .equip-list {
  width: 92%;
  display: inline-block;
  vertical-align: top;
}

.equip .equip-list label {
  display: inline-block;
  line-height: 38px;
  margin-right: 10px;
}

.equip .equip-list label img {
  vertical-align: middle;
}

.equip .equip-list label input {
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 3px;
  width: 14px;
  height: 14px;
}

.equip .no_margin {
  margin-left: 0px;
}

.room-book {
  width: 100%;
  overflow: hidden;
  margin: 30px 0 0;
}

.room-book .tit {
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  padding: 0;
}

.room-book .tit h2 {
  display: inline;
  float: left;
  color: #4a4a4a;
  font-size: 20px;
  font-weight: normal;
}

.room-book .tit .room-btn {
  display: block;
  float: right;
  width: 160px;
  height: 43px;
  line-height: 43px;
  background-color: #b03a3e;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.room-tab {
  width: 100%;
  margin: 13px 0 40px;
}

.room-tab th, .room-tab td {
  border: solid 1px #D9D9D9;
  width: 14.5%;
  text-align: center;
  line-height: 18px;
  color: #4a4a4a;
  font-size: 13px;
}

.room-tab th {
  height: 40px;
}

.room-tab td {
  height: 60px;
}

.room-tab td.disabled {
  background-color: #EEEEEE;
  cursor: not-allowed;
}

.comment .btn_red {
  float: right;
  display: inline-block;
  width: 160px;
  height: 44px;
  line-height: 44px;
  margin-top: 6px;
  background: #b03a3e;
  border: none;
  color: #ffffff;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}

/**page_small**/
.page_s {
  width: 100%;
  height: 24px;
  line-height: 22px;
  overflow: hidden;
  text-align: center;
  padding: 15px 0 40px;
  vertical-align: top;
}

.page_s a, .page_s span, .page_s .page-go {
  display: inline-block;
  width: 24px;
  height: 22px;
  line-height: 22px;
  color: #4a4a4a;
  font-size: 12px;
  background: #ffffff;
  margin: 0 4px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: solid 1px #4a4a4a;
  vertical-align: top;
}

.page_s a:hover, .page_s a.curr {
  color: #ffffff;
  background-color: #b03a3e;
  border: solid 1px #b03a3e;
}

.page_s .page-prev, .page_s .page-next {
  width: 22px;
}

.page_s span {
  width: auto;
  border: 0;
  color: #9b9b9b;
  background-color: transparent;
  font-weight: normal;
  margin-left: 30px;
}

.page_s form {
  display: inline-block;
  vertical-align: top;
}

.page_s .pageNum {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border: solid 1px #4a4a4a;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 5px;
  background-color: transparent;
  vertical-align: top;
}

.page_s .page-go {
  cursor: pointer;
  height: 24px;
}

.page_s input:focus {
  outline: none;
}

/**360背景图**/
#panorama {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 20;
  display: none;
}

#panorama .panorama_bg {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: fixed;
  background: #6e6e6e;
  opacity: 0.8;
  z-index: 21;
}

#panorama .panorama_con {
  position: fixed;
  width: 1090px;
  height: 670px;
  left: 50%;
  margin-left: -545px;
  top: 100px;
  overflow: hidden;
  z-index: 22;
}

#panorama .panorama_con #close_btn {
  position: fixed;
  left: 50%;
  margin-left: 498px;
  top: 112px;
  display: block;
  width: 32px;
  height: 31px;
  background: url("../images/close_icon.png") no-repeat;
}

/*Collection-list*/
.collection_ul {
  width: 1040px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.collection_ul li {
  float: left;
  width: 196px;
  height: 180px;
  overflow: hidden;
  margin: 20px 6px 0;
}

.collection_ul li .img {
  display: block;
  width: 196px;
  height: 144px;
  overflow: hidden;
}

.collection_ul li h3 {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  margin-top: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
}

.search-culture .attrValue li {
  margin-right: 26px;
}

/*activity-null-result*/
.null_result {
  /*width: 1180px;*/
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
  background: #eef4f7;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.null_result .cont {
  width: 860px;
  min-height: 87px;
  margin: 50px auto 0;
  padding-left: 120px;
  background: url("../images/null-result.png") no-repeat left center;
}

.null_result .cont h2 {
  line-height: 30px;
  padding-top: 16px;
  color: #b03a3e;
  font-size: 20px;
}

.null_result .cont p {
  line-height: 24px;
  margin-top: 10px;
  color: #9b9b9b;
  font-size: 16px;
}

h2.search-other {
  line-height: 28px;
  margin-top: 35px;
  color: #4A4A4A;
  font-size: 20px;
}

/**phone**/
.join-boxs {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 40px;
}

.join-boxs dl {
  overflow: hidden;
  padding: 10px 0;
}

.join-boxs dt {
  display: block;
  float: left;
  width: 18%;
  height: 38px;
  line-height: 38px;
  padding-right: 10px;
  text-align: right;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}

.join-boxs dd .input {
  width: 240px;
  height: 24px;
  line-height: 24px;
  padding: 5px;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
}

.join-boxs dd {
  display: block;
  float: left;
  width: 72%;
  height: 38px;
  line-height: 38px;
  color: #4a4a4a;
  font-size: 14px;
}

.join-boxs dd .txt {
  width: 150px;
  border: none;
  border-bottom: 1px solid #c8c8c8;
  margin-left: 10px;
  outline: none;
  color: #4a4a4a;
}

.join-boxs .join-btn {
  width: 250px;
  height: 43px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 45px;
}

.join-boxs .join-btn .btn_submit {
  width: 250px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: #ffffff;
  outline: none;
  font-size: 16px;
  letter-spacing: 2px;
  cursor: pointer;
  background: #b03a3e;
  display: block;
  border: none;
  border-radius: 5px;
}

.join-boxs .dialog_yzm_txt {
  width: 110px;
  height: 26px;
  padding: 5px;
  text-align: center;
  border: 1px solid #cacaca;
}

.join-boxs .dialog_yzm_img {
  width: 120px;
  height: 36px;
  cursor: pointer;
  margin-left: 10px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  border: 1px solid #cacaca;
  color: #ffffff;
  font-size: 16px;
  background: #d8d8d8;
}

/*Ticket-machine*/
#ticket-top {
  width: 100%;
  height: 160px;
  overflow: hidden;
  background: #ffffff;
}

#ticket-top .ticket-top {
  width: 1200px;
  height: 92px;
  margin: 0 auto;
  padding: 34px 0;
}

#ticket-top .ticket-top .logo {
  width: 277px;
  height: 75px;
  overflow: hidden;
  margin: 8px 0 0 35px;
}

#ticket-top .ticket-top .ticket-menu {
  width: 784px;
  margin: 0 26px 0 0;
}

#ticket-top .ticket-top .ticket-menu .btn {
  float: left;
  display: block;
  width: 270px;
  height: 90px;
  margin: 1px 38px;
  background: url("../images/ticket-menu.png") no-repeat;
}

#ticket-top .ticket-top .ticket-menu .btn-take {
  background-position: 0 -180px;
}

#ticket-top .ticket-top .ticket-menu .btn-book {
  background-position: 0 -270px;
}

#ticket-top .ticket-top .ticket-menu .btn-take:hover, #ticket-top .ticket-top .ticket-menu .btn-take.cur {
  background-position: 0 0px;
}

#ticket-top .ticket-top .ticket-menu .btn-book:hover, #ticket-top .ticket-top .ticket-menu .btn-book.cur {
  background-position: 0 -90px;
}

#ticket-top .ticket-top .ticket-menu .btn2 {
  float: left;
  display: block;
  width: 92px;
  height: 92px;
}

#ticket-top .ticket-top .ticket-menu .btn-login {
  background: url("../images/icon-ticket-login.png") no-repeat;
}

#ticket-top .ticket-top .ticket-menu .btn-logout {
  background: url("../images/icon-ticket-logout.png") no-repeat;
}

#ticket-content {
  width: 100%;
  overflow: hidden;
  background: #eef4f7;
}

/*ticket-mobile*/
#ticket-nav {
  width: 100%;
  height: 60px;
  overflow: hidden;
  background: #eef4f7;
}

#ticket-nav li {
  float: left;
  height: 60px;
  overflow: hidden;
}

#ticket-nav a {
  display: block;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  letter-spacing: 5px;
  border: solid 1px #c4c4c4;
  border-right: 0;
}

#ticket-nav li:first-child {
  width: 11.9%;
}

#ticket-nav li:first-child a {
  letter-spacing: 1px;
}

#ticket-nav .big {
  width: 32%;
  color: #4A4A4A;
  font-size: 24px;
  font-weight: 500;
}

#ticket-nav .small {
  width: 12%;
  color: #3D5056;
}

#ticket-nav .cur a {
  border: 0;
  border-left: solid 1px #c4c4c4;
  background: #eef4f7;
}

.mobile-content {
  width: 100%;
  min-height: 800px;
  position: relative;
  background: #eef4f7;
}

#ticket-mobile {
  width: 100%;
  height: 270px;
  background: #b03a3e;
  position: absolute;
  bottom: 0;
}

#ticket-mobile .ticket-mobile {
  width: 1200px;
  height: 270px;
  position: relative;
  margin: 0 auto;
}

#ticket-mobile .ticket-mobile .phone {
  width: 359px;
  height: 650px;
  position: absolute;
  top: -492px;
  left: 105px;
  background: url("../images/ticket-phone.png") no-repeat;
}

#ticket-mobile .ticket-mobile .phone img {
  width: 260px;
  height: 448px;
  margin: 84px 0 0 49px;
}

#ticket-mobile .ticket-mobile .right {
  width: 560px;
  height: 554px;
  position: absolute;
  right: 130px;
  bottom: 160px;
}

#ticket-mobile .ticket-mobile .in-app {
  width: 560px;
  height: auto;
  margin-top: 22px;
}

#ticket-mobile .ticket-mobile .in-app > div {
  float: left;
  width: 250px;
  height: auto;
  margin: 0 15px;
}

#ticket-mobile .ticket-mobile .in-app > div img {
  width: 216px;
  height: 216px;
  padding: 17px;
  background: #ffffff;
}

#ticket-mobile .ticket-mobile .in-app > div span {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}

#ticket-mobile .ticket-mobile .in-sweep {
  width: 100%;
  color: #b03a3e;
  text-align: center;
}

#ticket-mobile .ticket-mobile .in-sweep h2 {
  line-height: 80px;
  font-size: 52px;
  font-weight: normal;
}

#ticket-mobile .ticket-mobile .in-sweep h4 {
  line-height: 30px;
  font-size: 24px;
  font-weight: normal;
  margin-top: 46px;
}

/*ticket-take*/
#get-ticket {
  width: 100%;
  overflow: auto;
  *overflow-x: hidden;
}

.get-ticket {
  width: 100%;
  height: auto;
}

.get-ticket .take-ticket {
  width: 732px;
  height: auto;
  margin: 0 auto;
  padding-top: 56px;
}

.get-ticket .take-ticket h2 {
  line-height: 50px;
  color: #4A4A4A;
  font-size: 30px;
  font-weight: normal;
}

.get-ticket .take-ticket .error-msg {
  line-height: 50px;
  color: #b03a3e;
  font-size: 30px;
  font-weight: normal;
  padding-left: 60px;
  background: url("../images/icon-point.png") no-repeat 0 5px;
}

.get-ticket .take-ticket .txt {
  width: 690px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 29px 20px;
  color: #4A4A4A;
  font-size: 50px;
  font-weight: normal;
  font-family: Arial;
  border: solid 1px #9b9b9b;
  background: #ffffff;
  margin-top: 16px;
}

.get-ticket .take-ticket .num-board {
  width: 736px;
  overflow: hidden;
  margin: 8px -4px 0 0;
}

.get-ticket .take-ticket .num-board li, .get-ticket .take-ticket .num-board .btn-del {
  float: left;
  width: 180px;
  height: 80px;
  line-height: 80px;
  margin: 0 4px 4px 0;
  background: #73c7fc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.get-ticket .take-ticket .num-board .key {
  font-size: 50px;
  font-family: Arial;
}

.get-ticket .take-ticket .num-board .btn {
  float: right;
  height: 164px;
}

.get-ticket .take-ticket .num-board .btn-del {
  height: 164px;
  line-height: 164px;
  font-size: 40px;
  letter-spacing: 8px;
  border: 0;
}

.get-ticket .take-ticket .num-board li:hover {
  background: #b03a3e;
}

.get-ticket .take-ticket .tip {
  width: 228px;
  height: 22px;
  line-height: 22px;
  background: url("../images/icon-help.png") no-repeat 0 0;
  margin: 12px auto 0;
  padding-left: 35px;
  color: #4A4A4A;
  font-size: 16px;
}

.get-ticket .take-ticket .btn-submit {
  display: block;
  width: 400px;
  height: 100px;
  line-height: 100px;
  background: #b03a3e;
  margin: 70px auto 0;
  text-align: center;
  color: #ffffff;
  font-size: 40px;
  border: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  letter-spacing: 6px;
}

/*keyboard*/
.keyboard {
  width: 676px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
}

.keyboard li {
  float: left;
  margin: 2px 2px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #f9f9f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #b03a3e;
  color: #ffffff;
}

.capslock, .tab, .left-shift {
  clear: left;
}

.keyboard .tab, .keyboard .delete {
  width: 72px;
}

.keyboard .capslock {
  width: 80px;
}

.keyboard .return {
  width: 78px;
}

.keyboard .left-shift {
  width: 95px;
}

.keyboard .right-shift {
  width: 109px;
}

.keyboard .btn-del {
  width: 72px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: transparent;
  border: 0;
  color: #ffffff;
}

.lastitem {
  margin-right: 0;
}

.uppercase {
  text-transform: uppercase;
}

.keyboard .space {
  clear: left;
  width: 670px;
}

.keyboard .on {
  display: none;
}

.keyboard li:hover {
  position: relative;
  top: 1px;
  left: 1px;
  border-color: #e5e5e5;
  cursor: pointer;
}

.get-ticket .keyboard {
  width: 1204px;
  overflow: hidden;
  margin: 30px auto 0;
  background: transparent;
}

.get-ticket .keyboard li {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 22px;
}

.get-ticket .keyboard .tab, .get-ticket .keyboard .delete {
  width: 80px;
}

.get-ticket .keyboard .return, .get-ticket .keyboard .capslock {
  width: 123px;
}

.get-ticket .keyboard .left-shift, .get-ticket .keyboard .right-shift {
  width: 166px;
}

.get-ticket .keyboard .space {
  width: 1198px;
}

.ticket-info {
  display: none;
  width: 1100px;
  height: auto;
  overflow: hidden;
  padding: 40px 40px 80px;
  border: solid 1px #c9cacb;
  background: #ffffff;
  margin: 20px auto 0;
}

.ticket-info .tit {
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  color: #9b9b9b;
  border-bottom: solid 1px #c8c8c8;
  padding-bottom: 10px;
}

.ticket-info .tit .num {
  float: left;
}

.ticket-info .tit .status {
  float: right;
}

.ticket-info .tit .orange {
  color: #b03a3e;
}

.ticket-info h2 {
  line-height: 52px;
  color: #4A4A4A;
  font-size: 28px;
  font-weight: normal;
  padding-top: 20px;
}

.ticket-info p {
  line-height: 52px;
  color: #4A4A4A;
  font-size: 24px;
}

.ticket-info .seat {
  padding: 15px 0;
}

.ticket-info .seat a {
  display: inline-block;
  width: 140px;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 20px;
  text-align: center;
  border: solid 1px #979797;
}

.ticket-info .seat a.cur {
  color: #ffffff;
  background: #b03a3e;
  border: solid 1px #b03a3e;
}

.ticket-info hr {
  width: 100%;
  height: 1px;
  background: #c8c8c8;
  margin-top: 27px;
}

.ticket-info .btn-confirm {
  display: block;
  width: 360px;
  height: 66px;
  line-height: 66px;
  background: #b03a3e;
  margin: 60px auto 0;
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  border: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

/*ticket-login*/
.ticket-login {
  width: 950px;
  height: auto;
  margin: 0 auto;
  padding: 72px 0;
}

.ticket-login .login-box {
  width: 100%;
}

.ticket-login .login-box h2 {
  line-height: 50px;
  color: #b03a3e;
  font-size: 36px;
  font-weight: normal;
  text-align: center;
  padding-bottom: 40px;
}

.ticket-login .login-box dl {
  display: block;
  line-height: 80px;
  padding: 20px 0;
  clear: both;
}

.ticket-login .login-box dl:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.ticket-login .login-box dt {
  float: left;
  width: 224px;
  padding-right: 26px;
  text-align: right;
  color: #4A4A4A;
  font-size: 28px;
}

.ticket-login .login-box dd {
  float: left;
  width: 700px;
}

.ticket-login .login-box dd .input-txt, .ticket-login .login-box dd input[type=text] {
  float: left;
  width: 418px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  padding: 25px 30px;
  border: solid 1px #c9cacb;
  font-size: 20px;
}

.ticket-login .login-box dd .btn-submit {
  display: block;
  width: 300px;
  height: 80px;
  line-height: 80px;
  background: #b03a3e;
  margin: 100px 0 0;
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  border: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  letter-spacing: 4px;
}

.ticket-login .login-box dd .error-msg {
  float: left;
  display: inline-block;
  background: url("../images/error-icon2.png") no-repeat 0 30px;
  padding-left: 25px;
  margin-left: 20px;
  color: #9b9b9b;
  font-size: 18px;
}

/*Ticket-activity-list*/
.ticket-activity-list {
  width: 1170px;
  margin: 20px auto 0;
}

.ticket-activity-list #activity_content {
  width: 1150px;
}

.ticket-activity-list .activity_ul {
  width: 1160px;
}

.ticket-activity-list .activity_ul li {
  margin-right: 10px;
}

.ticket-activity-list .activity_ul li .info {
  background: #ffffff;
}

.ticket-activity-list .activity-search {
  border: solid 1px #c7c8c9;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #ffffff;
}

.ticket-activity-list #search {
  width: 1168px;
  margin-bottom: 0;
}

.ticket-activity-list .search {
  background: #ffffff;
  padding: 0 0 30px;
}

.ticket-activity-list .search .prop-attrs {
  padding: 0 55px;
  border-top: solid 1px #c7c8c9;
}

.ticket-activity-list .search .attrValue {
  width: 976px;
}

.ticket-activity-list .search .attrValue ul {
  width: 100%;
}

.ticket-activity-list .search .hot-attrs ul {
  width: 900px;
}

.ticket-activity-list .search #businessDiv .attr {
  border-top: 0;
}

.ticket-activity-list #search .search-btn {
  bottom: 37px;
}

.ticket-activity-list .search-menu {
  height: 72px;
  overflow: hidden;
  text-align: center;
  margin: 30px 55px;
}

.ticket-activity-list .search-menu .icon {
  display: inline-block;
  min-width: 168px;
  height: 72px;
  line-height: 72px;
  vertical-align: top;
}

.ticket-activity-list .search-menu .icon img {
  display: inline-block;
  width: 72px;
  height: 72px;
  vertical-align: top;
}

.ticket-activity-list .search-menu .icon span {
  display: inline-block;
  min-width: 48px;
  text-align: left;
  vertical-align: top;
  margin-left: 8px;
}

.ticket-activity-list .search-menu .icon.cur {
  color: #b03a3e;
}

.ticket-activity-list .page a, .ticket-activity-list .page span, .ticket-activity-list .page .page-go {
  background: #eef4f7;
}

/*ticket-activity-detail*/
.ticket-activity-detail {
  width: 1190px;
  margin-top: 20px;
  padding: 0;
}

.ticket-activity-detail .detail-left {
  background: #ffffff;
  border: solid 1px #cdcdcd;
}

.ticket-activity-detail .the_one, .ticket-activity-detail .the_two {
  border: 0;
}

.ticket-activity-detail .the_one .a_note {
  padding-bottom: 0;
}

.ticket-activity-detail .comment .comment-list {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.ticket-activity-detail .comment.mt20 {
  margin-top: 0;
}

/*Ticket-venues-list*/
.ticket-activity-list #venue_content {
  width: 1170px;
  padding: 0;
}

.ticket-activity-list #venue_content .venue_ul {
  margin-top: 0;
}

.ticket-activity-list #venue_content .venue_ul li {
  margin-top: 20px;
  margin-right: 16px;
  border: 0;
  background: #ffffff;
}

.ticket-activity-list #venue_content .venue_ul li .info {
  background: #ffffff;
}

/*Ticket-collection-list*/
.ticket-collect-list .search {
  padding-top: 20px;
}

.ticket-collect-list .search .prop-attrs:first-child {
  border: 0;
}

.ticket-collect-list .search .attr {
  border: 0;
}

.ticket-collect-list .collection_ul {
  margin-top: 20px;
}

/*score*/
.comment .score-box {
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  margin: 20px 0;
}

.comment .score-box .txt {
  float: left;
  color: #4A4A4A;
  font-size: 16px;
  padding-right: 6px;
}

.comment .score-box .star-list {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 3px 0;
}

.comment .star-score {
  float: left;
  width: 140px;
  height: 20px;
  overflow: hidden;
  background: url("../images/vwhite_star.png") repeat-x;
  position: relative;
}

.comment .star-score a {
  float: left;
  display: block;
  width: 28px;
  height: 20px;
  font-size: 0;
  position: absolute;
  left: 0;
}

.comment .star-score a.cur, .comment .star-score a:hover {
  background: url("../images/vred_star.png") repeat-x;
}

/*.comment .star-score a.star1{ left:0; z-index:10;}
.comment .star-score a.star2{ left:14px; z-index:9;}
.comment .star-score a.star3{ left:28px; z-index:8;}
.comment .star-score a.star4{ left:42px; z-index:7;}
.comment .star-score a.star5{ left:56px; z-index:6;}
.comment .star-score a.star6{ left:70px; z-index:5;}
.comment .star-score a.star7{ left:84px; z-index:4;}
.comment .star-score a.star8{ left:98px; z-index:3;}
.comment .star-score a.star9{ left:112px; z-index:2;}
.comment .star-score a.star10{ left:126px; z-index:1;}
.comment .star-score a.star2:hover{ width:28px; left:0;}
.comment .star-score a.star3:hover{ width:42px; left:0;}
.comment .star-score a.star4:hover{ width:56px; left:0;}
.comment .star-score a.star5:hover{ width:70px; left:0;}
.comment .star-score a.star6:hover{ width:84px;left:0;}
.comment .star-score a.star7:hover{ width:98px; left:0;}
.comment .star-score a.star8:hover{ width:112px;left:0;}
.comment .star-score a.star9:hover{ width:126px; left:0;}
.comment .star-score a.star10:hover{ width:140px; left:0;}*/
.comment .star-score a.star1 {
  left: 0px;
  z-index: 8;
}

.comment .star-score a.star2 {
  left: 28px;
  z-index: 6;
}

.comment .star-score a.star3 {
  left: 56px;
  z-index: 4;
}

.comment .star-score a.star4 {
  left: 84px;
  z-index: 2;
}

.comment .star-score a.star5 {
  left: 112px;
  z-index: 1;
}

.comment .star-score a.star1:hover {
  width: 28px;
  left: 0;
}

.comment .star-score a.star2:hover {
  width: 56px;
  left: 0;
}

.comment .star-score a.star3:hover {
  width: 84px;
  left: 0;
}

.comment .star-score a.star4:hover {
  width: 112px;
  left: 0;
}

.comment .star-score a.star5:hover {
  width: 140px;
  left: 0;
}

.comment .star-list span {
  display: block;
  float: left;
  padding-left: 6px;
  color: #9b9b9b;
  font-size: 16px;
}

.comment .comment-list .info .start {
  width: 90px;
  height: 16px;
  margin: 2px 0 10px;
  background: url("../images/start_39.png") repeat-x;
}

.comment .comment-list .info .start p {
  height: 16px;
  background: url("../images/start_37.png") repeat-x;
}

/*video*/
.video .recommend-list {
  height: auto;
}

.video .recommend-list li {
  height: auto;
  margin: 18px 0 0;
  padding-bottom: 8px;
}

.video .recommend-list li .img {
  position: relative;
}

.video li .img span {
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
  z-index: 2;
  background: url("../images/play-small.png") no-repeat;
}

.video .recommend-list li .info h3 {
  margin-bottom: 0;
}

#video-right {
  max-height: 700px;
  overflow: hidden;
  margin-top: 20px;
}

#video-right li:first-child {
  padding-top: 0;
}

.video .video-list {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.video .video-list li {
  width: 278px;
  height: 100px;
  overflow: hidden;
  float: left;
  padding: 20px 20px 0;
}

.video .video-list li .img {
  float: left;
  display: block;
  width: 136px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.video .video-list li .info {
  float: left;
  width: 132px;
  padding-left: 10px;
}

.video .video-list li .info h3 {
  line-height: 24px;
  max-height: 72px;
  overflow: hidden;
  font-size: 16px;
  margin-top: 10px;
}

.video .load-more {
  margin-top: 12px;
}

/*scrollbar*/
.mCSB_container {
  width: auto;
  overflow: hidden;
  margin-right: 20px;
  padding: 0;
  outline: none;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 14px;
  height: 100%;
  margin: 0 auto;
}

.mCustomScrollBox > .mCSB_scrollTools {
  position: absolute;
  width: 14px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  right: 0;
  height: auto;
  outline: none;
  margin: 0;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  left: 0px;
  width: 6px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #d8d8d8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.mCustomScrollBox .mCSB_buttonUp, .mCustomScrollBox .mCSB_buttonDown {
  display: none;
}

/*video-detail*/
.detail-video .detail-left {
  width: 862px;
}

.detail-video .the_one {
  width: 860px;
}

.detail-video .the_one .a_note {
  padding: 35px 30px 60px;
}

.detail-video .detail-left .title h2 {
  color: #4A4A4A;
  font-size: 20px;
  padding-bottom: 18px;
  border-bottom: solid 1px #c8c8c8;
}

.detail-video .detail-left .ad_intro {
  width: 100%;
  margin: 17px auto 0;
}

.detail-video .detail-left .ad_intro .player {
  width: 100%;
  height: 600px;
}

.ticket-activity-list .venue-search .search-menu {
  height: 164px;
}

.ticket-activity-list .venue-search .search-menu a {
  margin-bottom: 20px;
}

.ticket-activity-list .venue-search .search-menu .icon {
  width: 200px;
}

.ticket-activity-list .venue-search .search-menu .icon span {
  font-size: 18px;
  letter-spacing: 2px;
}

/*2016-03-25*/
.top_method {
  width: 1200px;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
}

.top_method .login_reg {
  color: #333333;
  font-size: 12px;
}

.top_method .login_reg a {
  color: #333333;
  font-size: 12px;
  display: inline-block;
  margin: 0px 5px;
}

.top_method .login_reg .blue {
  color: #147dad;
}

.top_method ul {
  margin-left: 35px;
}

.top_method ul li {
  background: url(../images/hp_line.png) no-repeat right center;
  float: left;
  display: inline;
  margin-right: 15px;
}

.top_method ul li a {
  color: #434343;
  font-size: 12px;
}

.top_method ul li a.a_one {
  background: url(../images/hp_user.jpg) no-repeat left center;
  padding-left: 15px;
  margin-right: 15px;
}

.top_method ul li a.a_two {
  background: url(../images/hp_pen.jpg) no-repeat left center;
  padding-left: 15px;
  margin-right: 15px;
}

.top_method ul li a.a_three {
  background: url(../images/hp_phone.jpg) no-repeat left center;
  padding-left: 15px;
  margin-right: 15px;
}

.top_method ul li a.a_four {
  background: url(../images/hp_wx.png) no-repeat left center;
  padding-left: 22px;
  margin-right: 15px;
}

.top_method ul li:last-child {
  background: none;
}

.top_method ul .weixin {
  position: relative;
}

.top_method ul li .ewm_mobile {
  display: none;
  position: absolute;
  left: -26px;
  z-index: 2;
}

.top_method ul li .ewm_mobile > div {
  width: 95px;
  height: 95px;
  overflow: hidden;
  background: url("../images/in_ewm_bg.png") repeat;
  border: solid 1px #e3e3e3;
  padding: 8px;
}

.hp_nav {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.hp_nav .logo {
  width: 138px;
  height: 39px;
}

.link {
  position: absolute;
  width: 185px;
  z-index: 10;
  display: none;
  top: 34px;
}

.link .top {
  height: 10px;
  background: url(../images/top.png) no-repeat;
}

.link .middle {
  height: auto;
  background: url(../images/middle.png) repeat;
  padding-bottom: 10px;
  overflow: hidden;
}

.link .middle li {
  height: 32px;
  line-height: 32px;
  width: 177px;
  margin: 10px auto 0;
  font-size: 18px;
  text-align: center;
  float: none;
  display: block;
}

.link .middle li a {
  color: #fff;
}

.link .middle li a:hover {
  border: none;
}

.link .middle li:hover {
  background: #b03a3e;
}

.link .bottom {
  height: 4px;
  background: url(../images/bottom.png) no-repeat;
}

.hp_nav ul li {
  float: left;
  display: inline;
  margin-top: 16px;
  text-align: center;
  position: relative;
}

.hp_nav ul li a {
  padding: 0 10px 8px;
  color: #ffffff;
  font-size: 18px;
  display: inline-block;
  margin: 0 5px;
}

.hp_nav ul li.cur a, .hp_nav ul li a:hover {
  padding: 0 10px 8px;
  border-bottom: 3px solid #ffffff;
  padding-bottom: 12px;
  color: #ffffff;
  font-size: 18px;
}

.hp_nav ul li.h_nav a {
  display: inline-block;
  border-bottom: 3px solid #ffffff;
  padding-bottom: 8px;
  color: #ffffff;
  font-size: 18px;
}

.hp_nav .h-form {
  position: relative;
  width: 425px;
  height: 28px;
  border: solid 1px #dddddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #ffffff;
  margin-left: 22px;
  margin-top: 13px;
}

.hp_nav .h-form .sim-select {
  float: left;
  width: 50px;
  height: 28px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.hp_nav .h-form .sim-select h3 {
  width: 60px;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  cursor: pointer;
  border-right: 1px solid #e1e1e1;
  margin-top: 2px;
  padding-right: 9px;
}

.hp_nav .h-form .sim-select span {
  display: inline-block;
  color: #9b9b9b;
  font-size: 14px;
}

.hp_nav .h-form .sim-select i {
  display: inline-block;
  width: 9px;
  height: 6px;
  margin-left: 10px;
  vertical-align: middle;
  background: url(../images/hp_xl.png) no-repeat 0px 0px;
}

.hp_nav .h-form .sim-input {
  float: left;
  width: 314px;
  line-height: 20px;
  padding: 4px 0;
  border: 0;
  outline: none;
  margin-left: 24px;
}

.hp_nav .h-form .submit-btn {
  float: left;
  width: 21px;
  height: 17px;
  background: url(../images/hp_search.png) no-repeat;
  margin: 6px 10px 5px 5px;
  border: 0;
  cursor: pointer;
  outline: none;
}

.hp_nav .h-form .sim-ul-flt {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 4;
  padding: 6px 0 0;
  background: url("../images/slide-down.png") no-repeat center top;
}

.hp_nav .h-form .sim-ul-flt .select {
  width: 58px;
  border: solid 1px #cccccc;
  border-top: 0;
}

.hp_nav .h-form .sim-ul-flt .select a {
  display: block;
  line-height: 30px;
  text-align: center;
  border-top: solid 1px #cccccc;
  color: #9b9b9b;
  font-size: 14px;
  cursor: pointer;
}

.hp_nav .h-form .sim-ul-flt .select a:first-child {
  border-top: 0;
}

.hp_nav .h-form .sim-ul-flt .select a:hover {
  color: #b03a3e;
}

#number_code {
  position: absolute;
  top: 35px;
  left: -14px;
  width: 104px;
  z-index: 12;
  height: 126px;
  border: 1px solid #e3e3e3;
  background: url("../images/in_ewm_bg.png") repeat;
  overflow: hidden;
  padding-left: 8px;
  padding-top: 7px;
  display: none;
  cursor: pointer;
}

#number_code div {
  float: left;
  display: inline-block;
  width: 95px;
  height: 133px;
  margin-right: 8px;
  text-align: center;
  color: #666666;
  font-size: 14px;
}

#number_code div span {
  color: #666666;
  font-size: 14px;
}

.hp_navbg {
  position: relative;
  z-index: 6;
}

#number_code {
  left: -14px;
  width: 104px;
}

#number_code img {
  display: block;
}

.top_method ul li .ewm_code {
  z-index: 12;
}


.red-btn {
    display: block;
    margin: 0 auto 0;
    width: 100%;
    height: 50px;
    background-color: #450C06;
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size:22px;
}
.grey-btn {
    display: block;
    margin: 0 auto 0;
    width: 100%;
    height: 50px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size:22px;
}

.whyysubInfo {
padding: 20px 10px 80px;
height: 325px;
}

.whyysubInfo img {
width: 525px;
height: 325px;
float: left;
}

.whyysubInfoR {
width: 621px;
height: 325px;
/*float: right;*/
}


@media only screen and (max-width: 1080px) {
.whyysubInfoR {
float: left;
}
}

@media only screen and (min-width: 1200px) {
.whyysubInfoR {
float: right;
}
}

.whyysubInfoR h1 {
font-size: 30px;
line-height: 34px;
padding: 15px 0 15px 0;
color: #111;
font-weight: normal;
}

.whyysubInfoR ul {
overflow: hidden;
}
.whyysubInfoR ul li {
float: left;
width: 450px;
font-size: 20px;
margin-bottom: 20px;
}
.whyysubInfoR ul li b {
display: block;
font-weight: normal;
background: #fff;
color: #450C06;
padding: 3px 10px;
margin-right: 10px;
border: 1px solid #450C06;
float: left;
}
.whyysubInfoR ul li select {
height: 32.22px;
background: transparent;
width: 180px;
}
.cgyyshow-btn {
display: block;
width: 35%;
height: 50px;
background-color: #450C06;
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
font-size: 22px;
}