@charset "UTF-8";
*{ padding: 0; margin: 0; }
.fl{ float: left; }
.fr{ float: right; }
.clear:after, .clearfix:after{ display: block; visibility: hidden; height: 0; clear: both; content: ' '; }
.clear, .clearfix{ *zoom: 1; }
body{ font: normal 14px/1.5 Microsoft Yahei; }
ul,li,ol,dl{ list-style-type: none; }
a{ text-decoration: none; }
img{ border: 0; }
.wrap{ width: 1000px; margin-left: auto; margin-right: auto; }

/* top-bar */
.top-bar{border-bottom: 2px #E20000 solid;}
.top-bar-login,.top-bar-login-after{line-height: 30px;font: 12px/30px simsun;}
.top-bar-login-after{display: none;}
.top-bar .ofw-logo{margin-top: 2px;}
.top-bar-login>.signin{display: inline-block;background: #e20000;height:24px;width:50px;border-radius: 2px;text-align: center;margin-top: 3px;line-height: 24px;}
.top-bar-login>.signin>a{color: #fff;}
.top-bar-login a,.top-bar-login-after a{color: #333;}
.top-bar-login a:hover,.top-bar-login-after a:hover{text-decoration: underline;}
.top-bar-login i{font-style: normal;color: #666;}
.top-bar-login>.email{padding-left: 24px;display: inline-block;background: url(http://images.ofweek.com/images/global-steven/email/ico_email.png) no-repeat left;}

/* nav */
.nav{ position: fixed; left: 0; top: 35px; z-index: 999; width: 100%; height: 60px; line-height: 60px; border-bottom: 2px solid #ce0808; background: #161616; }
.nav-list{}
.nav-list li{ position: relative; float: left; padding: 0 13px; margin: 20px 0; line-height: 20px; font-size: 16px; font-weight: bold; border-left: 2px solid #fff; cursor: pointer; }
/*.nav-list li:hover{ background: #ce0808; }*/
.nav-list a:link, .nav-list a:visited{ display: block; color: #fff; }
.nav-list a:hover{ color: #7665ff; }
.nav-zz, .nav-bm{ float: left; height: 34px; margin: 13px 0 0 10px; padding: 0 20px; text-align: center; font: bold 14px/34px Microsoft Yahei; color: #fff; border-radius: 17px; background: #164898; }
.nav-zz:hover, .nav-bm:hover{ opacity: .95; }
.logo{ height: 60px; line-height: 1; }
.logo img{ margin-top: 8px; }

.nav-rc{ position: relative; }
.nav-rc .link-list{ display: none; position: absolute; left: 0; top: 19px; z-index: 99; width: 140px; padding: 10px 0 0; }
.nav-rc:hover .link-list{ display: block; }
.nav-rc .link-list a{ display: block; padding-left: 15px; font-size: 13px; color: #fff; line-height: 30px; background: #000; text-decoration: none; }
.nav-rc .link-list a:hover{ background: #7665ff; }
.nav-rc:after {
	position: absolute;
	content: '';
	border-style: solid;
	border-width: 4px 3.5px;
	border-color: #fff transparent transparent;
	float: right;
	top: 8px;
	right: 2px;
}
.nav-rc:hover > a{ color: #7665ff; }
.nav-rc:hover:after{ border-color: #7665ff transparent transparent; }


/* banner */
.banner{ overflow: hidden; height: 908px; margin: 62px 0 0; background: url(../img/banner_bg.jpg) center bottom no-repeat; }
.banner .txt{ display: block; margin: 100px auto 0; }
.time-place{ margin: 30px 0 0; text-align: center; font-size: 32px; line-height: 1.2; color: #0080ff; }
.time-place span, .time-place img{ display: inline-block; vertical-align: middle; }

/* column-title */
.column-title{ line-height: 1.2; font-weight: bold; }
.column-title .en{ font-size: 36px; text-transform: uppercase; }
.column-title .cn{ font-size: 30px; }

/* introduce */
.introduce{ height: 294px; padding: 25px 0 0; background: url(../img/introduce_bg.png) center repeat-x; }
.introduce-content{ padding: 5px 0 0; font-size: 14px; text-indent: 2em; }
.introduce-content p{ margin: 15px 0 0; }

/* merit */
.merit{ padding: 30px 0 0; }
.merit-items{ margin: 10px 0 0; }
.merit-items li{ float: left; width: 180px; height: 310px; margin: 0 10px; border-bottom: 1px solid #d0d0d0; text-align: center; }
.merit-items strong{ display: block; margin: 0 0 10px; font-weight: bold; font-size: 20px; }
.merit-items p{ text-align: left; line-height: 1.3; }

/* agenda */
.agenda{ padding: 30px 0 0; }
.agenda-tabs{ margin: 10px 0 0; text-align: center; }
.agenda-tabs li{ box-sizing: border-box; display: inline-block; width: 180px; height: 36px; margin: 0 15px; font-size: 18px; line-height: 36px; font-weight: bold; text-align: center; cursor: pointer; background: #c7c7c7; border-radius: 18px; }
.agenda-tabs li.current{ color: #fff; background: #4038e1; }

.agenda-table{ display: none; margin: 20px 0 0; }
.agenda-table tr.th{ font-size: 16px; color: #fff; background: url(../img/agenda_th.png) center no-repeat; }
.agenda-table tr.section{ font-weight: bold; color: #2537a4; }
.agenda-table td{ padding: 15px 0; border-bottom: 1px dashed #000; }
.agenda-table .time{ width: 200px; padding: 0 80px 0 0; text-align: right; }
.agenda-table ul{ line-height: 2; }

/* guests */
.guests{ padding: 20px 0; background: url(../img/guests_bg.jpg) center top no-repeat #fff; }
.guest-items{ margin: 40px 0 0; }
.guest-items li{ float: left; width: 250px; height: 330px; text-align: center; font-size: 16px; color: #666; }
.guest-items p{ margin: 10px 0 0; }
.guest-items .name{ color: #1c1593; font-size: 18px; font-weight: bold; }

/* tickets */
.tickets{ padding: 40px 0 20px; background: #f0f0ee; }

/* tickets-voucher */
.tickets-voucher{ padding: 35px 0 50px; }
.tickets-voucher .item{ position: relative; float: left; width: 300px; height: 323px; color: #fff; background: url(../img/piao.jpg?v=1) center no-repeat; cursor: pointer; }
.tickets-voucher .tag{ position: absolute; left: 5px; top: -13px; }
.tickets-voucher .name{ position: relative; margin: 25px 0 0; text-align: center; font-size: 20px;  }
.new-price{ text-align: center; font-size: 26px; font-weight: bold; line-height: 1.2; }
.new-price .num{ font-size: 40px; font-weight: normal; }
.old-price{ position: absolute; right: 10px; top: 90px; font-size: 20px; font-weight: bold; text-decoration: line-through; }
.tickets-voucher .txt{ margin: 40px 0 0 20px; }
.tickets-voucher .icons{ position: absolute; right: 15px; top: 150px; width: 26px; }

/*buy*/
.buy{
	padding: 80px 0;
}
.buy .part-tit img{
	display: block;
	margin: 0 auto;
}
.ticket-cont ul li{
	float: left;
	width: 320px;
	height: 149px;
	position: relative;
	color: #fff;
	margin: 28px 33px;
	cursor: pointer;
}
.ticket-cont ul li.ticket-bg01{
	background: url('../img/ticket-bg01.png') no-repeat center center;
	background-size: 100% 100%;
}
.ticket-cont ul li.ticket-bg02{
	background: url('../img/ticket-bg02.png') no-repeat center center;
	background-size: 100% 100%;
}
.ticket-cont ul li.ticket-bg03{
	background: url('../img/ticket-bg03.png') no-repeat center center;
	background-size: 100% 100%;
}
.ticket-cont ul li.ticket-bg04{
	background: url('../img/ticket-bg04.png?v=1') no-repeat center center;
	background-size: 100% 100%;
}
.ticket-cont .ticket-name{
	position: absolute;
	top: 0;
	left: 0;
	margin: 7px 0;
	width: 20px;
	height: 135px;
	padding: 0 10px 0 10px;
	border-right: 1px dashed #fff;
	font-size: 20px;
}
.ticket-cont .ticket-name .hot{
	position: absolute;
	top: 0;
	left: 20px;
	width: 24px;
	height: 28px;
	background: url('../img/hot.png') no-repeat center center;
	background-size: 100% 100%;
}
.ticket-bg01 .ticket-name{
	padding-top: 30px;
	height: 105px;
}
.ticket-cont .ticket-bg02 .ticket-name{
	width: 40px;
	padding-top: 15px;
	height: 120px;
} 
.ticket-bg03 .ticket-name{
	padding-top: 15px;
	height: 120px;
}
.ticket-cont .ticket-right{
	margin-left: 41px;
	position: relative;
	height: 100%;
	padding-left: 20px;
}
.ticket-cont .ticket-bg02 .ticket-right{
	margin-left: 61px;
} 
.ticket-cont .ticket-price{
	padding-top: 18px;
	margin-left: -10px;
	font-size: 46px;
}
.ticket-cont .ticket-old-price{
	text-decoration:line-through
}
.ticket-cont .ticket-number{
	position: absolute;
	bottom: 13px;
	left: 20px;
	font-size: 14px;
}
.ticket-cont .flash-sale{
	position: absolute;
	top: -9px;
    right: 16px;
	width: 84px;
	height: 44px;
	background: url('../img/flash-sale.png') no-repeat center center;
	background-size: 100% 100%;
}
.ticket-cont .ticket-logobox{
	position: absolute;
	right: 10px;
	bottom: 50px;
	width: 20px;
}
.ticket-cont .ticket-logobox img{
	width: 20px;
	height: 20px;
	margin-bottom: 8px;
}
.ticket-cont .ticket-btn{
	position: absolute;
	right: 10px;
	bottom: 12px;
	width: 101px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
}
.ticket-explain{
	font-size: 18px;
}
.ticket-explain img{
	margin: 0 5px 0 36px;
	vertical-align: middle;
}
.ticket-explain img.mar-l-0{
	margin-left: 0;
}
.ticket-text{
	margin: 26px 0;
	font-size: 14px;
	line-height: 1.8;
}
.ticket-text h3{
	font-size: 14px;
	font-weight: 300;
}
.ticket-text h3 div{
	display: inline-block;
	width: 58px;
	height: 22px;
	line-height: 22px;
	margin-right: 15px;
	text-align: center;
	border: 1px solid #303030;
	border-radius: 22px;
}

.ticket-table {
    border-collapse: collapse;
    width: 1000px;
}
.ticket-table table {
    border-collapse: collapse;
}
.ticket-table th{
	font-weight: 300;
	height: 35px;
	background: #2170ba;
	color: #fff;
}

.ticket-table td {
    border: 1px solid #010101;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
}
.ticket-table td.bor-0{
	border: none;
}
.ticket-table td.bor-r-1{
	border-right: 1px solid #010101;
}
.ticket-table td.table-td-left{
	border-top: 1px solid #010101;
	border-bottom: 1px solid #010101;
	background: url('../img/table-td-left.png') repeat;
	font-size: 20px;
	color: #2071ba;
}

.ticket-table .td-tname {
    border-left: none;
    text-align: left;
    padding-left: 11px;
}

.ticket-table .td-tname-hd {
    padding-left: 23px;
}

.ticket-table .td-num,
.ticket-table .noborder {
    border-right: none;
}

.ticket-table .zhe {
    color: #ff1d1d;
    font-size: 24px;
    font-style: italic;
    margin-right: 3px;
}

.ticket-table .tips {
	width: 24px;
	height: 28px;
	margin-left: 5px;
	background: url('../img/hot.png') no-repeat center center;
	background-size: 100% 100%;
    float: left;
}

.tname,
.fname {
    float: left;
    cursor: pointer;
    position: relative;
}
.isicon0 .tname{
	cursor: auto;
}
.isicon0{
	color: #010101;
}
.isicon0 .td-price{
	color: #010101 !important;
}
.isicon0 .td-old-price{
	color: #010101 !important;
}

.num-opera {
    width: 95px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #fc0000;
    background: #fff;
    margin-left: 20px;
}

.num-opera span {
    width: 27px;
    background: #fafafa;
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 20px;
    color: #fc0000;
}

.num-opera .add {
    background-position: 0 -26px;
}

.num-opera .cut {
    background-position: 0 0;
}

.num-opera .cut.active {
    background-position: 0 -13px;
}

.num-opera input {
    width: 34px;
    height: 28px;
    line-height: 28px;
    background: none;
    outline: none;
    font-size: 14px;
    color: #000;
    text-align: center;
    overflow: hidden;
    float: left;
    border-left: 1px solid #fc0000;
	border-right: 1px solid #fc0000;
	border-top: 0;
	border-bottom: 0;
}


.ticket-table .td-price {
    color: #f50000;
    font-size: 18px;
	width: 186px;
	padding-left: 10px;
	text-align: left;
}

.ticket-table .td-old-price {
	float: right;
	text-decoration:line-through;
	font-size:14px;
	margin-left:4px;
	margin-right:5px;
	color: #000;
}

.td-tname {
    width: 296px;
}

.time {
    width: 200px;
}


.rdo {
    display: inline-block;
    background: url(../images/radio.png) 0 0 no-repeat;
    width: 10px;
    height: 11px;
    margin-right: 3px;
}

.rdo.active {
    background-image: url(../images/radio_check.png)
}

.chk {
    display: inline-block;
    border: 1px solid #c9c9c9;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    vertical-align: middle;
}

.chk.active {
	background: url('../img/checked.png') no-repeat center center;
	background-size: 100% 100%;
}

.ticket-form .btns{
	padding-top: 30px;
}
.ticket-form .btns .total {
	float: right;
    font-size: 22px;
    color: #ed0707;
    line-height: 46px;
    margin-top: 5px;
    text-align: right;
}
.sub-btn {
	float: right;
	width: 219px;
    height: 49px;
    border: 1px solid #18464e;
    font-size: 24px;
    margin-left: 38px;
    line-height: 46px;
    text-align: center;
    outline: none;
    cursor: pointer;
    display: inline-block;
    background: #999;
    color: #fff;
    border-color: #999;
}

.sub-btn.active {
    background: #0d334e;
    color: #FC0000;
    border-color: #FC0000;
    background: #FC0000;
    color: #fff;
}

/* review */
.review{ padding: 55px 0 0; }
.review-bd{ position: relative; height: 545px; padding: 30px 0 0; color: #fff; background: url(../img/review.jpg) center bottom no-repeat; }
.review-bd .title{ font-size: 15px; text-align: center; }
.review-bd .intro{ font-size: 12px; line-height: 1.5; text-indent: 2em; }
.review-bd img{ display: block; margin: 15px auto 10px; }
.review-bd .more:link, .review-bd .more:visited{ font-size: 12px; color: #ff0000; }
.review-bd .more:hover{ text-decoration: underline; }
.review-item1{ position: absolute; left: 45px; top: 70px; width: 310px; height: 430px; }
.review-item2{ position: absolute; left: 586px; top: 160px; width: 380px; height: 380px; }

/* sponsor */
.sponsor{ padding: 50px 0 0; background: #fff; }
.sponsor_items{ width: 1100px; margin: 70px 0 0; }
.sponsor_items li{ position: relative; float: left; box-sizing: border-box; width: 250px; height: 170px; padding: 25px 15px 0 70px; margin: 0 50px 0; cursor: pointer; border: 4px solid #fff; border-radius: 5px; transition: all 0.4s; }
.sponsor_items img{ position: absolute; left: -58px; top: 26px; border: 4px solid #fff; border-radius: 50%; transition: all 0.4s; }
.sponsor_items .label{ margin: 0 0 10px; font-weight: bold; font-size: 17px; }
.sponsor_items li:hover, .sponsor_items li:hover img{ border-color: #0059d0; }

/* organization */
.organization{ padding: 80px 0 0; }
.org-bd{ padding: 0 0 40px; }
.org-item{ margin: 40px 0 0; }
.org-item .label{ width: 100px; margin: 0 20px 0 0; text-align: right; font-size: 16px; line-height: 64px; }
.org-item a{ margin: 0 35px 0 0; }

/* hwlx */
.hwlx{ height: 212px; padding: 40px 0 0; color: #fff; background: url(../img/contact.png) center repeat-x; }
.hwlx-item{ float: left; font-size: 16px; line-height: 1.8; }
.hwlx-item dt{ width: 7em; padding: 0 0 5px; margin: 0 0 15px; font-weight: bold; border-bottom: 1px solid #fff; }
.hwlx-item dd{ font-size: 14px; }
.hwlx-item dd.name{ font-size: 16px; }
.hwlx-item a{ color: #fff; }
.wechat-code{ text-align: center; }
.wechat-code img{ display: block; margin-bottom: 10px; }

/* fixed-menu */
.fixed-menu{ display: none; position: fixed; right: 0; top: 50%; width: 114px; height: 237px; background: url(../img/fixed_menu.png) center no-repeat; }
.fixed-menu .item{ position: relative; display: block; height: 48px; margin: 0 0 6px; cursor: pointer; }
.fixed-menu .back-top{ display: block; height: 26px; }
.fixed-menu .social-share{ display: none; position: absolute; right: 114px; top: 0; width: 168px; }
.fixed-menu .item:hover .social-share{ display: block; }


.guide{
  width: 1000px;
  padding-top: 50px;
  margin: 20px auto 0;
  background-color: #061b3c;
  height: 495px;
}
.guide-tit{
  padding: 0 0 0 20px;
}
.guide p{
  font:normal 18px/18px Microsoft Yahei;
  color:#45ccfc;
}
.guide #address{
  font:normal 18px/24px Microsoft Yahei;
  color:#fff;
  padding-top: 16px;
}
.guide #traffic-guide{
  font:normal 18px/24px Microsoft Yahei;
  color:#fff;
}
.guide img{
  display: block;
  margin:0 auto;
}