.inpage_banner{
	width: 7.5rem;
	height: 3.89rem;
}
.banner_new{
	background: url(/skin/default/images/banner_new.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_illustrated{
	background: url(/skin/default/images/banner_illustrated.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_rank{
	background: url(/skin/default/images/banner_rank.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_search{
	background: url(/skin/default/images/banner_search.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_strategy{
	background: url(/skin/default/images/banner_strategy.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_strategy2{
	background: url(/skin/default/images/banner_strategy2.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_video{
	background: url(/skin/default/images/banner_video.jpg) no-repeat;
	background-size: 100% 100%;
}
.banner_strategy .btn_novice{
	width: 1.74rem;
	height: .69rem;
	background: url(/skin/default/images/btn_novice.png) no-repeat;
	background-size: 100% 100%;
	top: 2.8rem;
	left: .2rem;
	text-indent: -999em;
}
.banner_search p{
	color: #fff;
	font-size: .36rem;
	line-height: .56rem;
	position: absolute;
	top: 2.72rem;
	left: .4rem;
}
.banner_search p b{
	color: #fffdcb;
	font-size: .36rem;
}
.inpage_part{
	width: 7.5rem;
	min-height: 2.53rem;
}
.inpage_part.inpage_part_white{
	background:#fff url(/skin/default/images/inpage_bg.png) 50% bottom no-repeat;
	background-size: 7.5rem 2.53rem;
}
.inpage_part.inpage_part_gray{
	background:#f4f4f4 url(/skin/default/images/inpage_bg.png) 50% bottom no-repeat;
	background-size: 7.5rem 2.53rem;
}
.inpage_part .inpage_search{
	width: 6.9rem;
	height: .5rem;
	border: 1px solid #e7d3b5;
    background: #fff;
    border-radius: .38rem;
    top: -.26rem;
    left: 50%;
    transform: translateX(-50%);
	z-index:10;
}
.inpage_part .inpage_search input{
    width: 6rem;
    height: .49rem;
    background: none;
    position: absolute;
    top: 0;
    left: .22rem;
}
.inpage_part .inpage_search input::-webkit-input-placeholder{
	color:#a6b2b8;
}
.inpage_part .inpage_search input:-moz-placeholder{
	color:#a6b2b8;
}
.inpage_part .inpage_search input::-moz-placeholder{
	color:#a6b2b8;
}
.inpage_part .inpage_search input:-ms-input-placeholder{
	color:#a6b2b8;
}
.inpage_part .inpage_search .icon_menu_search{
	height:.45rem;
	width:.45rem;
	background-position:-3.87rem -.05rem;
	top: 0;
	right: .15rem;
}
.inpage_part .inpage_tab{
	width: 7.4rem;
	min-height: .47rem;
	margin: 0 auto;
	padding: .57rem 0;
}
.inpage_part .inpage_tab a{
	float: left;
	height: .47rem;
	text-align: center;
	line-height: .49rem;
	font-size: .24rem;
	color: #5e5f7b;
	position: relative;
}
.inpage_part .inpage_tab a:after{
	content: "";
	width: 1px;
	height: .33rem;
	background: #acadbb;
	position: absolute;
	top: 50%;
	margin-top: -.165rem;
}
.inpage_part .inpage_tab a:last-child:after,
.inpage_part .inpage_tab_strategy a:nth-child(4):after,
.inpage_part .inpage_tab_gumballs a:nth-child(3):after{
	display: none;
}
.inpage_part .inpage_tab_news a{
	width: 1.38rem;
	margin: 0 .235rem;
}
.inpage_part .inpage_tab_news a:after{
	right: -.235rem;
}
.inpage_part .inpage_tab_news a.active{
	color: #fff;
	background: url(/skin/default/images/icon_news_choose.png) no-repeat;
	background-size: 100% 100%;
}
.inpage_part .inpage_tab_strategy a{
	width: 1.52rem;
	margin: 0 .165rem;
}
.inpage_part .inpage_tab_strategy a:after{
	right: -.165rem;
}
.inpage_part .inpage_tab_strategy a.active{
	color: #fff;
	background: url(/skin/default/images/icon_strategy_choose.png) no-repeat;
	background-size: 100% 100%;
}
.inpage_part .inpage_tab_video a{
	width: 2.95rem;
	margin: 0 .375rem;
}
.inpage_part .inpage_tab_video a:after{
	right: -.375rem;
}
.inpage_part .inpage_tab_video a.active{
	color: #fff;
	background: url(/skin/default/images/icon_video_choose.png) no-repeat;
	background-size: 100% 100%;
}
.inpage_part .inpage_tab_gumballs a{
	width: 2.12rem;
	margin: 0 .17333333rem;
}
.inpage_part .inpage_tab_gumballs a:after{
	right: -.17333333rem;
}
.inpage_part .inpage_tab_gumballs a.active{
	color: #fff;
	background: url(/skin/default/images/icon_illustrated_choose.png) no-repeat;
	background-size: 100% 100%;
}
.inpage_part .inpage_list{
	width: 6.92rem;
	margin: 0 auto;
	overflow: hidden;
}
.inpage_part .inpage_list_news a{
	width: 6.92rem;
	height: 1.78rem;
	border-bottom: 1px dotted #cbcbcb;
	margin-bottom: .48rem;
	display: block;
	position: relative;
}
.inpage_part .inpage_list_news a:last-child{
	margin-bottom: 0;
}
.inpage_part .inpage_list_news a:nth-child(n+5),
.inpage_part .inpage_list_strategy a:nth-child(n+7),
.inpage_part .inpage_list_picture a:nth-child(n+7),
.inpage_part .inpage_list_video a:nth-child(n+7),
.inpage_part .camp_tab_gba a:nth-child(n+13){
	display: none;
}
.inpage_part .inpage_list_news a i{
	width: .42rem;
	height: 1.44rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: .22rem;
	border-radius: .05rem;
}
.inpage_part .inpage_list_news a i.category_blue{
	border: 1px solid #28c8db;
	color: #28c8db;
}
.inpage_part .inpage_list_news a i.category_yellow{
	border: 1px solid #d5bd77;
	color: #d5bd77;
}
.inpage_part .inpage_list_news a i.category_red{
	border: 1px solid #ea626c;
	color: #ea626c;
}
.inpage_part .inpage_list_news a i em{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: .22rem;
	line-height: .27rem;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.inpage_part .inpage_list_news a h3{
	width: 5.8rem;
	height: .35rem;
	line-height: .3rem;
	position: absolute;
	top: 0;
	left: .89rem;
	color: #1e1e26;
	font-size: .26rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.inpage_part .inpage_list_news a p{
	width: 5.8rem;
	height: .75rem;
	position: absolute;
	top: .49rem;
	left: .89rem;
	display: -webkit-box !important;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	-ms-line-clamp: 2;
	line-clamp: 2;
	line-height: .37rem;
	color: #838d92;
	font-size: .24rem;
}
.inpage_part .inpage_list_news a span{
	color: #b0b0b0;
	font-size: .22rem;
	line-height: .26rem;
	text-indent: .27rem;
	min-width: 1.5rem;
	background: url(/skin/default/images/icon_time.png) 0 50% no-repeat;
	background-size: .22rem .22rem;
	position: absolute;
	top: 1.35rem;
	right: .22rem;
}
.inpage_part .inpage_list_strategy,
.inpage_part .inpage_list_picture,
.inpage_part .inpage_list_video{
	width: 7.32rem;
	margin: -.15rem auto 0;
}
.inpage_part .inpage_list_strategy a{
	width: 3.24rem;
	height: 2.54rem;
	float: left;
	overflow: hidden;
	border-radius: .1rem;
	margin: 0 .21rem .43rem;
	position: relative;
}
.inpage_part .inpage_list_strategy a img,
.inpage_part .inpage_list_picture a img,
.inpage_part .inpage_list_video a img{
	width: 100%;
}
.inpage_part .inpage_list_strategy a span{
	width: 100%;
	height: .5rem;
	background: rgba(30,29,39,.8);
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: .5rem;
	color: #fff;
	font-size: .24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.inpage_part .inpage_list_more{
	width: 6.92rem;
	height: 1.45rem;
	margin: 0 auto;
	padding-bottom: .6rem;
	text-align: center;
	line-height: 1.45rem;
	color: #9f9f9f;
	font-size: .24rem;
}
.inpage_part .inpage_list_more:before{
	content: "";
	width: 2rem;
	height: 1px;
	background: #bfbfbf;
	position: absolute;
	top: .72rem;
	left: 0;
}
.inpage_part .inpage_list_more:after{
	content: "";
	width: 2rem;
	height: 1px;
	background: #bfbfbf;
	position: absolute;
	top: .72rem;
	right: 0;
}
.inpage_part .headlines{
	width: 6.92rem;
	min-height: 1.75rem;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    margin: 0 auto;
}
.inpage_part .headlines h3{
	color: #3e3e3e;
    font-size: .36rem;
    line-height: .55rem;
    padding: .75rem 0 .6rem;
}
.inpage_part .headlines p{
	color: #888;
    font-size: .24rem;
    line-height: .35rem;
    text-indent: .27rem;
    min-width: 1.5rem;
    bottom: .1rem;
}
.inpage_part .headlines .headlines_time{
    background: url(/skin/default/images/icon_time.png) 0 50% no-repeat;
    background-size: .22rem .22rem;
    right: 0;
}
.inpage_part .headlines .headlines_author{
    background: url(/skin/default/images/icon_inside_author.png) 0 50% no-repeat;
    background-size: .22rem .22rem;
    left: 0;
}
.inpage_part .inpage_content{
	width: 6.92rem;
	margin: 0 auto;
	padding: .5rem 0 .7rem;
                line-height: 200%;
                font-size: 14px;  
}
.inpage_part .inpage_content p{
                line-height: 30px;
                     margin-bottom: 10px;
}

.inpage_part .inside_about{
	width: 7.5rem;
	height: 6.07rem;
	background: url(/skin/default/images/inside_about.png) no-repeat;
	background-size: 100% 100%;
}
.novice{
	width: 7.5rem;
	height: 14.18rem;
	background: url(/skin/default/images/novice.jpg) no-repeat;
	background-size: 100% 100%;
}
.novice video{
	width: 6.47rem;
	height: 3.63rem;
	position: absolute;
	top: 8.69rem;
	left: 50%;
	margin-left: -3.235rem;
	border-radius: .1rem;
}
.novice .btn_more_strategy{
	width: 2.74rem;
	height: .75rem;
	background: url(/skin/default/images/btn_more_strategy.png) no-repeat;
	background-size: 100% 100%;
	top: 12.88rem;
	left: 50%;
	margin-left: -1.37rem;
	text-indent: -999em;
}
.search_result{
	padding-top: 1.06rem;
}
.warp .ranking{
	height: 11.57rem;
	background: url(/skin/default/images/rank_bg.jpg) no-repeat;
	background-size: 7.5rem 11.57rem;
}
.warp .ranking #rank-choose{
	width: 6.9rem;
	height: .5rem;
	background: #fff;
	line-height: .5rem;
	color: #aaa;
	font-size:.24rem;
	font-family: 'Microsoft YaHei';
	text-align: center;
	border: 1px solid #e7d3b5;
	text-indent: .55rem;
	position: absolute;
	top: -.25rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.ranklist li:nth-child(1){
	width: 2.16rem;
	height: 2.58rem;
	position: relative;
	top: .66rem;
	left: 50%;
	margin-left: -1.08rem;
	text-align: center;
	font-size: 0;
}
.ranklist li:nth-child(1) i{
	width: 1.16rem;
	height: 1.5rem;
	background: url(/skin/default/images/icon_trophy_0.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	text-indent: -999em;
}
.ranklist li:nth-child(1) span,
.ranklist li:nth-child(2) span,
.ranklist li:nth-child(3) span{
	width: 100%;
	line-height: .46rem;
	font-size: .28rem;
	font-weight: bold;
	color: #5e5f7b;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ranklist li:nth-child(1) em,
.ranklist li:nth-child(2) em,
.ranklist li:nth-child(3) em{
	width: 100%;
	line-height: .3rem;
	font-size: .24rem;
	font-weight: bold;
	font-family: 'Microsoft YaHei';
	color: #8b6e3a;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ranklist li:nth-child(2),
.ranklist li:nth-child(3){
	width: 2rem;
	height: 2.3rem;
	position: absolute;
	top: .98rem;
	text-align: center;
	font-size: 0;
}
.ranklist li:nth-child(2){
	left: .65rem;
}
.ranklist li:nth-child(3){
	right: .65rem;
}
.ranklist li:nth-child(2) i{
	width: .84rem;
	height: 1.19rem;
	display: inline-block;
	background: url(/skin/default/images/icon_trophy_1.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
}
.ranklist li:nth-child(3) i{
	width: .87rem;
	height: 1.17rem;
	display: inline-block;
	background: url(/skin/default/images/icon_trophy_2.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
}
.ranklist li:nth-child(n+4){
	width: 4.92rem;
	height: 1rem;
	border-bottom: 1px dashed #e2e2e2;
	line-height: 1rem;
	text-align: center;
	margin: 0 auto;
}
.ranklist li:last-child{
	border-bottom: none;
}
.ranklist li:nth-child(n+4) i{
	width: .42rem;
	display: inline-block;
	vertical-align: middle;
	color: #9f9f9f;
	font-size: .28rem;
}
.ranklist li:nth-child(n+4) span{
	width: 2.6rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .37rem;
	text-align: left;
	color: #5e5f7b;
	font-size: .28rem;
	font-family: 'Microsoft YaHei';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ranklist li:nth-child(n+4) em{
	width: 1.35rem;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	color: #5e5f7b;
	font-size: .28rem;
	font-family: 'Microsoft YaHei';
}
.ranklist li:nth-child(4){
	margin-top: .65rem;
}
.inpage_part .inpage_list_picture a{
	width: 3.24rem;
	height: 3.46rem;
	float: left;
	overflow: hidden;
	border-radius: .1rem;
	margin: 0 .21rem .43rem;
	position: relative;
}
.inpage_part .inpage_list_picture a:nth-child(1){
	display: none;
	width: 6.9rem;
	height: 4.14rem;
}
.inpage_part .inpage_list_picture span{
	width: 100%;
    height: .5rem;
    background: rgba(30,29,39,.8) url(/skin/default/images/icon_original_name.png) .1rem 50% no-repeat;
    background-size: .22rem .22rem;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: .5rem;
    text-indent: .42rem;
    color: #fff;
    font-size: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inpage_part .picture_details,
.inpage_part .video_details{
	width: 6.9rem;
	min-height: 9rem;
	margin: 0 auto;
}
.inpage_part .picture_details h3,
.inpage_part .video_details h3{
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .55rem;
}
.inpage_part .picture_details h3 i,
.inpage_part .video_details h3 i{
	width: .05rem;
	height: .22rem;
	background: #10d68b;
	border-radius: .3rem;
	display: inline-block;
	vertical-align: middle;
}
.inpage_part .picture_details h3 span,
.inpage_part .video_details h3 span{
	min-width: .77rem;
	height: .27rem;
	display: inline-block;
	vertical-align: middle;
	line-height: .27rem;
	margin-left: .12rem;
	color: #4d4d4d;
	font-size: .24rem;
}
.inpage_part .picture_details .picture_details_img{
	padding: .17rem 0 .4rem;
}
.inpage_part .picture_details .picture_details_img img{
	max-width: 6.9rem;
	display: block;
	margin: 0 auto;
}
.inpage_part .picture_details .picture_btn{
	text-align: center;
	padding-bottom:.5rem;
}
.inpage_part .picture_details a{
	width: 2.29rem;
	height: .5rem;
	display: inline-block;
	vertical-align: middle;
	text-indent: -999em;
	margin: 0 .31rem;
}
.inpage_part .picture_details a:nth-child(1){
	background: url(/skin/default/images/btn_down_img.png) no-repeat;
	background-size: 100% 100%;
}
.inpage_part .picture_details a:nth-child(2){
	background: url(/skin/default/images/btn_return_img.png) no-repeat;
	background-size: 100% 100%;
}
.inpage_part .video_selection{
	width: 6.92rem;
	height: .52rem;
	text-align: center;
	border-top: 1px solid #c7c7cf;
	margin: -.3rem auto 0;
	padding:.15rem 0 .36rem;
}
.inpage_part .video_selection a{
	width: 1.49rem;
	height: .35rem;
	border: 1px solid #a9a9b7;
	border-radius: .38rem;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: .37rem;
	color: #5e5f7b;
	font-size: .24rem;
	margin: 0 .065rem;
}
.inpage_part .video_selection a.active{
	color: #10d68b;
	border: 1px solid #0fd68a;
}
.inpage_part .inpage_list_video a{
	width: 3.24rem;
	height: 2.02rem;
	float: left;
	border-radius: .1rem;
	margin: 0 .21rem .78rem;
	position: relative;
}
.inpage_part .inpage_list_video a dfn{
	width: 3.24rem;
	height: 2.02rem;
	border-radius: .1rem;
	display:block;
	overflow:hidden;
}
.inpage_part .inpage_list_video a i{
	width: 100%;
    height: .5rem;
    background: rgba(30,29,39,.8);
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: .5rem;
    color: #fff;
    font-size: .24rem;
    text-align: left;
    border-bottom-right-radius: .1rem;
    border-bottom-left-radius: .1rem;
}
.inpage_part .inpage_list_video a i dfn{
	min-width: 1.1rem;
	height: .5rem;
	position: absolute;
	top: 0;
	left: .13rem;
	color: #fff;
	font-size: .22rem;
	font-family: 'Microsoft YaHei';
	background: url(/skin/default/images/icon_video_play.png) 0 50% no-repeat;
	background-size: .22rem .22rem;
	text-indent: .3rem;
	font-style: normal;
}
.inpage_part .inpage_list_video a i em{
	min-width: .87rem;
	height: .5rem;
	position: absolute;
	top: 0;
	right: .13rem;
	color: #fff;
	font-size: .22rem;
	font-family: 'Microsoft YaHei';
	background: url(/skin/default/images/icon_video_time.png) 0 50% no-repeat;
	background-size: .22rem .22rem;
	text-indent: .3rem;
}
.inpage_part .inpage_list_video a img{
	border-radius: .1rem;
	width: 3.24rem;
	height: 2.02rem;
}
.inpage_part .inpage_list_video a span{
	width: 100%;
	height: .45rem;
	position: absolute;
	bottom: -.45rem;
	left: 0;
	text-align: center;
	line-height: .45rem;
	color: #3f3f3f;
	font-size: .24rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inpage_part .video_details video{
	width: 6.9rem;
	height: 4.44rem;
	object-fit: fill;
	display: block;
	margin: .17rem auto -.2rem;
	border-radius: .1rem;
	overflow: hidden;
}
.inpage_part .video_details .inpage_list_video{
	margin: .2rem 0 0 -.21rem;
}
.inpage_part .video_details .gao{
	height: 2rem;
}
.inpage_part .video_details .gao .btn_all_video{
	width: 2.29rem;
	height: .5rem;
	background: url(/skin/default/images/btn_all_video.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: 0 auto 2rem;
	text-indent: -999em;
}
.gba_combination{
	width: 6.7rem;
	height: 3.05rem;
	margin: -.15rem auto 0;
}
.gba_combination ul{
	width: 6.7rem;
	height: 3rem;
	background: url(/skin/default/images/combination_bg.png) 50% 40% no-repeat;
	background-size: 6.05rem 2.4rem;
	text-align: center;
}
.gba_combination ul li{
	width: 2rem;
	height: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin: .35rem 0 0;
}
.gba_combination ul li a{
	width: 2rem;
	height: 2rem;
	display: block;
}
.gba_combination ul li img{
	width: 100%;
}
.gba_combination ul li span{
	width: 100%;
	display: block;
	text-align: center;
	line-height: .45rem;
	color: #9b917f;
	font-size: .22rem;
	margin-top: -.55rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gba_combination .combination_title{
	width: 2.03rem;
	height: .47rem;
	background: url(/skin/default/images/combination_title.png) no-repeat;
	background-size: 100% 100%;
	top: 0;
	left: 50%;
	margin-left: -1.015rem;
	z-index: 20;
}
.gba_combination .combination_title b{
	width: .6rem;
	height: .47rem;
	position: absolute;
	top: 0;
	right: 0;
	line-height: .47rem;
	text-align: center;
	color: #c9ad7d;
	font-size: .3rem;
}
.gba_combination .swiper-container-horizontal>.swiper-pagination{
	bottom: 0;	
}
.gba_combination .swiper-pagination-bullet{
	background: #c7d1da;
	opacity: 1;
	transition: all .3s;
}
.gba_combination .swiper-pagination-bullet-active{
	background: #d4b98c;
	border-radius: .1rem;
	width: .7rem;
}
.gba_combination .swiper-button-prev-five{
	height:.7rem;
	width:.7rem;
	background:url(/skin/default/images/img.png) -4.44rem -.05rem no-repeat;
	background-size: 9.31rem 5.04rem;
	left: 0;
}
.gba_combination .swiper-button-next-five{
	height:.7rem;
	width:.7rem;
	background:url(/skin/default/images/img.png) -5.27rem -.05rem no-repeat;
	background-size: 9.31rem 5.04rem;
	right: 0;
}
.camp_tab_gba{
	width: 6.28rem;
	margin: .6rem auto 0;
	text-align: left;
	font-size: 0;
}
.camp_tab_gba a{
	width: 1.35rem;
	height: 1.75rem;
	float: left;
	overflow: hidden;
	margin: 0 .11rem .2rem;
}
.camp_tab_gba a i{
	width: 1.35rem;
	height: 1.26rem;
	background: url(/skin/default/images/illustrated_small_gba_bg.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	overflow: hidden;
	border-radius: .1rem;
	position: relative;
}
.camp_tab_gba a i img{
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.camp_tab_gba a span{
	width: 1.35rem;
	height: .45rem;
	text-align: center;
	line-height: .45rem;
	color: #9b917f;
	font-size: .22rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gba_details{
	width: 6.3rem;
	height: 4.73rem;
	margin: 0 auto;
	padding-top: 1.2rem;
}
.gba_details.gba_illustrated_bg_0{
	background: url(/skin/default/images/gba_illustrated_bg_0.png) 50% bottom no-repeat;
	background-size: 4.69rem 4.7rem;
}
.gba_details.gba_illustrated_bg_1{
	background: url(/skin/default/images/gba_illustrated_bg_1.png) 50% bottom no-repeat;
	background-size: 4.69rem 4.7rem;
}
.gba_details.gba_illustrated_bg_2{
	background: url(/skin/default/images/gba_illustrated_bg_2.png) 50% bottom no-repeat;
	background-size: 4.69rem 4.7rem;
}
.gba_details.gba_illustrated_bg_3{
	background: url(/skin/default/images/gba_illustrated_bg_3.png) 50% bottom no-repeat;
	background-size: 4.69rem 4.7rem;
}
.gba_details .gba_details_name{
	width: 6.53rem;
	height: .5rem;
	background: url(/skin/default/images/gba_details_title.png) 50% 50% no-repeat;
	background-size: 6.53rem .15rem;
	top: .52rem;
	left: 50%;
	margin-left: -3.265rem;
	z-index: 20;
	text-align: center;
	line-height: .5rem;
	color: #5e5f7b;
	font-size: .38rem;
}
.gba_details .swiper-container-six .swiper-slide{
	opacity: 0!important;
}
.gba_details .swiper-container-six .swiper-slide-active{
	opacity: 1!important;
}
.gba_details .swiper-container-six .swiper-slide p{
	width: 2.16rem;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	color: #fff;
	font-size: .24rem;
	position: absolute;
	top: .58rem;
	left: 50%;
	margin-left: -1.08rem;
	z-index: 1;
}
.gba_details .swiper-container-six .swiper-slide img{
	width: 4.4rem;
	height: 4.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1.5rem 0 0 -2.2rem;
}
.gba_details .swiper-container-six .swiper-button-prev-six{
	width: .6rem;
	height: .86rem;
	background: url(/skin/default/images/gba_prev.png) no-repeat;
	background-size: .6rem .86rem;
	left: 0;
}
.gba_details .swiper-container-six .swiper-button-next-six{
	width: .6rem;
	height: .86rem;
	background: url(/skin/default/images/gba_next.png) no-repeat;
	background-size: .6rem .86rem;
	right: 0;
}
.gba_skin_tab{
	height: 2.9rem;
	text-align: center;
	font-size: 0;
}
.gba_skin_tab .swiper-slide{
	height: 1.62rem;
	display: inline-block;
	vertical-align: middle;
	margin: .26rem 0 0;
}
.gba_skin_tab .swiper-slide .skin_sum_tx{
	width: .93rem;
	height: .93rem;
	display: block;
	border: 2px solid #e7d8b1;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.gba_skin_tab .swiper-slide .skin_sum_tx img{
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1rem 0 0 -1rem;
	border-radius: 50%;
	overflow: hidden;
	-webkit-filter:grayscale(1);
	transition: all .3s;
}
.gba_skin_tab .swiper-slide-active .skin_sum_tx img{
	-webkit-filter:grayscale(0);
}
.gba_skin_tab .swiper-slide .skin_sum_name{
	width: 100%;
	height:.64rem;
	line-height: .32rem;
	text-align: center;
	color: #5e5f7b;
	font-size: .24rem;
	display: block;
	margin: .05rem auto;
	overflow: hidden;
}
.gba_skin_tab .gba_illustrated_dialog{
	width: 6.85rem;
	height: .73rem;
	background: #fff;
	border:1px solid #e7d8b1;
	bottom: 0;
	left: 50%;
	margin-left: -3.425rem;
	border-radius: .05rem;
	overflow: hidden;
}
.gba_skin_tab .gba_illustrated_dialog em{
	width: 6.5rem;
	line-height: .73rem;
	display: block;
	margin: 0 auto;
	color: #caba90;
	font-size: .24rem;
	text-align: left;
}
.gba_details_classify{
	width: 6.9rem;
	margin: 0 auto;
	padding: .42rem 0;
	overflow: hidden;
}
.gba_details_classify .classify_details h3{
	min-width: 1rem;
	height: .4rem;
	line-height: .4rem;
	color: #5e5f7b;
	font-size: .32rem;
	text-indent: .45rem;
}
.gba_details_classify .classify_camp h3{
	background: url(/skin/default/images/icon_gba_illustrated_0.png) 0 50% no-repeat;
	background-size: .4rem .4rem;
}
.gba_details_classify .classify_title h3{
	background: url(/skin/default/images/icon_gba_illustrated_1.png) 0 50% no-repeat;
	background-size: .4rem .4rem;
}
.gba_details_classify .classify_skill h3{
	background: url(/skin/default/images/icon_gba_illustrated_2.png) 0 50% no-repeat;
	background-size: .4rem .4rem;
}
.gba_details_classify .classify_talent h3{
	background: url(/skin/default/images/icon_gba_illustrated_3.png) 0 50% no-repeat;
	background-size: .4rem .4rem;
}
.gba_details_classify .classify_fate h3{
	background: url(/skin/default/images/icon_gba_illustrated_4.png) 0 50% no-repeat;
	background-size: .4rem .4rem;
}
.gba_details_classify .classify_source h3{
	background: url(/skin/default/images/icon_gba_illustrated_5.png) 0 50% no-repeat;
	background-size: .4rem .4rem;
}
.gba_details_classify .classify_details .classify_frame{
    width: 6.85rem;
    min-height: .5rem;
    background: #fbfbfb;
    border: 1px solid #e4d6be;
    border-radius: .05rem;
    margin: .1rem auto .35rem;
}
.gba_details_classify .classify_details .classify_frame p{
	width: 6.5rem;
    margin: 0 auto;
    line-height: .32rem;
    color: #5e5f7b;
    font-size: .24rem;
    padding: .15rem 0;
}
.gba_details_classify .classify_details .classify_frame p b{
	font-size: .28rem;
	line-height: .4rem;
}
.gba_details_classify .classify_details .classify_frame p span{
	color: #c9ad7d;
}