/*??????????*/
.cGreen, a.cGreen {color:#009900; }
.cLGreen, a.cLGreen { color: #00b527; }
.cWhite, a.cWhite{color:#fff;}
.cLGray, a.cLGray {color:#bbb;}
.cGray, a.cGray {color:#999;}
.cDGray, a.cDGray {color:#666;}
.cBlack, a.cBlack {color:#000;}
.cRed, a.cRed {color:#FF0000;}
.cDRed, a.cDRed {color:#c00;}
.cYellow, a.cYellow{color:#ff0;}
.cDYellow, a.cDYellow {color:#CD6A06;}
.cBlue, a.cBlue {color:#3366CC;}
.cDBlue, a.cDBlue {color: #00f }
.cPink, a.cPink {color: #ec5f66;}

.clear {
	clear: both
}

.nowrap {
	white-space: nowrap
}

img {
	border: none;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

td,th {
	text-align: center
}

.textCenter {
	text-align: center;
}

.equip_desc_red {
	color: #FF0000;
}
.equip_desc_green {
	color: #00FF00;
}
.equip_desc_blue {
	color: #C1C1FF;
}
.equip_desc_black {
	color: #000000;
}
.equip_desc_yellow {
	color: #FFFF00;
}
.equip_desc_white {
	color: #FFFFFF;
}
.equip_desc_blink {
	text-decoration: blink;
}
.equip_desc_underline {
	text-decoration: underline;
}

.soldDetail {background-color:#184A5E;position:absolute;left:0;top:0;padding:18px;border:2px solid #2782A5;width:405px;z-index:10003; display:none; }
.soldDetail .bigPic {float:left;}
.soldDetail .parame {margin-left:142px; line-height:22px;color:#fff; font-size:14px;}
.soldDetail .col1 {float:left; width:220px;}
.soldDetail .thum {text-align:center; margin:18px auto 24px ;}
.soldDetail .thum img {margin:0 0 12px;}
.soldDetail .col2 {float:left; width:182px; text-align:left;}
.soldDetail table {margin:0;}
.soldDetail .tb02 th,.soldDetail .tb02 td{ padding:4px 3px; font-size:12px;}
.soldDetail .tb02 td {color:#fff;}

/* ?????????????? */
.tip-for-pet { width: 490px; padding: 10px; }
.solidPetTip .thum { margin-top: 0; }
.solidPetTip .col1 { width: 240px; }
.solidPetTip .col2 { width: 220px; }
.solidPetTip .p_table th, .solidPetTip .p_table td { padding: 4px 0px; }
.solidPetTip .tabCont { margin: 0; padding: 0; }
.solidPetTip .p_info { padding-bottom: 6px; }
.solidPetTip .p_info h4 { margin-bottom: 6px; }
.solidPetTip .tabCont table { margin: 0 auto; }
.soldDetail.tip-for-pet .col1 { width: 270px; }

/* module: ?????? */
.tip-for-role { width: 640px; padding: 15px 10px 10px 10px; }
.tip-for-role .col1 { width: 400px; }
.tip-for-role .col2 { width: 240px; }
.tip-for-role .thum { float: left; margin: 0;}
.tip-for-role .info { float: left; width: 280px; }
.tip-for-role .info th, .tip-for-role .info td { font-size: 14px; padding: 6px 3px; }
.tip-for-role .info th { font-weight: bold; }
.tip-for-role .th { color: #FFCC00; }
.tip-for-role .xiulian { padding: 10px 0; margin: -10px 0 10px 0; }
.tip-for-role .xiulian, .tip-for-role .skill { background-color: #101923; width:100%; border:1px solid #2782A5; }
.tip-for-role .skill { color:#fff; height:300px;  }

.skill {
	position: relative;
	height: 300px;
	margin: 18px auto 0
}

.skill li {
	position: absolute;
	height: 96px;
	text-align: center;
	width: 80px;
	background: url(../../images/icobg.png)no-repeat 50% 0
}

.skill li p {
	font-size: 12px
}

.skill li p,.skill li h5 {
	line-height: 18px
}

.skill li h5,.skillTb h5 {
	color: #fc0
}

.skillTb {
}

.skillTb td {
	width: 65px;
	vertical-align: top;
	padding-bottom: 9px
}

.skillTb td p {
	margin: 3px 0 0
}

.tabs {
	margin: 9px 0 0
}

.tabs ul {
	overflow: hidden;
	_zoom: 1
}

.tabs li {
	width: 98px;
	height: 26px;
	line-height: 26px;
	background: url(../../images/tag1.png)no-repeat;
	text-align: center;
	float: left;
	margin-right: 3px;
	display: inline;
	color: #748da4;
	cursor: pointer
}

.tabs li.on {
	background-image: url(../../images/tag2.png);
	color: #fff
}

.tabCont {
	background: url(../../images/areabg.png)repeat-y -100px;
	margin: 1px 15px 0 0;
	color: #fff;
	padding: 12px;
	overflow: hidden;
	_zoom: 1
}

.tabCont .cols {
	margin: 0 5px;
	float: left;
	display: inline
}

.tabCont h4 {
	background: url(../../images/bar.png)repeat-x;
	border: 1px solid #000;
	border-radius: 4px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	margin-bottom: 3px;
	font-weight: 700
}

.tabCont h4.off {
	color: gray;
	background: url(../../images/areabg.png)50%
}

.tabCont .subTab {
}

.tabCont .subTab h4 {
	float: left;
	width: 49%;
	cursor: pointer
}

.tabCont h4.subTabLeft {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.tabCont h4.subTabRight {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.evol_skill_icon {
	background: url(../../images/evol_skill_icon.png);
	background-size: 100%;
	position: absolute;
	top: 0;
	width: 15px;
	height: 15px
}

.tb02,.tb03 {
	margin: 0 auto
}

.tb02 .noData,.tb03 .noData {
	width: 100%;
	font-size: 12px;
	background: 0 0;
	border: none;
	text-align: center
}

.tb03 .noData {
	vertical-align: top
}

.tb02 th,.tb02 td {
	line-height: 1.3;
	padding: 4px 6px;
	font-size: 14px
}

.tb02 th {
	font-weight: 400;
	text-align: right;
	color: #fc0
}

.tb02 td {
	text-align: left
}

.tb02 td strong {
	color: #fc0;
	font-weight: 400
}

.tb03 td {
	border: 1px solid #9ea0bf;
	width: 44px;
	height: 44px;
	font-size: 12px;
	background: url(../../images/icobg.png)no-repeat 50%;
	background-color: #002420
}

.tb03 img.on {
	border: 2px solid #c00
}

.pet-split-tb td {
	border: none
}

.pet-split-img-wrap img {
	border: 2px solid transparent
}

.pet-split-img-wrap {
	width: 54px;
	height: 54px;
	cursor: pointer;
	border: 1px solid #9ea0bf;
	box-sizing: border-box
}

.expand-more {
	line-height: 66px;
	color: #666
}

.color-pink {
	color: #c621c8
}