/**
 * PgwMenu - Version 1.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */

/*css reset*/
html,body,p{ padding: 0; margin: 0; font-family:Arial,"宋体",sans-serif;font-size:14px; } 
body{ background:#fff;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table { border-collapse:collapse; border-spacing: 0; border:0; }
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur()); }
a:hover{ color:#0066cc;}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0; font-family:Arial,"宋体",sans-serif; font-weight:normal;}
:focus {outline: 0;}
/*css common*/
.f-left {float: left;}
.f-right {float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.nodisplay{display: none;}
html, body, #wrap {height: 100%;}
body > #wrap { height: auto; min-height: 100%;}

.head_title {
	height: 1.92rem;
	line-height: 1.92rem;
	width: 15rem;
	background: #449cff;
	text-align: center;
	font-size: 0.72rem;
	color: #fff;
}

.head_title div {
	float: left;
	width: 20%;
}

.head_title div.head_title_center {
	width: 50%;
}

.head_return_btn {
	padding: 0.6rem 0 0 0.6rem;
}

.head_return_btn img {
	width: 15%;
	display: inherit;
}

.page_float_box img {
	width: 100%;
}

.m_copyRight a {
	font-size: inherit;
}

.page_returnt_btn img {
	width: 100%;
}
/*css #header*/


/*css #main_con 默认start*/
.clear {
    height: 0px;
    clear: both;
    font-size: 0px;
    line-height: 0px;
    zoom: 1;
}
.main_con{
	width:100%;
	max-width:720px;
	height:auto;
	background:#fff;
	margin:0 auto;
	overflow:hidden;
	position: relative;
}
.main_con .banner{
	width:100%;
	float:left;
	position:relative;
  background: url("../images/bgimg_01.png") no-repeat top center;
  background-color: #0874ff;
	background-size:100%;
}
.main_con .banner .nav{
	width: 100%;
	/* margin-left:2.5%; */
	margin-top:111%;
	/* border-radius:6%/2%; */
	overflow: hidden;
}

.main_con .banner .nav .main_title {
  position: relative;
	width: 95%;
	margin-top:8%;
	/* margin-left:-2.5%; */
	/* margin-bottom: 2%; */
	/* float: left; */
}


.main_con .banner .nav .main_title img {
  margin-top:2.5%;
	width: 40%!important;
	margin-left: 0px!important;
}

.main_con .banner .nav .main_title img.show-right-dir {
  position: absolute;
  padding-top: 1%;
  right: -5%;
  width: 21%!important;
}

.main_con .banner .nav .main_title img.show-right-dir2 {
  position: absolute;
  padding-top: 3%;
  right: -5%;
  width: 27%!important;
}

.main_con .banner .nav .main_title.main_title_max img {
  
	width: 69%!important;
}

.main_con .banner .nav .main_title.main_title_else img {
	margin-top:4.5%;
	/* margin-bottom: 4%; */
}

.main_con .banner .state{
	height:auto;
	float: left;
	margin-top:1%;
}


.main_con .banner .state img{
	width: 100%;
}

/* 底部白云图片样式 */
.main_con .banner .cloud{
	height:auto;
	float: left;
}
.main_con .banner .cloud img{
	width: 100%;
	margin-bottom: 0!important;
}
/* 底部白云图片样式end */

/* 积不可失样式 */
.main_show_points{
	width: 100%;
	margin-top: 9%;
	margin-bottom: 3%;
}
/* 积不可失样式end */

/* 再来一份大礼包样式 */
.main_show_welfare{
	width: 100%;
}
/* 再来一份大礼包样式end */

/* 白线样式 */
.main_show_whiteLine{
	width: 70%!important;
	margin-top: 5%;
	margin-left: 13%;
}
/* 白线样式end */

.main_con .banner .navtitle{
	width: 44%;
	margin-left:28%;
	padding-top:46%;
	margin-bottom:-7%;
}

.main_con .banner .nav .main_show{
  position: relative;
  z-index: 1;
	/* padding-left:2.5%; */
	/* padding-top:18%; */
}

.main_con .banner .nav .scroll-icon-bar{
  display: flex;
  /* overflow: auto; */
  align-items: center;
  /* height: 65px; */
  z-index: 1;
  /* margin-bottom: 23px; */
}

.main_con .banner .nav .scroll-icon-bar::-webkit-scrollbar {display:none}

.main_con .banner .nav .scroll-icon-item{
  width: 18%;
  /* height: 50px; */
  transition: width 0.6s,height 0.6s,margin-left 0.6s;
  /* transition: height 1s; */
  /* background-color: #fff; */
  /* margin-right: 3%; */
  flex: 0 0 auto;
}

.main_con .banner .nav .scroll-icon-item img {
  width: 100%
}

.main_con .banner .nav .scroll-icon-item:nth-child(3){
  width: 23%;
  /* height: 65px; */
  transition: width 0.6s,height 0.6s,margin-left 0.6s;
}

.main_con .banner .nav .scroll-icon-item:nth-child(4){
  width: 23%;
  /* height: 65px; */
  transition: width 0.6s,height 0.6s,margin-left 0.6s;
}

/* .main_con .banner .nav .scroll-icon-item:nth-child(5){
  width: 20%;
  height: 20%;
  transition: width 0.3s,height 0.3s;
} */

.main_con .banner .buttom-tabs {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  /* border-bottom: 1px solid #ff7b24; */
  /* background-color: rgba(256,256,256,0.5); */
  z-index: 3;
}

.main_con .banner .buttom-tabs li:first-child{
  width: 26%;
}

.main_con .banner .buttom-tabs li:last-child{
  width: 26%;
}

.main_con .banner .buttom-tabs li{
  width: 24%;
  float: left;
  /* background-color: rgba(256,256,256,0.5); */
  margin-top: -10%;
}

.main_con .banner .buttom-tabs li a {
  display: block;
}

.main_con .banner .nav .main_show.main_show_marginleft {
  width: 95%;
  margin: 0 2.5%;
}

.main_con .banner .nav .main_show li{
	width: 100%;
}


.main_con .banner .main_show img{
	width: 50%;
  height: auto;
  
	float: left;
	/* margin-bottom: 4px; */
}

.main_con .banner .specialImg{
	margin-left: 6%;
}
.main_con .banner .centerImg{
	margin-left: 27%;
}
/*css #main_con 默认end*/


/*Showlinks 开始*/
#flxed_wrap {
	background-color: rgba(0,0,0,0.1);
}

.head_return_btn_left{
	width: 100%;
	max-width: 720px;
	background-color: #0065b3;
	position: fixed;
	z-index: 2;
}

.head_return_btn_left #btn{
	width: 20%;
	padding-bottom: 11%;
	background: url("../images/icon_Elements.png") no-repeat 32% 88% ;
	background-size: 40% 68%;
	position: absolute;
}

.head_return_btn_left #btn a{
	width: 100%;
	height: 100%;
}

.head_return_btn_left p{
	text-align: center;
	font-size: 0.7rem;
	line-height: 1.6rem;
	color: #ffffff;
}

.main_con .longimg{
	margin-top:10.3%;
}

.main_con .longimg .inline-item {
  display: inline-block;
  width: 30%;
  float: left;
}

.main_con .longimg .inline-item2 {
  display: inline-block;
  width: 40%;
}

.main_con .longimg img{
	width: 100%;
	height: auto;
	vertical-align: top;
  display: block;
}

/*Showlinks 结束*/
/*腾讯视频gif按钮*/
.longimg a #btn_lijicanyu{
	display: block;
	position: absolute;
	width: 39%;
	left:29%;
	top:12.2%;
	z-index:1;
}

/*腾讯视频gif按钮 end*/
/* 喜马拉雅活动居中样式 */
.main_show_imgStyle{
	margin-left: 25%;
}
/* 喜马拉雅活动居中样式end */

/*改20200501版新增样式*/
.main_show_changeImgStyle{
	width: 100%!important;
	/* margin-left: 6.5%; */
}
.main_show_smallcenter{
  margin-left: 28.5%;
}