﻿.Grou_Tab
{
	position: relative;
}
.Grou_Tab .con1
{
	padding: 10px 0;
}
.Grou_Tab .con1 ul
{
	display: table;
	margin: 0 auto;
}
.Grou_Tab .con1 ul li
{
	display: table-cell;
	vertical-align: middle;
}
.Grou_Tab .con1 ul li.on
{
}
.Grou_Tab .con1 ul li a
{
	display: block;
	width: 80px;
	line-height: 32px;
	text-align: center;
	border: solid 1px #5DDB89;
	color: #12AD46;
	font-size: 14px;
}
@media screen and (max-width: 350px)
{
	.Grou_Tab .con1 ul li a
	{
		width: 70px;
		font-size: 12px;
	}
}
.Grou_Tab .con1 ul li.li2 a
{
	border-left-width: 0;
	border-right-width: 0;
}
.Grou_Tab .con1 ul li.li1 a
{
	border-radius: 4px 0 0 4px;
}
.Grou_Tab .con1 ul li.li3 a
{
	border-radius: 0 4px 4px 0;
}
.Grou_Tab .con1 ul li.on a
{
	background: #5DDB89;
	color: #fff;
}
.Grou_Tab .con2
{
	position: absolute;
	top: 5px;
	right: 0;
	width: 44px;
	height: 44px;
	background: url(/z/Misc/img/Grab/Stripe.png) no-repeat center center;
	background-size: auto 20px;
	cursor: pointer;
}
/*——*/
.Grou_List
{
}
.Grou_List .item
{
	border-bottom: solid 10px #f6f6f6;
	cursor: pointer;
}
.Grou_List .item .con1
{
	position: relative;
}
.Grou_List .item .con1 span.dif1
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: #fff;
	background: rgba(0,0,0,.4);
	padding: 5px 10px;
	border-radius: 4px;
}
.Grou_List .item .con1 span.dif2
{
	position: absolute;
	bottom: 0;
	font-size: 12px;
	color: #fff;
	height: 50px;
	padding-top: 20px;
	line-height: 30px;
	background: url(/z/Misc/img/Grab/BlackBg.png);
	background-size: auto 50px;
	width: 100%;
	padding-left: 10px;
}
.Grou_List .item .con1 img
{
	display: block;
	width: 100%;
}
.Grou_List .item .con2
{
	padding: 8px 10px;
	word-wrap: break-word;
	word-break: break-all;
	position: relative;
}
.Grou_List .item .con2:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.Grou_List .item .con2 a
{
}
.Grou_List .item .con3
{
}
.Grou_List .item .con3 div
{
	display: table;
	width: 100%;
	font-size: 12px;
}
.Grou_List .item .con3 div u
{
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 10px;
}
.Grou_List .item .con3 div u span.dif1
{
	margin-right: 10px;
}
.Grou_List .item .con3 div u span.dif2
{
	color: #2CB25A;
}
.Grou_List .item .con3 div i
{
	display: table-cell;
	vertical-align: middle;
	font-style: normal;
	width: 80px;
	height: 42px;
}
.Grou_List .item .con3 div i b
{
	display: block;
	width: 70px;
	line-height: 32px;
	white-space: nowrap;
	background: #4BCE76;
	color: #fff;
	text-align: center;
	font-weight: normal;
	border-radius: 4px;
	margin: 0 auto;
}
.Grou_List .item .con3 div i b:hover
{
	background: #3BBC67;
}
/*——*/
.GrouDetail_x1
{
	position: relative;
}
.GrouDetail_x1 img
{
	display: block;
	width: 100%;
}
.GrouDetail_x1 .ReturnBack
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0,0,0,.4) url(/z/Misc/img/Icons/ArrReturn.png) no-repeat center center;
	background-size: auto 46%;
}
.GrouDetail_x1 .MyManage
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	background: rgba(36,170,80,.7);
	padding: 5px 0;
	width: 70px;
	border-radius: 4px;
	text-align: center;
}
.GrouDetail_x1 .MyManage a
{
	display: block;
	color: #fff;
}
.GrouDetail_x1 .MyManage.MyManage_a
{
	right: 90px;
	background: rgba(0,0,0,.6);
	display: none;
}
.GrouDetail_x1 .SeveralUnitDiv
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
	background: rgba(0,0,0,.6);
	padding: 6px 11px;
	border-radius: 40px;
	text-align: center;
	color: #fff;
}
.GrouDetail_Click
{
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 12px;
	color: #fff;
}
.GrouDetail_x2
{
	font-size: 18px;
	line-height: 1.2;
	padding: 10px 8px 10px 10px;
	word-wrap: break-word;
	word-break: break-all;
}
@media screen and (min-width: 640px)
{
	.GrouDetail_x2
	{
		font-size: 28px;
		font-family: 'Microsoft Yahei' , '微软雅黑' , MSYahei, '黑体' , Verdana, Arial, Helvetica, sans-serif;
	}
}
.GrouDetail_x3
{
	display: table;
	margin: 0 auto;
	background: #5DDB89;
	border-radius: 50px;
}
.GrouDetail_x3 .con1
{
	display: table-cell;
	vertical-align: middle;
}
.GrouDetail_x3 .con1 span
{
	display: block;
	width: 46px;
	height: 46px;
	background: url(/z/Misc/img/Grab/Gold.png) no-repeat center center;
	background-size: 100% 100%;
	border-radius: 50px;
}
.GrouDetail_x3 .con2
{
	display: table-cell;
	vertical-align: middle;
	padding: 0 14px 0 8px;
	color: #fff;
	white-space: nowrap;
}
.GrouDetail_x3 .con2 u
{
	text-decoration: none;
	font-size: 12px;
}
.GrouDetail_x3 .con2 i
{
	font-style: normal;
	font-size: 12px;
}
.GrouDetail_x4
{
	text-align: center;
	font-size: 12px;
	padding: 10px 0;
	color: #444;
	position: relative;
}
.GrouDetail_x4:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.GrouDetail_x5
{
}
.GrouDetail_x5 ul
{
	position: relative;
}
.GrouDetail_x5 ul:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.GrouDetail_x5 ul li
{
	display: table;
	width: 100%;
	font-size: 12px;
}
.GrouDetail_x5 ul li u
{
	display: table-cell;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	padding: 7px 0 7px 10px;
	color: #34A039;
}
.GrouDetail_x5 ul li i
{
	display: table-cell;
	font-style: normal;
	width: 100%;
	vertical-align: middle;
	padding: 7px 0;
}
.GrouDetail_x5 ul li i span
{
	margin-left: 4px;
	color: #999;
}
.GrouDetail_x6
{
	padding: 10px 0;
}
.GrouDetail_x6 table
{
	margin: 0 auto;
}
.GrouDetail_x6 table td
{
	padding: 0 5px;
}
.GrouDetail_x6 table td span
{
	display: block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #4BCE76;
	color: #fff;
	border-radius: 50px;
	margin: 0 auto;
	cursor: pointer;
}
.GrouDetail_x6 table td.td2 span
{
	background: #FFA00F;
}
.GrouDetail_x7
{
	position: relative;
	height: 50px;
	overflow: hidden;
	padding-top: 9px;
	padding-left: 74px;
}
.GrouDetail_x7:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.GrouDetail_x7 img
{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
	margin-bottom: 20px;
}
.GrouDetail_x7 span
{
	font-size: 12px;
	display: block;
	position: absolute;
	background: #fff;
	height: 50px;
	line-height: 50px;
	left: 0;
	top: 0;
	padding-left: 10px;
	color: #666;
}
.GrouDetail_x8
{
	font-size: 12px;
	position: relative;
	padding: 10px;
}
.GrouDetail_x8:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.GrouDetail_x8 span
{
	word-wrap: break-word;
	word-break: break-all;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	color: #666;
}
.GrouDetail_x8 span:first-child
{
	margin-right: 10px;
}
.GrouDetail_x8 span:last-child a
{
	color: #159BE8;
}
.GrouDetail_x9
{
	padding: 10px 0 8px;
}
.GrouDetail_x9 ul
{
	display: table;
	margin: 0 auto;
}
.GrouDetail_x9 ul li
{
	display: table-cell;
	vertical-align: middle;
}
.GrouDetail_x9 ul li.li1 u, .GrouDetail_x9 ul li.li2 u, .GrouDetail_x9 ul li.li3 u
{
	display: block;
	text-decoration: none;
	width: 60px;
	height: 60px;
	background: #A0E5B4 url(/z/Misc/img/Grou/Step_Ico1.png) no-repeat center center;
	background-size: 80% 80%;
	border-radius: 50%;
	margin: 0 auto;
}
.GrouDetail_x9 ul li.li2 u
{
	background: #A0E5B4 url(/z/Misc/img/Grou/Step_Ico2.png) no-repeat center center;
	background-size: 80% 80%;
}
.GrouDetail_x9 ul li.li3 u
{
	background: #A0E5B4 url(/z/Misc/img/Grou/Step_Ico3.png) no-repeat center center;
	background-size: 80% 80%;
}
.GrouDetail_x9 ul li i
{
	display: block;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	color: #666;
	height: 24px;
	line-height: 24px;
}
.GrouDetail_x9 ul li span
{
	display: block;
	width: 32px;
	height: 60px;
	background: url(/z/Misc/img/Grab/Step_Line.png) no-repeat center center;
	background-size: auto 12px;
	margin-bottom: 24px;
}
.GrouDetail_x10
{
}
.GrouDetail_x10 .con1
{
	position: relative;
	padding: 8px 0 8px 10px;
}
.GrouDetail_x10 .con1:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.GrouDetail_x10 .con1 span
{
	display: table;
}
.GrouDetail_x10 .con1 span u
{
	display: table-cell;
	vertical-align: middle;
}
.GrouDetail_x10 .con1 span u b
{
	display: block;
	width: 3px;
	height: 16px;
	background: #5ABD5F;
	margin-right: 8px;
}
.GrouDetail_x10 .con1 span i
{
	display: table-cell;
	font-style: normal;
}
.GrouDetail_x10 .con2
{
	line-height: 1.6;
	padding: 10px 10px 11px;
	font-size: 16px;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.GrouDetail_x10 .con2 p
{
	color: #000;
	padding-bottom: 10px;
	margin: 0;
	font-size: 16px;
}
.GrouDetail_x10 .con2 p:last-child
{
	padding-bottom: 0;
}
.GrouDetail_x10 .con2 img
{
	width: 100%;
	display: block;
}
.GrouDetail_x10 .con2 p div.detail_single
{
	text-align: center;
	color: #509BCB;
	padding-bottom: 5px;
	font-size: 14px;
}
.GrouDetail_x11
{
	padding: 0 10px;
	display: none;
}
.GrouDetail_x11 .item
{
	position: relative;
	padding: 10px 0;
}
.GrouDetail_x11 .item:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	top: 0;
	border-top: solid 1px #ddd;
}
.GrouDetail_x11 .item ul
{
	display: table;
	width: 100%;
}
.GrouDetail_x11 .item ul li
{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}
.GrouDetail_x11 .item ul li.li1
{
	width: 38px;
}
.GrouDetail_x11 .item ul li.li1 img
{
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 4px;
}
.GrouDetail_x11 .item ul li.li2
{
	line-height: 1.3;
	word-wrap: break-word;
	word-break: break-all;
}
.GrouDetail_x11 .item ul li.li2 b
{
	font-weight: normal;
	color: #080;
}
.GrouDetail_x11 .item ul li.li2 span
{
	display: block;
}
.GrouDetail_x11 .item ul li.li3
{
	text-align: right;
	width: 22px;
	padding-left: 8px;
}
.GrouDetail_x11 .item ul li.li3 span
{
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	overflow: hidden;
	background: #FFA00F;
}
.GrouDetail_x11 .item ul li.li3 span font
{
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	margin: 4px 0 0 4px;
}
.GrouDetail_x11 .item:hover ul li.li3 span
{
	background: #f30;
}
.GrouDetail_x11 .item ul li.li4
{
	width:50px;
}
.GrouDetail_x11 .item ul li.li4 span
{
	width:50px; height:30px; line-height:30px; background:#FFA00F; color:#fff; display:block; text-align:center; border-radius:4px; cursor: pointer;
}
/*——*/
.ChooseClass
{
	background: #fff;
	display: none;
}
.ChooseClass ul
{
}
.ChooseClass ul li
{
	height: 44px;
	line-height: 44px;
	position: relative;
	float: left;
	width: 50%;
}
.ChooseClass ul li:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.ChooseClass ul li a
{
	display: block;
}
/*——*/
@media screen and (max-width: 600px)
{
	.ListPages td a.p_numhref
	{
		display: none;
	}
}
/*——*/
#ContentsDiv
{
	line-height: 1.6;
	min-height: 150px;
	padding: 6px 10px 50px;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
	-webkit-user-select: auto;
}
#ContentsDiv *
{
	-webkit-user-select: auto;
}
#ContentsDiv img
{
	display: block;
	width: 100%;
	margin: 4px 0;
}
/*——*/