﻿@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: #4a4a4a;}
a:hover{color: #40b4ff;}
/*index*/
/*#header{ width: 100%; height: 80px; background: #40b4ff; 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("../image/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 #40B4FF;}
#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("../image/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("../image/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("../image/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: #40b4ff;}
#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: #40b4ff;}
#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("../image/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("../image/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;}
#in-content .in-part1{}
.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("../image/icon-gray.png"); *display:inline; *zoom:1;}
#in-content .in-ban-icon li.on{ background: url("../image/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: #f58636; 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("../image/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: #f58636;}
#in-content .in-part2{}
.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("../image/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("../image/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("../image/icon-heart.png") no-repeat center center;}
#in-content .in-perform li .extra .view i{ width: 24px; height: 20px; background: url("../image/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: #f58636; 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("../image/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: #f58636; 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: #40b4ff;}
#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: #40b4ff; 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("../image/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("../image/icon-gray.png");}
#venue_banner .in-ban-icon li.on{ background: url("../image/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: #f58636; border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px;}
#venue_content{ width:1176px; margin:0 auto; padding: 0 12px; overflow:hidden;}
#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:#40b4ff; margin-right:10px; display:inline; border-radius:7px; font-size:16px;}
#search_more a.search_red{ background:#f58636;}
#venue_content .venue_ul{ width:1200px; margin: 0 auto; overflow:hidden;}
.venue_ul li{ position:relative; width:280px; float:left; margin-right:20px; display:inline; overflow:hidden; margin-top:20px; background: #eef4f7; word-break: break-all; word-wrap: break-word;}
.venue_ul li .order{ position:absolute; left:0px ;top:0px; width:46px; height:50px; color:#fff; background:url(../image/san.png) no-repeat 0 0; font-size:16px; line-height:24px; padding-left:4px;}
.venue_ul li .img{ display:block; width:280px; height:187px; text-align: center;}
.venue_ul li .info{ padding:0 20px; background:#eef4f7; height:170px;}
.venue_ul li h1{ font-size:16px; line-height:30px; padding-top:10px; height:30px; overflow:hidden; }
.venue_ul li .start{width:90px; background: url(../image/start_39.png) repeat-x 0 0; height:16px;margin-bottom:18px; margin-top:4px; overflow:hidden;}
.venue_ul li .start p{background:url(../image/start_37.png) repeat-x;height:16px;}
.venue_ul li .text{ line-height:24px;height:72px; margin-top: 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("../image/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: #f58636; 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("../image/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: #40b4ff; 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("../image/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_last{ }
.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 h1 a{}
.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(../image/icon-heart1.png) no-repeat 0 center; padding-left:29px; width:40px;}
.activity_ul li .number span.view{ background:url(../image/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:#f58636; 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:#40b4ff;font-size:14px; margin-top:35px;}
.download_fj a{color:#40b4ff;font-size:14px; text-decoration:underline;}
.crumb{ width: 1160px; height: 40px; line-height: 40px; margin: 30px auto 0; padding: 0 20px; color:#9b9b9b;}
.crumb a{color:#9b9b9b;}
.detail-content{ width: 1200px; height: auto; overflow: hidden; padding: 0 20px; margin: 0 auto 60px;}
.detail_left,.detail-left{width:840px;}
.the_one{width: 838px; height: auto; overflow: hidden; border:1px solid #cbcbcb;}
.the_one .a_time{height:26px;line-height:26px;color:#666666; font-size:14px;background:#dddddd repeat; padding:0 50px;}
.the_one .a_note{padding:34px 46px 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:#8d989e;border-radius:4px;-webkit-border-radius:4px;white-space: nowrap;}
.a_note .address{display:block; overflow:hidden; margin-top:40px;border-bottom:1px solid #cacaca;padding-bottom:70px;}
.a_note .address .al_img{width:320px; height:213px;overflow:hidden;}
.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:#f58636;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:#f58636 ; 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("../image/hd_icon1.png") no-repeat 0 1px;}
.a_note .address .al_r .list .time{ background: url("../image/hd_icon2.png") no-repeat 0 2px;}
.a_note .address .al_r .list .period{ background: url("../image/hd_icon3.png") no-repeat 0 2px;}
.a_note .address .al_r .list .phone{ background: url("../image/hd_icon4.png") no-repeat 0 2px;}
.a_note .address .al_r .list .free{ background: url("../image/money_icon.png") no-repeat 0 3px;}
.a_note .address .al_r .list .traffic{ background: url("../image/v_icon4.png") no-repeat 0 2px;}
.a_note .address .al_r .list .home{ background: url("../image/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;}
.a_note .shares{display:block;margin-top:50px; overflow:hidden; border-bottom:1px solid #cacaca;padding-bottom:20px;}
.a_note .share_l .zan{background:url(../image/zan_icon.png) no-repeat 0px 0px; padding-left:40px; padding-right: 10px; height:31px; line-height:31px; display:inline-block; width:auto; font-size:14px; color:#4a4a4a;}
.a_note .share_l .zan.love{ background: url("../image/orange_dz.png") no-repeat 4px 5px;}
.a_note .share_l .share{background:url(../image/share_icon.png) no-repeat 0px 0px;width:32px;height:32px;line-height:2px;cursor:pointer; margin:0px 0px 0px 13px;}
.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:#f58636;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:#f58636;}
.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: #f18641; 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 #f18641;}
.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(../image/deletebtn.png) no-repeat; z-index:9;}
.shangchuan{background:url(../image/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:320px;}
.map{width:278px;height: 205px;padding:20px; border:1px solid #b1b1b1;overflow:hidden; background:#ffffff;}
#map-site{width: 278px;height: 205px;}
/**recommend**/
.recommend{ width: 318px; overflow: hidden; padding: 0px 0px 20px;background-color: #ffffff; border:1px solid #cbcbcb;}
.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: #40b4ff; 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: #f58636; 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;}
.w_star{width:180px; margin-left:15px; padding-top:6px;}
.a_note .title .start{background:url(../image/vwhite_star.png) repeat-x 0px 0px; width:140px; height:20px; vertical-align:top;}
.a_note .title .start p{background:url(../image/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;}
.a_note .v_address .al_r .list{}
.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("../image/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:#f58636; 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: #f58636; 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: 16.5%; text-align: center; line-height: 18px; color: #4a4a4a; font-size:15px;}
.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: #f18641; 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: #40b4ff; border: solid 1px #40b4ff;}
.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("../image/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("../image/null-result.png") no-repeat left center;}
.null_result .cont h2{ line-height: 30px; padding-top: 16px; color: #40b4ff; 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: #f58636; 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("../image/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("../image/icon-ticket-login.png") no-repeat;}
#ticket-top .ticket-top .ticket-menu .btn-logout{ background: url("../image/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: #40b4ff; 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("../image/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: #40b4ff; 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: #F58636; font-size: 30px; font-weight: normal; padding-left: 60px; background: url("../image/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: #40b4ff;}
.get-ticket .take-ticket .tip{ width: 228px; height: 22px; line-height: 22px; background: url("../image/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: #f58636; 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: #677075; 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: #F58636;}
.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: #F58636; border: solid 1px #F58636;}
.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: #f58636; 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: #677075; 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: #f58636; 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("../image/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: #F58636;}
.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("../image/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("../image/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("../image/start_39.png") repeat-x;}
.comment .comment-list .info .start p{ height: 16px; background: url("../image/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("../image/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(../image/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(../image/hp_user.jpg) no-repeat left center; padding-left:15px; margin-right:15px;}
.top_method ul li a.a_two{ background:url(../image/hp_pen.jpg) no-repeat left center; padding-left:15px; margin-right:15px;}
.top_method ul li a.a_three{ background:url(../image/hp_phone.jpg) no-repeat left center; padding-left:15px; margin-right:15px;}
.top_method ul li a.a_four{ background:url(../image/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("../image/in_ewm_bg.png") repeat; border: solid 1px #e3e3e3; padding: 8px;}
.hp_navbg{width:100%;height:58px;background:url(../image/hp_nav.png) repeat;}
.hp_nav{ width:1200px; margin:0 auto;position:relative;}
.hp_nav .logo{ width:50px; height:48px;margin-left:40px;padding-top:6px;}
.hp_nav ul{margin-left:55px;}
.hp_nav ul li{float:left;display:inline; width:50px; margin-top:20px;text-align:center; margin-right:15px;}
.hp_nav ul li a{width:50px;padding-bottom:8px;color:#ffffff;font-size:18px;display:inline-block;}
.hp_nav ul li a:hover{width:50px;border-bottom:3px solid #ffffff;padding-bottom:8px;color:#ffffff;font-size:18px;}
.hp_nav ul li.h_nav a{width:50px;border-bottom:3px solid #ffffff;padding-bottom:8px;color:#ffffff;font-size:18px;}
.hp_nav .h-form{position:relative;width: 680px; 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:5px; 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(../image/hp_xl.png) no-repeat 0px 0px;}
.hp_nav .h-form .sim-input{ float: left; width: 560px; line-height: 20px; padding: 4px 0; border: 0; outline: none; margin-left:30px;}
.hp_nav .h-form .submit-btn{ float: left; width: 21px; height: 17px; background:url(../image/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("../image/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: #40b4ff;}
#number_code{position:absolute;top:35px; left: -14px; width:104px; z-index:12; height:126px; border:1px solid #e3e3e3; background:url("../image/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;}