/* CSS Document */
/*  团购VIP客户通道 */
.groupBd{ width:100%; position:relative; overflow:hidden; font-family:"微软雅黑"; font-size:12px; color:#5d5b5b;}
.holdBg{ position:absolute; left:0; top:0; width:100%; z-index:-1;}
.groupWrap{ padding:0 18%;overflow:hidden;}
.groupWrap .tip{ color:#a5a5a5; padding-top:1.5%;}
.groupWrap h2{ padding-top:2%; text-align:center; font-size:35px; color:#f05133;}
.groupAccess{ margin-top:4%; overflow:hidden;}
.fl{ float:left;padding-bottom:10000px!important;margin-bottom:-10000px!important; }
.bgRed{ position:relative; background:#f05133; width:30%;}
.access-flag{ position:absolute; right:-20px; top:1.3%; border:10px solid transparent; border-left:10px solid #f05133; width:0; height:0;}
.bgRed span{ display:block; border:3px solid #fff; margin: 30% 20% 0 20%; padding:10% 5%; color:#fff; font-size:28px; text-align:center;}
.bgGray{ background:#f7f7f7; width:60%; padding:3% 5% 0 5%;}
.bgGray p{ margin-bottom:2%; line-height:180%;}
.bgColor{background: -moz-linear-gradient( top,#fff,#faf7f3);background: -webkit-linear-gradient( top,#fff,#faf7f3); 
background: -ms-linear-gradient( top,#fff,#faf7f3);background: -o-linear-gradient( top,#fff,#faf7f3);background: -linear-gradient( top,#fff,#faf7f3);}
.groupTab{ margin-top:3%;}
.groupTab table{ border-collapse:collapse;}
.groupTab table th{ padding:1.5% 0; background:#f05133; color:#fff; font-size:28px; text-align:center; border:1px solid #f05133; border-bottom:none;}
.groupTab table td{ border:1px solid #e5e5e5; vertical-align:middle; }
.groupTab table td.width15{ width:15%; background:#f5f5f5; text-align:center; font-size:14px;}
.groupTab table td.width35{ width:35%; background:#fff; padding:2% 3%;}

/**/
.groupCon{ }
.groupCon h3{ font-size:28px; font-weight:bold; margin-top:4%;text-align:center;}
.groupCon .conDls{margin-top:4%; margin-right:-2%;}
.groupCon .conDls dl{ float:left; width:18%; margin-right:2%;}
.groupCon .conDls dt{ margin-bottom:2%; border-bottom:1px solid #dfdfdf; width:100%; text-align:center;}
.groupCon .conDls dd{ line-height:24px;}
.groupCon .conDls dt img{}

/**/
.groupStep{ width:100%; position:relative; overflow:hidden; margin-top:4%; color:#fff; padding-bottom:2%; margin-bottom:2%;}
.groupStep .holdImg{ position:absolute; left:0; top:0; width:100%; z-index:-1;}
.groupStep h3{ text-align:center; font-size:28px; font-weight:bold; margin-top:2%;}
.groupStep .stepCon{padding:0 18%; margin-top:1%;}
.groupStep .stepCon .stepDl{ margin-right:-2%; text-align:center;}
.groupStep .stepCon .stepDl dl{ float:left; width:18%; margin-right:2%;}
.groupStep .stepCon .stepDl dt{}
.groupStep .stepCon .stepDl dt span{ display:block; border:1px solid #fca136; font-size:30px; font-weight:bold; margin:10% 32%; padding:2% 0;}
.groupStep .stepCon .stepDl dd{ position:relative;}
.groupStep .stepCon .stepDl dd img{ margin-top:5%;}
.groupStep .stepCon .stepDl dd p{ margin-top:10%; padding:0 10%;}
.groupStep .stepCon .stepDl dd em{ position:absolute; right:-20px; top:50px; background:url(../images/group/chart-step-arrow.png) no-repeat; width:29px; height:44px;}