﻿/* group_section */
body{ background: #ffffff url(images/tuan_bg.jpg) no-repeat center 156px;}
.group_section{ background:#ffffff;  margin-bottom:15px; padding:18px 35px 0; position:relative; *zoom:1;}
.group_section h2{ color: #black; font-size: 24px; border-bottom: 2px solid #3b3f3f; margin-bottom: 20px; padding-left: 100px; height: 42px;}
.group_section h2.titleOne{ background: url(images/new_tuan_title_one.jpg) no-repeat; height: 42px;}
.group_section h2.titleOneBar{ background: url(images/new_tuan_title_one.jpg) no-repeat; border-bottom:none; margin-bottom:0;}
.group_section .section_title,
.one_group .inner .buy_info, .one_group .inner .buy_info .btn,
.one_group .inner .countdown i, .one_group .inner .tuan_count i,
.tuan_services li i{ background:url(images/tuan_new.png) no-repeat; _background-image:url(images/tuan_new_ie6.png);}
.group_section .section_title{ background-position:-338px -320px; margin:-4px 0 0 -6px; height:107px; width:117px; position:absolute; left:0; top:0; z-index:2; pointer-events:none;}
.group_section .section_title h3{ display:none;}
.one_group{ border:1px solid #dcdcdc; margin:0 auto 25px; height:400px; width:1126px; position:relative; z-index:1;}
.one_group .title, .one_group .inner{ padding:38px 30px 0; width:340px;}
.one_group .title h2{ color:#111; font-size:16px; font-weight:normal; word-break:break-all; word-wrap:break-word;}
.one_group .title a, .one_group .title a:hover{ color:#111;}
.one_group .inner{ padding-top:100px;}
.one_group .inner .pic{ position:absolute; right:0; top:0;}
.one_group .inner .pic img{ vertical-align:top;}
.one_group .inner .buy_info, .one_group .inner .buy_info .btn{ position:absolute;}
.one_group .inner .buy_info{ margin:-80px 0 0 -8px; height:80px; width:338px; left:0;}
.one_group .inner .buy_info .btn{ background-position:0 99px; padding:0; height:68px; width:148px; left:160px; top:0;}
.one_group .inner .buy_info .btn:hover{ background-position:-338px 0;}
.one_group .inner .buy_info .btn span{ display:none;}
.one_group .inner .buy_info .price{ display:block; color:#fff; font:26px/1.2 Arial; padding:10px 0 0 36px;}
.one_group .inner .buy_info .price em{ font-size:44px; font-weight:bold;}
.one_group .inner .price_panel{ color:#565758; font-size:14px; height:60px; width:100%;}
.one_group .inner .price_panel li{ float:left; width:24%;}
.one_group .inner .price_panel span{ display:block; padding-bottom:2px;}
.one_group .inner .price{ font-family:Arial;}
.one_group .inner del.price{ text-decoration:line-through;}
.one_group .inner .countdown, .one_group .inner .tuan_count{ color:#4f4f4f; font-size:0; padding:5px 0 10px;}
.one_group .inner .countdown span, .one_group .inner .tuan_count span{ font-size:14px; line-height:1.2; margin:-23px 0 0 28px; position:absolute;}
.one_group .inner .countdown em, .one_group .inner .tuan_count em{ color:#f61e3b; font:bold 22px Arial; margin:0 .2em;}
.one_group .inner .countdown i, .one_group .inner .tuan_count i{ display:block; background-position:-486px 0; height:20px; width:20px;}
.one_group .inner .tuan_count i{ background-position:-486px -20px;}
.one_group .share{ border-radius:3px; height:32px; width:172px; position:absolute; right:24px; top:16px; z-index:3; overflow:hidden;}
.one_group .share .label{ display:block; background:#f61e3b; border-radius:3px; color:#fff; cursor:default; font-size:16px; line-height:26px; padding:0 4px; height:26px; width:40px; position:relative; z-index:3; text-align:center;}
.one_group .share:hover .label{ border-radius:3px 0 0 3px;}
.one_group .share .share_list{ background:#fff; border-radius:3px; padding:3px; height:20px; overflow:hidden; position:absolute; right:0; top:0; z-index:1;}
.one_group .share .share_list .bds_tools{ width:120px;}
.one_group .share .share_list a{ float:left; margin-top:-2px; padding:0 0 0 24px; height:22px;}
.one_group .share .share_list a:hover{ opacity:.8; filter:Alpha(opacity=80);}
.group_disabled .inner .buy_info{ background-position:0 -154px;}
.group_disabled .inner .buy_info .btn{ display:none;}
.group_unready .inner .buy_info .btn, .group_unready .inner .buy_info .btn:hover{ background-position:-338px -80px; cursor:default; pointer-events:none;}

/* today_section */
.today_section{ }
.today_section .section_title{ background-position:-338px -154px; margin:-7px 0 0 -6px; height:134px; width:176px;}
.today_section .one_group{ border:0; height:auto;}
.today_section .title{ padding:0 0 0 160px; min-height:66px; width:auto; _height:66px;}
.today_section .title h2{ font-size:22px;}
.today_section .inner{ padding:20px 0 0; width:auto; position:relative;}
.today_section .inner .pic{ display:block; position:static;}
.today_section .inner .buy_info{ background-position:0 -80px; margin:0 -7px 0 0; height:74px; left:auto; right:0; top:96px;}
.today_section .inner .buy_info .btn{ margin-left:5px;}
.today_section .inner .buy_info .price{ padding-left:50px;}
.today_section .inner .props{ width:290px; position:absolute; right:0; top:200px;}
.today_section .inner .price_panel{ height:76px;}
.today_section .inner .price_panel li{ width:30%;}
.today_section .inner .price_panel em, .today_section .inner .price_panel .price{ font-size:18px; font-weight:bold;}
.today_section .inner .countdown{ border-top:1px dotted #7b7b7b; padding:20px 0; width:82%;}
.today_section .inner .countdown i{ background-position:-486px -80px; height:26px; width:26px;}
.today_section .inner .tuan_count i{ background-position:-486px -110px; height:26px; width:26px;}
.today_section .inner .countdown span, .today_section .inner .tuan_count span{ font-size:16px; margin:-27px 0 0 34px;}
.today_section .inner .countdown em, .today_section .inner .tuan_count em{ font-size:26px;}
.today_section .share{ width:186px; left:26px; top:50px; right:auto;}
.today_section .share .label{ line-height:32px; height:32px; width:50px;}
.today_section .share .share_list{ padding:6px 5px;}
.today_section .group_disabled .buy_info{ background-position:0 -234px;}

/* services_section */
.services_section{ padding:40px 0;}
.tuan_services{ margin:0 auto; width:1140px; overflow:hidden; position:relative;}
.tuan_services ul{ margin-left:-1px;}
.tuan_services li{ float:left; border-left:1px dashed #fff; width:33.12%; text-align:center;}
.tuan_services li i{ display:inline-block; background-position:0 -320px; height:102px; width:102px; vertical-align:top;}
.tuan_services li .date{ background-position:-102px -320px;}
.tuan_services li .info{ background-position:-204px -320px;}
.tuan_services li h4{ color:#fff; font-size:18px; font-weight:normal; padding:10px 0;}
.tuan_services li .desc{ color:#000000; font-size:14px; margin:0 22%; text-align:left;}

/* tuan_year*/
.tuan_year{ width: 1125px;}
.tuan_year ul li{ display: inline; float: left; border: 1px solid #dcdcdc; font-family: '微软雅黑','黑体'; margin: 0 15px 20px 0; padding-top: 280px; height: 148px; width: 358px; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; overflow:hidden;}
.tuan_year ul li:hover{ box-shadow: rgba(0,0,0,0.3) 0 0 8px; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); z-index: 8;}
.tuan_year .tuanProducts{ background: #fff; height: 280px; width: 360px; position: absolute; top: 0; left: 0; overflow: hidden;}
.tuan_year .tuanProducts a{ display:block; height: 280px; width: 360px;}
.tuan_year .productTitle{ font-size: 14px; padding:0 20px; margin: 20px 0; width: 318px; height: 45px; overflow: hidden;}
.tuan_year .productTitle a{ display: block; color: #333; height: 45px; word-wrap: break-word; -webket-transition: all linear .32s; -moz-transition: all linear .32s; -ms-transition: all linear .32s; transition: all linear .32s;}
.tuan_year .productTitle a:hover{ color: #f61e3b;}
.tuan_year .bottomBar{ background: red; color: #fff; height: 68px; width: 358px; position: relative;}
.tuan_year .bottomBar .panicBtn,
.tuan_year .bottomBar .endIconBtn,
.tuan_year .bottomBar .startIconBtn{ ; color: #dedede; font-size: 16px; -webkit-text-shadow: 0 1px 2px rgba(255,255,255,.4); -moz-text-shadow: 0 1px 2px rgba(255,255,255,.4); -ms-text-shadow: 0 1px 2px rgba(255,255,255,.4); text-shadow: 0 1px 2px rgba(255,255,255,.4); line-height: 27px; height: 27px; width: 78px; position: absolute; text-align: center; top: 10px; right: 20px;}
.tuan_year .bottomBar .endIconBtn{ background: url(images/endBtnIcon.jpg) no-repeat; color: #7f7f7f; font-size: 16px; pointer-events:none;}
.tuan_year .bottomBar .startIconBtn{ background: url(images/startBtnIcon.jpg) no-repeat; color: #7f7f7f; font-size:14px; pointer-events:none;}
.tuan_year .bottomBar .panicBtn:hover{ color: #fff;}
.tuan_year .bottomBar .buyTotal{ color: #999; font-size: 12px; position: absolute; top: 39px; right: 22px;}
.tuan_year .bottomBar .buyTotal i{ color: #fff; font-family:"Arial"; font-size: 16px; font-weight: 700; padding-right: 2px;}
.tuan_year .bottomBar .price{ display: inline-block; color: #fff; font-family:Arial; font-size: 34px; font-weight:700; line-height: 75px; padding-left: 20px; height: 68px; vertical-align: top; _float: left; *float: left;}
.tuan_year .bottomBar .price em{ font-size: 22px; padding-right: 4px;}
.tuan_year .bottomBar .discount{ display: inline-block; font-size: 14px; margin-left: 5px; vertical-align: top;}
.tuan_year .bottomBar .discount .bar{ display: inline-block; ; line-height: 20px; margin: 16px 0 3px 0; height: 21px; width: 60px; text-align: center;}
.tuan_year .bottomBar .discount .cutPrice{ text-decoration: line-through;}
.tuan_entrance{}
.tuan_entrance a{ display: block; background:url(images/tuanActivity.jpg) no-repeat; height: 596px; width: 1187px; position: fixed; top: 156px; left: 50%; top: 50%; margin-top: -296px; margin-left: -594px; text-indent: -999em; z-index: 999;}
.newAddInfo{ color:#666; border-bottom: 2px solid #446aac; font-size:14px; padding-bottom:6px; margin-bottom:20px;}
.newAddInfo i{ display:inline-block; background:url(images/loundNoteIcon.jpg) no-repeat; margin-right:5px; height:18px; width:21px; vertical-align:top;}
.newAddInfo em{ color:#f61e3b; padding-right:10px;}
.slidebar_ico{ display:none; margin-right:600px; width:90px; position:fixed; right:50%; bottom:25px; z-index:9; _position:absolute; _bottom:auto; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);}
.slidebar_ico a{ float:left; display:inline-block; background:url(images/tuanSlider.jpg) no-repeat; margin-top:2px; width:90px; position:relative;}
.slidebar_ico a:hover i{ display:inline-block; background:url(images/hover_a.png) no-repeat; height:123px; width:90px; position:absolute; top:0; left:0; z-index:2;}
.slidebar_ico a.weixin{ background-position:0 0; height:123px; cursor:default;}
.slidebar_ico a.weixin:hover i{ background:none;}
.slidebar_ico a.free_mail{ background-position:0 -124px; height:123px;}
.slidebar_ico a.weixinB{ background-position:0 -249px; height:123px; cursor:default;}
.slidebar_ico a.weixinB:hover i{ background:none;}