﻿/*xianghongai@gmail.com*/
/*page*/
.ui-page-wrap { height: auto; min-height: 100%; position: relative; }
.ui-page-container { padding-bottom: 270px; height: auto; min-height: 100%; }
.ui-page-footer { position: absolute; bottom: 0; width: 100%; height: 270px; z-index: 1; }
.container { width: 100%; }
.container-inner { margin-right: auto; margin-left: auto; width: 960px; }

.ui-page-nav { height: 60px; line-height: 60px; width: 100%; }
.ui-page-nav-pin { position: fixed; top: 0; left: 0; z-index: 9999; box-shadow: 0 2px 4px rgba(0, 0, 0,.2); }
.ui-page-nav-inner .item { padding-left: 15px; padding-right: 15px; *float: left; }
.ui-page-nav-inner .item.active,
.ui-page-nav-inner .item:hover { background-color: #1e9277; }
.ui-page-nav-inner .item a { display: block; width: 100%; height: 100%; }
.ui-page-nav-inner .item a, .ui-page-nav-inner .item a:hover { color: #fff; font-weight: normal; text-decoration: none; }
.ui-page-nav-inner .nav-logo { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAkCAYAAADy19hsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAArdJREFUeNrUmEtrVDEUgL3TapEq2DLWjaK0amWgFVsQFUV84MKVCxe6EzcVXPgz6sKNCor4F9wohYIPEEFQOopWUSsj1gcttFKpLWgH9fodmoExJjN3MnOm44Fvcic5Sc5NTpKTG8VxvOx/kmaTjifQ3RtF0Wc7kxc+STJYpR3faLuXtg7zfKco/y70U9ZOWSfP2YLBGyt4OVt2JaxfSmblB8PEwChenPYuU/auSK+tuQaztF3bDeIiv03VoL1ebYMZ+agw4oUR/mDprIemBG8uem0KNn71Prt2CfLG439lk0PvqENvreZoV+sSPdb/T8zedCMbbC+4rLY/p2q84J40rMH46gqSbit7pF4nXYhkHPWzRS/UQpKGVpjDtyeX2iVs/30vRyyGnoIHYiTIUT4GE+TNwRCcgPCBCt3W+H/BKh+BZ3EyGYN99Tb4dlyd/IIzS+kSIX1fxeiz6ouOTjpIOkqovICXkIc10AcbPLqXxJVYlA/VXELiVs8034RuTz+74b6n3htYrmnwERg1fliQixCV6asJLnuMPq266IzeajgI55JuVeilYNjR/iN1g6vYSjPw29FHWjuWCA3IX3nijr6GNNjIY0deVyMb/MWR11Lzfdjhy3mmeCLA4JX1itaeWvc4GamQa5Fr+qc0XOKj9T/NqPcExNIHHEWvNQx+68gbqLANOSTaHR9TRmu+D5MOOMp+ws6Eo9sJM442rqscHHKNh7yjfAr6y/S1GXKOunKIZDRjiWueeOAHnIctVnvbYBC+e+pdUQ3geV4H02UC9BnTzmwZvefQWo8bxyGPa1QiOfO5S//GwWFxj+QYzAc2IRfVPa5vzqrRmllIwxWM6qRciyQ2DhooMXjxa+ZfRhwnWWXp3kBvvsSL7yCRr/H7Yau5GoksQM5EZ7dgiHYWQmf2jwADAG5KvEGDRgzrAAAAAElFTkSuQmCC') /*../images/15th.png*/; *background-image: url(../images/15th.png); background-repeat: no-repeat; background-position: center center; width: 90px; text-align: center; padding-left: 0; padding-right: 0; text-indent: -9999em; }
.ui-page-nav-inner .nav-logo,
.ui-page-nav-inner .nav-logo:hover { background-color: #134050; }
.ui-page-nav-inner .nav-logo a { display: block; }

.opacity-bg .desc { position: absolute; bottom: 0; left: 0; z-index: 99; width: 100%; height: auto !important; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; }
.opacity-bg .desc a, .opacity-bg .desc a:hover { color: #fff; text-decoration: none; }


@-webkit-keyframes breathing {
    0% { background-color: #21babd; box-shadow: 2px 2px 6px #21babd,-2px -2px 6px #21babd; -webkit-transform: scale(0.6); }
    50% { background-color: #90f4f6; box-shadow: 2px 2px 8px #90f4f6,-2px -2px 8px #90f4f6; -webkit-transform: scale(1.4); }
}

@keyframes breathing {
    0% { background-color: #21babd; box-shadow: 2px 2px 6px #21babd,-2px -2px 6px #21babd; opacity: 1; transform: scale(0.6); }
    50% { background-color: #90f4f6; box-shadow: 2px 2px 8px #90f4f6,-2px -2px 8px #90f4f6; transform: scale(1.4); }
}

/*swiper*/
.swiper-prevnext { position: absolute; top: 50%; z-index: 999; display: block; width: 44px; height: 44px; margin-top: -22px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAAAsCAYAAACZvCZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjNBM0ZEOEFENjdDMTFFM0EyQTRCMzU4ODcwRkNCNzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjNBM0ZEODlENjdDMTFFM0EyQTRCMzU4ODcwRkNCNzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2MzdCNzJERDY3QTExRTM5QjM0OTZFOTdCQ0M4MzY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2MzdCNzJFRDY3QTExRTM5QjM0OTZFOTdCQ0M4MzY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JJwPWQAAB31JREFUeNrknWlsVUUU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') /*../images/prevnext-3-sm.png*/; *background-image: url(../images/prevnext-3-sm.png); cursor: pointer; }
.swiper-prev { left: 20px; background-position: -176px 0; }
.swiper-prev:hover { background-position: -88px 0; }
.swiper-next { right: 20px; background-position: -220px 0; }
.swiper-next:hover { background-position: -132px 0; }

.swiper-pagination { position: absolute; z-index: 999; }
.swiper-pagination-center { bottom: 20px; left: 0; text-align: center; width: 100%; }
.swiper-pagination-switch { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; margin-right: 5px; margin-left: 5px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease; }
.swiper-active-switch { background-color: #21babd; -webkit-animation: breathing 1s linear infinite; animation: breathing 1s linear infinite; }

/*switchable news*/
.switchable-news,
.switchable-news .swiper-container,
.switchable-news .swiper-slide { position: relative; width: 520px; height: 380px; }
.switchable-news .swiper-pagination { top: 20px; right: 20px; text-align: center; }
.switchable-news .swiper-slide { position: relative; overflow: hidden; }
.switchable-news .swiper-slide .desc { padding-top: 10px; padding-bottom: 10px; min-height: 20px; height: 20px; font-size: 1.125em; line-height: 1.25em; }

/*container hd*/
.container-hd { background-image: url(../images/forum.title.png); *background-image: url(../images/forum.title.png); background-repeat: no-repeat; height: 140px; width: 660px; margin-right: auto; margin-left: auto; margin-bottom: 30px; }
.guest-hd { background-position: center 0; }
.index-introduce-hd { background-position: center -140px; }
.biggie-hd { background-position: center -280px; }
.brands-hd { background-position: center -420px; }
.live-hd { background-position: center -560px; }
.review-hd { background-position: center -700px; }
.sponsors-hd { background-position: center -840px; }
.site-guest-hd { background-position: center -980px; }
.site-brands-hd { background-position: center -1120px; }
.site-biggie-hd { background-position: center -1260px; }
.signup-hd { background-position: center -1680px; }
.tickets-hd { background-position: center -1820px; }
.profiles-hd { background-position: center -1960px; }
.xiang-hd { background-position: left -2240px; margin: 140px 0 10px; }
.introduce-hd { background-position: center -1540px; }
.reviews-hd { background-position: center -2100px; }
.agenda-hd { background-position: center -2380px; }


/*guest*/
.guest-list { position: relative; top: -30px; left: -84px; width: 1040px; }
.guest-list .item { margin-bottom: 40px; margin-left: 84px; width: 176px; }
.guest-list .img-inner { overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; width: 176px; height: 176px; border: 1px solid #fff; border-radius: 50%; }
.guest-list .img-circle { width: 100%; height: 100%; border-radius: 50%; }
.guest-list .item img { -webkit-transition: -webkit-transform linear .5s; transition: transform linear .5s; }
.guest-list .hover img { -webkit-transform: scale(1.129); transform: scale(1.129); }
.guest-list a { color: #fff; }
.guest-list .title, .guest-list .extra { display: block; text-align: center; }
.guest-list .title { font-size: 1.375em; line-height: 40px; }
.guest-list .extra { font-size: 14px; }
.no-borderradius .guest-list .img-inner { box-sizing: content-box; width: 156px; height: 156px; border: 0 none; background: url(../img/guest-bg.png) no-repeat; }

/*switchable biggie*/
.switchable-biggie,
.switchable-biggie .swiper-container { position: relative; width: 960px; height: 460px; }
.switchable-biggie .swiper-slide { width: 300px; height: 460px; }
.switchable-biggie .swiper-slide .swiper-slide-inner { padding-left: 10px; padding-right: 10px; }
.switchable-biggie .swiper-slide .title { height: 60px; line-height: 60px; white-space: nowrap; position: relative; border-bottom: 5px solid #28af90; margin-bottom: 20px; }
.switchable-biggie .swiper-slide .title small { padding-left: 20px; }
.switchable-biggie .swiper-slide .title .arrow { bottom: -15px; left: 30px; border-width: 10px 0 0 16px; }

.switchable-biggie .swiper-prevnext { width: 41px; height: 75px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABLCAYAAAD+pywWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABbJJREFUeNrs3cFOG0kQBuB2scoL5CmSG8In5xlWe1nl4EhkV9qVCJxXNhfAXGyUMxApKyXLYQ+rXNA+Q3yyxC15in2BSE62GspomHTPGNtN/zWullqYDJh/uj7GDEymWltbWy7nmEwmd95vt9sb/OYvnh9523nd54/H4xyxbzN2Op3zUp5X/OYZz5e8bZo6P3+Ne38Or/FtRp5TpPqTAxqC8YLnC55nsnBo405GAVjEeCbbLvj9DbTwsqa3GWV/YAYBYuwW/tmj3ATEeCcjw9v0Uwo9G100lLKW32VEQknAGP3Y50P6FTDG64z8snnlp39c2gaFUtYymBEFJQFjPOQFHIFjPGSIo8LPc/7xITjKaEYElARa6BNeuGNwjCc8jwMnGceyDRllNGNulASKsa8AY7/izLevAGUfEWUukC2ef4JjjGaswjgHyreMsgWO8q3s/1qAbMmZ3i/gGIMZ58FYg/JXOTNvgexrNGMOlJSp0DsKMO4sg7EG5Y4ClDs5UJJhTIdxHpS5XhpRUZJhTIvRUOKBjBX69SoKrSmjoHytAGW2jJSp0G949sAxpsrYk+dGRpktI2Uq9C7Pb+AYk2Tko+Q3ee5YwRFGtowpQQ7BMWbLWINypADlSBvIUeDlDg1j1owVKHsKUCbLSIYxX0ZDmR6kYVRwFELOSIYRIqOhXDFIw2goRyggQ4X+m+ceOEa0jLOC70k2ZJTJMi4L8ihS6G2eX0EWUEPG4vgq2UIFP2x6xmVA9gNffFboKcjCacgYGtNIwY8czp9bk2SkJQo9VIBxqBBjXcGHClAunJEMo6FEykiG0VAiZSTDqBvleDxuFEoyjIYSCSUtWOhLBRgvG4SxXPDLAMoeekY3x/WldSBfBQr9L8/nQIXWkHHVBX8u+1gco+KNr1AzSr0WAjm7S1a50D/z/IKw14W7jcFmTDS+yD6WC34GhDKasQolGUZDiYSSDKOhREJJhlH36HQ6qlGWb0pLhtFQIqEkw2gokVB6kE94npY+4D93cxcsFIzwGYFQdmVtiuOU1/ApEMpgRkb51IP87G4uuCyOx+7mt+2PQBYaPiPIN+4jWZPHpU17vIafQGJGM04mk0+zl2zf2mK39AE/8vwAhBI+IwDGD7ImxbFbbl2SGWMw46wFTPGkxlAaxqwYyyANpWHMijEE0lDqGqoxijVXB9JQGsYsGKtAGkrD+OAY60DOUO4HCv6Pw2lHpiHjKseG7Fu50H0gjNGMVRjnAenHKFDwnxxWjzwNGVdV6AvZt+Lw7e1O0DO6728XvRDIWMG7ClB2G4Syqtciegu+fTfnXS2oYQVvKsq1wHhfkIZScaG1ZKSGFrwpKNcK46IgDaVhTJaRliz4QAHKgUKUsUIfKcC4VMZV3I4v1uKWQBZOQ8ZyTWItkQdNz7iKgsRa3PoLapFbpqFldJLl1C3YErkJGSlhwa2P3/0LnazXopaMtEYFR85oGBOANJSGEQ6kobzHkAbuhjExSENpGOFA+uF/OYrehjdLxgqMbxRgTJoxJci6FrcIKB88Yw3GXQUYk2akjAVHuX7voTOeOPy2zdkyUsaC/+HwW6atNCMfHUfynMgYs2akzAXvtdvttejjJxitHyQIyLVGaRgxQa4lyiqM0sDdMGYEWSz4ewUo3y+DMoLxnQKM73IdvSljwX9zgW6iYCiDGedBGcHon+t3FIyy1sGMuX6UyHk9YKzJDhLKaMYqlBUYtxnjFBxj1t4+hFpwXrADBSgPAhgPFGA8QMSIANJNJpNYwQe8cOgt0wbFtm7yeACOMZrRATSagriEvwLlkBdwExylb+u26aeL9FoEwhjN6EC6nsH8n5IISn//wCuHM4IZGdyVn+7u33mhMMoaBzM6oBZ8PwAV+xolfxdvyxnex/LNLMFQXmcs3uDJP+YjpX/4jOdLJIyFNT7nNb7N6MD6Qf4vwAByXesQx1n3lgAAAABJRU5ErkJggg==') /*../images/prevnext-4175.png*/; *background-image: url(../images/prevnext-4175.png); margin-top: -156px; }
.switchable-biggie .swiper-prev { left: -80px; background-position: -41px 0; }
.switchable-biggie .swiper-prev:hover { background-position: 0 0; }
.switchable-biggie .swiper-next { right: -80px; background-position: -82px 0; }
.switchable-biggie .swiper-next:hover { background-position: -123px 0; }

/*brands-list*/
.brands-list .item { margin-bottom: 40px; margin-left: 10px; margin-right: 10px; width: 220px; overflow: hidden; }
.brands-list .title, .brands-list .extra { display: block; text-align: center; }
.brands-list .title { line-height: 40px; }
.brands-list .extra { font-size: 0.75em; }

/*switchable gallery*/
.switchable-gallery,
.switchable-gallery .swiper-container,
.switchable-gallery .swiper-slide { position: relative; width: 960px; height: 550px; }
.switchable-gallery .swiper-pagination { top: 20px; right: 20px; text-align: center; }
.switchable-gallery .swiper-slide { position: relative; overflow: hidden; }
.switchable-gallery .swiper-slide .desc { padding-top: 15px; padding-bottom: 15px; min-height: 20px; height: 20px; font-size: 1.125em; line-height: 1.25em; }
.switchable-gallery .swiper-prevnext { margin-top: -30px; width: 60px; height: 60px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAYAAACtrX6oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTg1N0MxM0QzOUJEMTFFNEEzQ0NFRUJBNzFERURBNDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTg1N0MxM0MzOUJEMTFFNEEzQ0NFRUJBNzFERURBNDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU5OTg5OTIzOUJDMTFFNDhDNDZGMjFFNjY4NjcwOUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU5OTg5OTMzOUJDMTFFNDhDNDZGMjFFNjY4NjcwOUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7w/tqaAAACz0lEQVR42uycz4uNURzGjWZhDAZlOxMLTWNjYTOlhNQUI78iazU0IiRL/gMKd2r2k8UoJGUisVQs5EdhMdnZWqAkXc+pr5y5iK7znvOcc56nPk1n897Tee45n3dub29Pu91epJSbxVoCFayoYEUFKypYUcGKClbYC94NxjJcyy3gCNukegkX6RroB/vAzUzK3QhugNVgCWhpB/+areC2lfsxwx382f5eBRMqeGF2gjtghZW7P6Pd6/IMbAevbDwNJhkm1kPwW/QOMAtWgi/ggJWdY0Zs7mttfBJcqblg59xbVu4nsBfcz/zGdRjMgSEbHwdTNR7RP5zryv1gN1W5l+vyGmwDb23cSunkVAV3OvcQuFfQv5/zYJzBySmO6JKcS+/k2AWX6FxqJ8c8okt1LrWTYxVcunNpnRzjiK7JuXRObrrgGp1L5eQmj+hanUvl5KYKrt25NE5u4oiWc4mcHLpgOZfMySGPaDmX0MmhCpZzSZ38vwWvAbvADFgK3oPDKreruB18ELzwdvIp0JfSwefBWbDcxsfs26d0n03giTceBY9T7eDr4II3Pmo3DUp3GehYz2nPzd3F7eAAnGj/zDwYCXTdmlgF5rx1vBTiuiEnOOlN7iVYr9L+mT5w11u/i6GuHXqiE94k34B1Ku+vLAMPvHW7HPL6TUzY38nvwLBK/CMD4KG3Xq3Qn9HUxOXkRM6NVbCcnMi5MQuWkxM4N3bBcnJk56YoWE6O6NxUBdfu5GjOTVlwrU6O6tzUBdfm5OjOZSi4FicncS5LwaU7OZlzmQou1clJnctWcGlOTu5cxoJLcTKFc1kL/p2TRzMqdxA8YnBuJ0yvUZqyR35cNtijpLlk0J4Jd3GvUTrDMjGGt+x05rQt2DnwNaOS94DN9hAiTXoJF+qpPSecU7kuz8E3tkkx7mAlYPS2WRWsqGBFBSsqWFHBigpWFuS7AAMAbXpUstKOZvMAAAAASUVORK5CYII=') /*../images/prevnext.png*/; *background-image: url(../images/prevnext.png); opacity: 0.6; filter: alpha(opacity=60); }
.switchable-gallery .swiper-prevnext:hover { background-color: rgba(33, 186, 189, 0.60); opacity: 1; filter: alpha(opacity=100); }
.switchable-gallery .swiper-prev { left: 20px; background-position: 0 0; }
.switchable-gallery .swiper-next { right: 20px; background-position: -60px 0; }

/*review-timeline*/
.review-timeline { position: relative; height: 150px; overflow: hidden; }
.review-timeline .review-bar { width: 100%; height: 6px; background-color: #fff; position: absolute; top: 50px; left: 0; }
.switchable-review-timeline,
.swiper-container-review { width: 960px; height: 150px; }
.swiper-container-review { overflow: hidden; }
.switchable-review-timeline .swiper-prevnext { display: none; }
.review-timeline-inner { position: relative; width: 108px; height: 150px; margin: 0 auto; }
.review-timeline-inner i { display: block; font-style: normal; }
.review-timeline-inner .circle { border: 4px #28af90 solid; border-radius: 50%; background-color: #fff; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 40px; }
.review-timeline-inner .num { display: none; border: 4px #fff solid; border-radius: 36px; background-color: #1a3753; width: 100px; height: 100px; line-height: 100px; position: absolute; text-align: center; font-size: 48px; text-indent: 10px; left: 50%; top: 50%; margin-left: -50px; margin-top: -54px; }
.review-timeline-inner .num sup { font-size: 18px; }
.review-timeline-inner .num a { display: block; }
.review-timeline-inner .num a, .review-timeline-inner .num a:hover { color: #fff; text-decoration: none; }
.review-timeline-inner .time { font-size: 22px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.switchable-review-timeline .active .review-timeline-inner .num { display: block; }


/*sponsors*/
.sponsors-title { position: relative; text-indent: 9px; }
.sponsors-title .arrow { left: -16px; top: 50%; margin-top: -8px; border-width: 8px 0 8px 14px; }
.sponsors-list .item { width: 142px; margin: 8px 9px; }
.sponsors-list .item span { display: block; text-align: center; padding-top: 8px; font-size: 12px; }

/*media*/
.media a { color: #999; }

/*footer*/
.ui-page-footer a { color: #fff; }

/*poster*/
.poster { height: 620px; background: url(../images/pendant-bg.jpg) repeat-x; overflow: hidden; }
.pendant-silhouette { background: url(../images/pendant-silhouette.png) repeat-x; left: 50%; margin-left: -960px; width: 1920px; height: 338px; bottom: 45px; z-index: 1; }
.poster-inner { height: 620px; z-index: 9; }
.pendant-logo { height: 190px; width: 500px; left: 230px; top: 104px; background: url(../images/pendant-logo.png) no-repeat center center; }
.pendant-city-sh { bottom: 34px; left: 15px; height: 290px; width: 190px; -webkit-animation: pendantPopup .4s linear .2s forwards; animation: pendantPopup .4s linear .2s forwards; background: url(../images/pendant-city-sh.png) no-repeat center bottom; }
.pendant-city-bj { bottom: 34px; left: 243px; height: 290px; width: 240px; -webkit-animation: pendantPopup .3s linear .6s forwards; animation: pendantPopup .3s linear .6s forwards; background: url(../images/pendant-city-bj.png) no-repeat center bottom; }
.pendant-city-sz { bottom: 35px; left: 502px; height: 290px; width: 230px; -webkit-animation: pendantPopup .5s linear .4s forwards; animation: pendantPopup .5s linear .4s forwards; background: url(../images/pendant-city-sz.png) no-repeat center bottom; }
.pendant-city-gz { bottom: 35px; left: 753px; height: 290px; width: 190px; -webkit-animation: pendantPopup .4s linear .8s forwards; animation: pendantPopup .4s linear .8s forwards; background: url(../images/pendant-city-gz.png) no-repeat center bottom; }

.pendant-city { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center bottom; transform-origin: center bottom; }


.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@keyframes pendantPopup {
    0% { -webkit-transform: scale3d(0,0,0); transform: scale3d(0,0,0); }
    20% { -webkit-transform: scale3d(.2,.2,.3); transform: scale3d(.2,.2,.3); }
    40% { -webkit-transform: scale3d(.5,.5,.5); transform: scale3d(.5,.5,.6); }
    60% { -webkit-transform: scale3d(.3); transform: scale3d(.3,.3,.4); }
    80% { -webkit-transform: scale(.6); transform: scale3d(.6,.6,.7); }
    100% { -webkit-transform: scale(1); transform: scale3d(1,1,1); }
}

@-webkit-keyframes pendantPopup {
    0% { -webkit-transform: scale(0); transform: scale(0); }
    20% { -webkit-transform: scale(.2); transform: scale(.2); }
    40% { -webkit-transform: scale(.5); transform: scale(.5); }
    60% { -webkit-transform: scale(.3); transform: scale(.3); }
    80% { -webkit-transform: scale(.6); transform: scale(.6); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.pendant-car-orange { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAUCAYAAADlep81AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvxJREFUeNrMVl9IU2EUP3ded7fl3eYMUyoLLHMzlQIj0czC/oIRleIegkDpJQqCHlav9ZAWQg8FQc9B0UMY9FBGkpkiRTnMO80Hw6Q0dLjWtrvdu/X7zJnKhnca2YEf5zv3ft/5fvecc8/3cbFYjP4n4bRMmjiVtQXqIbAjBd9vAWf2o8nhv0oIZCxQ74B8Zqfl5hMnGJPOj0XCpI4Nxc0RYCdIebUS4jXMaYmTyWhsJuPhxiUXyD1t5GttArvoZph3gXqthHRLRKcS6iwbG6rqNJFhIuw+RqbjF+JmHfw0rDhlcCJAfQAKdWIWZd56Q0xrFlUhr6uGlJF+Zk0B25G6ryuJ0BVGhg3WnLmaGpmZYuNJPH+HuHQ9s2zAvWWnDNFxQLnYWF9SjXTVL+sX5vMcZKp3xc2j8NuUcsqwqADqBmBn35nuKBd0mTn8shtLNBpDkQfod78LA+1AABgFniGNQwkJgchGqNtA7T/uhU+AcyA2OkcIZFitdADrVqlBjwPVIOXhZv8mN1CwyqfGJ6BYN9tnVpsMk62MCytWZ6K3gxET3Q/k0BcSKTMWolrjBO0VvCnv0ilbqS2YTVOckdaTn5ymb2RP/5lsupOljFX8gsNpWDHRNbmYHMUllJEhUjgskyRJdELuo0OGSc1kXoRs9EBfSna7gwRBIL/fT1K/my7r3VTABxItCXKNDSf7Fz8d8/7IKywqFa1W65/Gq6rU3f1a2WQTB7USGpn0bSsvr+Qhc898Ph99dL/3b7CJnxP2Lh8J7YsfhiLTpy0Wy8LGm5ZGBoOR96p8J8by0u0nqhcEY9F8MkzMZjPJiqom2jfpWVZVve9pWdmuI6Jonr8BdXV1TkcikaxXHS9VLRHaX3Pge0XFnrXsY+LC0tbb2/McPg6mcpa1eDxSNBQKzaXL4xkgkGnRSoaJoijNkjQws37mWiLLzA9r2TdTPu0RpVqO464jTQ4U9TictrIjBYQ033nhg/m/iAhdQlHnBoPBQVyZXfDxONmaXwIMANaVDK41inuvAAAAAElFTkSuQmCC') /*../images/pendant-car-orange.png*/ no-repeat; *background: url(../images/pendant-car-orange.png) no-repeat; height: 20px; width: 36px; }
.pendant-car-green { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAQCAYAAAABOs/SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnxJREFUeNq8VV1oUmEYfo5Hj7OWKWw5aLWcFqXg1pyD1g9aEHgVQX90tRH0Qze7KqLotqugq7rpbhlRF3XRFsZixRqraKyVVFROpVz+4jFZukTt/cR+1M3jgvbCw/t+73m+7znne7/vPRxq2JWxNhU5F2E/pC1G6BvYGRiqgwtOQvg6uWMNcg1MugMQ+MYFedG5t/DGH7IwQ7CRuOefhUl0D7kRXibgsOUumhvNNRca9V7A6683WDhdEs/W4ssWEW0gd43F3a2nJEWZ7dJfhFZlYGEH4bwUX7ZInk3cqFXpYWs9XU/JwHZm76bL4Di+OJ9efuuShGmCidxZVoXdxkvFBeu1llWdsK49zkI5YZDWUkrWmEgsdhIGCAaeU8ibVpoUWKLlCvOF2Nz7X/WNEhKEAOEeYZhqX/gtTKLN5G4T7Pi/9phwiMSjXGk7xglWLI9NEnawGp9cRlGUtE6wQ9Bf+ST0YQU+PtUi90PAGmMSmx0JyPhCXavOvFDj87QGIPq6ThHtPd8WovUzYVNZF/Kp8MltgWmLGTzPIxQK4dX9Z+jaF5EWfa6G6LHBYmgvjn1vZuDNvYRhW7KSauIOHjla9inJpAhrVzeUyj83YWpqEgpBSXe0ZodFUhTR27u9LDcxMQ71ak0Vl32x/u/EfCZzledlzrLLTvuczWbNgiCka/ZfDk/Ira9IB9lhqhK+c+umv6z12R2DgUDAaTAYi+NUKgVRTLhHH428k2ybdocrHA6d0+laiuNwOIx0Ou1yPxj2V3W6ykTA7/dotNpMJBLuISj8ft9QPp/vo/x3KeG2DfqxWCzaFI/HOmZng7lg8Av7u52hublK7k8BBgBrHs7GRWxSrgAAAABJRU5ErkJggg==') /*../images/pendant-car-green.png*/ no-repeat; *background: url(../images/pendant-car-green.png) no-repeat; height: 16px; width: 36px; }
.pendant-car-red { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0RJREFUeNrMVl1IFFEUPjuzk7O7o1vK+pcuaFugD1ZoUpk/Ww8W/ZhvFUVEoBVCFPUk1UOE6EuBBeVTBaYQBRUVYaEkGIQisQ+mrC/u6prm7iar7s44u5077mzh7tismnXg49wzM/fc7557zj2jCYVCoNFoQI08yDpSh+omYj2oFyeiptb58i3EKRI3tQSR3AlUrbKtT0sGmtEqfi/yAsxOeGRTQJQjyU9/hSCSy0Q1gEhiOB0ceHQd0ovz/7jAyIde6KhtBDHAE9OBKECS3ngIUiq/vUvIkUFpwwVV5IiY9xXBrhtnZTMbcSfeY6ZUHG01qmppBWshWI6WxbVA/qn9YN5bKJun0V/VqhFEZ0ZU98iYMbAYvfOwHClrqgN2Q6JstqBf02pFsBGRQQY7rp4EbqNpWQRJQZXcOiebqYj7aucqFgnushxVFxmzKUYpehqagpXI54bH4LU7ZbMe8QYxifiGxTOvqoqRWB6qa4hDiERYG5lGvCZ3LBIdUKzi8EVsQxxfQ3IQviHImrYwh+gcxBe1qJoRNPw7IWs3h7n8ysGW7CpyRw2RdIP/Q/yILTWOFw45gheVyAUxPSd0Irj08yBQoRWtyuN84meSFSW/Swgb5gRyMz0c6ytCrCczAPrUZKAoGqa/u6HARYFlmomb3JBRAFuGCMaUFBBFEeYm3FAylgAmv2JGEU5XZII5i9/OaUPQbZ6HrUXFYDAYFjq+IEB/fx8kDYqQOqc+VUnUvuYyULx9J2i1C0v6fD7o7u2Dg8MUJIgxw5kTieD7PVxUSGZnZiDTlB0hJ3UThoHcXAt0i4NgNHKqCXq9HsjbtDlCjgjHcZBmzoJ33BTo9YZY05ia3474TFSWBvzHWJatXPxcp9OBwPPkrmpSS1DghXqcZ4lKNFYHAb//FRJ8rjRXIvi0/cnDqP5ZYcWdeyvT0zOiooE51BFrjmIvrrDuRl8WsrnFvnieb0NfbTEntrUu2YvbXa6xgdFRp3SjE3G7p2B42P4Dh7fjrJEmu33I5/G4Ix3C4RiB8XHXFzSfLasXh3eeRv7haJquoihqHRZJJ9qXP3Z12uL+o6mwbiMbwzwuDQaDATwFQuwS+ppa6of1pwADAMmcMYoPn6e/AAAAAElFTkSuQmCC') /*../images/pendant-car-red.png*/ no-repeat; *background: url(../images/pendant-car-red.png) no-repeat; height: 20px; width: 40px; }

.pendant-car-1 { bottom: 4px; left: 450px; -webkit-animation: pendantRunLineLR 22s linear -6s infinite; animation: pendantRunLineLR 22s linear -6s infinite; z-index: 89; }
.pendant-car-2 { bottom: 8px; left: 715px; -webkit-animation: pendantRunLineLR 20s linear -4s infinite; animation: pendantRunLineLR 20s linear -4s infinite; z-index: 79; }
.pendant-car-3 { bottom: 12px; left: 940px; -webkit-animation: pendantRunLineLR 14s linear infinite; animation: pendantRunLineLR 14s linear infinite; z-index: 69; }
.pendant-car-4 { bottom: 16px; left: 1245px; -webkit-animation: pendantRunLineLR 14s linear -8s infinite; animation: pendantRunLineLR 14s linear -8s infinite; z-index: 59; }
.pendant-car-5 { bottom: 20px; left: 1455px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: pendantRunLineRL 24s linear -2s infinite; animation: pendantRunLineRL 24s linear -2s infinite; z-index: 49; }
.pendant-car-6 { bottom: 26px; left: -355px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: pendantRunLineRL 20s linear -4s infinite; animation: pendantRunLineRL 20s linear -4s infinite; z-index: 39; }
.pendant-car-7 { bottom: 28px; left: -655px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: pendantRunLineRL 14s linear infinite; animation: pendantRunLineRL 14s linear infinite; z-index: 29; }


@keyframes pendantRunLineLR {
    0% { left: -5%; }
    100% { left: 105%; }
}

@-webkit-keyframes pendantRunLineLR {
    0% { left: -5%; }
    100% { left: 105%; }
}

@keyframes pendantRunLineRL {
    0% { left: 105%; }
    100% { left: -5%; }
}

@-webkit-keyframes pendantRunLineRL {
    0% { left: 105%; }
    100% { left: -5%; }
}

.pendant-plane { width: 50px; height: 32px; z-index: 9999; }
.pendant-plane-1 { bottom: 220px; left: 600px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAgCAYAAABQISshAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzlJREFUeNrUl0toE0EYx79NsqZpa9raVLSFai8+ThWKePBgCSJWpOeqFy9SRASriFfBiyL4ghZRwaKIRUUQAy0VquihEV/ViI9SfPUhaUVtG/JoHut/kk27SXeTNdmJ5oM/XzIzOzO/+b5hZgRJkoiZIAiUj32bGjgGd1Kl6nB9jfMscTTGYDKwv8uQX6X8DCD3E2czDASr/hPuukZ1F2D2FQWIbOcz1F0EzJ6iAEFU3sP1ZxjrGmB2F0NEmJ3LMl43YFqLAaQPGs5QL0J3jIYxHATpJWXZK0mYW4BxGjWukDxH+l7v2sL+K+oCLRt6nuZ4ppTDjUKVWZoGoJ2AHzDyHDkKPVTI3TvUtjfHqPjgruhoaoNcAN9kZGqdUqm/BJjNOfbdCUV1wvTnCzMPgjR6Ajeokst3AbMqh6h8gbuns7ldhmnMe4+wuxYm3Kox+CT0/W87F83lolVcZtXbPhoLRgJzk0GVqjDkhR6zqxAW/Vf6HkkHYRF6C62n/9emoB2Aea55aURlDO60EaNNzMao0+2n+x9CKeWvJsJ0YdBPL8bDKeWuj6F4+7HphW0VjEjU/TJAVyF/WEoW10C3seii8nuLyhxuQCegunxAeodD5PFG4mqqFanWnlizHk+QpoMSff0dpaa6xFy8vhi5ZGCLWaD2jbb472djYXKPJoAbqszU3LAk2f1qyAeYR/Ad0LtFByKiMgeX9/thrcMc945SE1WXCoryxNqtcyysYZVNoOVlppTv4rPF5K0AE82J32nGqLaxW8KizT6/mkNteg+0jDYbksgmCmRRLBcbbQYRsVsFUr7lIkhqlj6sXGksvdgUWT9atr3xpqB6RUFU2IHWlW9UllpTIUi+OlSUpELEUwrt0iGYlViEjBCwB1p7RPm2aDHoPrZGPvj02Az0OUNdTPH/DXRcM7WMNKRpPdyIfLhmsx+QExnh+Zdvdi07whNC9WTnEI2VcJ9YqvOEKEREOnhDcI8IouGAYxfHMt4QvCNyqBAQXCOCaFTK0agoBATPiBwsFAS3iMjXGxaN6kJB8IrIgUJCcIkIomGTz40VKi/MrbwgGIPF4D7bVSDGoWZAjPA8sP4IMADq11DilJiMEAAAAABJRU5ErkJggg==') /*../images/pendant-plane.png*/ no-repeat; *background: url(../images/pendant-plane.png) no-repeat; -webkit-animation: pendantRunLineLR 18s linear -8s infinite; animation: pendantRunLineLR 18s linear -8s infinite; }
.pendant-plane-2 { bottom: 280px; left: 500px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAgCAYAAABQISshAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABD5JREFUeNrsWNtrHFUc/s6Z2UuzbZpsmiaojRowNbSlD4ovCsUWDOKriEq9I6Lokwr+AfqqD3kQrKj1UttiUFutVB9UWkFFDJgm1kvjFskact/dJLs7uzPH70zPlk3cnSRLt80Wf/CxO+ecOfP7zu86I5RSuBpEXPVE/ug7uLodeH/LU7dCbLD5P3BlH3GA2Fp6NvEDcT+RrKhcSGKu/3t4eY8XYsncTScfWXJtX6YD22tIbCs/AuLLiiQ4I5tCKCRmodzVPeByELmdeGsZCS0J4sPlBIQtIJvDcIankD46zCEFIeUVJ3IH8R5xfYU5bY1z5QMyYqEwnkHu+G8onE9BuGQWklfcIrcRHxBdFeZmjJUuRouwJYqTC8gcGYaXdoCI9GNktWLXkcThKiRggvxHnwMJeNkC3NksMoeG/MD2E8capR5EdhPvEjdWy3NEv5ACggHtTS9g/vAQ3KkcFEkJSwRmWXN/iCjUk8gOE8DbA9YM0gon1WKBAT2B3M9JulQOCFtB+95CPFRGZIp4uV5Eeokj5reqWLHQq1626C0cP4vcyCSvI348BNQgnSjeJ24uG+uvi2vxhHvoEp9QmZ7AdZb4NfPxyDF3Oovi2DxkS5T1VASR2Ei8s4yEtsZrtRLhseFeXZ0l5FbmdqlKTxcS2RPnWhGVmxW8v0uuzGrAXw/l69SC6zmJ2QHhehdcKbgT0LMdJubK5W1Tg9ZMJGZc5h6tYBazsFQYIdFklFSYGx1l9EWU7Y9dUD6PNMK8VfIRmpQLB46aFxHZvAPSqtX4GZMN/3MEcoWMtseY0Scxo/7EqdYDGLQ/QlHltPJIqkGcbnsTQxjQ+oqwiImE+k6cantDnFUnmJxsFmZLjHpfi2/aX8df3rfcyauVyCFieK3p9xXieR2fpbyXVuMYi5xBoTWPwuQiYiKOlJfAOMfcLUWoGQVbhDAZPY9/wiOw4lHsSkn/ACc2TyAhfke8qQvdOVkLiTniKJFfK5EXyi2mbXmt2I09ySfpMG0MiTjyahHdci+iyXY0i042qHQ9lcFO5260J29AXHbRpYrcRGLn/J3oTHWhw+qt1RpfEadrKYg/mQp9kUpYbEKP3MdM47EaOT65DWjFdmsfFfbgqoIf4BvZqW+yOiHZ4hdIxCNaWOS32N10SX3t1hIb2q2cWog8YKxyDeH67y5QMUflyksvKXnbHJXvLS++vqLsv92lY784yh2rIeXrjHmG+LTWFmWUeGYVD4qban7XCuu+IF6qV4cqL8EeupN90CgaJI8Su9YzES3Tphf6PGBNhyFsr2ciJTL7iWMBa56t8pK1roiUcv3DAWR07/R0IxDRkiL0J47Pqsw/QVzXCERKltlfJWW2EC82CpGSZbSbDVSYuy/gDXLdEdGSJh43PVK5dBLPNRKREpnHiIOm4cubVqNvhVfiS/PJtNHkfyLrTf4VYACKZnQT/RmSDQAAAABJRU5ErkJggg==') /*../images/pendant-plane-1.png*/ no-repeat; *background: url(../images/pendant-plane-1.png) no-repeat; -webkit-animation: pendantRunLineRL 22s linear -12s infinite; animation: pendantRunLineRL 22s linear -12s infinite; }

.site-poster .pendant-plane-1 { bottom: 80px; }
.site-poster .pendant-plane-2 { bottom: 120px; }

.site-poster { height: 400px; background: url(../images/pendant-bg.jpg) repeat-x left -180px; overflow: hidden; }
.site-poster-inner { height: 440px; z-index: 9; }
.site-city { background: url(../images/site-city.png) repeat-x; bottom: 45px; left: 50%; width: 1047px; height: 156px; margin-left: -523px; }
.site-topical { height: 160px; width: 520px; left: 30px; top: 70px; }
.site-city-landmark { width: 340px; height: 410px; bottom: 32px; right: 56px; }
.view-agenda { background: url(../images/view-agenda.png) no-repeat; height: 28px; width: 158px; display: block; left: 210px; top: 240px; }
.site-silhouette { background: url(../images/site-silhouette.png) repeat-x; width: 100%; height: 160px; bottom: 5px; z-index: 1; }

.layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/*ui-page-pendant*/
.ui-page-pendant { position: fixed; _position: absolute; bottom: 40px; left: 50%; margin-left: 560px; z-index: 999; }
*html, *html body { background-image: url(about:blank); background-attachment: fixed; }
*html .ui-page-pendant { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); }
.ui-page-pendant .item { position: relative; height: 50px; width: 60px; margin-top: 20px; }
.ui-page-pendant .item:nth-child(1) { margin-top: 0; }
.to-top { cursor: pointer; overflow: hidden; position: relative; height: 100%; width: 100%; }
.to-top span { background-color: #1b3c4d; cursor: pointer; color: #fff; display: block; left: 0; height: 50px; line-height: 50px; position: absolute; text-align: center; top: 0; z-index: 1; width: 60px; }
.to-top .to-top-bg { background: url(../images/gototop.png) no-repeat; z-index: 2; }
.to-signup { background-color: #1b3c4d; }
.to-signup a { padding: 4px 10px; text-align: center; display: block; }
.to-signup a, .ui-page-pendant .to-signup a:hover { color: #fff; text-decoration: none; }
.to-signup .arrow { border-width: 8px 0 0 12px; border-color: #1b3c4d transparent transparent; bottom: -8px; right: 20px; }


/*form*/
.btn { display: inline-block; padding: 6px 20px; margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: Helvetica, Tahoma, Arial, STXihei, '华文细黑', 'Microsoft Yahei', '微软雅黑', sans-serif; color: #fff; }
.btn:hover { text-decoration: none; }
.signup-inner .form-group { margin-bottom: 10px; }
.signup-inner .control-label { padding-top: 7px; text-align: right; }
.signup-inner .form-control { display: block; width: 80%; height: 22px; padding: 4px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }
.signup-inner input:focus { outline: 0; }
.signup-inner .select-place .form-control { width: 14px; }
.radio, .checkbox { display: block; margin-bottom: 10px; margin-top: 10px; position: relative; }
.radio label, .checkbox label { cursor: pointer; font-weight: 400; margin-bottom: 0; min-height: 20px; padding-left: 20px; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: -20px; position: absolute; }
.select-place .checkbox { width: 100%; }
.select-place .form-control { margin-left: 10px; }

.btn-signup { background-color: #28af90; background-color: rgba(40, 175, 144,.8); }
.btn-reset { background-color: #134050; background-color: rgba(19, 64, 80,.8); }
.btn-signup:hover { background-color: rgba(40, 175, 144,1); }
.btn-reset:hover { background-color: rgba(19, 64, 80,1); }

.signup-inner .btn { margin: 0 10px 10px; }

.signup-inner { border-bottom: dashed #ddd 1px; }

.xiang { height: 580px; position: relative; }
.xiang .info { width: 480px; }
.xiang .img { right: -40px; bottom: 0; }

/*reviews inner*/
.reviews-inner { padding-left: 150px; padding-right: 20px; position: relative; }
.reviews-inner .item { background-color: #f9f9f9; width: 790px; margin-top: 100px; position: relative; z-index: 9; }
.reviews-inner .item .desc { padding: 0 26px; }
.reviews-inner .item h3 { text-align: center; font-size: 20px; padding: 15px 0; }
.reviews-bar { position: absolute; height: 100%; width: 5px; left: 80px; top: 0; background-color: #28af90; z-index: 1; }
.review-arrow { position: absolute; height: 60px; width: 60px; top: -30px; left: 53px; background: url(../images/review-arrow.png) no-repeat; z-index: 2; }
.reviews-circle { position: absolute; height: 26px; width: 26px; top: 5px; left: -80px; background: url(../images/review-circle.png) no-repeat center center; }
.reviews-time { position: absolute; left: -170px; top: -6px; font-style: normal; font-size: 36px; }

/*table*/
.table td { background-color: #fff; }
.table th { background-color: #28af90; color: #fff; text-indent: 30px; font-size: 16px; }
.table > tbody > tr > th,
.table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.table-hover > tbody > tr:hover > td { background-color: #f5f5f5; }

/*tab*/
.tab-panel { display: none; }
.tab-panel .title { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.tab-trigger { cursor: pointer; }
.tab-panel-active { display: block; }
.agenda .tab-trigger { padding: 10px 20px; }
.agenda .tab-trigger-active { background-color: #28af90; color: #fff; }
.agenda .tab-nav { border-bottom: 2px solid #28af90; margin-bottom: 15px; }
.tab-panel-active .title { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }

    75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

    90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }

    75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

    90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

    100% { -webkit-transform: none; transform: none; }
}
