/*reset*/
.navibar-wrap {width:1120px;}

/*module*/
.pics {overflow:hidden;zoom:1;}
.pics .pic {display:inline;float:left;}

.pic-txts {margin-right:-10px;}
.pic-txts li {display:inline;float:left;}
.pic-txts li {width:196px;border:10px solid #fff;margin:0 10px 10px 0;background-color:#fff;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear;}
.pic-txts li:hover {transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.pic-txts li .pic {width:196px;height:196px;display:block;position:relative;}
.pic-txts li .pic i {width:42px;height:65px;padding:4px 15px 0;line-height:22px; font-size:18px;color:#fff; background-repeat:no-repeat;background-position:0 0;position:absolute;top:0;left:0;}
.pic-txts li .pic:hover {*text-decoration:none;}
.pic-txts li .price-now {font-size:30px;color:#f63552;float:left;line-height:50px;}
.pic-txts li .price-old {font-size:18px;color:#999;float:right;text-decoration:line-through;line-height:30px;padding-top:14px;}
.pic-txts li .title {clear:both;display:block;font-size:16px;height: 28px;line-height: 28px;margin-bottom: 10px;padding-top: 4px;color:#333;overflow:hidden;}
.pic-txts li .btn-go {width:100%;display:block;height:40px;background-color:#e9223f;line-height:40px;font-size:18px;color:#fff;}
.pic-txts li .btn-go:hover {background-color:#ff4863;}

/*header*/
.header, .banner {background:url(images/banner.jpg) no-repeat center top;}
.banner {height:700px;width:1120px;margin:0 auto;position:relative;}
.btn-link {height:60px;width:240px; border:10px solid #00212b;background-color:#fbe047;display:block;position:absolute;bottom:70px;}
.btn-link strong {padding-left:10px; line-height:60px;display:block; font-size:22px;color:#00212b;font-weight:normal;font-family:"Microsoft YaHei";*position:relative;}
.btn-link i {height:30px;margin-top:-30px; display:block;background-color:#f19300;}
.btn-link:hover {text-decoration:none;*text-decoration:underline;*color:#00212b}
.btn-link:hover i {display:none;*display:block;}
.banner .pos-a {left:235px;}
.banner .pos-b {right:235px;}

/*wraper*/
.area-1, .area-1 .area-wrap {height:400px;background:url(images/area_1.jpg) no-repeat center top;}
.area-2, .area-2 .area-wrap {height:710px;background:url(images/area_2.jpg) no-repeat center top;}
.area-3, .area-3 .area-wrap {height:560px;background:url(images/area_3.jpg) no-repeat center top;}
.area-4, .area-4 .area-wrap {height:380px;background:url(images/area_4.jpg) no-repeat center top;}
.area-5, .area-5 .area-wrap {height:1600px;background:url(images/area_5.jpg) no-repeat center top;}
.area-6, .area-6 .area-wrap {height:1600px;background:url(images/area_6.jpg) no-repeat center top;}
.area-7, .area-7 .area-wrap {height:885px;background:url(images/area_7.jpg) no-repeat center top;}
.area-8, .area-8 .area-wrap {height:473px;background:url(images/area_8.jpg) no-repeat center top;}
.area .area-wrap {width:1120px;margin:0 auto;position:relative;}

.area-content {width:100%; position:absolute;left:0;}

/*area-1*/
.area-1 .area-content {top:235px;}
.intro {width:1025px;font-size:16px; color:#fbe047;line-height:30px; margin:0 auto;text-align:left;}
.intro a {color:#df1230;}

/*area-2*/
.area-2 .area-content {top:194px;}
.area-2 .pics {margin-right:-28px;}
.area-2 .pics .pic {width:355px;height:220px;margin:0 27px 27px 0;}

/*area-3*/
.area-3 .area-content {top:148px;}
.area-3 .pics {margin-right:-30px;}
.area-3 .pics .pic {width:265px;height:170px;margin:0 20px 20px 0; background:url(images/ticket_bg.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='images/ticket_bg.png');}
.area-3 .pics .pic span, .area-3 .pics .pic a {white-space:nowrap; display:block;overflow:hidden;}
.area-3 .pics .pic span {padding-left:20px; color:#00212b;text-align:left;}
.area-3 .pics .pic .ticket-site {padding-top:15px;font-size:18px;}
.area-3 .pics .pic .ticket-value {height:38px;line-height:38px; padding-top:8px ;font-size:38px;font-weight:bold;}
.area-3 .pics .pic .ticket-value strong {color:#e9223f;}
.area-3 .pics .pic .ticket-go {width:175px;height:40px;line-height:40px;margin:30px auto 0;color:#fff; font-size:18px;background:#de7217;}
.area-3 .pics .pic .ticket-go:hover {background-color:#e9223f;}

/*area-4*/
.area-4 .area-content {top:151px;}
.area-4 .pics {margin-right:-20px;}
.area-4 .pics .pic {width:265px;height:190px;margin:0 20px 20px 0;}

/*area-5*/
.area-5 .area-content {top:156px;}
.pic-txts li .pic .icon-tag-off {background-image:url(images/icon-tag-1.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='images/icon-tag-1.png');}

/*area-6*/
.area-6 .area-content {top:140px;}
.pic-txts li .pic .icon-tag-boom {padding-top:12px; background-image:url(images/icon-tag-2.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='images/icon-tag-2.png');}

/*area-7*/
.area-7 .area-content {top:126px;}

/*area-8*/
.area-8 .area-content {top:172px;}
.area-8 .pics {margin-right:-12px;}
.area-8 .pics .pic {width:271px;height:100px;margin:0 12px 12px 0;}

/*other float*/
.qrcode {width:120px;height:330px;background:url(images/qrcode.jpg) no-repeat 0 0;position:fixed;top:200px;left:50%;_position:absolute;_top:expression(documentElement.scrollTop + 200 + "px");z-index:100;margin-left:-685px;zoom:1;display:none;}
.apk-dl {width:120px;height:50px;display:block;}
.weibo {width:120px;height:140px;display:block;position:absolute;bottom:0;left:0;}
.close {width:15px;height:15px;position:absolute;top:0;right:0;display:block;z-index:1;cursor:pointer;}

.guide {padding-top:50px; margin-left:570px;position:fixed;left:50%;top:200px;text-align:left;_position:absolute;_top:expression(documentElement.scrollTop+200+'px');z-index:3; display:none;}
.guide a:hover {text-decoration:none;}
.guide .guide-hd {width:144px;height:102px; background:url(images/rightFloat.png) no-repeat 0 0;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='images/rightFloat.png'); position:absolute;top:-45px;left:50%;margin-left:-72px;}
.guide ul {width:80px;padding:15px 10px 35px; background-color:#fff;}
.guide ul li {}
.guide ul li a {border-bottom:1px solid #dedede;height:48px;line-height:48px; font-size:18px;color:#00212b;display:block;text-align:center;}
.guide .current a, .guide ul li a:hover {background-color:#df1230; border-bottom:1px solid #df1230;color:#fff;}
.guide ul li:last-child a {border-bottom:none;}
.guide .btn-top {width:36px;height:40px;padding:20px 22px; border-radius:40px;background-color:#fbe047;position:absolute;bottom:-40px;left:50%;margin-left:-40px;text-align:center;line-height:20px;font-size:18px;color:#00212b;}
*html{background-image:url(about:blank);background-attachment:fixed;}

body .g-footer {background-color:#00212b;position:relative;z-index:2;}