/* base */
@import url('base.css');
@import url('jquery.fancybox.css');

/* custom */

html {
	font-size: 10px;
}

body {
	position: relative;
	width: 100%;
	max-width: 1920px;
	background: url('../images/index.jpg') no-repeat 50% 0 #fff;
	font-size: 12px;
	color: #222;
	font-family: 'FZHeiTi','Microsoft YaHei', simsun, tahoma, arial, 'Hiragino Sans GB', sans-serif;
}

a {
	color: #17C4F2;
}

ul li {
	list-style: none;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.clear-fix {
	clear: both;
}

.header,
.footer,
.container {
	width: 1200px;
	margin: 0 auto;
	display: block;
}

.pagination {
	margin: 20px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul li {
	display: inline;
}

.pagination ul li a,
.pagination ul li span {
	float: left;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
}

.pagination ul li a:hover,
.pagination ul .active a,
.pagination ul .active span {
	background-color: #f5f5f5;
}

.pagination ul .active a,
.pagination ul .active span {
	color: #999999;
	cursor: default;
}

.pagination ul .disabled span,
.pagination ul .disabled a,
.pagination ul .disabled a:hover {
	color: #999999;
	background-color: transparent;
	cursor: default;
}

.pagination ul li:first-child a,
.pagination ul li:first-child span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

.pagination ul li:last-child a,
.pagination ul li:last-child span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

.pagination-large ul li a,
.pagination-large ul li span {
	padding: 11px 19px;
	font-size: 16px;
}

.pagination-large ul li:first-child a,
.pagination-large ul li:first-child span {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

.pagination-large ul li:last-child a,
.pagination-large ul li:last-child span {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-mini ul li:first-child a,
.pagination-small ul li:first-child a,
.pagination-mini ul li:first-child span,
.pagination-small ul li:first-child span {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

.pagination-mini ul li:last-child a,
.pagination-small ul li:last-child a,
.pagination-mini ul li:last-child span,
.pagination-small ul li:last-child span {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

.pagination-small ul li a,
.pagination-small ul li span {
	padding: 2px 10px;
	font-size: 12px;
}

.pagination-mini ul li a,
.pagination-mini ul li span {
	padding: 1px 6px;
	font-size: 12px;
}

.pagination {
	font-size: 14px;
	line-height: 14px;
}

.pagination ul .active span,
.pagination ul .disabled span {
	cursor: pointer;
	color: #ffffff;
	background: #7d7d7d;
}

.pagination ul .disabled span {
	color: #999999;
}

.pagination ul li a,
.pagination ul li a:hover,
.pagination ul li span {
	border: 0;
	font-size: 14px;
	color: #fff;
	background: #7d7d7d;
	padding: 0 6px;
	margin: 0 1px;
}

.pagination ul li.active span {
	background: #f0a20a;
}

/* 头部导航 */
.header-wrap {
	background: url('../images/bg_header.png') no-repeat 50% 0;
	font-family: 'FZHeiTi','Microsoft YaHei', simsun, tahoma, arial, 'Hiragino Sans GB', sans-serif;
}

.header .nav {
	height: 200px;
	float: right;
}
.sub-nav{
	float: right;
}
.header .nav .sub-nav .item {
	height: 185px;
}

.header .nav .sub-nav .menu a {
	color: #333;
	text-decoration: none;
	font-family: '宋体';
}

.header .nav .sub-nav .item {
	float: left;
	width: 150px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	padding-top: 24px;
}

.header .nav .sub-nav .item.selected,
.header .nav .sub-nav .item:hover {
	background: url('../images/bg_header_nav_selected.png') no-repeat 50% 0;
}

.header .nav .sub-nav .item.short {
	width: 110px;
}

.header .nav .sub-nav .menu {
	height: 24px;
}

.header .nav .sub-nav .sub-menu li {
	height: 20px;
}

.header .nav .sub-nav .sub-menu a {
	color: #333;
	font-size: 14px;
	line-height: 12px;
	text-decoration: none;
	background: url('../images/disc.png') no-repeat 2px 7px;
	padding-left: 8px;
	margin-left: -8px;
}

.header .nav .sub-nav .sub-menu a.selected,
.header .nav .sub-nav .sub-menu a:hover {
	color: #333333;
}

.header .nav .sub-nav .item.logo-wrap {
	width: 350px;
}

.header .nav .sub-nav .item.logo-wrap:hover {
	background: none;
}

.header .nav .sub-nav .logo {
	margin-top: -12px;
}

/* 底部页脚 */
.footer-wrap {
	float: left;
	width: 100%;
	background: url('../images/bg_footer.png') no-repeat 50% 0;
	color: #C9CACC;
	margin-top: 20px;
	position: relative;
	bottom: 0;
}

.copyright {
	padding: 40px 0;
	overflow: hidden;
	color: #bbb;
	background: transparent;
	width: 100%;
	text-align: center;
}

.copyright .main {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.copyright a {
	color: transparent;
}

.copyright img {
	margin-right: 10px;
	vertical-align: middle;
}

.copyright .lines {
	width: 1px;
	height: 25px;
	border-left: 1px solid #999;
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
}

.copyright-left {
	width: 325px;
	padding-top: 10px;
	float: left;
}

.copyright-text {
	width: 666px;
	border-left: 1px solid #999;
	font-size: 12px;
	padding-left: 8px;
	line-height: 18px;
	float: left;
}

.copyright-text span {
	color: #333;
	padding: 0 4px;
}

/* 友情链接 */
.section-friendly {
	float: left;
	width: 100%;
	margin-top: 42px;
	height: 150px;
	overflow: hidden;
}

.section-friendly .title {
	color: #ff9900;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	padding: 13px;
	background: #f3f3f3;
}

.section-friendly .content {
	float: left;
	width: 1020px;
	height: 76px;
	overflow: hidden;
	padding: 15px;
	background: #fff;
}

.section-friendly .title .more {
	font-size: 14px;
	float: right;
}

.section-friendly .title .more a {
	color: #999999;
	text-decoration: none;
}

.section-friendly ul {
	margin: 6px 10px;
}

.section-friendly .item .logo-friendly {
	width: 135px;
	height: 62px;
}

/* error page */
.error-wrap {
	margin: 10px;
	text-align: center;
}

/* login page */
.login-wrap {
	width: 100%;
	background: #fff;
}

.login-wrap .login-frame-wrap {
	width: 470px;
	height: 401px;
	margin: 0 auto;
	padding: 20px;
}

.login-wrap #loginFrame {
	width: 100%;
	height: 100%;
}

/* 首页 */
.index-section {
	float: left;
}
.index-section-onecopy {
	width: 1200px;
	/* height: 300px; */
	/* background: url("../images/bg_index_section_one.png") no-repeat; */
	/* margin-top: 50px; */
}

.index-section-onecopy .left-side {
	float: left;
	width: 176px;
	padding: 0 10px;
	position: relative;
}

.index-section-onecopy .right-side {
	float: left;
	width: 700px;
	padding: 0 1px 0 0;
}

.index-section-onecopy .qr-wrap {
	position: absolute;
	top: 155px;
	left: -124px;
}

.index-section-onecopy a {
	text-decoration: none;
}

.index-section-onecopy .buy {
	width: 176px;
	height: 152px;
	display: block;
	background: url("../images/index_03.jpg") no-repeat;
}

.index-section-onecopy .buy:hover {
	background: url("../images/index_03.jpg") no-repeat;
}

.index-section-onecopy .ewm {
	width: 177px;
	height: 197px;
	background-color: aliceblue;
	display: block;
}
.index-section-onecopy .ewm-img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	padding-top: 20px;
	display: block;
}
.index-section-onecopy .sys{
	margin: 0 auto;
    width: 120px;
    text-align: center;
    padding-top: 10px;
}
.index-section-onecopy .index-email{
	background-color: #323430;
    width: 177px;
    height: 110px;
    text-align: center;
	line-height: 50px;
	color: aliceblue;
}


.index-section-onecopy .play_index {
	width: 312px;
	height: 152px;
	display: block;
	background: url("../images/index_05.jpg") no-repeat;
}

.index-section-onecopy .play_index:hover {
	background: url("../images/index_05.jpg") no-repeat;
}

.index-section-onecopy .guize_index {
	width: 312px;
	height: 152px;
	display: block;
	background: url("../images/index_08.png") no-repeat;
}

.index-section-onecopy .guize_index:hover {
	background: url("../images/index_08.png") no-repeat;
}
.index-section-onecopy .credit {
	width: 176px;
	height: 84px;
	display: block;
	background: url("../images/xszy.jpg") no-repeat;
	/* margin: 1px 0; */
}

.index-section-onecopy .guide {
	width: 176px;
	height: 70px;
	display: block;
	background: url("../images/kpzl.jpg") no-repeat;
}

.index-section-onecopy .slide .item {
	width: 700px;
	height: 330px;
	overflow: hidden;
	cursor: pointer;
}

.index-section-onecopy .slide-menu-wrap {
	float: left;
}

.index-section-onecopy .slide-menu .item {
	float: left;
	width: 133px;
	height: 58px;
	background: url("../images/bg_slide_menu.png") no-repeat;
	font-size: 14px;
	color: #cccccc;
	line-height: 58px;
	text-align: center;
	border-right: 1px solid #3e4650;
	cursor: pointer;
}

.index-section-onecopy .slide-menu .item.last {
	width: 134px;
	border-right: 0;
}

.index-section-onecopy .slide-menu .item.active {
	height: 58px;
	background: url("../images/bg_slide_menu_active.png") no-repeat;
	color: #ff9900;
}

/* copy end */

.index-section-onecopy-neiye {
	width: 1200px;
	/* height: 300px; */
	/* background: url("../images/bg_index_section_one.png") no-repeat; */
	/* margin-top: 50px; */
}

.index-section-onecopy-neiye .left-side {
	float: left;
	width: 250px;
	padding: 0 10px;
	position: relative;
}

.index-section-onecopy-neiye .right-side {
	float: left;
	width: 920px;
	padding: 0 1px 0 0;
}

.index-section-onecopy-neiye .qr-wrap {
	position: absolute;
	top: 155px;
	left: -124px;
}

.index-section-onecopy-neiye a {
	text-decoration: none;
}

.index-section-onecopy-neiye .buy {
	width: 176px;
	height: 152px;
	display: block;
	background: url("../images/index_03.jpg") no-repeat;
}

.index-section-onecopy-neiye .buy:hover {
	background: url("../images/index_03.jpg") no-repeat;
}

.index-section-onecopy-neiye .ewm {
	width: 250px;
	height: 197px;
	background-color: aliceblue;
	display: block;
}
.index-section-onecopy-neiye .ewm-img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	padding-top: 20px;
	display: block;
}
.index-section-onecopy-neiye .sys{
	margin: 0 auto;
    width: 120px;
    text-align: center;
    padding-top: 10px;
}
.index-section-onecopy-neiye .index-email{
	background-color: #323430;
    width: 250px;
    height: 110px;
    text-align: center;
	line-height: 50px;
	color: aliceblue;
}
.index-section-onecopy-neiye .neiye-li{
	width: 250px;
    height: 80px;
    display: block;
    background-color: #333333;
    line-height: 80px;
    text-align: center;
    font-size: 25px;
    padding-top: 10px;
    /* font-weight: 700; */
    border-bottom: 1px solid #ffffff;
}

.index-section-onecopy-neiye .neiye-li-first{
	width: 250px;
	height: 80px;
	display: block;
	background-color: #a71818;
	/* line-height: 80px; */
	text-align: center;
	font-size: 25px;
	padding-top: 10px;
	/* font-weight: 700; */
}
.neiye-div1{margin: 0 20px;
    padding: 10px 27px;
    width: 100%;
    min-height: 500px;
    background-color: #fff;}
.neiye-list1{
	float: left;width: 120px;height: 120px;background-color: #a71818; text-align: center;
}
.neiye-button{
	width: 160px;height: 55px;background-color: #a71818;line-height: 55px;text-align: center;border: none;color: aliceblue;
	font-size: 15px;
	position: relative;
    top: 126px;
}
.neiye-list2{
	float: left;
    width: 82%;
    margin-left: 10px;
    margin: 5px 20px;
	height: 110px;
	border-bottom:1px solid rgb(161, 160, 160);
}
.neiye-div3{
	font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
}
.neiye-div4{
	font-size: 16px;
    line-height: 60px;
}
.neiye-yue{
	font-size: 42px;color: aliceblue;font-weight: 600;
}
.neiye-nian{
	font-size: 23px;color: aliceblue;
}
.neiye-toubuxinxi{
	width: 100%;text-align: center;font-size: 25px;color: #000;font-weight: 600;
}
.index-section-onecopy-neiye .play_index {
	width: 312px;
	height: 152px;
	display: block;
	background: url("../images/index_05.jpg") no-repeat;
}

.index-section-onecopy-neiye .play_index:hover {
	background: url("../images/index_05.jpg") no-repeat;
}

.index-section-onecopy-neiye .guize_index {
	width: 312px;
	height: 152px;
	display: block;
	background: url("../images/index_08.png") no-repeat;
}

.index-section-onecopy-neiye .guize_index:hover {
	background: url("../images/index_08.png") no-repeat;
}
.index-section-onecopy-neiye .credit {
	width: 176px;
	height: 84px;
	display: block;
	background: url("../images/xszy.jpg") no-repeat;
	/* margin: 1px 0; */
}

.index-section-onecopy-neiye .guide {
	width: 176px;
	height: 70px;
	display: block;
	background: url("../images/kpzl.jpg") no-repeat;
}

.index-section-onecopy-neiye .slide .item {
	width: 700px;
	height: 330px;
	overflow: hidden;
	cursor: pointer;
}

.index-section-onecopy-neiye .slide-menu-wrap {
	float: left;
}

.index-section-onecopy-neiye .slide-menu .item {
	float: left;
	width: 133px;
	height: 58px;
	background: url("../images/bg_slide_menu.png") no-repeat;
	font-size: 14px;
	color: #cccccc;
	line-height: 58px;
	text-align: center;
	border-right: 1px solid #3e4650;
	cursor: pointer;
}

.index-section-onecopy .slide-menu .item.last {
	width: 134px;
	border-right: 0;
}

.index-section-onecopy-neiye .slide-menu .item.active {
	height: 58px;
	background: url("../images/bg_slide_menu_active.png") no-repeat;
	color: #ff9900;
}

/* 内页 end */
/* index section one */
.index-section-one {
	width: 1200px;
	height: 316px;
	/* background: url("../images/bg_index_section_one.png") no-repeat; */
	margin-top: 50px;
}

.index-section-one .left-side {
	float: left;
	width: 176px;
	padding: 0 10px;
	position: relative;
}

.index-section-one .right-side {
	float: left;
	width: 700px;
	padding: 0 1px 0 0;
}

.index-section-one .qr-wrap {
	position: absolute;
	top: 155px;
	left: -124px;
}

.index-section-one a {
	text-decoration: none;
}

.index-section-one .buy {
	width: 176px;
	height: 152px;
	display: block;
	background: url("../images/index_03.jpg") no-repeat;
}

.index-section-one .buy:hover {
	background: url("../images/index_03.jpg") no-repeat;
}



.index-section-one .play_index {
	width: 312px;
	height: 152px;
	display: block;
	background: url("../images/index_05.jpg") no-repeat;
}

.index-section-one .play_index:hover {
	background: url("../images/index_05.jpg") no-repeat;
}

.index-section-one .guize_index {
	width: 312px;
	height: 152px;
	display: block;
	background: url("../images/index_08.png") no-repeat;
}

.index-section-one .guize_index:hover {
	background: url("../images/index_08.png") no-repeat;
}
.index-section-one .credit {
	width: 176px;
	height: 84px;
	display: block;
	background: url("../images/xszy.jpg") no-repeat;
	/* margin: 1px 0; */
}

.index-section-one .guide {
	width: 176px;
	height: 70px;
	display: block;
	background: url("../images/kpzl.jpg") no-repeat;
}

.index-section-one .slide .item {
	width: 700px;
	height: 330px;
	overflow: hidden;
	cursor: pointer;
}

.index-section-one .slide-menu-wrap {
	float: left;
}

.index-section-one .slide-menu .item {
	float: left;
	width: 133px;
	height: 58px;
	background: url("../images/bg_slide_menu.png") no-repeat;
	font-size: 14px;
	color: #cccccc;
	line-height: 58px;
	text-align: center;
	border-right: 1px solid #3e4650;
	cursor: pointer;
}

.index-section-one .slide-menu .item.last {
	width: 134px;
	border-right: 0;
}

.index-section-one .slide-menu .item.active {
	height: 58px;
	background: url("../images/bg_slide_menu_active.png") no-repeat;
	color: #ff9900;
}

/* index section two */
.index-section-two {
	margin-top: 42px;
	height: 350px;
	width: 1200px;
}

.index-section-two .left-side {
	/* float: left; */
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
}

.index-section-two .right-side {
	float: left;
	width: 469px;
	height: 100%;
	margin-left: 1px;
	background: url("../images/bg_index_section_two_right.png") no-repeat;
	position: relative;
}

.index-section-two .item {
	float: left;
	width: 115px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	/* border: 1px solid #eeeeee; */
	border-left: 0;
	font-size: 16px;
	background: transparent;
}

.index-section-two .item.first {
	border-left: 1px;
}

.index-section-two .item.last {
	border-left: 0;
	float: right;
}

.index-section-two .item,
.index-section-two .item a {
	color: #666666;
	text-decoration: none;
}

.index-section-two .item .article-list-wrap {
	display: none;
}

.index-section-two .item.active .article-list-wrap {
	display: block;
	position: absolute;
	left: 0;
}

.index-section-two .item.active .title {
	color: #f0a20a;
}

.index-section-two .item.active .title a {
	color: #f0a20a;
	border-bottom: 2px solid #f0a20a;
	padding-bottom: 4px;
}

.index-section-two .item .article-list-wrap {
	width: 1200px;
	padding: 25px;
}

.index-section-two .item .article-list-wrapcopy {
	width: 1200px;
	padding: 25px;
}
.index-section-two .item .article {
	float: left;
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}
.product-name{
	position: relative;
    text-align: center;
    top: -59px;
    margin: 0 20px;
    height: 44px;
    background-color: #646463;
    opacity: 0.8;
    color: aliceblue;
    line-height: 44px;
}
.index-section-two .item .articlecopy {
	float: left;
	width: 33.3%;
	height: 283px;
	line-height: 28px;
	font-size: 14px;
}
.index-section-two .item .subject,
.index-section-two .item .date {
	float: left;
}
.index-title{
	color: black; font-size: 18px;font-weight: 700;
}
.index-section-two .item .subject {
	width: 100%;
	text-align: left;
	overflow: hidden;
	color: #666666;
	cursor: pointer;
}

.index-section-two .item .date {
	width: 20%;
	text-align: right;
}

.index-section-two .item .date span {
	margin-right: 15px;
}

.index-section-two .item .top {
	height: 70px;
	color: #e3dfdf;
	border-bottom: 1px solid;
	margin: 0 0 14px 0;
}

.index-section-two .item .top .subject {
	width: 100%;
	height: 50px;
	color: #000;
	text-align: center;
	font-size: 28px;
	line-height: 50px;
}

.index-section-two .right-side .item {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #666666;
	border: 0;
}

.index-section-two .right-side .item .subject {
	width: 145px;
	height: 86px;
	margin: 1px 0 0 1px;
	text-align: center;
	position: relative;
}

.index-section-two .right-side .item .overlayer {
	width: 100%;
	height: 100%;
	background: url('../images/bg_index_section_two_overlayer.png') no-repeat;
	position: absolute;
	top: 0;
}

.index-section-two .right-side .item.active .overlayer {
	background: transparent;
}

.index-section-two .right-side .item .pic {
	width: 145px;
	height: 86px;
	line-height: 86px;
}

.index-section-two .right-side .item .pic span {
	font-size: 18px;
	color: #999999;
}

.index-section-two .right-side .item.active .pic span {
	color: #ff9900;
}

.index-section-two .right-side .description {
	display: none;
	width: 280px;
	height: 310px;
	padding: 20px;
	color: #666666;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}

.index-section-two .right-side .description .strong {
	color: #ff9900;
	font-size: 16px;
	margin: 0 0 5px 0;
}

.index-section-two .right-side .description .tag {
	color: #ff9900;
}

.index-section-two .right-side .description a {
	color: #17C4F2;
}

.index-section-two .right-side .item.active .description {
	display: block;
}

.index-section-two .right-side .description .detail {
	display: block;
	width: 75px;
	height: 15px;
	background: url('../images/btn_section_two_right_detail.png') no-repeat;
	position: absolute;
	bottom: 8px;
	right: 18px;
}

.index-section-two .right-side .instruction .pic {
	background: url('../images/bg_game_instruction.png') no-repeat;
}

.index-section-two .right-side .level .pic {
	background: url('../images/bg_game_level.png') no-repeat;
}

.index-section-two .right-side .knowledge .pic {
	background: url('../images/bg_game_knowledge.png') no-repeat;
}

.index-section-two .right-side .explain .pic {
	background: url('../images/bg_game_explain.png') no-repeat;
}

/* index section three */
.index-section-three {
	float: left;
	margin-top: 42px;
	height: 270px;
	overflow: hidden;
}

.index-section-three .left,
.index-section-three .middle,
.index-section-three .right {
	float: left;
}

.index-section-three .left {
	width: 252px;
}

.index-section-three .middle {
	width: 538px;
	margin: 0 1px;
}

.index-section-three .right {
	width: 258px;
}

.index-section-three .title {
	color: #ff9900;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	padding: 13px;
	background: #f3f3f3;
}

.index-section-three .content {
	float: left;
	height: 194px;
	overflow: hidden;
	padding: 15px;
	background: #fff;
}

.index-section-three .title .more {
	font-size: 14px;
	float: right;
}

.index-section-three .title .more a {
	color: #999999;
	text-decoration: none;
}

.index-section-three ul li {
	float: left;
	width: 100%;
	height: 30px;
}

.index-section-three .middle .content {
	padding: 15px 12px;
}

.index-section-three .middle .item {
	float: left;
	width: 170px;
	height: 200px;
	margin-right: 2px;
	cursor: pointer;
	position: relative;
}

.index-section-three .middle .item.last {
	margin-right: 0;
}

.index-section-three .middle .item .pic {
	height: 100%;
}

.index-section-three .middle .item .pic a {
	float: left;
	width: 170px;
	height: 30px;
	line-height: 30px;
	color: #999999;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	background: url('../images/bg_index_section_three.png');
	position: absolute;
	bottom: 0
}

.index-section-three .middle .item.active .pic a {
	color: #ff9900;
}

.index-section-three .middle .item .interpretation {
	background: url('../images/bg_card_interpretation.png') no-repeat;
}

.index-section-three .middle .item .battleground {
	background: url('../images/bg_battleground_explain.png') no-repeat;
}

.index-section-three .middle .item .game-process {
	background: url('../images/bg_game_process.png') no-repeat;
}

.index-section-three .middle .item.active .interpretation {
	background: url('../images/bg_card_interpretation_active.png') no-repeat;
}

.index-section-three .middle .item.active .battleground {
	background: url('../images/bg_battleground_explain_active.png') no-repeat;
}

.index-section-three .middle .item.active .game-process {
	background: url('../images/bg_game_process_active.png') no-repeat;
}

/* partial card */
.partial-cards-wrap {
	float: left;
	width: 252px;
}

.partial-cards-wrap .title {
	color: #ff9900;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	padding: 13px;
	background: #f3f3f3;
}

.partial-cards-wrap .content {

	height: 194px;
	overflow: hidden;
	padding: 15px;
	background: #fff;
}

.partial-cards-wrap .title .more {
	font-size: 14px;
	float: right;
}

.partial-cards-wrap .title .more a {
	color: #999999;
	text-decoration: none;
}

.partial-cards-wrap ul li {
	float: left;
	width: 100%;
	height: 30px;
}

.partial-cards-wrap .icon {
	padding-left: 28px;
}

.partial-cards-wrap .icon a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.partial-cards-wrap .icon .separator {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	margin: 10px 0 0 -28px;
}

.partial-cards-wrap .icon-1 {
	background: url('../images/card_builder_1.png') no-repeat;
	margin: 3px 0 20px 0;
}

.partial-cards-wrap .icon-2 {
	background: url('../images/card_builder_2.png') no-repeat;
}

.partial-cards-wrap .icon-3 {
	background: url('../images/card_builder_3.png') no-repeat;
}

.partial-cards-wrap .icon-4 {
	background: url('../images/card_builder_4.png') no-repeat;
}

.partial-cards-wrap .icon-5 {
	background: url('../images/card_builder_5.png') no-repeat;
}

.partial-cards-wrap .icon-6 {
	background: url('../images/card_builder_6.png') no-repeat;
}

.partial-cards-wrap .icon-1 a {
	font-size: 16px;
	line-height: 28px;
	color: #ff9900;
}

/* copy start */
.partial-cards-wrapcopy {
	float: left;
	width: 312px;
}

.partial-cards-wrapcopy .title {
	color: #ff9900;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	padding: 13px;
	/* background: #f3f3f3; */
}

.partial-cards-wrapcopy .content {

	height: 194px;
	overflow: hidden;
	padding: 15px;
	background: #fff;
	line-height: 28px;
    font-weight: 600;

}

.partial-cards-wrapcopy .title .more {
	font-size: 14px;
	float: right;
}

.partial-cards-wrapcopy .title .more a {
	color: #999999;
	text-decoration: none;
}

.partial-cards-wrapcopy ul li {
	float: left;
	width: 100%;
	height: 30px;
}

.partial-cards-wrapcopy .icon {
	padding-left: 28px;
}

.partial-cards-wrapcopy .icon a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.partial-cards-wrapcopy .icon .separator {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	margin: 10px 0 0 -28px;
}

.partial-cards-wrapcopy .icon-1 {
	background: url('../images/card_builder_1.png') no-repeat;
	margin: 3px 0 20px 0;
}

.partial-cards-wrapcopy .icon-2 {
	background: url('../images/card_builder_2.png') no-repeat;
}

.partial-cards-wrapcopy .icon-3 {
	background: url('../images/card_builder_3.png') no-repeat;
}

.partial-cards-wrapcopy .icon-4 {
	background: url('../images/card_builder_4.png') no-repeat;
}

.partial-cards-wrapcopy .icon-5 {
	background: url('../images/card_builder_5.png') no-repeat;
}

.partial-cards-wrapcopy .icon-6 {
	background: url('../images/card_builder_6.png') no-repeat;
}

.partial-cards-wrapcopy .icon-1 a {
	font-size: 16px;
	line-height: 28px;
	color: #ff9900;
}

/* copy end */
/* partial product */
.partial-products-wrap .content {
	width: 238px;
	height: 234px;
	padding: 17px 10px;
	background: url('../images/bg_index_section_threee_icon.png') no-repeat;
}

.partial-products-wrap .content .icon {
	float: left;
	width: 118px;
	height: 118px;
}

.partial-products-wrap .content .armory {
	background: url('../images/icon_armory.png') no-repeat 29px 16px;
}

.partial-products-wrap .content .production {
	background: url('../images/icon_production.png') no-repeat 24px 16px;
}

.partial-products-wrap .content .search {
	background: url('../images/icon_search.png') no-repeat 24px 16px;
}

.partial-products-wrap .content .cooperation {
	background: url('../images/icon_cooperation.png') no-repeat 24px 16px;
}

/* guide nav */
.guide-wrap .nav-wrap {
	float: left;
	width: 920px;
	margin: 0 0 19px 65px;
}

.guide-wrap .nav-wrap .item {
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
	color: #666666;
	border: 0;
	margin: 0 40px 0 0;
	cursor: pointer;
}

.guide-wrap .nav-wrap .item.last {
	margin: 0;
}

.guide-wrap .nav-wrap .item .subject {
	width: 145px;
	height: 86px;
	margin: 1px 0 0 1px;
	text-align: center;
	position: relative;
}

.guide-wrap .nav-wrap .item .overlayer {
	width: 194px;
	height: 194px;
	background: url('../images/bg_guide_nav_menu_overlayer.png') no-repeat;
	position: absolute;
	top: 3px;
	left: 3px;
}

.guide-wrap .nav-wrap .item.active .overlayer {
	background: transparent;
}

.guide-wrap .nav-wrap .item .pic {
	width: 200px;
	height: 200px;
}

.guide-wrap .nav-wrap .item .pic a {
	float: left;
	width: 194px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	color: #999999;
	position: absolute;
	top: 167px;
	left: 3px;
}

.guide-wrap .nav-wrap .item.active .pic a {
	color: #ff9900;
}

.guide-wrap .nav-wrap .item .pic a {
	background: url('../images/bg_guide_nav_menu.png') no-repeat;
}

.guide-wrap .content-wrap {
	float: left;
	width: 100%;
	background: #fff;
}

.guide-wrap .content-wrap .sub-nav {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	background: #535353;
	color: #fff;
	padding: 0 0 0 10px;
}

.guide-wrap .content-wrap .sub-nav a {
	color: #fff;
	text-decoration: none;
}

.guide-wrap .content-wrap .sub-view-content {
	font-size: 14px;
	line-height: 26px;
	margin: 18px 30px 20px;
	color: #333333;
}

.guide-wrap .content-wrap .title {
	font-size: 18px;
	margin: 0 0 24px 0;
}

.guide-wrap .content-wrap .title span {
	color: #f0a20a;
	border-bottom: 2px solid #f0a20a;
	padding-bottom: 4px;
}

.starting-guide-wrap {
	background: #fff;
	padding: 20px;
}

/* game guide */
.game-guide-wrap .instruction .pic {
	background: url('../images/bg_guide_nav_menu_instruction.png') no-repeat;
}

.game-guide-wrap .level .pic {
	background: url('../images/bg_guide_nav_menu_level.png') no-repeat;
}

.game-guide-wrap .knowledge .pic {
	background: url('../images/bg_guide_nav_menu_knowledge.png') no-repeat;
}

.game-guide-wrap .explain .pic {
	background: url('../images/bg_guide_nav_menu_explain.png') no-repeat;
}

.game-guide-wrap .content-wrap p strong {
	font-size: 16px;
}

.game-guide-wrap .content-wrap .sub {
	font-size: 14px;
}

.game-guide-wrap .content-wrap .attributes {
	margin: 0 0 0 20px;
}

.game-guide-wrap .content-wrap .indent {
	text-indent: 2em;
}

.game-guide-wrap .content-wrap .attributes li {
	list-style: disc;
}

.game-guide-wrap .content-wrap .guide-level .item {
	float: left;
	width: 46%;
	height: 360px;
	text-align: left;
	margin-right: 4%;
}

.game-guide-wrap .content-wrap .guide-knowledge ol {
	margin: 0 0 40px 20px;
}

.game-guide-wrap .content-wrap .guide-knowledge ul {
	margin: 0 0 0 20px;
}

.game-guide-wrap .content-wrap .guide-knowledge ul li {
	list-style: disc;
}

/* rule guide */
.rule-guide-wrap {
	font-size: 14px;
	line-height: 26px;
}

.rule-guide-wrap .content-wrap .title {
	margin: 0 0 14px 0;
}

.rule-guide-wrap .interpretation .pic {
	background: url('../images/bg_guide_nav_menu_interpretation.png') no-repeat;
}

.rule-guide-wrap .battleground .pic {
	background: url('../images/bg_guide_nav_menu_battleground.png') no-repeat;
}

.rule-guide-wrap .game .pic {
	background: url('../images/bg_guide_nav_menu_game.png') no-repeat;
}

.rule-guide-wrap .btn-download {
	float: left;
	width: 190px;
	height: 76px;
	margin: 62px 0 0 10px;
	background: url('../images/btn_rule_download.png') no-repeat;
}

.rule-guide-wrap .btn-download:hover {
	background: url('../images/btn_rule_download_hover.png') no-repeat;
}

/* 卡牌解读 */
.rule-guide-wrap .guide-interpretation {
	margin: 14px 0 12px 0;
}

.rule-guide-wrap .guide-interpretation .divider {
	float: left;
	width: 100%;
	border: 0;
	border-top: 1px solid #999999;
	margin: 25px 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .pre-intro {
	margin: 0 0 15px 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .cards {
	width: 930px;
	margin: 0 auto;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card {
	float: left;
	width: 310px;
	text-align: center;
}

.rule-guide-wrap .guide-interpretation .content-wrap .pic {
	width: 244px;
	height: 293px;
	border: 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card .instruction {
	width: 175px;
	height: 32px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	background: #f0960a;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card .instruction p {
	text-align: center;
}

.rule-guide-wrap .guide-interpretation .content-wrap .attribute {
	float: left;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 0 20px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .attribute .level {
	width: 23px;
	height: 25px;
	line-height: 34px;
	vertical-align: middle;
	margin-left: 40px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type {
	margin-top: 15px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .type {
	float: left;
	height: 260px;
	margin-bottom: 10px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .big {
	height: 24px;
	line-height: 24px;
	font-size: 30px;
	margin-right: 5px;
	vertical-align: top;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .title {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-left {
	float: left;
	display: inline-block;
	width: 185px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-middle {
	float: left;
	width: 490px;
	margin: 0 0 0 15px;
}

.rule-guide-wrap .content-wrap .part-middle .title span {
	color: #333333;
	border-bottom: 0;
	padding-bottom: 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-right {
	float: left;
	width: 255px;
	height: 240px;
	background: #E5E5E5;
	padding: 10px;
	margin: 0 0 0 25px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .article {
	text-indent: 2em;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-right .title {
	font-size: 16px;
	line-height: 24px;
	vertical-align: text-bottom;
	margin: 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-right .article {
	font-size: 14px;
	line-height: 24px;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-right .tag {
	font-size: 30px;
	vertical-align: text-bottom;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-right img,
.rule-guide-wrap .guide-interpretation .content-wrap .card-type .skill img {
	height: 25px;
	line-height: 34px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .card-type .part-right img {
	margin: 0 35px 0 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .skill {
	width: 220px;
	margin: 20px 0 0 0;
}

.rule-guide-wrap .guide-interpretation .content-wrap .skill img {
	height: 25px;
	line-height: 34px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.rule-guide-wrap .guide-interpretation .card-difference {
	float: left;
	margin: 30px 0;
}

.rule-guide-wrap .guide-interpretation .card-difference .tag {
	font-size: 24px;
	margin: 0 10px 0 0;
}

.rule-guide-wrap .guide-interpretation .card-difference table {
	width: 640px;
	height: 146px;
	border: 1px solid #000;
	border-top: 0;
	border-right: 0;
}

.rule-guide-wrap .guide-interpretation .card-difference table thead tr {
	background: #7ecef4;
}

.rule-guide-wrap .guide-interpretation .card-difference table th,
.rule-guide-wrap .guide-interpretation .card-difference table td {
	color: #333333;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	border-left: 0;
	border-bottom: 0;
}

/* 战场说明 */
.rule-guide-wrap .guide-battleground .ground-wrap {
	text-align: center;
	margin: 16px auto 0;
}

.rule-guide-wrap .guide-battleground .content-wrap .ground {
	width: 950px;
	height: 777px;
	border: 0;
}

.rule-guide-wrap .guide-battleground .content-wrap .ground-instruction {
	font-size: 14px;
	line-height: 26px;
	padding: 15px 25px;
}

.rule-guide-wrap .guide-battleground .content-wrap .ground-tip {
	margin: 10px 0 20px;
}

/* 游戏流程 */
.rule-guide-wrap .guide-game .article {
	text-indent: 2em;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table {
	width: 722px;
	height: 549px;
	font-size: 14px;
	line-height: 26px;
	margin: 15px auto 20px;
	border: 1px solid #000;
	border-top: 0;
	border-right: 0;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table td {
	padding: 5px;
	text-align: center;
	border: 1px solid #000;
	border-bottom: 0;
	border-left: 0;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table .section {
	background: #7ecef4;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table .section td {
	padding: 3px 5px 0;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table .step {
	width: 83px;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table .instruction {
	width: 453px;
	text-align: left;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table .feature {
	width: 182px;
}

.rule-guide-wrap .guide-game .content-wrap .rule-table .tongchang,
.rule-guide-wrap .guide-game .content-wrap .rule-table .shunfa {
	width: 26px;
	height: 23px;
	line-height: 23px;
	vertical-align: top;
}

/* 资讯中心 */
.blog-wrap {
	margin: 330px 0 0 0;
}

.blog-wrap .index-section-one .slide-menu-wrap {
	position: relative;
	bottom: 59px;
}

.blog-wrap .index-section {
	float: left;
}

.blog-wrap .index-section-one {
	float: left;
	margin: 0 0 42px 0;
}

.blog-wrap .left-side {
	float: left;
	width: 340px;
	padding: 0;
}

.blog-wrap .right-side {
	float: left;
	width: 710px;
	padding: 0;
}

.blog-wrap .index-section-one .left-side ul {
	margin: 0 1px 0 0;
}

.blog-wrap .index-section-one .buy {
	width: 176px;
	height: 152px;
	display: block;
	background: url("../images/btn_buy_sm.png") no-repeat;
}

.blog-wrap .index-section-one .buy:hover {
	background: url("../images/btn_buy_sm_active.png") no-repeat;
}

.blog-wrap .index-section-one .credit {
	width: 176px;
	height: 117px;
	display: block;
	background: url("../images/xszy.jpg") no-repeat;
	margin: 1px 0;
}

.blog-wrap .index-section-one .guide {
	width: 176px;
	height: 117px;
	display: block;
	background: url("../images/xszy.jpg") no-repeat;
}

.blog-wrap .index-section-one .sub-nav {
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	padding: 0 0 0 10px;
	background: #3e4650;
}

.blog-wrap .index-section-one .sub-nav span {
	line-height: 28px;
}

.blog-wrap .index-section-one .sub-nav a {
	color: #fff;
}

.blog-wrap .index-section-one .slide .item {
	width: 708px;
	height: 348px;
	padding: 1px;
}

.blog-wrap .index-section-one .slide .item .pic {
	width: 708px;
	height: 348px;
}

.blog-wrap .index-section-one .slide-menu .item {
	width: 235px;
	height: 58px;
	background: url("../images/bg_slide_menu_lg.png") no-repeat;
}

.blog-wrap .index-section-one .slide-menu .item.active {
	width: 236px;
	height: 58px;
	background: url("../images/bg_slide_menu_lg_active.png") no-repeat;
}

.blog-wrap .index-section-one .slide-menu .item a {
	font-size: 18px;
	line-height: 36px;
	color: #cccccc;
}

.blog-wrap .index-section-one .slide-menu .item.active a {
	color: #ff9900;
}

.blog-wrap .index-section-two,
.blog-wrap .index-section-three,
.blog-wrap .index-section-two .partial-cards-wrap,
.blog-wrap .index-section-three .partial-products-wrap {
	float: left;
	width: 340px;
	height: 270px;
	overflow: hidden;
}

.blog-wrap .index-section-two {
	margin: 0 0 11px 0;
}

.blog-wrap .index-section-three {
	margin: 0;
}

.blog-wrap .index-section-two .partial-cards-wrap .content {
	height: 216px;
	padding: 20px 20px 0 20px;
}

.blog-wrap .index-section-three .partial-products-wrap .content {
	width: 290px;
	height: 238px;
	padding: 16px 25px;
	background: url('../images/bg_index_section_threee_icon_lg.png') no-repeat;
}

.blog-wrap .index-section-three .partial-products-wrap .content .icon {
	float: left;
	width: 145px;
	height: 118px;
}

.blog-wrap .index-section-three .partial-products-wrap .content .armory {
	background-position: 39px 16px;
}

.blog-wrap .index-section-three .partial-products-wrap .content .production {
	background-position: 34px 16px;
}

.blog-wrap .index-section-three .partial-products-wrap .content .search {
	background-position: 34px 16px;
}

.blog-wrap .index-section-three .partial-products-wrap .content .cooperation {
	background-position: 34px 16px;
}

/* 资讯中心 - 资讯列表 */
.blog-wrap .cms-content {
	padding: 0 5px;
}

.blog-wrap .cms-content .item {
	height: 53px;
	font-size: 14px;
	line-height: 53px;
	border-bottom: 1px dotted #000;
	position: relative;
}

.blog-wrap .cms-content .item div {
	float: left;
}

.blog-wrap .cms-content .item a {
	color: #000;
	text-decoration: none;
}

.blog-wrap .cms-content .item .title {
	padding: 0 0 0 20px;
}

.blog-wrap .cms-content .item .date {
	position: absolute;
	right: 0;
}

.blog-wrap .pagination {
	text-align: center;
}

/* 资讯中心 - 资讯详情 */
.cms-wrap .cms-detail-content {
	width: 703px;
	padding: 10px;
}

.cms-wrap .cms-detail-content .title {
	font-size: 25px;
	text-align: center;
	letter-spacing: 0;
	margin: 10px 0 30px 0;
}

.cms-wrap .cms-detail-content .attribute-wrap {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666666;
	border: 1px dotted #666666;
	border-left: 0;
	border-right: 0;
	padding: 0 0 0 90px;
}

.cms-wrap .cms-detail-content .attribute {
	float: left;
	letter-spacing: 0;
}

.cms-wrap .cms-detail-content .attribute .item {
	float: left;
	display: inline-block;
	line-height: 30px;
}

.cms-wrap .cms-detail-content .attribute .author {
	width: 120px;
}

.cms-wrap .cms-detail-content .attribute .post-time {
	width: 180px;
}

.cms-wrap .cms-detail-content .attribute .share {
	width: 250px;
}

.cms-wrap .cms-detail-content .attribute .share .share-text {
	float: left;
}

.cms-wrap .cms-detail-content .detail {
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 20px 0 50px 0;
}

/* 玩家交流 - 认证牌店 */
.shop-wrap {
	margin: 10px 0 0 0
}

.shop-wrap .sub-nav {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	padding: 0 0 0 10px;
	background: #535353;
}

.shop-wrap .sub-nav span {
	line-height: 30px;
}

.shop-wrap .sub-nav a {
	color: #fff;
	text-decoration: none;
}

.shop-wrap .detail-wrap {
	padding: 0 25px 25px;
	background: #ffffff;
	/* older safari/Chrome browsers */
	-webkit-opacity: 0.7;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.7;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.7;
	/* IE9 + etc...modern browsers */
	opacity: 0.7;
	/* IE 4-9 */
	filter: alpha(opacity=70);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.shop-wrap .detail-wrap .logo-wrap {
	text-align: center;
	padding: 15px 0 10px 0;
}

.shop-wrap .detail-wrap .logo-wrap img {
	width: 275px;
	height: 47px;
}

.shop-wrap .detail-wrap .filter-wrap,
.shop-wrap .detail-wrap .table-shop {
	width: 1000px;
}

.shop-wrap .detail-wrap .filter-wrap {
	float: left;
	font-size: 14px;
	margin: 0 0 20px 0
}

.shop-wrap .detail-wrap .filter-wrap label {
	float: left;
	display: block;
	width: 84px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background: #b28850;
	text-align: center;
	border: 1px solid #fff;
}

.shop-wrap .detail-wrap .filter-wrap .province {
	float: left;
	height: 22px;
	line-height: 22px;
	background: #ffffff;
	margin: 0 10px;
}

.shop-wrap .detail-wrap .filter-wrap .btn-shop-filter {
	float: left;
	width: 84px;
	height: 22px;
	color: #fff;
	background: #b28850;
	border: 1px solid #fff;
	cursor: pointer;
}

.shop-wrap .detail-wrap .table-shop {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #000;
	border-top: 0;
	border-right: 0;
}

.shop-wrap .detail-wrap .table-shop td {
	padding: 0 5px;
	text-align: center;
	border: 1px solid #000;
	border-left: 0;
	border-bottom: 0;
}

.shop-wrap .detail-wrap .table-shop .name,
.shop-wrap .detail-wrap .table-shop .address {
	text-align: left;
}

.shop-wrap .detail-wrap .table-shop .province {
	width: 70px;
}

.shop-wrap .detail-wrap .table-shop .name {
	width: 240px;
}

/* 卡牌查询 */
.card-builder-wrap {
	float: left;
	width: 1050px;
	color: #464646;
}

.card-builder-wrap .search-form-wrap {
	float: left;
	width: 748px;
	height: 660px;
	margin-right: 2px;
	padding: 21px;
	background: url('../images/bg_left.png') no-repeat;
	position: relative;
	z-index: 1;
}

.card-builder-wrap .builder-list-wrap {
	float: left;
	width: 258px;
	height: 702px;
	background: url('../images/bg_right.png') no-repeat;
	position: relative;
	z-index: 2;
}

.card-builder-wrap .search-section {
	position: relative;
	z-index: 10;
	float: left;
	width: 748px;
}

.card-builder-wrap .search-section li {
	float: left;
	list-style: none;
	cursor: pointer;
}

.card-builder-wrap .search-section .card-tab,
.card-builder-wrap .search-section .card-search {
	float: left;
	height: 39px;
	margin-bottom: 12px;
}

.card-builder-wrap .search-section .card-tab .card-all {
	background: url('../images/search_tabs.png') no-repeat 0 -608px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-all.active,
.card-builder-wrap .search-section .card-tab .card-all:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -494px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-wei {
	background: url('../images/search_tabs.png') no-repeat 0 -152px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-wei.active,
.card-builder-wrap .search-section .card-tab .card-wei:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -38px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-shu {
	background: url('../images/search_tabs.png') no-repeat 0 -76px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-shu.active,
.card-builder-wrap .search-section .card-tab .card-shu:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -570px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-wu {
	background: url('../images/search_tabs.png') no-repeat 0 -304px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-wu.active,
.card-builder-wrap .search-section .card-tab .card-wu:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -266px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-qun {
	background: url('../images/search_tabs.png') no-repeat 0 -532px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-qun.active,
.card-builder-wrap .search-section .card-tab .card-qun:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -646px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-neutral {
	background: url('../images/search_tabs.png') no-repeat 0 -228px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-neutral.active,
.card-builder-wrap .search-section .card-tab .card-neutral:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -190px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-territory {
	background: url('../images/search_tabs.png') no-repeat 0 -380px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-basic {
	background: url('../images/search_tabs.png') no-repeat 0 -456px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-basic.active,
.card-builder-wrap .search-section .card-tab .card-basic:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -418px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-tab .card-territory.active,
.card-builder-wrap .search-section .card-tab .card-territory:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -342px;
	height: 38px;
	padding-left: 74px;
}

.card-builder-wrap .search-section .card-search .btn-card-search {
	float: left;
	cursor: pointer;
	background: url('../images/search_tabs.png') no-repeat 0 0;
	height: 38px;
	padding-left: 72px;
}

.card-builder-wrap .search-section .card-search .btn-card-search:hover {
	background: url('../images/search_tabs.png') no-repeat 0 -114px;
	height: 38px;
	padding-left: 72px;
}

.card-builder-wrap .search-section .card-search .card-text-input {
	float: left;
	width: 140px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: #CFCFCF;
	border-radius: 3px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 6px 4px 10px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.card-builder-wrap .search-section .type,
.card-builder-wrap .search-section .vol,
.card-builder-wrap .search-section .page {
	float: left;
	height: 20px;
	line-height: 20px;
}

.card-builder-wrap .search-section .type {
	width: 330px;
}

.card-builder-wrap .search-section .vol {
	width: 358px;
}

.card-builder-wrap .search-section .page {
	width: 60px;
	font-size: 14px;
	text-align: right;
}

.card-builder-wrap .search-section .title {
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.card-builder-wrap .search-section .type li,
.card-builder-wrap .search-section .vol li {
	font-size: 14px;
	margin: 0 10px;
	line-height: 20px;
}

.card-builder-wrap .search-section .type .active,
.card-builder-wrap .search-section .type .item:hover,
.card-builder-wrap .search-section .vol .active,
.card-builder-wrap .search-section .vol .item:hover {
	font-size: 14px;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
	color: #fff;
	background: #AA3104;
	border-radius: 10px;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap {
	position: relative;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .btn-tag {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	padding-right: 20px;
	background: url(../images/arrow_down.jpg) top left no-repeat;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .btn-tag:hover {
	background: url(../images/arrow_down_hover.jpg) top left no-repeat;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .btn-tag.open {
	background: url(../images/arrow_up.jpg) top left no-repeat;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .btn-tag.open:hover {
	background: url(../images/arrow_up_hover.jpg) top left no-repeat;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .card-vol-more {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #e3e3e3;
	width: 296px;
	height: 60px;
	border-radius: 0 0 5px 5px;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .card-vol-more .card-vol {
	width: 240px;
	margin: 4px auto;
	overflow: hidden;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .card-vol-more .card-vol .item {
	margin: 3px 10px;
}

.card-builder-wrap .search-section .vol .card-vol-more-wrap .card-vol-more .card-vol .active,
.card-builder-wrap .search-section .vol .card-vol-more-wrap .card-vol-more .card-vol .item:hover {
	padding: 0 10px;
	margin: 3px 0;
}

/* 卡牌查询 - 卡牌列表 */
.card-builder-wrap .search-result {
	position: relative;
	z-index: 1;
	float: left;
	width: 748px;
	height: 554px;
	margin-bottom: 9px;
}

.card-builder-wrap .not-support-tip {
	margin-top: 40px;
	font-size: 25px;
}

.card-builder-wrap .search-result .pager {
	position: absolute;
	top: 263px;
	left: -18px;
	margin: 0;
}

.card-builder-wrap .search-result .pager a {
	float: none;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.card-builder-wrap .search-result .pager .previous,
.card-builder-wrap .search-result .pager .next {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.card-builder-wrap .search-result .pager .next {
	left: 738px;
}

.card-builder-wrap .search-result .pager .previous a {
	float: left;
	background: url('../images/card_item_bgs.png') no-repeat 0 -94px;
	height: 24px;
	padding-left: 24px;
}

.card-builder-wrap .search-result .pager .next a {
	float: left;
	background: url('../images/card_item_bgs.png') no-repeat 0 -118px;
	height: 24px;
	padding-left: 24px;
}

.card-builder-wrap .search-result .card-brief {
	position: relative;
	float: left;
	width: 177px;
	height: 247px;
	margin: 13px 12px 17px 0;
	cursor: pointer;
}

.card-builder-wrap .search-result .card-brief .pic-wrap {
	width: 177px;
	height: 247px;
	background: url('../images/bg_card.jpg') no-repeat;
}

.card-builder-wrap .search-result .card-brief .pic-wrap .pic {
	width: 100%;
}

.card-builder-wrap .search-result .card-brief.last {
	margin-right: 0;
}

.card-builder-wrap .search-result .card-brief .btn-card-detail {
	background: url('../images/search_buttons.png') no-repeat 0 -116px;
	height: 29px;
	padding-left: 67px;
	position: absolute;
	bottom: 9px;
	right: -4px;
}

.card-builder-wrap .search-result .card-brief .btn-card-detail.active,
.card-builder-wrap .search-result .card-brief .btn-card-detail:hover {
	background: url('../images/search_buttons.png') no-repeat 0 -145px;
	height: 29px;
	padding-left: 67px;
}

.card-builder-wrap .search-result .card-brief.card-limit .over-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 163px;
	height: 233px;
	padding: 7px;
	background: #000;
	/* older safari/Chrome browsers */
	-webkit-opacity: 0.3;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.3;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.3;
	/* IE9 + etc...modern browsers */
	opacity: .3;
	/* IE 4-9 */
	filter: alpha(opacity=30);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	/*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

.card-builder-wrap .search-result .card-limit .card-limit-count {
	background: url('../images/card_limit.png') no-repeat;
	height: 20px;
	padding-left: 177px;
	position: absolute;
	left: 0;
	bottom: -13px;
}

.card-builder-wrap .search-section .mana,
.card-builder-wrap .search-section .rarity,
.card-builder-wrap .search-section .advanced-search {
	float: left;
	height: 35px;
	line-height: 35px;
}

.card-builder-wrap .search-section .mana {
	width: 340px;
}

.card-builder-wrap .search-section .rarity {
	width: 200px;
}

.card-builder-wrap .search-section .advanced-search {
	width: 196px;
	padding-left: 12px;
}

.card-builder-wrap .search-section .advanced-search .btn-advanced-reset {
	float: left;
	border: 0;
	margin-top: 2px;
	background: url('../images/search_buttons.png') no-repeat 0 -264px;
	height: 30px;
	padding-left: 92px;
	cursor: pointer;
}

.card-builder-wrap .search-section .advanced-search .btn-advanced-reset.active,
.card-builder-wrap .search-section .advanced-search .btn-advanced-reset:hover {
	background: url('../images/search_buttons.png') no-repeat 0 -234px;
	height: 30px;
	padding-left: 92px;
}

.card-builder-wrap .search-section .advanced-search .btn-advanced-search {
	float: left;
	border: 0;
	margin-top: 2px;
	background: url('../images/search_buttons.png') no-repeat 0 -174px;
	height: 30px;
	padding-left: 92px;
	cursor: pointer;
}

.card-builder-wrap .search-section .advanced-search .btn-advanced-search.active,
.card-builder-wrap .search-section .advanced-search .btn-advanced-search:hover {
	background: url('../images/search_buttons.png') no-repeat 0 -204px;
	height: 30px;
	padding-left: 92px;
}

.card-builder-wrap .search-section .mana .title,
.card-builder-wrap .search-section .rarity .title,
.card-builder-wrap .search-section .advanced-search .title {
	line-height: 34px;
}

.card-builder-wrap .search-section .mana li,
.card-builder-wrap .search-section .rarity li {
	margin: 0 2px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}

.card-builder-wrap .search-section .mana .mana-0 {
	background: url('../images/manas_and_rarities.png') no-repeat -320px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-0:hover,
.card-builder-wrap .search-section .mana .mana-0.active {
	background: url('../images/manas_and_rarities.png') no-repeat -352px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-1 {
	background: url('../images/manas_and_rarities.png') no-repeat -256px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-1:hover,
.card-builder-wrap .search-section .mana .mana-1.active {
	background: url('../images/manas_and_rarities.png') no-repeat -288px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-2 {
	background: url('../images/manas_and_rarities.png') no-repeat -448px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-2:hover,
.card-builder-wrap .search-section .mana .mana-2.active {
	background: url('../images/manas_and_rarities.png') no-repeat -480px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-3 {
	background: url('../images/manas_and_rarities.png') no-repeat -384px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-3:hover,
.card-builder-wrap .search-section .mana .mana-3.active {
	background: url('../images/manas_and_rarities.png') no-repeat -416px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-4 {
	background: url('../images/manas_and_rarities.png') no-repeat -64px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-4:hover,
.card-builder-wrap .search-section .mana .mana-4.active {
	background: url('../images/manas_and_rarities.png') no-repeat -96px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-5 {
	background: url('../images/manas_and_rarities.png') no-repeat 0 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-5:hover,
.card-builder-wrap .search-section .mana .mana-5.active {
	background: url('../images/manas_and_rarities.png') no-repeat -32px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-6 {
	background: url('../images/manas_and_rarities.png') no-repeat -192px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-6:hover,
.card-builder-wrap .search-section .mana .mana-6.active {
	background: url('../images/manas_and_rarities.png') no-repeat -224px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-7 {
	background: url('../images/manas_and_rarities.png') no-repeat -128px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .mana .mana-7:hover,
.card-builder-wrap .search-section .mana .mana-7.active {
	background: url('../images/manas_and_rarities.png') no-repeat -160px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .search-section .rarity .rarity-black {
	background: url('../images/manas_and_rarities.png') no-repeat -648px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-black:hover,
.card-builder-wrap .search-section .rarity .rarity-black.active {
	background: url('../images/manas_and_rarities.png') no-repeat -682px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-blue {
	background: url('../images/manas_and_rarities.png') no-repeat -512px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-blue:hover,
.card-builder-wrap .search-section .rarity .rarity-blue.active {
	background: url('../images/manas_and_rarities.png') no-repeat -546px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-yellow {
	background: url('../images/manas_and_rarities.png') no-repeat -716px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-yellow:hover,
.card-builder-wrap .search-section .rarity .rarity-yellow.active {
	background: url('../images/manas_and_rarities.png') no-repeat -750px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-green {
	background: url('../images/manas_and_rarities.png') no-repeat -580px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .search-section .rarity .rarity-green:hover,
.card-builder-wrap .search-section .rarity .rarity-green.active {
	background: url('../images/manas_and_rarities.png') no-repeat -614px 0;
	width: 34px;
	padding-top: 36px;
}

.card-builder-wrap .builder-list-wrap .share {
	width: 258px;
	height: 43px;
	cursor: pointer;
}

.card-builder-wrap .builder-list-wrap .share .layer {
	width: 235px;
	height: 43px;
	background: #fff;
	margin: 0;
	padding: 0 0 0 15px;
	border: 1px solid #ccc;
	position: absolute;
	top: 43px;
	left: 3px;
}

.card-builder-wrap .builder-list-wrap .type {
	width: 250px;
	height: 20px;
	padding: 3px 0 7px 8px;
}

.card-builder-wrap .builder-list-wrap .type li {
	float: left;
	list-style: none;
	font-size: 14px;
	margin: 0 6px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

.card-builder-wrap .builder-list-wrap .type .active,
.card-builder-wrap .builder-list-wrap .type .item:hover {
	font-size: 14px;
	line-height: 20px;
	padding: 0 6px;
	margin: 0;
	color: #fff;
	background: #AA3104;
	border-radius: 10px;
}

.card-builder-wrap .builder-list-wrap .limit {
	width: 258px;
	height: 19px;
	text-align: right;
	font-size: 14px;
	line-height: 14px;
	padding: 0 16px 0 0;
}

.card-builder-wrap .builder-list-wrap .limit .count-wrap {
	margin: 0 23px 0 0;
}

.card-builder-wrap .builder-list-wrap .card {
	position: relative;
	height: 34px;
	margin: 0 0 2px 30px;
	color: #fff;
	line-height: 26px;
	font-size: 14px;
	cursor: pointer;
}

.card-builder-wrap .builder-list-wrap #wrapper {
	position: relative;
	height: 394px;
	margin-top: -3px;
	overflow: hidden;
}

.card-builder-wrap .builder-list-wrap .card-preview {
	width: 317px;
	height: 416px;
	position: absolute;
	top: 99px;
	left: -303px;
}

.card-builder-wrap .builder-list-wrap .arrow {
	background: url('../images/card_item_bgs.png') no-repeat 0 0;
	height: 14px;
	padding-left: 19px;
}

.card-builder-wrap .builder-list-wrap .card-preview .arrow {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.card-builder-wrap .builder-list-wrap .card-preview .preview {
	width: 298px;
	height: 416px;
	position: absolute;
	top: -6px;
	left: 15px;
}

.card-builder-wrap .builder-list-wrap .card-preview .arrow,
.card-builder-wrap .builder-list-wrap .card-preview .preview {
	display: block;
}

.card-builder-wrap .builder-list-wrap .card-list {
	width: 254px;
	padding-top: 3px;
}

.card-builder-wrap .builder-list-wrap .card .arrow,
.card-builder-wrap .builder-list-wrap .card .preview {
	display: none;
}

.card-builder-wrap .builder-list-wrap .card .attributes {
	background: url('../images/card_item_bgs.png') no-repeat 0 -168px;
	width: 212px;
	height: 26px;
	color: #fff;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover {
	background: url('../images/card_item_bgs.png') no-repeat 0 -142px;
	height: 26px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana {
	position: absolute;
	top: -3px;
	left: -18px;
	width: 32px;
	height: 32px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-0 {
	background: url('../images/manas_and_rarities.png') no-repeat -320px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-0 {
	background: url('../images/manas_and_rarities.png') no-repeat -352px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-1 {
	background: url('../images/manas_and_rarities.png') no-repeat -256px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-1 {
	background: url('../images/manas_and_rarities.png') no-repeat -288px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-2 {
	background: url('../images/manas_and_rarities.png') no-repeat -448px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-2 {
	background: url('../images/manas_and_rarities.png') no-repeat -480px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-3 {
	background: url('../images/manas_and_rarities.png') no-repeat -384px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-3 {
	background: url('../images/manas_and_rarities.png') no-repeat -416px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-4 {
	background: url('../images/manas_and_rarities.png') no-repeat -64px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-4 {
	background: url('../images/manas_and_rarities.png') no-repeat -96px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-5 {
	background: url('../images/manas_and_rarities.png') no-repeat 0 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-5 {
	background: url('../images/manas_and_rarities.png') no-repeat -32px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-6 {
	background: url('../images/manas_and_rarities.png') no-repeat -192px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-6 {
	background: url('../images/manas_and_rarities.png') no-repeat -224px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .mana-7 {
	background: url('../images/manas_and_rarities.png') no-repeat -128px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes:hover .mana-7 {
	background: url('../images/manas_and_rarities.png') no-repeat -160px 0;
	width: 32px;
	padding-top: 34px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .name {
	padding-left: 18px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .rarity {
	position: absolute;
	top: 3px;
	right: 38px;
	background: url('../images/rarity_icons.png') no-repeat;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-1.rarity-black {
	background-position: -120px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-1.rarity-blue {
	background-position: -80px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-1.rarity-yellow {
	background-position: -140px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-1.rarity-green {
	background-position: -100px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-2.rarity-black {
	background-position: -204px 0;
	width: 22px;
	padding-top: 24px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-2.rarity-blue {
	background-position: -160px 0;
	width: 22px;
	padding-top: 24px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-2.rarity-yellow {
	background-position: -226px 0;
	width: 22px;
	padding-top: 24px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-2.rarity-green {
	background-position: -182px 0;
	width: 22px;
	padding-top: 24px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-3.rarity-black {
	background-position: -40px 0;
	width: 20px;
	padding-top: 20px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-3.rarity-blue {
	background-position: 0 0;
	width: 20px;
	padding-top: 20px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-3.rarity-yellow {
	background-position: -60px 0;
	width: 20px;
	padding-top: 20px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-3.rarity-green {
	background-position: -20px 0;
	width: 20px;
	padding-top: 20px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .rarity.vol-4 {
	position: absolute;
	top: 3px;
	right: 38px;
	background: url('../images/rarity_icons_vol_04.png') no-repeat;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-4.rarity-black {
	background-position: -40px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-4.rarity-blue {
	background-position: 0 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-4.rarity-yellow {
	background-position: -60px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-4.rarity-green {
	background-position: -20px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .rarity.vol-5 {
	position: absolute;
	top: 3px;
	right: 38px;
	background: url('../images/rarity_icons_vol_05.png') no-repeat;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-5.rarity-black {
	background-position: -60px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-5.rarity-blue {
	background-position: -40px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-5.rarity-yellow {
	background-position: -20px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-5.rarity-green {
	background-position: 0 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .rarity.vol-6 {
	position: absolute;
	top: 3px;
	right: 38px;
	background: url('../images/rarity_icons_vol_06.png') no-repeat;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-6.rarity-black {
	background-position: -60px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-6.rarity-blue {
	background-position: -40px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-6.rarity-yellow {
	background-position: -20px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-6.rarity-green {
	background-position: 0 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .rarity.vol-7 {
	position: absolute;
	top: 3px;
	right: 38px;
	background: url('../images/rarity_icons_vol_07.png') no-repeat;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-7.rarity-black {
	background-position: 0 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-7.rarity-blue {
	background-position: -20px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-7.rarity-yellow {
	background-position: -40px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-7.rarity-green {
	background-position: -60px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .rarity.vol-8 {
	position: absolute;
	top: 3px;
	right: 38px;
	background: url('../images/rarity_icons_vol_08.png') no-repeat;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-8.rarity-black {
	background-position: 0 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-8.rarity-blue {
	background-position: -20px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-8.rarity-green {
	background-position: -40px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .vol-8.rarity-yellow {
	background-position: -60px 0;
	width: 20px;
	padding-top: 22px;
}

.card-builder-wrap .builder-list-wrap .card .attributes .count {
	position: absolute;
	right: 14px;
	width: 20px;
	height: 26px;
	background: #000;
	border-radius: 0 5px 5px 0;
	font-size: 12px;
	text-align: center;
	/* older safari/Chrome browsers */
	-webkit-opacity: 0.8;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.8;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.8;
	/* IE9 + etc...modern browsers */
	opacity: .8;
	/* IE 4-9 */
	filter: alpha(opacity=80);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.card-builder-wrap .builder-list-wrap .card-statistic {
	margin-top: 43px;
	text-align: center;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart {
	float: left;
	width: 240px;
	margin: 8px 0 5px 9px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar {
	float: left;
	width: 14px;
	height: 136px;
	margin: 0 8px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar .bg,
.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar .percentage {
	height: 112px;
	background: #AD2f06;
	border-radius: 5px 5px 0 0;
	position: relative;
	z-index: 1;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar .bg {
	border: 1px #000 solid;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar .percentage {
	background: #A0A0A0;
	position: relative;
	top: -114px;
	z-index: 2;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar .count {
	width: 14px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .bar .count.fix {
	bottom: -20px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana {
	float: left;
	position: relative;
	top: 110px;
	left: -6px;
	z-index: 3;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-0 {
	background: url('../images/card_chart_bgs.png') no-repeat -130px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-1 {
	background: url('../images/card_chart_bgs.png') no-repeat -104px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-2 {
	background: url('../images/card_chart_bgs.png') no-repeat -182px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-3 {
	background: url('../images/card_chart_bgs.png') no-repeat -156px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-4 {
	background: url('../images/card_chart_bgs.png') no-repeat -26px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-5 {
	background: url('../images/card_chart_bgs.png') no-repeat 0 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-6 {
	background: url('../images/card_chart_bgs.png') no-repeat -78px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .chart .mana-7 {
	background: url('../images/card_chart_bgs.png') no-repeat -52px 0;
	width: 26px;
	padding-top: 28px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .territory {
	float: left;
	width: 239px;
	font-size: 14px;
}

.card-builder-wrap .builder-list-wrap .card-statistic .territory .yes {
	margin-right: 12px;
}

/* 卡查系统 - 卡牌详情 */
.card-detail {
	position: relative;
	width: 786px;
	height: 469px;
	background: url('../images/bg_card_detail.png') no-repeat;
	padding: 51px 0 0 18px;
}

.card-detail .close {
	width: 20px;
	height: 20px;
	background: url('../images/fancybox_buttons.png') -65px -5px;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 20px;
	/* older safari/Chrome browsers */
	-webkit-opacity: 1;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 1;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 1;
	/* IE9 + etc...modern browsers */
	opacity: 1;
	/* IE 4-9 */
	filter: alpha(opacity=100);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	cursor: pointer;
}

.card-detail .left {
	float: left;
	width: 298px;
	height: 416px;
	background: url('../images/bg_card_l.jpg') no-repeat;
}

.card-detail .right {
	float: left;
	width: 485px;
	height: 466px;
}

.card-detail .right .name {
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	background: #A0A0A0;
	padding-left: 18px;
	color: #fff;
}

.card-detail .right .card-detail-wrapper {
	position: relative;
	height: 408px;
	overflow: auto;
}

.card-detail .right .attributes {
	padding: 18px;
}

.card-detail .right .attributes table {
	width: 100%;
}

.card-detail .right .attributes table .key {
	text-align: right;
	width: 16%;
}

.card-detail .right .attributes table .value {
	text-align: left;
	width: 16%;
}

.card-detail .faction-require li {
	float: left;
	list-style: none;
	margin-left: 1px;
}

.card-detail .faction-require .wei {
	background: url('../images/faction_require_icons.png') no-repeat 0 0;
	width: 14px;
	padding-top: 16px;
}

.card-detail .faction-require .shu {
	background: url('../images/faction_require_icons.png') no-repeat -42px 0;
	width: 14px;
	padding-top: 16px;
}

.card-detail .faction-require .wu {
	background: url('../images/faction_require_icons.png') no-repeat -14px 0;
	width: 14px;
	padding-top: 16px;
}

.card-detail .faction-require .qun {
	background: url('../images/faction_require_icons.png') no-repeat -28px 0;
	width: 14px;
	padding-top: 16px;
}

.card-detail .attributes .section {
	float: left;
	width: 100%;
	font-size: 14px;
}

.card-detail .attributes .section .title {
	color: #AB3004;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin: 17px 0 12px 0;
}

.card-detail .attributes .section .title .mask {
	float: left;
	width: 3px;
	height: 16px;
	background: #AB3004;
	margin-right: 2px;
}

.card-detail .attributes .section .content p {
	font-size: 14px;
	margin-bottom: 15px;
}

.card-detail .attributes .section .content .description {
	font-size: 12px;
	font-style: italic;
}

/* 卡牌构筑 - 高级搜索 */

.card-advanced-search {
	width: 516px;
	height: 452px;
	background: url('../images/bg_card_search.png') no-repeat;
}

.card-advanced-search .search-form {
	padding-top: 50px;
}

.card-advanced-search .controls,
.card-advanced-search .form-actions {
	margin-left: 150px;
}

.card-advanced-search .form-actions {
	background: transparent;
	border: 0;
	padding: 0;
	margin-top: 24px;
	margin-bottom: 0;
}

.card-advanced-search .control-group {
	margin-bottom: 8px;
}

.card-advanced-search .radio,
.card-advanced-search .checkbox,
.card-advanced-search .radio.inline,
.card-advanced-search .checkbox.inline,
.card-advanced-search .control-label {
	padding-top: 0;
}

.card-advanced-search .radio input[type="radio"],
.card-advanced-search .checkbox input[type="checkbox"] {
	float: none;
	margin-top: 0;
}

.card-advanced-search .control-label {
	float: left;
	width: 160px;
	height: 20px;
	line-height: 20px;
	text-align: right;
}

.card-advanced-search .help-inline {
	padding: 0 5px
}

.card-advanced-search input,
.card-advanced-search select {
	height: 20px;
	line-height: 20px;
	border: 1px solid #919191;
	border-radius: 0;
	font-size: 12px;
}

.card-advanced-search .input-text {
	width: 254px;
	padding: 0 6px;
}

.card-advanced-search select.input-mini {
	width: 40px;
	padding: 0;
}

.card-advanced-search select.input-medium {
	width: 105px;
	padding: 0 2px;
}

.card-advanced-search .reset,
.card-advanced-search .search {
	border: 0;
}

.card-advanced-search .reset {
	background: url('../images/search_buttons.png') no-repeat 0 -58px;
	height: 29px;
	padding-left: 100px;
	cursor: pointer;
}

.card-advanced-search .reset.active,
.card-advanced-search .reset:hover {
	background: url('../images/search_buttons.png') no-repeat 0 -87px;
	height: 29px;
	padding-left: 100px;
}

.card-advanced-search .search {
	background: url('../images/search_buttons.png') no-repeat 0 0;
	height: 29px;
	padding-left: 100px;
	cursor: pointer;
}

.card-advanced-search .search.active,
.card-advanced-search .search:hover {
	background: url('../images/search_buttons.png') no-repeat 0 -29px;
	height: 29px;
	padding-left: 100px;
}