#banner{ width: 100%; height: 398px; overflow: hidden;}
#banner .banner{ width: 1200px; height: 398px; overflow: hidden; margin: 0 auto;}
#in-content{ width: 100%; padding: 0; background: #F5F5F5;}
#in-content .content{ width: 1200px; overflow: hidden; padding-bottom: 95px; margin: 0 auto;}
/*venues*/
.content .venue-list{ width: 1000px; overflow: hidden; margin: 50px auto 0;}
.content .venue-list ul{ width: 1050px; height: auto; min-height: 220px; overflow: hidden; margin-right: -50px;}
.content .venue-list li{ width: 300px; height: 380px; overflow: hidden; float: left; margin-right: 50px; margin-bottom: 30px; background: #ffffff;}
.content .venue-list li .img{ display: block; width: 300px; height: 200px; overflow: hidden;}
.content .venue-list li .grayImg{ position: relative;}
.content .venue-list li .info{ height: 98px; line-height: 22px; padding: 14px 20px 0;}
.content .venue-list li .info h3{ height: 22px; overflow: hidden; margin-bottom: 14px;}
.content .venue-list li .info a{ color: #000000; cursor: text;}
.content .venue-list li .info a:hover{ color: #000000 !important;}
.content .venue-list li .info p{ max-height: 44px; overflow: hidden;}
.content .venue-list li .extra{ height: 26px; overflow: hidden; padding: 14px 20px 0;}
.content .venue-list li .extra span{ display: inline-block; width: 60px; height: 20px; line-height: 20px; padding: 3px 5px 3px 0;}
.content .venue-list li .extra .heart{ float:left; width: 55px; line-height: 22px; color: #878787; font-family: Arial, Helvetica, Verdana; cursor: pointer;}
.content .venue-list li .heart i{ display: inline-block; float: left; width: 13px; height: 12px; margin: 4px 6px 0 0; background-position: 0 -107px;}
.content .venue-list li .ticket{ float:left; display: block; color: #000000;}
.content .venue-list li .extra .view{ float:left; width: 60px; color: #878787;}
.content .venue-list li .view i{ display: inline-block; width: 19px; height: 12px; margin: 4px 4px 0 0; float:left; background-position: -15px -107px;}
.content .venue-list li .view .red{ font-weight: normal;}
.content .venue-list li .red{ padding-left: 4px; font-weight: bold;}
.content .venue-list li .book-venues-btn{ float: right;}
.book-btn{ width: 65px;}
.red{ color: #FF4D4D;}
#page{ width: 1000px; height: 34px; margin: 0 auto; *margin-top:30px;}
#page .page{ height: 34px;}
#page .page a,#page .page span{ display: inline-block; float: left; height: 32px; line-height: 32px; vertical-align: top; color: #000000;}
#page .page a{ margin-left: 28px;}
#page .page a:hover{ color: #1786BD;}
#page .page a.disabled{ color: #999999;}
#page .page .pageList{ display: inline-block; float: left; vertical-align: top; position: relative; margin-left: 28px;}
#page .page .pageNum{ width: 88px; height: 20px; line-height: 20px; border: solid 1px #CCCCCC; padding: 6px 10px 6px 12px; cursor: pointer; position: relative; background: #ffffff;}
#page .page .pageNum i{ display: inline-block; width: 12px; height: 11px; position: absolute; top: 11px; right: 10px; background-position: 0 -38px;}
#page .page .pageList .list{ display: none; width: 88px; max-height: 260px; overflow: auto; border: solid 1px #CCCCCC; padding: 5px 10px 5px 12px; background-color: #FFFFFF; position: absolute; bottom: 36px; left: 0;}
#page .page .pageList .list li{ height: 26px; line-height: 26px; overflow: hidden;}
#page .page .pageList .list a{ display:block; width: 100%; line-height: 26px; padding: 0; margin: 0;}
#page .page .totalPage{ margin-left: 18px;}
#page.page-user{ width: 100%; margin-top: 30px;}
/*culture*/
#menu-icon{ width: 1200px; height: 68px; margin-top: 50px; padding: 44px 0 28px; border-bottom: solid 1px #CCCCCC; background: #ffffff;}
#menu-icon .menu{ width: 920px; height: 68px; overflow: hidden; margin: 0 auto;}
#menu-icon .menu a{ display: block; float: left; width: 130px; height: 68px; overflow: hidden; margin-left: 34px; padding-right: 20px;}
#menu-icon .menu a i{ display: inline-block; width: 68px; height: 68px; overflow: hidden; background: url("../image/culture-icon1.png") no-repeat;}
#menu-icon .menu a em{ display: inline-block; height: 68px; line-height: 68px; color: #769FC9; font-size: 18px; font-weight: bold; margin-left: 10px; vertical-align: top;}
#menu-icon .menu a:hover em,#menu-icon .menu a.curr em{ color: #FF7A4D;}
#menu-icon .menu a .i1{ background-position: 0 0;}
#menu-icon .menu a .i2{ background-position: -68px 0;}
#menu-icon .menu a .i3{ background-position: -136px 0;}
#menu-icon .menu a .i4{ background-position: -204px 0;}
#menu-icon .menu a .i5{ background-position: -272px 0;}
#menu-icon .menu a .i6{ background-position: -340px 0;}
#menu-icon .menu a:hover .i1,#menu-icon .menu a.curr .i1{ background-position: 0 -68px;}
#menu-icon .menu a:hover .i2,#menu-icon .menu a.curr .i2{ background-position: -68px -68px;}
#menu-icon .menu a:hover .i3,#menu-icon .menu a.curr .i3{ background-position: -136px -68px;}
#menu-icon .menu a:hover .i4,#menu-icon .menu a.curr .i4{ background-position: -204px -68px;}
#menu-icon .menu a:hover .i5,#menu-icon .menu a.curr .i5{ background-position: -272px -68px;}
#menu-icon .menu a:hover .i6,#menu-icon .menu a.curr .i6{ background-position: -340px -68px;}
#menu-icon .recommend-menu{ width: 960px;}
#menu-icon .recommend-menu a{ width:190px; margin-left: 50px; padding-right: 0;}
.content .cate-box{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 30px 30px 0; background: #ffffff;}
.content .cate-box .site{ width: 940px; height: 20px; line-height: 20px; overflow: hidden; color: #444444; margin: 0 auto 20px;}
.content .cate-box .site .orange{ color: #ff7a4d;}
.content .cate-box .cate-list{ width: 940px; overflow: hidden; margin: 0 auto; padding: 0 0 30px;}
.content .cate-box .cate-list dl{ line-height: 22px; overflow: hidden; margin-bottom: 20px; color: #444444;}
.content .cate-box .cate-list dt{ display: block; float: left; width: 46px; height: 22px;}
.content .cate-box .cate-list dd{ display: block; float: left; width: 894px;}
.content .cate-box .cate-list dd a{ display: inline-block; margin-right: 22px;}
.content .cate-box .cate-list dd a:hover,.content .cate-box .cate-list dd a.curr{ color: #FF7A4D !important;}
/*culture-detail*/
.body-detail{ background: #E2E7E7; padding: 40px 0 0 0;}
.detail{ width: 1000px; overflow: hidden; margin: 0 auto;}
.detail-l{ width: 610px; padding: 40px 30px 80px; background: #FFFFFF;}
.detail-r{ width: 240px; padding: 40px 30px 20px; background: #FFFFFF;}
.detail .d-title{ width: 100%; overflow: hidden;}
.detail .d-title h2{ float: left; width: 78%; line-height: 1.5em; color: #000000; font-size: 18px;}
.detail .d-title .book-box{ width: 100px; text-align: center;}
.detail .d-title .book-box .detail-book-culture{ width: 100%; height: 36px; line-height: 36px;}
.detail .d-title .book-box span{ height: 20px; line-height: 20px; overflow: hidden; margin-top: 4px;}
.detail .d-title .book-box b{ margin-left: 2px;}
.detail .d-note{ margin-top: 15px; width: 100%; overflow: hidden;}
.detail .d-note img{ max-width: 610px !important;}
.detail .d-note dl{ line-height: 26px; overflow: auto; padding: 5px 0;}
.detail .d-note dt{ float: left; width: 60px; color: #000000;}
.detail .d-note dd{ float: left; width: 540px; color: #444444;  word-break: break-all; word-wrap: break-word;}
.detail .d-note .d-article{ overflow: hidden;}
.detail .d-note .d-article,.detail .d-note .d-article p{ line-height: 36px; color: #444444;/* text-indent: 2em;*/ word-break: break-all; word-wrap: break-word;}
.detail .d-note .d-article img{ text-indent: 0; margin: 10px 0;}
.detail .d-note .d-annex{ overflow: hidden; line-height: 30px; margin-top: 20px;}
.detail .d-note .d-annex span{ display: inline-block; font-weight: bold;}
.detail .d-note .d-annex a{ display: inline-block; color: #1786BD; margin-right: 10px;}
.detail .d-note .d-annex a:hover{ text-decoration: underline;}
.detail .d-extra{ height: 24px; overflow: hidden; margin-top: 50px;}
.detail .d-extra .bar-fav{ height: 24px; line-height: 24px; color: #444444;}
.detail .d-extra .bar-fav span{ display: inline-block; margin-right: 20px;}
.detail .d-extra .bar-fav .love{ cursor: pointer;}
.detail .d-extra .bar-fav i{ display: inline-block; width: 15px; height: 14px; margin: 5px 4px 0 0; float:left;}
.detail .d-extra .bar-fav .love b{ font-weight: normal;}
.detail .d-extra .bar-fav .comm i{ background-position: 0 -50px;}
.detail .d-extra .bar-fav .love i{ background-position: 0 -64px;}
.detail .d-extra .bar-fav .love i.icon2{ background:url("../image/zheart.png") no-repeat left center;}
.detail .d-extra .bar-fav .view i{ background-position: -15px -107px; width:19px;}
.detail .bar-share .bdshare-button-style0-24 a,.detail .bar-share .bdshare-button-style0-24 .bds_more{ margin: 0 0 0 6px;}
.detail .comment{ margin-top: 40px;}
.detail .comment .comment-box{ overflow: hidden;}
.detail .comment .comment-box .img{ width: 50px; height: 50px; overflow: hidden;}
.detail .comment .comment-box .form-box{ width: 550px;}
.detail .comment .comment-box .area-text{ width: 538px; height: 90px; overflow: auto; line-height: 18px; padding: 5px; border: solid 1px #CCCCCC; resize: none;}
.detail .comment .comment-box .btn-bar{ height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px;}
.detail .comment .comment-box .btn-bar span{ display: inline-block; float: left; color: #999999;}
.detail .comment .comment-box .btn-bar .area-btn{ float: right; height: 30px; border: none; cursor: pointer;}
.detail .comment .comment-list{ overflow: hidden; margin-top: 40px;}
.detail .comment .comment-list{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.detail .comment .comment-list li{ width: 100%; height: auto; overflow: hidden; border-top: solid 1px #CCCCCC; padding: 16px 0 20px;}
.detail .comment .comment-list .img{ display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.detail .comment .comment-list .info{ width: 550px; height: auto; overflow: hidden;}
.detail .comment .comment-list h4{ height: 18px; line-height: 18px; overflow: hidden; margin: 6px 0; color: #999999; font-weight: normal;}
.detail .comment .comment-list h4 a{ float: left; padding-right: 8px; color: #465F7E;}
.detail .comment .comment-list h4 a:hover{ text-decoration: underline;}
.detail .comment .comment-list h4 em{ float: left;}
.detail .comment .comment-list p{ color: #666666; line-height: 2em; word-wrap: break-word;  word-break: break-all; word-wrap: break-word;}
.detail .comment .comment-list .load-more{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #666666; background-color: #F3F3F3; margin-top: 10px;}
.detail .recommend-tit{ height: 20px; line-height: 20px; overflow: hidden;}
.detail .recommend-tit .txt{ display: inline-block; float: left; vertical-align: top; color: #444444; font-size: 14px;}
.detail .recommend-tit .txt i{ display: inline-block; float: left; width: 20px; height: 20px; margin-right: 5px; background-position: -20px -24px;}
.detail .recommend-tit .change-batch{ display: inline-block; float: left; vertical-align: top; float: right; color: #487EB5;}
.detail .recommend-tit .change-batch:hover{ text-decoration: underline;}
.detail .recommend-list{ max-height: 840px; overflow: hidden; margin-top: 38px;}
.detail .recommend-list ul{ margin-top: 0;}
.detail .recommend-list li{ width: 100%; height: 280px;}
.detail .recommend-list .img{ width: 240px; height: 160px; overflow: hidden;}
.detail .recommend-list h3{ height: 22px; line-height: 22px; overflow: hidden; margin: 15px 0 6px 0; font-weight: normal;}
.detail .recommend-list h3 a{ color: #000000;}
.detail .recommend-list h3 a:hover{ color: #1786BD;}
.detail .recommend-list p{ max-height: 40px; line-height: 20px; overflow: hidden; color: #444444;}
/*user-activity*/
#content{ width: 100%; background: #F5F5F5;}
#content .user-content{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 20px 0 50px;}
#content .user-content .user-l{ width: 164px; padding: 30px 38px 100px; background: #ffffff;}
#content .user-content .user-r{ width: 700px; padding: 30px 20px 80px; background: #ffffff;}
#content .user-l .user-info{}
#content .user-l .user-info .img{ width: 150px; height: 150px; overflow: hidden;  padding: 6px; border: solid 1px #DDDDDD;}
#content .user-l .user-info h3{ line-height: 22px; color: #000000; font-size: 16px; font-weight: normal; text-align: center; margin-top: 16px;}
#content .user-l .user-info p{ line-height: 20px; color: #444444; text-align: center; margin-top: 4px;}
#content .user-l .user-menu{ width: 164px; margin-top: 22px;}
#content .user-l .user-menu a{ display: block; width: 162px; height: 44px; line-height: 44px; text-align: center; color: #444444; font-size: 14px; border: solid 1px #DDDDDD; background: #FFFFFF; margin-bottom: 12px;}
#content .user-l .user-menu a.curr,.content .user-l .user-menu a:hover{ color: #FFFFFF; font-weight: bold; border: solid 1px #769FC9; background: url("../image/user-icon1.gif") no-repeat center center;}
#content .user-r .tab{ height: 34px; overflow: hidden; background: url("../image/user-icon2.gif") repeat-x left bottom;}
#content .user-r .tab a{ display: block; float: left; width: 100px; height: 22px; line-height: 22px; color: #000000; font-size: 14px; font-weight: bold; text-align: center; padding-bottom: 8px; border-bottom: solid 4px #CCCCCC;}
#content .user-r .tab a.curr{ display: block; width: 100px; height: 22px; line-height: 22px; float: left; padding-bottom: 8px; border-bottom: solid 4px #769FC9;}
.user-part .activity-manage{ width: 100%;}
.user-part .activity-manage .null_info{ padding:191px 20px 156px; text-align: center;}
.user-part .activity-manage .null_info h3{ display: inline-block; *display:inline; *height: 48px; *zoom: 1; line-height: 46px; color: #666666; font-size: 14px; font-weight: normal; padding: 0 0 0 72px; background: url("../image/null-icon.png") no-repeat 0 0;}
.user-part .activity-manage .null_info h3 a{ color: #FF4C4C;}
.user-part .activity-manage .null_info h3 a:hover{ color: #FF4C4C !important; text-decoration: underline;}
.user-part .activity-manage li{ overflow: hidden;border: solid 1px #D9D9D9; margin-top: 15px; padding-bottom: 34px; position: relative;}
.user-part .activity-manage li .tit{ border-bottom: solid 1px #D9D9D9; height: 24px; line-height: 24px; padding: 8px 15px;}
.user-part .activity-manage li .tit span{ display: inline; float: left;}
.user-part .activity-manage li .tit em{ display: inline; float: right; color: #444444;}
.user-part .activity-manage li .info{ line-height: 30px; /*height: 90px;*/ overflow: hidden; color: #222222; font-size: 14px; padding: 15px 15px 0;}
.user-part .activity-manage li .info p{ height: 30px; overflow: hidden;}
.user-part .activity-manage li .info em{ padding: 0 30px;}
.user-part .activity-manage li .info span{ display: inline-block; float: left; vertical-align: top;}
.user-part .activity-manage li .pews{ display: inline-block; width: 74px; height: 26px; line-height: 26px; overflow: hidden; text-align: center; font-size: 12px; margin: 2px 8px 0 0;}
.user-part .activity-manage li .pews em{ display: inline-block; width: 74px; height: 26px; overflow: hidden; color: #212121; padding: 0; background: #DDDDDD;}
.user-part .activity-manage li .pews:hover em{ display: none;}
.user-part .activity-manage li .pews:hover a{ display: inline-block;}
.user-part .activity-manage li .pews a{ display: none; width: 74px; height: 26px; overflow: hidden; color: #ffffff; background: #FF4C4C;}
.user-part .activity-manage li label{ display: inline-block; height: 26px; line-height: 26px; overflow: hidden; text-align: center; font-size: 12px; margin: 2px 20px 0 0; cursor: pointer; background: url("../image/i-check.png") no-repeat;}
.user-part .activity-manage li label input[type=checkbox]{ display: inline-block; position: absolute; left: -9999px;}
.user-part .activity-manage li label span{ display: inline-block; width: 70px; height: 24px; line-height: 24px; overflow: hidden; text-align: center; color: #444444; font-size: 12px; background: #ffffff; border: solid 1px #d9d9d9; margin-left: 26px;}
.user-part .activity-manage li label.r-on{ background-position: 0 -26px;}
.user-part .activity-manage li label.r-off{ background-position: 0 0;}
.user-part .activity-manage li label.r-on span{ color: #ffffff; background: #769fc9;}
.user-part .activity-manage li .cancel-room{ display: inline-block; float: right; width: 74px; height: 24px; line-height: 24px; overflow: hidden; color: #FF4C4C; font-size: 12px; background: #ffffff; border: solid 1px #D9D9D9; text-align: center; margin: 2px 0 0; vertical-align: top;}
.user-part .activity-manage li .canceled-room{ display: inline-block; float: right; width: 74px; height: 24px; line-height: 24px; overflow: hidden; color: #808080; font-size: 12px; background: #ffffff; border: solid 1px #D9D9D9; text-align: center; margin: 2px 0 0; vertical-align: top;}
.user-part .activity-manage li .cancel-room:hover{ color: #ffffff; background: #FF4C4C; border: solid 1px #FF4C4C;}
.user-part .activity-manage li .activity-comment{ height: 20px; line-height: 20px; color: #444444; padding: 20px 15px 0;}
.user-part .activity-manage li .activity-comment a{ color: #FF4C4C;}
.user-part .activity-manage li .total{ height: 24px; line-height: 24px; position: absolute; top: 58px; right: 20px; color: #467BB0; font-size: 14px; font-weight: bold;}
.user-part li .tit .btn-status{ float: right; display: block; width: 60px; height: 24px; line-height: 24px; overflow: hidden; text-align: center; color: #FFFFFF; font-style: normal; margin-left: 20px; background-color: #6987CD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.user-part li .tit .btn-fail{ background-color: #999999;}
.user-part li .tit .btn-cancel{ background-color: #999999;}
.user-part li .btn{ display: block; position: absolute; width: 50px; height: 30px; line-height: 30px; text-align: center; padding: 0 35px; border: solid 1px #DDDDDD; outline: none; bottom: 10px;}
.user-part li .btn:hover{ color: #ffffff;}
.user-part li .btn-red{ color: #FF4C4C; border: solid 1px #D9D9D9;}
.user-part li .btn-red:hover{ border: solid 1px #FF4C4C; background-color: #FF4C4C;}
.user-part li .btn-blue{ color: #415174; border: solid 1px #DDDDDD;}
.user-part li .btn-blue:hover{ border: solid 1px #8492B3; background-color: #8492B3;}
.user-part li .btn-delete{ bottom: 30px;}
.user-part li .btn-order-detail{ right: 10px; display: none;}
.user-part li .btn-cancel-order{ right: 10px;}
.user-part li .btn-delete-order{ right: 10px;}
.user-part li .open i{ display: block; float: right; width: 9px; height: 7px; margin: 11px 0 0; background: url("../image/open-icon1.png") no-repeat;}
.user-part li .open i{ background-position: 0 -21px;}
.user-part li .btn-order-pay{ bottom: 72px;}
.user-part li .countdown{ height: 24px; line-height: 24px; position: absolute; top: 84px; right: 20px; color: #FF4C4C;}
.lightred{ color: #FF1A1A;}
.user-r h2{ height: 22px; line-height: 22px; color: #000000; font-size: 14px;}
.user-r .upgrade-manager{ width: 100%; margin-top: 36px;}
.user-r .upgrade-manager dl{ width: 100%; overflow: hidden; padding: 10px;}
.user-r .upgrade-manager dt{ float: left; width: 152px; height: 38px; line-height: 38px; text-align: right; color: #000000; padding-right: 10px;}
.user-r .upgrade-manager dt .red{ color: #FF4C4C; margin-right: 4px;}
.user-r .upgrade-manager dd .sel_year,.user-r .upgrade-manager dd .sel_month,.user-r .upgrade-manager dd .sel_day{ width: 70px; height: 30px; line-height: 30px; margin-right: 4px;}
.user-r .upgrade-manager .input-txt{ display: inline-block; vertical-align: top; width: 340px; height: 20px; line-height: 20px; padding: 8px 5px; border: solid 1px #DDDDDD;}
.user-r .upgrade-manager .u-sex{ line-height: 38px;}
.user-r .upgrade-manager .u-sex label{ display: inline-block; margin: 0 0px 0 0px; vertical-align: top;}
.user-r .upgrade-manager .u-sex input[type=radio]{ margin-right: 12px;}
.user-r .upgrade-manager .u-group-intro{ width: 455px; height: 144px; overflow: auto; line-height: 18px; padding: 5px; border: solid 1px #DDDDDD; resize: none;}
.user-r .upgrade-manager .upload-photo{ width: 202px;}
.user-r .upgrade-manager .photo{ width: 200px; height: 150px; border: solid 1px #DDDDDD;}
.user-r .upgrade-manager .upload-photo .btn,.user-r .upgrade-manager .upload-photo .uploadify-button-text{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; margin-top: 10px; background: #769FC9;}
.user-r .upgrade-manager .upload-photo .uploadify-button-text input{ color: #ffffff; border: 0; line-height: 30px; background: none;}
.user-r .upgrade-manager .upload-demo{ width: 250px; overflow: hidden; margin-left: 15px;}
.user-r .upgrade-manager .upload-demo .txt{ width: 40px; height: 20px; line-height: 20px; margin-top: 10px;}
.user-r .upgrade-manager .upload-demo .tip{ line-height: 18px; margin-top: 8px; color: #444444;}
.user-r .upgrade-manager .upload-demo .tip p{ text-indent: 2em;}
.user-r .upgrade-manager .upload-demo .tip p:first-child{ text-indent: 0;}
.user-r .upgrade-manager .submit-btn{ width: 120px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff; font-size: 14px; border: 0; cursor: pointer; background: #FF7A4D;}
/*venue-detail*/
.venues-detail{ background: #ffffff;}
.venues-detail .venues-part1{ padding: 40px 30px;}
.venues-part1 .slider{ width: 300px; height: auto;}
.venues-part1 .slider .bigImg{ width: 300px; height: 200px; overflow: hidden;}
.venues-part1 .slider .bigImg li{ width: 300px; height: 200px; overflow: hidden;}
.venues-part1 .slider .smallScroll{ width: 300px; height: 42px; overflow: hidden; margin-top: 10px; position: relative;}
.venues-part1 .slider .smallScroll .aPrev,.venues-part1 .slider .smallScroll .aNext{ position: absolute; top: 11px; display: block; width: 9px; height: 18px; overflow: hidden; background: url("../image/arrow-icon3.png") no-repeat;}
.venues-part1 .slider .smallScroll .aPrev{ left: 0; background-position: 0 0;}
.venues-part1 .slider .smallScroll .aNext{ right: 0; background-position: -10px 0;}
.venues-part1 .slider .smallScroll .smallImg{ width: 272px; height: 42px; overflow: hidden; margin: 0 auto;}
.venues-part1 .slider .smallScroll .smallImg ul{ width: 272px;}
.venues-part1 .slider .smallScroll .smallImg li{ width: 56px; height: 38px; overflow: hidden; float: left; margin: 0 4px; cursor: pointer; border: solid 2px #ffffff;}
.venues-part1 .slider .smallScroll .smallImg li.on{ border: solid 2px #FF8055;}
.venues-detail .venues-note{ width: 620px; height: auto; overflow: hidden;}
.venues-detail .venues-note h2{ line-height: 25px; color: #000000; font-size: 18px;}
.venues-detail .venues-note .v-intro{ margin-top: 20px;}
.venues-detail .venues-note .v-intro p{ height: 24px; line-height: 24px; overflow: hidden; color: #444444;}
.venues-detail .venues-note .v-intro em{ color: #000000;}
.venues-detail .venues-note .v-intro .map-icon{ display: inline-block; color: #FF7A4D; vertical-align: top; margin-left: 15px; *margin-top:-4px;}
.venues-detail .venues-note .v-intro .map-icon i{ display: block; float: left; width: 8px; height: 14px; margin: 5px 5px 0 0; background-position: 0 -92px;}
.venues-detail .venues-note .v-intro .map-icon i{ display: block; float: left; width: 8px; height: 14px; margin: 5px 5px 0 0; background-position: 0 -92px;}
.venues-detail .venues-note .v-detail{ margin-top: 15px; overflow: hidden;}
.venues-detail .venues-note .v-detail img{ max-width: 620px;}
.venues-detail .venues-note .v-detail,.venues-detail .venues-note .v-detail p{ line-height: 24px; color: #444444;}
.venues-detail .venues-note .v-detail em{ color: #000000;}
.venues-detail .venues-note .upgrade-manager-btn{ display: block; width: 120px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; color: #769FC9; border: solid 1px #769FC9; margin-top: 18px; background: #ffffff;}
.venues-detail .venues-part2{ padding: 20px 30px;}
.venues-part2 .h-time{ height: 40px; line-height: 40px; overflow: hidden; border-bottom: solid 2px #666666;}
.venues-part2 .h-time .time-box{ float: left; width: 800px; height: 40px; overflow: hidden; position: relative;}
.venues-part2 .h-time .time-box .sPrev,.venues-part2 .h-time .time-box .sNext{ position: absolute; top: 0px; display: block; width: 20px; height: 40px; overflow: hidden; background: #666666;}
.venues-part2 .h-time .time-box .sPrev i,.venues-part2 .h-time .time-box .sNext i{ display: block; width: 9px; height: 18px; margin: 11px 0 0 5px; background: url("../image/arrow-icon3.png") no-repeat;}
.venues-part2 .h-time .time-box .sPrev i{ background-position: 0 -19px;}
.venues-part2 .h-time .time-box .sNext i{ background-position: -10px -19px;}
.venues-part2 .h-time .time-box .sPrev{ left: 0;}
.venues-part2 .h-time .time-box .sNext{ right: 0;}
.venues-part2 .h-time .time-box .prevStop,.venues-part2 .h-time .time-box .nextStop{ background: #DDDDDD;}
.venues-part2 .h-time .time-list{ width: 756px; margin: 0 auto;}
.venues-part2 .h-time .time-list li{ float: left; width: 104px; height: 40px; line-height: 40px; text-align: center; color: #000000; background: #DDDDDD; margin:0 2px; cursor: pointer;}
.venues-part2 .h-time .time-list li.on{ color: #ffffff; background: #769FC9;}
.venues-part2 .h-time .group-book-btn{ float: right; display: block; width: 140px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff; background: #FF7A4D;}
.venues-part2 .table-list{ width: 100%; height: auto;}
.venues-part2 .table-list .item{ width: 948px; margin: 0 -4px;}
.venues-part2 .table-list .item th,.venues-part2 .table-list .item td{ background: #DDDDDD; border: solid 4px #ffffff;}
.venues-part2 .table-list .item th{ font-weight: normal;}
.venues-part2 .table-list .item th:first-child{ background: #666666;}
.venues-part2 .table-list .item td{ text-align: center; height: 40px; line-height: 40px; padding: 0; margin: 0;}
.venues-part2 .table-list .item tr{}
.venues-part2 .table-list .item tr td:first-child{}
.venues-part2 .table-list .item .rooms{ width: 204px; height: 40px; position: relative; color: #ffffff; background: #666666;}
.venues-part2 .table-list .item .rooms .rooms_tip{ display: none; width: 264px; text-align: left; color: #444444; padding: 10px 30px 35px 20px; position: absolute; left: 0; bottom: 18px; background: url("../image/rooms_tips.png") no-repeat left bottom;}
.venues-part2 .table-list .item .rooms .rooms_tip p{ line-height: 21px; color: #ffffff;}
.venues-part2 .table-list .item .rooms:hover .rooms_tip{ display: block;}
.venues-part2 .table-list .item td a{ display: block; width: 180px; height: 40px; overflow: hidden; background: url("../image/status-icon1.png") no-repeat;}
.venues-part2 .table-list .item td a.available{ background-position: 0 0;}
.venues-part2 .table-list .item td a.unavailable{ background-position: 0 -42px; cursor: not-allowed;}
.venues-part2 .table-list .item td a.selected{ background-position: 0 -84px;}
.venues-part2 .table-list .item td a.occupy{ background: #DDDDDD; cursor: not-allowed;}
.venues-part3 .d-extra{ margin-top: 10px;}
.venues-part3 .detail-r{ width: 260px;}
.venues-part3 .hot-venues{ height: 352px;}
.venues-part3 .hot-venues ul{}
.venues-part3 .hot-venues li{ height: 88px; overflow: hidden;}
.venues-part3 .hot-venues li .img{ width: 80px; height: 54px;}
.venues-part3 .hot-venues li .info{ width: 170px; height: 62px;}
.venues-part3 .hot-venues li .info h3{ height: 18px; line-height: 18px; margin: 0 0 4px 0; font-size: 12px;}
/*.body-detail{ background: #E2E7E7;}*/
/*digital-exhibition*/
.digital-list{ width: 1000px; height: auto; margin: 20px auto 0;}
.digital-list ul{ width: 1042px; margin-right: -42px;}
.digital-list li{ width: 305px; height: 325px; overflow: hidden; float: left; margin: 35px 42px 0 0; position: relative;}
.digital-list li .txt{ display: block; width: 305px; height: 325px; overflow: hidden; position: absolute; top: 235px ;left: 0; z-index: 2; background: url("../image/add-icon1.png") no-repeat 50% 265px #769fc9; opacity: 0.95; filter: alpha(opacity=95);}
.digital-list li .txt-box{ padding: 18px 35px;}
.digital-list li .txt-box h2{ height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 4px; color: #ffffff; font-size: 20px; font-weight: normal;}
.digital-list li .txt-box p{ line-height: 20px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #ffffff;}
.digital-list li .open .txt-box p{ height: auto; white-space: normal;}
.digital-list li .txt:hover{ color: #ffffff !important;}
/*login*/
.login-box{ width: 600px; height: 472px; overflow: hidden; margin:0 auto;/* position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -236px;*/ }
.login-box .login-top{ width: 100%; height: 120px; background: url("../image/login-top.png") no-repeat;}
.login-box .login-top h1{ height: 50px; line-height: 50px; color: #ffffff; font-size: 30px; font-weight: normal; text-align: center; padding: 35px 0;}
.login-box .login-cont{ padding: 15px 80px 78px; overflow: hidden; background: #ffffff;}
.login-box .msg-error{ height: 24px; line-height: 24px; overflow: hidden; color: #e4393c; text-indent: 20px; margin-left: 120px; background: url("../image/error-icon1.png") no-repeat left center;}
.login-box .login-cont dl{ overflow: hidden;}
.login-box .login-cont dl dt{ display: inline-block; float: left; width: 120px; height: 36px; color: #6b6b6b; font-size: 18px;}
.login-box .login-cont dl dt i{ display: inline-block; float: left; width: 26px; height: 20px; margin: 8px 12px 0 6px; background: url("../image/login-icon1.png") no-repeat;}
.login-box .login-cont .u-name dt i{ background-position: 0 0;}
.login-box .login-cont .u-pwd dt i{ background-position: 0 -20px;}
.login-box .login-cont .u-name,.login-box .login-cont .u-pwd{ height: 36px; line-height: 36px;}
.login-box .login-cont dl dd{ display: inline-block; float: left; width: 320px;}
.login-box .login-cont .u-default{ padding: 14px 0;}
.login-box .login-cont .u-default .input-txt{ width: 294px; height: 18px; line-height: 18px; color: #888888; padding: 8px 5px; border: solid 1px #e5e5e5; background: #f1f1f1;}
.login-box .login-cont .u-extra{ height: 20px; line-height: 20px; overflow: hidden; padding: 4px 0; color: #769fc9; font-size: 14px;}
.login-box .login-cont .u-extra label{ float: left;}
.login-box .login-cont .u-extra label input{ vertical-align: middle; margin-right: 4px;}
.login-box .login-cont .u-extra a{ float: right; color: #769fc9; margin-right: 10px;}
.login-box .login-cont .login-btn{ height: 45px; overflow: hidden; margin-top: 36px;}
.login-box .login-cont .login-btn{ height: 45px; overflow: hidden; margin-top: 33px; text-align: center;}
.login-box .login-cont .login-btn .btn-img{ display: inline-block; vertical-align: top; width: 196px; height: 45px; line-height: 45px; text-align: center; color: #ffffff; font-size: 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 10px;}
.login-box .login-cont .login-btn .btn-entry{ border: 0; background: #769fc9; cursor: pointer;}
.login-box .login-cont .login-btn .btn-register{ border: 0; background: #ff7a4d;}
/*recommend*/
.content .recommend-list{ width: 1000px; margin: 50px auto 0;}
.content .recommend-list ul{ width: 1016px; margin-right: -16px;}
.content .recommend-list li{ width: 238px; height: 312px; overflow: hidden; float: left; margin:0 16px 22px 0; background: #e6e2dc;}
.content .recommend-list li .img{ display: block; width: 238px; height: 195px; overflow: hidden;}
.content .recommend-list li .info{ padding: 12px 20px 15px; background: #e6e2dc;}
.content .recommend-list li .info h3{ height: 18px; line-height: 18px; overflow: hidden; margin-bottom: 6px;}
.content .recommend-list li .info a{ color: #000000; cursor: text;}
.content .recommend-list li .info a:hover{ color: #000000 !important;}
.content .recommend-list li .info p{ height: 16px; line-height: 16px; overflow: hidden; color: #666666;}
.content .recommend-list li .extra{ height: 20px; overflow: hidden; padding: 7px 20px; background: #ddd5c8;}
.content .recommend-list li .extra span{ display: inline-block; float:left; height: 20px; line-height: 20px; margin-right: 22px; font-family: Arial, Helvetica, Verdana;}
.content .recommend-list li .extra i{ display: inline-block; float: left; width: 15px; height: 14px;}
.content .recommend-list li .comm i{ margin: 3px 6px 0 0; background-position: 0 -50px;}
.content .recommend-list li .heart i{ margin: 2px 6px 0 0; background-position: 0 -64px;}
.recommend-detail .d-title h2{ width: 100%;}
/*book-room*/
#in-content .book-room-cont{ width: 1280px; height: auto; overflow: hidden; background: #ffffff; margin: 20px auto 0px;}
.book-room-cont .wrap{ width: 100%; overflow: hidden;}
.book-room-cont .part1{ margin-bottom:78px;position:relative;}
.book-room-cont .wrap .title{ height: 40px; line-height: 36px; overflow: hidden; margin: 60px auto 0; color: #666666; font-weight: bold; text-align: center;}
.book-room-cont .wrap .title em{ display: inline-block; vertical-align: top; height: 36px; font-size: 30px; font-family: Arial, Helvetica, Verdana; border-bottom: solid 4px #769fc9;}
.book-room-cont .wrap .title span{ display: inline-block; vertical-align: top; width: 100px; height: 36px; font-size: 18px; text-align: right; border-bottom: solid 4px #CCCCCC;}
.book-room-cont .wrap .slider{ overflow: hidden; margin: 0px auto 0;}
.book-room-cont .wrap .slider ul{  overflow: hidden;}
.book-room-cont .wrap .slider li{ width: 311px; height: 274px; overflow: hidden; float: left; position: relative;}
.book-room-cont .wrap .slider li .txt{ display: block; width: 100%; height: 274px; overflow: hidden; position: absolute; top: 190px ;left: 0; z-index: 2; background: url("/whjd/STATIC/image/add-purple.png") no-repeat 50% 222px #391f42; opacity: 0.95; filter: alpha(opacity=95);}
/* .book-room-cont .wrap.part6 .slider li .txt{top:190px;height:380px;} */
.book-room-cont .wrap .slider li .txt-box{ padding: 12px 30px; color: #ffffff;}
.book-room-cont .wrap.part6 .slider li .txt-box{ padding: 12px 30px; color: #333;}
.book-room-cont .wrap .slider li .txt-box h2{ height: 30px; line-height: 30px; overflow: hidden; text-align: center; margin-bottom: 2px; font-size: 20px; font-weight: normal;}
.book-room-cont .wrap .slider li .txt-box p{ line-height: 22px; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 1px;}
.book-room-cont .wrap .slider li .open .txt-box{/* padding-top: 34px;*/}
.book-room-cont .wrap .slider li .open .txt-box h2{ margin-bottom: 10px;}
.book-room-cont .wrap .slider li .open .txt-box p{ height: auto; white-space: normal;}
.book-room-cont .wrap .slider li .txt:hover{ color: #ffffff !important;}
.book-room-cont .wrap .twoPic{ width: 768px;}
.book-room-cont .wrap .twoPic li{ margin: 0 36px;}
.book-room-cont .part2{ height: 400px; padding: 60px 0; background: url("../image/book-room-part2.jpg") no-repeat;}
.book-room-cont .part2 .part2-img1{ width: 464px; height: 265px;  margin: 0 auto;}
.book-room-cont .part2 .part2-img2{ width: 464px; height: 78px; text-align: right; margin: 47px auto 0;}
.book-room-cont .part3{ margin-bottom:78px;}
.book-room-cont .part3 .slider{ margin-top: 78px;}
.book-room-cont .part3 .title{ margin-top: 78px;}
.book-room-cont .wrap .threePic{ width: 1041px;}
.book-room-cont .wrap .threePic li{ margin: 0 18px;}
.book-room-cont .part3 .slider li .txt{ background-image: url("/whjd/STATIC/image/add-blue.png"); background-color: #29425e;}
.book-room-cont .part4{ height: 429px; padding: 30px 0 30px; background: url("../image/book-room-part4.jpg") no-repeat;}
.book-room-cont .part4 .threePic{ margin: 0 auto;}
.book-room-cont .part4 .threePic li{ width: 224px; height: 426px; overflow: hidden; float: left; background-color: #5c0c31; color: #ffffff;}
.book-room-cont .part4 .threePic li h2{ height: 66px; font: 20px/66px "Microsoft YaHei"; padding: 0 20px;}
.book-room-cont .part4 .threePic li .intro{ text-align:justify;padding: 15px; line-height: 22px; color: #ffffff; opacity: 0.8; filter: alpha(opacity=80); letter-spacing: 2px; text-indent: 2em;}
/*.book-room-cont .part4 .part4-cont{ width: 740px; height: 400px; background: url("../image/book-room-bg1.png") no-repeat left top; margin: 0 auto; text-align: center; position: relative;}
.book-room-cont .part4 .part4-cont .box1{ padding: 40px; color: #ffffff;}
.book-room-cont .part4 .part4-cont .box1 h2{ height: 40px; line-height: 40px; font-size: 28px; font-weight: normal; margin-bottom: 30px;}
.book-room-cont .part4 .part4-cont .box1 p{ line-height: 22px; color: #cccccc;}
.book-room-cont .part4 .part4-cont .box2{ width: 740px; position: absolute; left: 0; top: 290px; text-align: center;}
.book-room-cont .part4 .part4-cont .box2 a{ display: inline-block; width: 146px; height: 48px; line-height: 48px; vertical-align: top; margin: 0 30px; color: #ffffff; font-size: 16px; background: url("../image/book-icon1.png") no-repeat;}
.book-room-cont .part4 .part4-cont .box2 .t2{ width: 186px; background-position: -147px 0;}
.book-room-cont .part4 .part4-cont .box2 a:hover{ color: #ffffff !important;}*/
.book-room-cont .part5{ margin-bottom:78px;}
.book-room-cont .part5 .slider { margin-top: 78px;}
.book-room-cont .part5 .title{ margin-top: 100px;}
.book-room-cont .part5 .slider li .txt{ background-image: url("/whjd/STATIC/image/add-orange.png"); background-color: #cd714a;}
.book-room-cont .part6{  padding-bottom:78px;background: url("../image/book-room-part6.jpg") no-repeat;}
.book-room-cont .part6 .slider { margin-top: 78px;}
.book-room-cont .part6 .title{ color: #ffffff; margin-top: 100px;}
/* .book-room-cont .part6 .slider li{width:484px;height:380px;margin-bottom:38px;} */
.book-room-cont .part6 .slider li .txt{ background-image: url("/whjd/STATIC/image/add-gray.png"); background-color: #d8d9d8;}
.user-r .upgrade-manager .change-password{ width: 100%; margin-top: 36px;}
.setting-content dl.dl-line{ overflow: hidden; padding: 35px 10px; border-top: dashed 1px #D9D9D9;}
.setting-content dl.userMobile{ margin-top: 20px;}
.setting-content dd{ float: left; width: 76%; line-height: 38px;}
.setting-content dd .showPlaceholder{ height: 38px;}
.setting-content dd .code{ margin-top: 30px;}
.setting-content .input-text{ float: left; width: 250px; height: 20px; line-height: 20px; padding: 8px 10px; color: #444444; font-size: 14px; border: solid 1px #D9D9D9;}
.setting-content .code-text{ width: 120px;}
.setting-content .send-code{ float: left; width: 110px; height: 36px; background-color: #769fc9; text-align: center; color: #ffffff; border: none; margin-left: 20px; cursor: pointer;}
.setting-content .showPlaceholder{ position: relative;}
.setting-content .showPlaceholder .placeholder{ visibility: visible; cursor: text; color: #999999;}
.setting-content .placeholder{ visibility: hidden; position: absolute; left: 10px; top: 0;}
.setting-content .readerDiv{ height: 38px; overflow: hidden;}
.setting-content .userPassword dd div{ height: 38px; margin-top: 30px;}
.setting-content .userPassword dd div:first-child{ margin-top: 0px;}
.setting-content .save-edit{ display: block; width: 140px; height: 34px; line-height: 34px; overflow: hidden; text-align: center; color: #ffffff; font-size: 14px; background: #FF4D4D; margin: 40px auto; border: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; cursor: pointer;}
.setting-content .editInfo .code{ margin-top: 20px;}
.setting-content .editInfo .edit-phone{ color: #63769F; font-size: 12px; margin-left: 20px;}
/*register-page*/
#register-content{ width: 100%;/* min-width: 1200px;*/ height: auto; overflow: hidden; padding: 30px 0 40px; background-color: #f5f5f5;}
.register-content{ width: 1000px; height: auto; overflow: hidden; margin: 0 auto;}
.steps{margin-bottom:15px}
.steps ul{background:#bbbbbb;}
.steps li{position:relative;float:left;width:25%;height:50px;line-height:50px;font-size:16px;text-align:center;color:#ffffff; background-color: #999999;}
.steps li .tab_status{position:absolute;top:0;right:-32px;width:32px;height:50px;background:url("../image/tab_status.png") 0 -100px no-repeat}
.steps li.step_1{z-index:4;width:330px}
.steps li.step_2{z-index:3;width:340px}
.steps li.step_3{z-index:2;width:330px}
.steps li.visited,.steps li.visited_pre{background:#769fc9;}
.steps li.visited .tab_status{background-position:0 0}
.steps li.visited_pre .tab_status{background-position:0 0;}
.steps li.active{background:#769fc9;}
.steps li.active .tab_status{background-position:0 -50px}
.steps li,.steps li .tab_status{cursor:default;}
.register-content h1{ height: 35px; line-height: 35px; margin: 20px 0 4px; color: #1f1f1f; font-size: 18px; font-weight: normal; padding-left: 30px;}
.register-part{ padding: 40px 45px; background-color: #ffffff;}
.register-part dl{ padding: 10px 0; font-size: 14px;}
.register-part dt{ width: 94px; float: left; text-align: right; padding-right: 20px; color: #1f1f1f; font-weight: bold;}
.register-part dd{ width: 86%; float: left;}
.register-part dd input[type=text],.register-part dd input[type=password]{ float: left; width: 300px; height: 22px; line-height: 22px; font-size: 12px; padding: 6px 10px; border: solid 1px #D9D9D9;}
.register-part dd input.input-code{ width: 170px;}
.register-part dd .send-code{ width: 110px; height: 36px; background-color: #769fc9; text-align: center; color: #ffffff; border: none; margin-left: 20px; cursor: pointer;}
.register-part dd .placeholder{ color: #999999;}
.register-part dd .error-msg{ color: #FF0000; font-size: 12px; margin-left: 20px; padding-left: 20px; background: url("../image/error-icon1.png") no-repeat;}
.register-part.part1 dl,.register-part.part1 dt,.register-part.part1 dd{ height: 36px; line-height: 36px;}
.register-part.part2 dl,.register-part.part12 dt,.register-part.part2 dd{ height: 35px; line-height: 35px;}
.register-part.part1 dd{ position: relative;}
.register-part.part1 dd .placeholder{ position: absolute; left: 11px; top: 0; font-size: 12px; visibility: hidden;}
.register-part.part1 .showPlaceholder .placeholder{ visibility: visible; cursor: text;}
.register-part.part2 dl{ padding: 20px 0; border-top: dashed 1px #D9D9D9;}
.register-part.part2 dl:first-child{ border-top: 0;}
.register-part.part2 dd label{ display: block; float: left; height: 52px; overflow: hidden; margin-left: 20px; cursor: pointer;}
.register-part.part2 dd label span{ float: left; display: block; width: 35px; height: 35px; line-height: 35px; overflow: hidden; text-align: center; color: #999999; font-size: 14px; background: url("../image/register-icon1.png") no-repeat;}
.register-part.part2 dd label input{ position: absolute; left: -9999px;}
.register-part.part2 dd label span{ background-position: 0 0;}
.register-part.part2 dd label.selected span{ background-position: 0 -35px; color: #ffffff;}
.register-content .register-submit{ display: block; width: 120px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff; font-size: 14px; background: #ff7a4d; margin: 40px auto; border: none; cursor: pointer;}
.register-part.part3{ padding: 30px; margin-top: 30px;}
.register-part .part3-box1{ border: solid 1px #D9D9D9; padding: 50px;}
.register-part .part3-box1 .register-text{ width:214px; padding: 0 0 40px 126px; margin: 0 auto; position: relative;}
.register-part .part3-box1 .register-text i{ display: block; width: 60px; height: 60px; overflow: hidden; position: absolute; left: 0; top: 0; background: url("../image/register-icon3.png") no-repeat;}
.register-part .part3-box1 .register-text h2{ line-height: 30px; padding-top: 6px; color: #444444; font-size: 18px; font-weight: normal;}
.register-part .part3-box1 .register-text p{ line-height: 20px; margin-top: 8px; color: #444444; font-size: 12px;}
.register-part .part3-box1 .register-text a{ color: #959595; margin-right: 18px;}
.register-part .part3-box1 .register-text a:hover{ text-decoration: underline;}
.register-part .part3-box1 .register-text .lightred{ color: #FF4C4C;}
.register-part .part3-box2{ border: solid 1px #D9D9D9; border-top: 0; padding: 35px;}
.register-part .part3-box3 .register-text{ width: 764px; padding-left: 74px;}
.register-part .part3-box3 .register-text h2{ font-size: 14px; color: #000000;}
.part3-box2 .bdsharebuttonbox{ height: 28px;}
.part3-box2 .bdsharebuttonbox span{ float: left; line-height: 24px; margin: 6px 6px 6px 0;}
/*culture-book*/
.steps-room li.step_1{z-index:4;width:240px}
.steps-room li.step_2{z-index:3;width:250px}
.steps-room li.step_3{z-index:2;width:250px}
.steps-room li.step_4{z-index:1;width:260px}
.room-part1{ padding: 25px 50px; background-color: #FFFFFF;}
.room-part1 .room-info{ padding: 24px 10px; background-color: #F6F8FC;}
.room-part1 .room-info h3{ line-height: 30px; color: #1F1F1F; font-size: 22px; margin: 0 0 8px; font-weight: normal;}
.room-part1 .venues-info{ padding: 15px 10px;}
.room-part1 .venues-info h3{ line-height: 30px; color: #1F1F1F; font-size: 22px; margin: 20px 0 8px; padding-top: 15px; font-weight: normal; border-top: dashed 1px #DDDDDD;}
.room-part1 .venues-info h3:first-child{ margin-top: 0; padding-top: 0; border: 0;}
.room-part1 .room-info p{ line-height: 22px; color: #666666; font-size: 14px;}
.room-part1 .tab1{ margin: 18px 0 14px;}
.room-part1 .tab1 th{ height: 26px; line-height: 26px; color: #1F1F1F; font-size: 14px; font-weight: bold; text-align: left; border-bottom: dashed 1px #d9d9d9; padding-bottom: 14px;}
.room-part1 .tab1 td{ padding: 14px 0;}
.room-part1 .tab1 .date{ width: 146px; height: 20px; line-height: 20px; overflow: hidden; color: #444444; padding: 7px 6px; border: solid 1px #d9d9d9; position: relative;}
.room-part1 .tab1 .date input{ width: 70px; float: left; line-height: 20px; padding-left: 4px; border: none;}
.room-part1 .tab1 .date input:first-child{}
.room-part1 .tab1 .date i{ display: block; position: absolute; right: 7px; top: 6px; width: 22px; height: 22px; background: url("../image/data-icon1.png") no-repeat; cursor: pointer;}
.room-part1 .tab1 .error-msg{ display: block; height: 20px; line-height: 20px; color: #FF0000; font-size: 12px; margin-top: 6px; padding-left: 20px; background: url("../image/error-icon1.png") no-repeat 0 2px;}
.room-part1 .tab1 .cate{ width:146px; height:36px; position:relative; border:1px solid #d9d9d9; overflow:hidden; padding-right:22px;}
.room-part1 .tab1 .cate .caption{line-height:36px; padding:0 5px; color: #444444;}
.room-part1 .tab1 .cate .arrow{position:absolute; right:10px; top:13px; line-height:12px; height:12px; color: #BBBBBB;}
.room-part1 .tab1 .cate select{position:absolute; top:7px; left:0; width: 170px; height: 26px; opacity:0; filter:alpha(opacity=0); z-index:2}
.room-part2 .tab1{ margin-top: 0;}
.room-part2 .tab1 .groupList .default{ color: #999999;}
.room-part2 .tab1 .groupList{ width: 236px;}
.room-part2 .tab1 .groupList select{ width: 260px;}
.room-part2 .tab1 .input-box{ height: 36px; overflow: hidden; position: relative;}
.room-part2 .tab1 .input-box .placeholder{ position: absolute; height: 20px; line-height: 20px; visibility: hidden; top: 7px; left: 12px; color: #999999;}
.room-part2 .tab1 .showPlaceholder .placeholder{ visibility: visible; cursor: text;}
.room-part2 .tab1 .name,.room-part2 .tab1 .phoneNum{ float: left; width: 190px; height: 20px; line-height: 20px; overflow: hidden; padding: 7px 10px; border: solid 1px #d9d9d9;}
.book-notes{ width: 880px; height: auto; overflow: hidden; padding: 10px; border: solid 1px #d9d9d9; background-color: #FFFFFF;}
.book-notes .book_inner{ overflow-y: auto; /* max-height: 288px; */}
.book-notes .book_inner .notes-content{ line-height: 24px;}
.book-notes .book_inner .caption{ color: #FF4C4C; font-size: 16px; font-weight: bold;}
.book-notes .book_inner .notes-title{ color: #1F1F1F; font-size: 12px; font-weight: bold;}
.book-notes .book_inner p{ color: #1F1F1F; font-size: 12px;}
.book-agreement{ height: 24px; line-height: 24px; margin: 15px 0;}
.book-agreement input{ vertical-align: middle; margin: 0px 4px 0 30px;}
.book-agreement label a{ color: #FF4C4C;}
.book-control{ margin-bottom: 30px; text-align: center;}
#register-content .btn-orange{ display: block; width: 120px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff; font-size: 14px; background: #ff7a4d; border: none; cursor: pointer;}
.book-control .book-submit{margin: 40px auto;}
/*seat*/
.legend-box{ height: 28px; line-height: 28px; padding: 5px 0 22px; border-bottom: dashed 1px #d9d9d9;}
.legend-box .tip{ width: 60px; float: left; text-indent: 5px; color: #1F1F1F; font-size: 14px; font-weight: bold;}
.legend-box .tip2{ float: left; margin-left: 10px; margin-right: 64px;}
.legend-box .tip2 li{ float: left; height: 28px; line-height: 28px; margin-right: 30px;}
.legend-box .tip2 li span{ margin-left: 10px;}
.legend-box .tip2 li .seatCharts-cell{ margin: 0;}
.activity-part1{ padding: 25px 30px;}
.activity-part1 .front{ width: 710px; height: 32px; line-height: 32px; color: #444444; font-size: 14px; text-align: center; margin: 30px auto; background-color: #EEEEEE;}
.seatCharts-container{ width: 100%; margin-bottom: 20px; overflow-x: auto; overflow-y: hidden; outline: none; padding-bottom: 20px;}
.seatCharts-cell{ width: 28px; height: 28px; line-height: 28px; color: #182C4E; text-align: center; margin: 7px; float: left;outline: none; font-size: 13px;}
.seatCharts-row{ height: 42px; overflow: hidden;}
.seatCharts-row .seatCharts-cell:first-child{/* margin-right: 64px;*/}
.seatCharts-seat{ color: #fff; cursor: pointer;}
.seatCharts-seat.available{ background-color: #B9DEA0;}
.seatCharts-seat.available.first-level{ background-color: #D93600;}
.seatCharts-seat.available.second-level{ background-color: #D96D00;}
.seatCharts-seat.available.third-level{ background-color: #FFB973;}
.seatCharts-seat.focused{ background-color: #76B474; border: none;}
.seatCharts-seat.available{ background-color: #D93600;}
.seatCharts-seat.selected{ background-color: #67AF22;}
.seatCharts-seat.unavailable{background-color: #999999; cursor: not-allowed;}
.seatCharts-seat.available.selected{ background-color: #67AF22;}
.seatCharts-seat.available.unavailable{background-color: #999999; cursor: not-allowed;}
.seatCharts-legend,.seatCharts-legendList{ height: 28px;}
.seatCharts-legend{ float: left;}
.seatCharts-legendItem {float:left; height: 28px; line-height: 28px; padding-right: 20px;}
.seatCharts-legendItem .seatCharts-cell{ margin: 0;}
.seatCharts-legendItem span.seatCharts-legendDescription{ margin-left: 10px;}
#selected-seats .seat-txt{ display: inline-block; height: 24px; line-height: 24px; color: #333333; padding: 0 10px; margin: 0 10px; background-color: #D9D9D9; border: solid 1px #cccccc;}
.ticket-list{ display: none; padding-top: 20px;}
.ticket-list .caption{ height: 22px; line-height: 22px; padding-left: 8px; margin-bottom: 10px;}
.ticket-list .caption h4{ float: left; color: #1F1F1F; font-size: 14px;}
.ticket-list .caption span{ float: left; color: #FF0000; margin-left: 12px;}
/*culture-book-order*/
.room-part3{ padding: 20px 30px; background-color: #FFFFFF;}
.room-part3 h1{ height: 40px; line-height: 40px; margin: 10px 0 6px; padding: 0;}
.room-order-info{ height: auto; overflow: hidden; padding: 20px; border: solid 1px #d9d9d9;}
.room-order-info .img{ width: 92px; height: auto; overflow: hidden;}
.room-order-info .details{ max-width: 742px; line-height: 30px; overflow: hidden; color: #666666; font-size: 12px; margin-left: 24px; word-break: break-all;}
.room-order-info .details span{ color: #999999;}
/*.room-order-info .details b{ font-size: 16px;}*/
.room-order-info .details input{ vertical-align: middle; margin-right: 6px;}
.room-order-info .details label{ color: #536693; font-size: 12px;}
.room-order-info.info2{ padding: 24px 20px; margin-top: 25px; position: relative;}
.room-order-info .go-back{ float: left; display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center; color: #959595; font-size: 14px; margin-top: 5px;}
.room-order-info .btn-submit-order{ float: right; margin-right: 50px;}
.room-order-info .btn-loading{ position: absolute; width: 118px; height: 38px; border: solid 1px #cccccc; background-color: #EEEEEE; right: 70px;}
.room-order-info .btn-loading h3{ line-height: 24px; font-size: 12px; color: #333333; font-weight: normal; text-align: center; margin-top: 4px;}
.room-order-info .btn-loading .img{ width: 108px; height: 3px; background: url("../image/btn-load.gif") no-repeat; margin: 2px auto 0;}
/*culture-book*/
.steps-activity li.step_1{z-index:5;width:200px}
.steps-activity li.step_2{z-index:4;width:200px}
.steps-activity li.step_3{z-index:3;width:200px; text-indent: 53px; text-align: left;}
.steps-activity li.step_4{z-index:2;width:200px; text-indent: 70px; text-align: left;}
.steps-activity li.step_5{z-index:1;width:200px;}
.room-part1 .tab1 .timeList{ width: 76px;}
.room-part1 .tab1 .timeList select{ width: 100px;}
.room-order-info.info3{ padding: 0; background: url("../image/line-gray.gif") repeat-y 540px 0;}
.room-order-info.info3 .details{ max-width: 400px;}
.room-order-info .info-l{ width: 500px; min-height: 120px; padding: 20px;}
.room-order-info .info-l .item{ overflow: hidden; margin-top: 15px;}
.room-order-info .info-l .item:first-child{ margin-top: 0px;}
.room-order-info .info-l .item .img{ width: auto; overflow: hidden;}
.room-order-info .info-l .item p{ line-height: 20px;}
.room-order-info .info-r{ width: 300px; padding: 20px;}
/*get-ticket*/
.ticket-top{ width: 100%; height: 160px; overflow: hidden; border-bottom: solid 1px #EEEEEE; background: #ffffff;}
.ticket-top .menu{ width: 760px; height: 82px; overflow: hidden; margin: 40px auto 0;}
.ticket-top .menu a{ display: block; float: left; width: 210px; height: 80px; text-align: center; margin: 0 84px; border: solid 1px #ffffff;}
.ticket-top .menu a span{ display: block; width: 200px; height: 70px; line-height: 70px; border: solid 5px #ffffff; background: #769FC9; color: #ffffff; font-size: 28px;}
.ticket-top .menu a.curr{ border: solid 1px #769FC9;}
.ticket-top .menu a.curr span{ background: #9FBCD9;}
.ticket-content{ width: 100%; height: auto; overflow: hidden;}
.get-ticket{ width: 582px; margin: 0 auto; padding: 90px 0 50px;}
.get-ticket h1{ height: 50px; line-height: 50px; overflow: hidden; color: #333333; font-size: 28px; font-weight: normal;}
.get-ticket input[type=text]{ width: 540px; height: 40px; line-height: 40px; overflow: hidden; color: #000000; font-size: 36px; padding: 20px; border: solid 1px #cccccc; background: #ffffff; margin-top: 25px;}
.get-ticket .tip{ height: 24px; line-height: 24px; text-indent: 26px; color: #444444; font-size: 14px; background: url("../image/help-icon1.png") no-repeat 0 2px; margin: 24px 0 0;}
.get-ticket input[type=submit]{ display: block; width: 350px; height: 92px; line-height: 92px; overflow: hidden; color: #ffffff; font-size: 36px; border: solid 1px #cccccc; background: #FF4C4C; margin: 130px auto 0; cursor: pointer;}
.book-ticket{ width: 100%;}
.ticket-body-bg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background: #000000; opacity: 0.5; filter: alpha(opacity=50);}
#ticket-layer{ width: 45%; position: absolute; left: 27.5%; top: 50px; z-index: 12; background: #ffffff;}
#ticket-layer .layer-info{ padding: 65px;}
#ticket-layer .layer-info .txt{ margin-top: 32px; padding: 0 0 78px 130px; background: url("../image/exclamation-icon.png") no-repeat 0 0;}
#ticket-layer .layer-info .txt h3{ line-height: 50px; font-size: 28px; margin-bottom: 6px;}
#ticket-layer .layer-info .txt p{ line-height: 50px; font-size: 28px;}
#ticket-layer .layer-info .btn-confirm{ display: block; width: 270px; height: 80px; line-height: 80px; color: #ffffff; font-size: 32px; text-align: center; margin: 0 auto; background: #769FC9;}
/*Map*/
#map{ width: 100%; overflow: hidden; position: relative;}
#map .map-l{ width: 350px; background: #ffffff; padding-bottom: 999em; margin-bottom: -999em; position: absolute; top: 0; left: 0;}
#map .map-r{ position: relative; height: 100%; margin-left: 350px; overflow: hidden; padding-bottom: 999em; margin-bottom: -999em;}
#map .map-l .search-bar{ width: 287px; height: 34px; overflow: hidden; padding-top: 20px; margin: 0 auto;}
#map .map-l .search-bar .input-txt{ float: left; width: 226px; height: 20px; line-height: 20px; overflow: hidden; padding: 6px 5px; border: solid 1px #cccccc; border-right: 0; outline: none;}
#map .map-l .search-bar .search-btn{ float: left; width: 50px; height: 34px; line-height: 34px; overflow: hidden; text-align: center; color: #ffffff; border: 0; background: #769fc9; cursor: pointer;}
#map .map-l .result-close{ display: block; width: 10px; height: 45px; background: url("../image/arrow-icon4.png") no-repeat; position: absolute; left: 348px; z-index: 2; cursor: pointer;}
#map .map-l .result-close{ background-position: -11px 0;}
#map .map-l .result-close.open{ background-position: 0 0;}
#map .map-l .map-result{ width: 100%; position: relative;}
#map .map-l .map-result .scroll{ width: 15px; position: absolute; right: 2px; top: -38px; z-index: 2;}
#map .map-l .map-result .scroll .scrollBar{ width: 15px; height: 160px; background: url("../image/scrollbar-icon.png") no-repeat center center #769fc9; position: absolute; right: 0; top: 0; cursor: pointer;}
#map .map-l .map-result .scroll .scrollBar:hover{ background-color: #7eb3e9;}
#map .map-l .map-list{ width: 100%; overflow: hidden; position: relative;}
#map .map-l .map-list ul{ position: absolute;}
#map .map-l .map-list li{ overflow: hidden; padding: 28px 0; border-top: solid 1px #a0a0a0;}
#map .map-l .map-list li:first-child{ border-top: 0;}
#map .map-l .map-list li i{ display: block; float: left; width: 20px; height: 28px; line-height: 22px; color: #ffffff; font-family: Arial, Helvetica, Verdana; font-style: normal; text-align: center; margin-left: 25px; background: url("../image/marker-icon1.png") no-repeat;}
#map .map-l .map-list li:hover i{ background-position: 0 -30px;}
#map .map-l .map-list li .info{ float: left; width: 160px; padding-right: 8px; margin-left: 14px;/* font-family: \u5b8b\u4f53;*/}
#map .map-l .map-list li .info h3{ line-height: 22px; color: #333333; font-size: 14px; margin-bottom: 8px;}
#map .map-l .map-list li .info p{ line-height: 20px; color: #555555;}
#map .map-l .map-list li .img{ float: left; margin-top: 32px;}
#map .map-r .tool-bar{ width: 364px; position: absolute; top: 0; right: 0; z-index: 10;}
#map .map-r .tool-bar .cate{ width: 141px; float: left;}
#map .map-r .tool-bar>li>span{ display: block; height: 40px; line-height: 40px; color: #ffffff; background: #769fc9;}
#map .map-r .tool-bar>li>span:hover,#map .map-r .tool-bar>li>span.on{ background: #ff7a4d;}
#map .map-r .tool-bar .cate>span{ width: 140px; border-right: solid 1px #ffffff;}
#map .map-r .tool-bar .cate i{ float: left; display: inline-block; width: 21px; height: 18px; vertical-align: top; background: url("../image/cate-icon1.png") no-repeat;}
#map .map-r .tool-bar .cate>span i{ margin: 12px 18px 0;}
#map .map-r .tool-bar .cate ol{ width: 140px; display: none;}
#map .map-r .tool-bar .cate ol li{ width: 140px; height: 36px; line-height: 36px; color: #ffffff; background: #bbbbbb; border-top: solid 1px #ffffff;}
#map .map-r .tool-bar .cate ol li:hover{ background: #7d7d7d;}
#map .map-r .tool-bar .cate ol li:first-child{ border-top: 0;}
#map .map-r .tool-bar .cate ol li i{ margin: 10px 10px 0 10px;}
#map .map-r .tool-bar .cate ol li a{ color: #ffffff;}
#map .map-r .tool-bar .cate ol li .i1{ background-position: 0 -38px;}
#map .map-r .tool-bar .cate ol li .i2{ background-position: 0 -76px;}
#map .map-r .tool-bar .cate ol li .i3{ background-position: 0 -114px;}
#map .map-r .tool-bar .cate ol li .i4{ background-position: 0 -152px;}
#map .map-r .tool-bar .cate ol li .i5{ background-position: 0 -189px;}
#map .map-r .tool-bar .cate ol li .i6{ background-position: 0 -226px;}
#map .map-r .tool-bar .cate ol li .i7{ background-position: 0 -262px;}
#map .map-r .tool-bar .cate ol li .i8{ background-position: 0 -300px;}
#map .map-r .tool-bar .street{ width: 122px; float: left;}
#map .map-r .tool-bar .street>span{ width: 122px;}
#map .map-r .tool-bar .street>span i{ float: left; display: inline-block; width: 21px; height: 20px; vertical-align: top; background: url("../image/cate-icon2.png") no-repeat;}
#map .map-r .tool-bar .street>span i{ background-position: -21px 0; margin: 10px 8px 0 10px;}
#map .map-r .tool-bar .street>span:hover,#map .map-r .tool-bar .street>span.on{ border-bottom: solid 1px #ffffff;}
#map .map-r .tool-bar .street>span:hover i,#map .map-r .tool-bar .street>span.on i{ background-position: -21px -20px;}
#map .map-r .tool-bar .streetList{ display: none; width: 346px; height: auto; padding: 35px 25px 25px; position: absolute; left: -132px; top: 41px; background: #bbbbbb;}
#map .map-r .tool-bar .streetList a{ display: inline-block; height: 24px; line-height: 24px; margin: 5px 18px; vertical-align: top; color: #ffffff;}
#map .map-r .tool-bar .streetList a:hover{ color: #769fc9;}
#map .map-r .tool-bar .fullScreen{ float: left; width: 101px; height: 40px;}
#map .map-r .tool-bar .fullScreen a{ display: block; width: 100px; height: 40px; color: #ffffff;}
#map .map-r .tool-bar .fullScreen>span{ width: 100px; border-left: solid 1px #ffffff;}
#map .map-r .tool-bar .fullScreen>span i{ float: left; display: inline-block; width: 21px; height: 20px; vertical-align: top; background: url("../image/cate-icon2.png") no-repeat;}
#map .map-r .tool-bar .fullScreen>span i{ background-position: -42px 0; margin: 10px 8px 0 10px;}
#map .map-r .tool-bar .fullScreen>span:hover i,#map .map-r .tool-bar .fullScreen>span.on i{ background-position: -42px -20px;}
#map .map-content{ width: 100%;}
/*APP*/
#in-content .app-content{ margin-top: 30px; padding-bottom: 40px;}
.app-content .app-tit{ height: 50px; line-height: 50px;}
.app-content .app-tit li{ float: left; width: 200px; height: 50px; text-align: center; margin-right: 1px; color: #ffffff; font-size: 16px; font-weight: bold; background-color: #bbbbbb; cursor: pointer;}
.app-content .app-tit li.cur{ background-color: #769fc9;}
.app-content .app-list{ background-color: #ffffff;}
.app-content .app-item{ width: 100%;}
.app-content .app-item .app-intro{ clear: both; overflow: hidden; padding: 80px 130px 70px;}
.app-content .app-item .app-img-log{ width: 250px; height: 250px; overflow: hidden; float: left;}
.app-content .app-item .app-img-log img{ width: 250px; height: 250px; overflow: hidden;}
.app-content .app-item .app-info{ width: 650px; float: right;}
.app-content .app-item .app-info h2{ height: 26px; line-height: 26px; padding-bottom: 25px; border-bottom: dotted 1px #CCCCCC; color: #1F1F1F; font-size: 18px; font-weight: normal;}
.app-content .app-item .app-intro-txt{ margin-top: 18px;}
.app-content .app-item .app-intro-txt,.app-content .app-item .app-intro-txt p{ font: 12px/30px "Microsoft YaHei"; color: #666666; letter-spacing: 1px; word-break: break-all; word-wrap: break-word;}
.app-content .app-item .app-ewm{ clear: both; overflow: hidden; padding: 70px 130px 120px;}
.app-content .app-item .app-ewm > div{ float: left; width: 260px; overflow: hidden; margin-right: 120px;}
.app-content .app-item .app-ewm h3{ width: 140px; height: 46px; line-height: 46px; color: #ffffff; font-size: 18px; font-weight: normal; text-indent: 10px; background-color: #769fc9;}
.app-content .app-item .app-ewm .app-android-img{ width: 240px; height: 240px; overflow: hidden; padding: 10px; background-color: #769fc9;}
.app-content .app-item .app-ewm .app-android-img img{ width: 240px; height: 240px; overflow: hidden;}
.app-content .app-item .app-ewm .app-xz{ height: 51px; text-align: center; margin-top: 30px;}
/*2015-10-16*/
#activityForm{margin: 0px;}
.user-part .activity-manage li p.room-item{ padding-right:85px; position:relative; }
.user-part .activity-manage li p.room-item .cancel-room{ position:absolute; right:0; top:0; }
.user-part .activity-manage li p.room-item .canceled-room{ position:absolute; right:0; top:0; }
/*闁瑰瓨鍨瑰▓鎴犵矚濞差亝锛熼柤棰佽兌缂嶅绮╁▎鎰倒缂侊拷鎷�015-10-27*/
.oldSiteTip-bg{ width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; left: 0;}
.oldSiteTip{ position: absolute; z-index: 1001; top: 200px; left: 50%; margin-left: -260px; width: 320px; height: 155px; padding: 70px 100px; background: #dfe6ee; border: solid 1px #d6dde6;}
.oldSiteTip p{ line-height: 40px; font-size: 24px;text-align: center; letter-spacing: 5px;}
.oldSiteTip .btn{ height: 38px; text-align: center; margin-top: 40px;}
.oldSiteTip .btn a{ display: inline-block; width: 100px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; margin: 0 18px;}
.oldSiteTip .btn .change{ color: #ffffff; border: solid 1px #769fc9; background: #769fc9;}
.oldSiteTip .btn .closeTip{ color: #666666; border: solid 1px #cccccc; background: #dfe6ee;}
/*Terminal CSS*/
#menu-icon.Terminal-menu{ width: 1000px; margin-left: auto; margin-right: auto;}
.Terminal-appPage{ width: 1000px !important;}
.Terminal-appPage .main-nav { width: 300px !important;}
/*Login-reader*/
.login-box .f20 h1{ font-size: 20px; text-align: left; text-indent: 20px;}
.login-reader .login-cont .login-btn .btn-img{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.login-box .login-cont .u-default{ padding: 10px 0;}
.login-reader .login-cont .u-tip dd{ line-height: 18px; color: #ff7a4d; font-size: 14px;}
.reader-bind{ height: 420px;}
.reader-bind .login-cont{ height: 182px;}
.reader-bind .login-cont .reader-info{ }
.reader-bind .login-cont .reader-info.fail{ background: url("../image/reader-fail.png") no-repeat center top; padding-top: 78px;}
.reader-bind .login-cont .reader-info p{ line-height: 48px; text-align: center; color: #6b6b6b; font-size: 18px;}
.reader-bind .login-cont .reader-info.success{ background: url("../image/reader-success.png") no-repeat left top; margin-top: 60px;}
.reader-bind .login-cont .reader-info.success p{ line-height: 60px; font-size: 30px; padding-left: 90px; text-align: left;}

#seat-map{
	
scrollbar-face-color:#769FC9; 
scrollbar-shadow-color: #769FC9; 
scrollbar-highlight-color: #769FC9; 
scrollbar-3dlight-color: #fff; 
scrollbar-darkshadow-color: #769FC9; 
scrollbar-track-color: #fff; 
scrollbar-arrow-color: #769FC9; 	
}

/* ---滚动条默认显示样式--  */ 
 
#seat-map::-webkit-scrollbar-thumb{   

   background-color:#769FC9;   

   height:50px;   

   outline-offset:-2px;   

   outline:2px solid #fff;   

   -webkit-border-radius:7px;   

   border: 2px solid #fff;   

}   

/*  #seat-map::-webkit-scrollbar-button {
background-color: #7c2929;
} */
/* 
---鼠标点击滚动条显示样式--  */ 
 
#seat-map::-webkit-scrollbar-thumb:hover{   

   background-color:#769FC9;   

   height:50px;   

   -webkit-border-radius:7px;   

}   

/* ---滚动条大小--   */
 
#seat-map::-webkit-scrollbar{   

   width:15px;   

   height:15px;   

}
/* ---滚动框背景样式--   */
 
#seat-map::-webkit-scrollbar-track-piece{   

   background-color:#fff;   

   -webkit-border-radius:0;   

} 

.register-part dd input.val_txt{ color:#999999;}