html {
	font-family:PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei';
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	color:#333;
}
html * {
	outline:0;
	-webkit-text-size-adjust:none;
	tap-highlight-color:rgba(0,0,0,.05);
	-webkit-tap-highlight-color:rgba(0,0,0,.05);
	-ms-tap-highlight-color:rgba(0,0,0,.05)
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
}
body {
	overflow-scrolling:touch;
	-webkit-overflow-scrolling:touch;
	line-height:1.5;
	font-size:0.52rem;
	max-width:750px;
	margin:0 auto;
	min-height:100%;
	background:#f7f7f7;
	font-family:PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei';
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
fieldset,img {
	border:0;
}
img {
	vertical-align:middle;
}
:focus {
	outline:0;
}
address,caption,cite,code,dfn,em,b,i,th,var,optgroup {
	font-style:normal;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
textarea {
	overflow:auto;
}
code,kbd,samp,tt {
	font-size:100%;
}
input,button,textarea,select {
	*font-size:100%;
}
ol,ul,li {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	text-decoration:none;
	color:#333;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
a:hover {
	text-decoration:none
}
caption,th {
	text-align:left;
}
sup,sub {
	font-size:100%;
	vertical-align:baseline;
}
:link,:visited,ins {
	text-decoration:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}
* {
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input,textarea {
	-webkit-appearance:none;
	border:none;
}
button {
	background:none;
}
em,i {
	font-style:normal;
	text-transform:uppercase;
}
a,a:focus {
	outline:none;
}
.noBg {
	background:none!important;
}
.noBd {
	border:0!important;
}
.noMg {
	margin:0!important;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.noPd {
	padding:0!important;
}
.mg_t10 {
	margin-top:0.5rem;
}
.mg_t20 {
	margin-top:1.0rem;
}
.mg_r10 {
	margin-right:0.5rem;
}
.mg_r15 {
	margin-right:1rem;
}
.mg_b10 {
	margin-bottom:0.5rem;
}
.mg_b20 {
	margin-bottom:1.0rem;
}
.pd_b10 {
	padding-bottom:0.5rem;
}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clearfix {
	display:block
}
@media (min-width:319px) {
	html {
	font-size:21px;
}
}
@media (min-width:359px) {
	html {
	font-size:24px;
}
}
@media (min-width:374px) {
	html {
	font-size:25px;
}
}
@media (min-width:413px) {
	html {
	font-size:27px;
}
}
@media (min-width:479px) {
	html {
	font-size:32px;
}
}
@media (min-width:639px) {
	html {
	font-size:40px;
}
}
@media (min-width:749px) {
	html {
	font-size:48px;
}
}

/*head*/
.topbar {
	height:2.1rem;
	background:#87CEFF;
	padding:0 0.6rem;
	position:relative;
	z-index:19;
}
.topbar .logo {
	height:1.5rem;
	margin-top:0.3rem;
	float:left;
	display:block;
	line-height:1.5rem;
	color:#fff;
	font-size:0.8rem;
	font-weight:bold;
}
.topbar .logo img {
	height:100%;
}
.topbar .logo a { color:#fff;}

.shopmenu {
	width:1.0rem;
	height:1.0rem;
	position:absolute;
	z-index:99;
	right:0.5rem;
	top:0.65rem;
}
.shopmenu .menu_icon {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	margin: 0.4rem auto;
	position: relative;
}
.shopmenu .menu_icon::before {
  position: absolute;
  top: -8px;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
}
.shopmenu .menu_icon::after {
  position: absolute;
  bottom: -8px;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
}
.shopbox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:99;
	background:rgba(0,0,0,.5);
}
.shopbox .close {
	position:absolute;
	right:0.5rem;
	top:18px;
	width:22px;
	height:22px;
}
.shopbox .close:before,.shopbox .close:after {
	position:absolute;
	left:10px;
	content:' ';
	height:22px;
	width:2px;
	background-color:#333;
}
.shopbox .close:before {
	transform:rotate(45deg);
}
.shopbox .close:after {
	transform:rotate(-45deg);
}
.shopbox .box_center {
	background:#fff;
	padding:0 0 0.5rem 0;
}
.shopbox .box_center .dhtitle {
	border-bottom:1px solid #eee;
	text-align:center;
	font-size:0.7rem;
	color:#222;
	line-height:1.2rem;
	padding:0.5rem 0;
}
.shopbox .box_center .dhlist {
	margin:0 0.5rem;
	padding-top:0.8rem;
	overflow:hidden;
}
.shopbox .box_center .dhlist li {
	display:block;
	width:-webkit-calc(33% - 0.3rem);
	width:-moz-calc(33% - 0.3rem);
	width:calc(33% - 0.3rem);
	height:1.6rem;
	line-height:1.6rem;
	float:left;
	overflow:hidden;
	margin-right:0.5rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
	background:#f2f2f2;
	margin-bottom:0.35rem;
	font-size:0.6rem;
	border-radius:0.2rem;
}
.shopbox .box_center .dhlist li:nth-child(3n) {
	float:right;
	margin-right:0;
}
.shopbox .box_center .dhlist li.back {
	background:#d8e2fc;
	color:#FFF;
}
.index_menu {
	width:100%;
	background:#fff;
	box-shadow:0px 1px 6px 0px rgba(0,69,189,0.1);
	box-sizing:border-box;
	height:1.8rem;
	overflow:hidden;
}
.index_menu .main_c {
	width:100%;
	height:1.8rem;
	line-height:1.8rem;
	overflow:hidden;
}
.index_menu .main_c div {
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	vertical-align:top;
	height:2.3rem;
}
.index_menu .main_c a {
	display:inline-block;
	padding:0 0.5rem;
	white-space:nowrap;
	font-size:0.7rem;
	color:#333;
}
.index_menu .main_c a.on {
	position:relative;
	color:#87CEFF;
	z-index:1;
}
.footer {
	text-align:center;
	padding:0.4rem 0;
	background:#F5F5F5;
	color:#777;
	font-size:0.48rem;
	line-height:0.9rem;
}
.i_banner {
	width:100%;
	height:8.2rem;
	overflow:hidden;
	margin-bottom:0.4rem;
}
.i_banner .swiper-container {
	width:100%;
	height:8.2rem;
	overflow:hidden;
}
.i_banner .swiper-slide {
	width:100%;
	position:relative;
	z-index:1;
}
.i_banner .swiper-slide img {
	position:absolute;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	height:100%;
	width:100%;
}
.i_banner .swiper-slide p {
	position:absolute;
	width:100%;
	box-sizing:border-box;
	padding:0 3%;
	height:1.6rem;
	line-height:1.6rem;
	color:#fff;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.4)
}
.i_banner .swiper-slide p b {
	display:block;
	width:85%;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.6rem;
}
.i_banner .swiper-pagination {
	bottom:8px!important;
	text-align:right !important;
}
.i_banner .swiper-pagination-bullet {
	background:#fff;
	margin:0 6px 0 0!important;
	opacity:0.8;
}
.i_banner .swiper-pagination-bullet-active {
	background:#92D050;
	opacity:1.0;
}

.ppo_dynamic{}
.ppo_dynamic h4{display:block;width:1.6rem;text-align:left;float:left;font-size:1.0rem;color:#444;font-weight:bold;line-height:1.3rem;position:relative;z-index:1;padding-top:0.1rem;}
.ppo_dynamic h4:before{content:"";width:1px;height:2.3rem;background:#eee;position:absolute;right:0;top:0.3rem;}
.ppo_dynamic h4 i{color:#E53C39;}
.ppo_dynamic ul{float:right;width:-webkit-calc(100% - 2.1rem);width:-moz-calc(100% - 2.1rem);width:calc(100% - 2.1rem);height:2.8rem;overflow:hidden;}
.ppo_dynamic li{height:1.4rem;line-height:1.4rem;font-size:0.6rem;overflow:hidden;}
.ppo_dynamic li:first-child a{color:#E53C39;}

.ppo_head{padding-top:0.4rem; }
.ppo_head li{margin-bottom:0.5rem;width:100%;float:left;}
.ppo_head li:last-child{margin-bottom:0;}
.ppo_head li .num{width:1.0rem;height:1.3rem;float:left;font-size:0.8rem;color:#E50A80;font-weight:bold;line-height:1.3rem; font-style:italic;}
.ppo_head li .txt{width:-webkit-calc(100% - 1.1rem);width:-moz-calc(100% - 1.1rem);width:calc(100% - 1.1rem);float:right;}
.ppo_head li .txt b{font-size:0.68rem;height:1.2rem;line-height:1.2rem;overflow:hidden;display:block; margin-bottom:0.1rem; font-weight:normal;}
.ppo_head li .txt p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	font-size:0.5rem;color:#999;height:1.6rem;line-height:0.8rem;
}

.ppo_indbox {
	padding:0.5rem 0.5rem;
	margin-bottom:0.4rem;
	background:#fff;
}
.ppo_indbox .con { padding:0.3rem 0 0 0;}
.ppo_indbox .con li {
    font-size: 0.6rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
	padding:0 0 0 15px;
}
.ppo_indbox .con li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    background:#EF758E;
	border-radius:50%;
    margin-top: -2px;
}

.ppo_tit_a {
	height: 1.6rem;
    line-height: 1.6rem;
    background:#FFEFF4;
}
.ppo_tit_a h4 {
	font-size: 0.7rem;
    float: left;
    position: relative;
    z-index: 1;
	color:#87CEFF;
	height: 1.5rem;
    margin-left: 0.6rem;
}
.ppo_tit_a h4 b {
    color: #87CEFF;
    display: block;
    float: left;
	font-weight:normal;
}
.ppo_tit_a .more {
	display:block;
	float:right;
	font-size:0.52rem;
	color:#87CEFF;
    margin-right: 0.5rem;
}


.ppo_abox li{width:-webkit-calc(50% - 0.25rem);width:-moz-calc(50% - 0.25rem);width:calc(50% - 0.25rem);float:left;position:relative;z-index:1; margin-top:0.5rem;}
.ppo_abox li:nth-child(2n){float:right;}
.ppo_abox li span{display:block;position:relative;z-index:1;overflow:hidden;height:4.3rem;width:100%;}
.ppo_abox li span img{display:block;height:100%;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;z-index:5;}
.ppo_abox li p{
	font-size:0.56rem;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height:1.2rem;
	height:1.2rem;
}
.ppo_bbox { margin-bottom:0.5rem;}
.ppo_bbox li {
	padding:0.5rem 0;
	border-bottom:1px solid #e5e5e5;
	overflow:hidden;
	position:relative;
}
.ppo_bbox li:last-child {
	border-bottom:none;
	padding-bottom:0;
}
.ppo_bbox li .tis {
	font-size:0.6rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:1.0rem;
	height:2.0rem;
}
.ppo_bbox li .info {
	font-size:0.5rem;
	color:#9f9f9f;
	margin-top:0.4rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:0.8rem;
	height:0.8rem;
}
.ppo_bbox li .pics {
	width:4.8rem;
	height:3.2rem;
	float:right;
	overflow:hidden;
	margin-left:0.4rem;
	position:relative;
	z-index:1;
}
.ppo_bbox li .pics img {
	height:100%;
	position:absolute;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
}

/*list*/
.posi {
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.52rem;
    padding: 0 0.5rem 0 1.3rem;
    color: #bbb;
	overflow:hidden;
	background:url(../images/crumb.png) no-repeat 0.5rem center;
	background-size:0.5rem auto;
}
.posi a {
    display: inline-block;
    padding: 0 0.6rem 0 0.4rem;
    position: relative;
    z-index: 1;
	color:#555;
}
.posi a:first-child { padding-left:0;}
.posi a:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 0;
    width: 0.2rem;
    height: 0.2rem;
    border-style: solid;
    border-width: 0.1rem 0.1rem 0 0;
    border-color: #bbb;
    -webkit-transform-origin: 75% 25%;
    -webkit-transform: rotateZ(45deg);
    -webkit-transition: 100ms ease-in .1s;
    transition: 100ms ease-in .1s;
}
.posi a:last-child:before {
	display:none;
}
.ppo_nlist li {
	padding: 0.3rem 0.4rem 0.6rem 0.5rem;
    overflow: hidden;
    position: relative;
	background:#fff;
	margin-bottom:0.5rem;
	border:1px solid #111;
}
.ppo_nlist li .tit {
    font-size: 0.65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4rem;
    height: 1.4rem;
}
.ppo_nlist li .tit a { color:#222;}
.ppo_nlist li .pic {
    width: 4.6rem;
    height: 3.2rem;
    float: left;
    overflow: hidden;
    margin-right: 0.5rem;
    position: relative;
    z-index: 1;
}
.ppo_nlist li .pic img {
    height: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.ppo_nlist li .info {
	height:3.2rem;
	overflow:hidden;
}
.ppo_nlist li .info p {
    font-size: 0.5rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 0.9rem;
    height: 1.8rem;
}
.ppo_nlist li .more{
	display:block;
	font-size:0.5rem;
	color:#E50A80;
	line-height:1.0rem;
	margin-top:0.5rem;
}

/*detail*/
.ppo_article {
	padding-top:0.6rem;
}
.ppo_article .tit {
    font-size: 0.8rem;
    font-weight: 700;
    color: #222;
	margin-bottom:10px;
	line-height:1.1rem;
}
.ppo_article .info {
    height: 1.2rem;
    line-height: 1.2rem;
    color: #999;
    font-size: 0.5rem;
	padding-bottom:0.2rem;
}
.ppo_article .info span {
	margin-right:0.5rem;
}
.ppo_article .daodu {
	line-height:0.9rem;
	font-size:0.56rem;
	padding:0.4rem 0.4rem;
	color:#888;
	background:#f5f5f5;
}
.ppo_article .daodu span {
    background: #0C6898;
    color: #fff;
    display: inline-block;
    border-radius: 0.2rem;
    padding: 0 0.3rem;
    margin-right: 0.3rem;
}
.wz {
	font-size: 0.6rem;
    line-height: 1.0rem;
    color: #444;
	padding:0.5rem 0;
}

.wz p {
	padding:0.3rem 0;
	text-indent:1.2rem;
}

.wz img {
	width:100%;
	margin-left:-1.2rem;
}
.ppo_prev {
    border-top: 1px solid #c8c8c8;
    padding: 0.3rem 0 0 0;
}
.ppo_prev p {
    height: 1.1rem;
    line-height: 1.1rem;
    color: #999;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ppo_read li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.6rem;
	line-height:1.3rem;
	height:1.3rem;
	position:relative;
	z-index:1;
	padding-left:0.6rem;
}
.ppo_read li:before {
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #333333;
    border-radius: 50%;
    margin-top: -2px;
}

.nocontent {
    text-align: center;
    font-size: 0.6rem;
	color:#777;
	padding:0.5rem 0;
}
.nocontent img {
	height:4.5rem;
}
.nocontent p {
    padding: 0.3rem 0;
}

/*page*/
.pages {
	text-align:center;
	padding:0.3rem 0.5rem 0.3rem 0.5rem;
	font-size:0.56rem;
}
.pages li {
	display:inline-block;
}
.pages a {
	border:1px solid #ccc;
	padding:0.1rem 0.4rem;
	border-radius:0.2rem;
	background:#FFF;
	display:block;
	color:#777;
}
.pages span {
	border:1px solid #ccc;
	padding:0.1rem 0.4rem;
	border-radius:0.2rem;
	background:#FFF;
	display:block;
}
.pages li.active a {
	border:1px solid #ccc;
	padding:0.1rem 0.4rem;
	border-radius:0.2rem;
	background:#ccc;
	color:#fff;
}
.pages li.active span {
	border:1px solid #ccc;
	padding:0.1rem 0.4rem;
	border-radius:0.2rem;
	background:#87CEFF;
	color:#fff;
}

.links {
    padding: 0.2rem 0.5rem;
    background: #FFF;
    margin-bottom: 0.5rem;
}
.links .name {
    position: relative;
    font-weight: 700;
    font-size: 0.7rem;
    line-height: 1.6rem;
    width:100%;
    float:left;
}
.links .net {
    font-size: 0.56rem;
    padding-bottom: 0.2rem;
    width:100%;
    float:left;
}
.links .net li {
    color: #888;
    margin-right: 0.5rem;
    line-height: 1.0rem;
    display: block;
    float: left;
}