/************************************************************************************************************
 *
 * @ Version 3.0.1
 * @ PIGNOSE Tab
 * @ Date 03. 24. 2016
 * @ Author PIGNOSE
 * @ Licensed under MIT.
 *
 ***********************************************************************************************************/

.pignose-tab-wrapper {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "PingFangSC-Semibold",
    "Microsoft YaHei","Hiragino Sans GB",
    tahoma,Arial,"\5B8B\4F53","STHeiti",
    "WenQuanYi Micro Hei",SimSun, sans-serif;
}

.pignose-tab-wrapper .pignose-tab-btn {
	display: block;
	min-width: 5em;
	height: 60px;
	padding: 0 1em;
	font: inherit;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	color: #9b9b9b;
	margin-left: 20px;

	border-bottom-width: 0;
	border-right-width: 0;
	line-height: 70px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.pignose-tab-wrapper .pignose-tab-btn:hover {
	
}

.pignose-tab-wrapper .pignose-tab-btn.active {
	margin-bottom: -1px;
	border-width: 20px;
	color: #333;
	border-bottom:3px solid #000; /* #ccc换成链接的颜色 */
	display: inline-block; 
	
	font-weight: 600
}

.pignose-tab-wrapper .pignose-tab-btn.last-btn {
	border-right-width: 1px
}

.pignose-tab-wrapper .pignose-tab-group {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	
	position: relative
}

.pignose-tab-wrapper .pignose-tab-group:after {
	display: block;
	content: "";
	clear: both
}

.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list {
	float: left
}

.pignose-tab-wrapper .pignose-tab-container {
	display: none;
	width: 100%;
	min-height: 100px;
	padding: .6em 1em;
	position: absolute;
	left: 0;
	top: 55px;
	text-align: left
}

.pignose-tab-wrapper .pignose-tab-container.active {
	display: block
}

.pignose-tab-wrapper .pignose-tab-more {
	display: none;
	position: absolute;
	top: 8px;
	right: 15px;
	text-decoration: none;
	color: #555
}

.pignose-tab-wrapper .active .pignose-tab-more {
	display: block
}

.pignose-tab-wrapper .pignose-sub-tab-wrapper {
	padding: 0
}

.pignose-tab-mint {
	border-color: #d8d8d8!important;
	box-shadow: 0 0 4px rgba(0, 0, 0, .25);
	border-radius: 3px;
	border: 1px solid #a1a1a1
}

.pignose-tab-mint .pignose-tab-btn {
	background-color: transparent;
	color: #42444a;
	border-color: transparent;
	transition: color .3s ease, border-color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, border-color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, border-color .3s ease, background-color .3s ease;
	-webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease
}

.pignose-tab-mint .pignose-tab-btn:hover {
	background-color: #f2f2f2
}

.pignose-tab-mint .pignose-tab-btn.active {
	background-color: #60bac2;
	color: #fff;
	border-color: #60bac2
}

.pignose-tab-mint .pignose-tab-group {
	border-bottom-color: #209799
}

.pignose-tab-mint .pignose-tab-container {
	color: #209799
}

.pignose-tab-response {
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

.pignose-tab-response .pignose-tab-btn {
	width: 100%;
	min-width: 0
}

.pignose-tab-response .pignose-tab-group {
	white-space: nowrap
}

.pignose-tab-response .pignose-tab-list {
	width: 15%
}

.slider{width:100%;min-width:980px;height:335px;position:relative;overflow:hidden;background:#fff;text-align:center;margin-top:-5px;}
.slider .bd{width:980px;position:absolute;left:50%;margin-left:-490px}
.slider .bd li{width:980px;overflow:hidden;}
.slider .bd li img{display:block;width:980px;height:335px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-980px !important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(/template/720mo/images/slider-btn.png) 0 -10px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:335px;cursor:pointer;}
.slider .prev{left:-50%;margin-left:-490px;}
.slider .next{left:50%;margin-left:490px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:335px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:335px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(/template/720mo/images/slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(/template/720mo/images/slider-arrow.png) 0 0 no-repeat;}