.mbt-30 {
	margin-bottom:30px
}
.trans {
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.rotate180 {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg)
}
.panle {
	background:#FFFFFF;
	border:1px solid rgba(219, 219, 219, 0.21);
	box-shadow:0 2px 4px 0 rgba(153, 153, 153, 0.1)
}
.panle {
	background:#FFFFFF;
	box-shadow:0 5px 16px 0 rgba(153, 153, 153, 0.1)
}
html, body {
	background:#fafafd
}
::-webkit-scrollbar {
width:4px;
height:4px
}
::-webkit-scrollbar-track-piece {
background-color:transparent;
-webkit-border-radius:0px
}
::-webkit-scrollbar-thumb {
background-color:rgba(153, 153, 153, 0.2)
}
.head {
	line-height:33px;
	margin-bottom:24px
}
.head .title {
	font-size:24px
}
.header .menu_list_wrap {
	float:left;
	padding-top:0px
}
.header .menu_list_wrap ul {
	padding:0
}
.mobile-logo {
}
.header .menu_list_wrap ul li {
	float:none;
	display:inline-block;
	margin-bottom:0
}
.header .menu_list_wrap ul li a {
	width:auto !important;
	padding:0;
	height:58px;
	line-height:58px;
	padding-right:20px;
	font-weight:bold
}
.header .menu_list_wrap ul li a:hover {
	color:#363BA5 !important
}
.header .menu_list_wrap ul li.active a {
	font-weight:bold;
	color:#363BA5 !important;
	background:none;
	text-shadow:0 3px 6px rgba(54, 59, 165, 0.1)
}
.header .menu_list_wrap ul li.active a:hover {
	color:#363BA5 !important
}
.header .menu_list_wrap ul li:last-child a {
	padding-right:0
}
.header .right_btns {
	display:none
}
.header .nav-top {
	height:49px;
	padding:31px 0 25px 0;
	box-sizing:content-box
}
.header .nav-top .nav-tl-serch {
	position:relative;
	width:140px;
	height:40px;
	float:left;
	background-color:#fff;
	border:solid 2px #f5f5f5;
	box-sizing:border-box;
	border-radius:20px;
	margin-top:5px
}
.header .nav-top .nav-tl-serch input {
	width:100%;
	height:36px;
	line-height:36px;
	border-radius:20px;
	padding-left:40px;
	padding-right:12px;
	box-sizing:border-box;
	background-color:transparent;
	text-align:left;
	font-size:12px
}
.header .nav-top .nav-tl-serch input:focus::-webkit-input-placeholder {
color:transparent
}
.header .nav-top .nav-tl-serch input:focus:-moz-placeholder {
color:transparent
}
.header .nav-top .nav-tl-serch input::-webkit-input-placeholder {
color:#999
}
.header .nav-top .nav-tl-serch i {
	position:absolute;
	top:6px;
	left:8px;
	display:block;
	width:23px;
	height:23px;
	cursor:pointer;
	background-image:url(/images/search.png);
	background-size:cover;
	background-position:50% 50%
}
.header .nav-top .nav-tm-logo {
	width:225px;
	height:49px;
	position:absolute;
	margin:0 auto;
	overflow:hidden;
	left:0;
	right:0
}
.header .nav-top .nav-tm-logo img {
	width:100%
}
.header .nav-top .nav-tr-lang {
	float:right;
	font-size:0
}
.header .nav-top .nav-tr-lang div {
	width:48px;
	display:inline-block;
	text-align:center;
	margin-right:20px;
	cursor:pointer
}
.header .nav-top .nav-tr-lang div span {
	display:block;
	font-size:12px;
	color:#c0c0c0;
	margin-top:2px
}
.header .nav-top .nav-tr-lang div:last-child {
	margin-right:0
}
.header .nav-top .nav-tr-lang .tr-weibo .webo_icon {
	display:block;
	width:28px;
	height:28px;
	margin:0 auto;
	background-image:url("/images/webo.png");
	background-size:cover;
	background-position:50% 50%
}
.header .nav-top .nav-tr-lang .tr-weibo:hover .webo_icon {
	background-image:url("/images/webo_hover.png")
}
.header .nav-top .nav-tr-lang .tr-weibo:hover span {
	color:#363BA5
}
.header .nav-top .nav-tr-lang .tr-wechat {
	position:relative;
	padding-bottom:20px;
	text-align:center
}
.header .nav-top .nav-tr-lang .tr-wechat .wechat_icon {
	display:block;
	width:28px;
	height:28px;
	margin:0 auto;
	background-image:url("/images/wechat.png");
	background-size:cover;
	background-position:50% 50%
}
.header .nav-top .nav-tr-lang .tr-wechat .qrcode-top {
	position:absolute;
	top:53px;
	left:-45px;
	display:block;
	height:140px;
	width:140px;
	z-index:200;
	border:solid 1px rgba(219, 219, 219, 0.05);
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);
	display:none
}
.header .nav-top .nav-tr-lang .tr-wechat .qrcode-top img {
	width:100%
}
.header .nav-top .nav-tr-lang .tr-wechat:hover .wechat_icon {
	background-image:url("/images/wechat_hover.png")
}
.header .nav-top .nav-tr-lang .tr-wechat:hover .qrcode-top {
	display:block
}
.header .nav-top .nav-tr-lang .tr-wechat:hover span {
	color:#363BA5
}
.header .nav-tabbar {
	background-color:#f9f9f9
}
.header .nav-tabbar .menu_list_wrap {
	float:none;
	clear:both
}
.recommend_wrap_index {
	margin-bottom:30px
}
.recommend_wrap_index .body {
	padding-bottom:30px;
	overflow-y:auto;
	box-sizing:border-box;
	padding-left:6px
}
@media (max-width: 768px) {
.header { 
 top:0;
 left:0;
 height:auto !important;
 padding-bottom:5px;
 margin-top:5px;
}
.header .nav-tabbar {
 background-color:#fff;
 position:relative
}
.header .nav-tabbar .mobile-search {
 position:absolute;
 top:0;
 right:0;
 width:0.8rem;
 height:0.88rem;
 display:block;
 text-align:right
}
.header .nav-tabbar .mobile-search i {
 line-height:0.88rem;
 margin-right:0.28rem
}
.header .nav-tabbar .nav_wrap {
 height:auto !important;
 z-index:101;
 width:6.65rem;
 margin-left:0;
 background:#fff;
 border:none;
 padding-right:1.06rem;
 box-sizing:border-box
}
.header .nav-tabbar .nav_wrap ul {
 width:auto;
 padding:0rem 0.3rem;
 white-space:nowrap;
 height:0.88rem;
 overflow:hidden
}
.header .nav-tabbar .nav_wrap ul li {
 margin-bottom:0;
 padding:0 0.35rem;
 display:inline-block !important;
 vertical-align:middle
}
.header .nav-tabbar .nav_wrap ul li a {
 color:#666;
 font-size:0.28rem;
 display:inline;
 line-height:0.88rem;
 font-weight:bold
}
.header .nav-tabbar .nav_wrap ul li:last-child {
 padding-right:0
}
.header .nav-tabbar .nav_wrap ul li:last-child a {
 padding-right:0
}
.mobile-logo img {
 display:inline-block !important;
 box-sizing:border-box;
 text-align:left;
 margin-top:0;
 margin-left:5px;
 height:30px;
}
 .nav-top {
 display:none
}
.page_body {
 padding:0.9rem 0 0.4rem
}
.banner_wrap {
 height:4.5rem
}
.swiper-slide {
 width:100% !important
}
.swiper-slide .brief_wrap {
 bottom:0 !important;
 left:0;
 padding:0.2rem 0 0.25rem;
 transform:translate(0);
 height:auto
}
.swiper-slide .brief_wrap .infos {
 font-size:0.4rem;
 line-height:0.56rem
}
.my_pagination .swiper-pagination-bullet {
 width:0.3rem;
 height:0.03rem
}
}
.wrap {
	min-width: 320px;
	max-width:768px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.htit {
	line-height:1rem;
padding:0 .3rem;
	color:#ff8e2e;
font-size: .4rem;
margin:1rem 0 .4rem 0
}
.wrapper01 {
	position:relative;
	height: 1rem;
	width: 90%;
	overflow: hidden;
	margin:0 auto;
	left:-0.5rem
}
.wrapper01 .scroller {
	position:absolute
}
.wrapper01 .scroller ul {
	overflow:hidden	
}
.wrapper01 .scroller li {
	height: 1rem;
	color:#333;
	float: left;
	line-height: 1rem;
    font-size: .4rem;
	text-align: center
}
.wrapper01 .scroller li a {
	color: #000;
    display: block;
    margin: 0 .2rem;
    line-height: 1.2rem;
    font-weight: bold;
	font-size:16px;
}
.wrapper01 .scroller li.cur a {
color: #333;
    display: flex;
    justify-content: center;
}
.wrapper02 {
	position:relative;
	height: 1rem;
	width: 100%;
	overflow: hidden;
	margin:0 auto;
	background:#ddd
}
.wrapper02 .scroller {
	position:absolute
}
.wrapper02 .scroller li {
	height: 1rem;
	color:#333;
	float: left;
	line-height: 1rem;
font-size: .4rem;
	text-align: center
}
.wrapper02 .scroller li a {
	color:#333;
	display:block;
margin:0 .3rem
}
.wrapper02 .scroller li.cur {
	background:#1cbb9b
}
.wrapper02 .scroller li.cur a {
	color:#fff;
}
.wrapper03 {
	position:relative;
	height: 1rem;
	width: 100%;
	overflow: hidden;
	margin:0 auto;
	border-bottom:1px solid #ccc
}
.wrapper03 .scroller {
	position:absolute
}
.wrapper03 .scroller li {
	height: 1rem;
	color:#333;
	float: left;
	line-height: 1rem;
font-size: .4rem;
	text-align: center
}
.wrapper03 .scroller li a {
	color:#333;
	display:block;
margin:0 .3rem;
padding:0 .1rem
}
.wrapper03 .scroller li.cur a {
	color:#1cbb9b;
height:.9rem;
border-bottom:.1rem solid #1cbb9b
}
.wrapper04 {
	position:relative;
	height: 1rem;
	width: 80%;
	overflow: hidden;
	margin:0 auto;
	background:#ddd
}
.wrapper04 .scroller {
	position:absolute
}
.wrapper04 .scroller li {
	height: 1rem;
	color:#333;
	float: left;
	line-height: 1rem;
font-size: .4rem;
	text-align: center
}
.wrapper04 .scroller li a {
	color:#333;
	display:block;
margin:0 .3rem
}
.wrapper04 .scroller li.cur {
	background:#1cbb9b
}
.wrapper04 .scroller li.cur a {
	color:#fff;
}
.mobile-search {
	position: absolute;
	top: 0.3rem;
	right: 0;
	width: 0.8rem;
	height: 0.88rem;
	display: block;
	text-align: right;
}
.mobile-search i {
	line-height: 0.88rem;
	margin-right: 0.28rem;
}