/*
 * @Author: omtech.cn
 * @Date: 2020-01-21 11:22:20
 * @Last Modified by:   luoyishan
 * @Last Modified time: 2024-11-28 15:09:47
 */
 
/* reset start */
@charset 'utf-8';

*,
:before,
:after,
:focus,
:active {
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0
}

html {
    font-size: 62.5%
}

body {
    position: relative;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    color: #222;
    background-color: #fff;
	-webkit-transition: 500ms;
	        transition: 500ms;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: 100%!important
}

input,
select,
button,
textarea,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-size: 100%;
    -webkit-appearance: none
}

p {
    word-break: break-word
}

img {
    display: block;
    max-width: 100%;
    border: 0
}

ol,
ul,
li {
    list-style: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

i,
em {
    font-style: normal
}

a {
    color: #222;
    text-decoration: none
}

input[placeholder],
[placeholder],
*[placeholder] {
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

::-webkit-input-placeholder {
    color: #9b9b9b;
}

:-moz-placeholder {
    color: #9b9b9b;
}

::-moz-placeholder {
    color: #9b9b9b;
}

:-ms-input-placeholder {
    color: #9b9b9b;
}


input {
    -webkit-appearance: none;
    outline: none;
    border: none;
}
/* reset end */

/* common  start */
 
/* float */
.fl { float: left; }
.fr { float: right; }
.clearfix {	*zoom: 1; }
.clearfix:after {
	display: block;
	content: '';
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* display */
.hide { display: none; }
:focus { outline: none; }

/* width */
.w {
	width: 100%;
	max-width: 640px;
}

/* border */
.bt,
.bb { position: relative; }
.bt:after,
.bb:after {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	height: 1px;
	background-color: #e2e2e2;
	-webkit-transform: scaleY(.5);
	-webkit-transform-origin: 0 100%;
}
.bt:after { top: 0; }
.bb:after { bottom: 0; }

/* background */
img.imgload,
.imgload img { background-color: #f5f5f5; }
.active { background-color: rgba(0, 0, 0, .1); }

/* shareicon */
.shareicon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 0;
	height: 0;
	opacity: 0;
	filter:alpha(opacity=0);
}

/* backtop */
.backtop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 20;
	display: none;
	width: 40px;
	height: 40px;
	background-image: none;
	background-color: #000;
	border-radius: 50%;
	opacity: .5;
}
.backtop:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin-top: -3px;
	margin-left: -6px;
	content: '';
	border: 1px solid #fff;
	border-right: transparent;
	border-bottom: transparent;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.backtop.active { opacity: 1; }

/* alert */
.alert {
	position: fixed;
	top: 50%;
	right: 10%;
	left: 10%;
	z-index: 70;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.alert span {
	display: inline-block;
	padding: 12px 20px;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #fff;
	border-radius: 5px;
	background: #333;
	-webkit-box-shadow: inset 0 0 1px #424242, 0 1px 3px rgba(0, 0, 0, .65);
	        box-shadow: inset 0 0 1px #424242, 0 1px 3px rgba(0, 0, 0, .65);
	text-shadow: 0 1px 1px #9d9d9d;
}

/* tips */
.tips {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 51;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .75);
}
.tips .inner {
	position: relative;
	top: 50%;
	left: 50%;
	width: 86%;
	min-width: 290px;
	max-width: 600px;
	height: auto;
	min-height: 160px;
	padding: 15px 12px;
	font-size: 1.6rem;
	line-height: 20px;
	color: #13142c;
	text-align: center;
	border-radius: 6px;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.tips .text {
	min-height: 85px;
	padding: 20px 15px;
	line-height: 1.6;
	text-align: center;
}
.tips .text p {
	margin: 3px 0;
	color: #2e96df;
}
.tips .btn a {
	display: inline-block;
	padding: 6px 16px;
	color: #2e96df;
	cursor: pointer;
	border: 1px solid #2e96df;
	border-radius: 6px;
}
.tips .btn a.active {
	color: #fff;
	background-color: #2e96df;
}
.tips .close {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	color: #2e96df;
	cursor: pointer;
	border-top-right-radius: 5px;
}
.tips .close:after,
.tips .close:before {
	position: absolute;
	top: 18px;
	left: 50%;
	display: block;
	width: 16px;
	height: 1px;
	margin-left: -8px;
	content: '';
	background-color: #2e96df;
}
.tips .close:before {
	-webkit-transform: rotate(225deg);
	        transform: rotate(225deg);
}
.tips .close:after {
	-webkit-transform: rotate(-225deg);
	        transform: rotate(-225deg);
}

 .animation {
     animation: hideIndex 0.2s;
     -moz-animation: hideIndex 0.2s;
     /* Firefox */
     -webkit-animation: hideIndex .2s;
     /* Safari and Chrome */
     -o-animation: hideIndex .2s;
     /* Opera */
 }
 
 .dn {
     display: none;
 }
 
 @keyframes hideIndex {
     0% {
         opacity: 0;
         transform: translate(1200px, 0)
     }
 
     100% {
         opacity: 1;
         transform: translate(0, 0)
     }
 }
 
 @-webkit-keyframes hideIndex {
     0% {
         opacity: 0;
         transform: translate(1200px, 0)
     }
 
     100% {
         opacity: 1;
         transform: translate(0, 0)
     }
 }
 
 .db {
     display: block;
 }
 
 /* op0 */
 .opacity{
     opacity: 0;
     z-index: -1;
 }
 
 .mgt12 {
     margin-top: 1.2rem;
 }
 
 .mt0 {
     margin-top: 0 !important;
 }
 
 .mt15 {
     margin-top: 1.5rem;
 }
 
 .bg-w {
     background: #fff;
 }
 
 /* padding */
 .pd15 {
     padding: 0 1.5rem
 }
 
 .pdl15 {
     padding-left: 1.5rem;
 }
 
 .pdr15 {
     padding-right: 1.5rem;
 }
 
 /* text-aling */
 .tl {
     text-align: left;
 }
 
 .tc {
     text-align: center;
 }
 
 .tr {
     text-align: right;
 }
 
 /* font-style */
 .bold {
     font-weight: bold;
 }
 
 /* lazy-css */
 .J_lazyImg {
     position: relative;
 }
 
 .J_lazyImg:after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     background-color: #f1f2f6;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: auto 40%;
 }

 
 /* active */
 .active {
    background-color: rgba(0, 0, 0, .1);
}

/* loading */
.loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.loading .line,
.loading .line .cur {
    height: .25rem;
}

.loading .line {
    background-color: #dbdbdb;
}

.loading .line .cur {
    width: 0;
    background-color: #9D0009;
    -webkit-transition: 100ms;
    transition: 100ms;
}

.loading .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loading .icon {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    background: url("../images/icon_loading.png") no-repeat center;
    background-size: 100% auto;
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.loading .text {
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #666;
}

/* backtop */
.backtop {
    position: fixed;
    right: 1rem;
    bottom: 5rem;
    z-index: 99;
    display: none;
    width: 4rem;
    height: 4rem;
    background-image: none;
    background-color: #000;
    border-radius: 50%;
    opacity: .5;
}

.backtop:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    margin-top: -.3rem;
    margin-left: -.6rem;
    content: '';
    border: .1rem solid #fff;
    border-right: transparent;
    border-bottom: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
 
 /********************
 header
 ********************/
 .header {
     position: fixed;
     top: 0;
     z-index: 999;
     width: 100%;
     max-width: 640px;
     height: 6rem;
     background-color: #fff;
 }

 .menu-handler {
     position: relative;
     z-index: 30;
     float: right;
     width: 4.3rem;
     height: 6rem;
     -webkit-transition: all .3s cubic-bezier(.445, .145, .355, 1);
     transition: all .3s cubic-bezier(.445, .145, .355, 1);
 }
 
 .menu-show,
 .menu-show * {
     -webkit-transition: all .3s;
     transition: all .3s;
 }
 
 .menu-show {
     position: fixed;
     top: 6rem;
     z-index: 999;
     width: 100%;
     max-width: 640px;
     height: 0%;
     overflow-x: hidden;
     overflow-y: auto;
     background-color: #fff;
     -webkit-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
     -webkit-overflow-scrolling: touch;
 }
 
 .menu-show li {
     font-size: 1.6rem;
 }
 
 .menu-show li a {
     position: relative;
     overflow: hidden;
     display: block;
     height: 5rem;
     line-height: 5rem;
     padding: 0 4rem;
     cursor: pointer;
 }
 
 .menu-show li a:after {
     position: absolute;
     left: 2rem;
     right: 2rem;
     bottom: 0;
     height: .1rem;
     content: '';
     background-color: #eee;
     -webkit-transform: scaleY(.5);
     -webkit-transform-origin: 0 100%;
 }
 
 .menu-show li a.on,
 .menu-show li a.active {
     color: #fff;
     background-color: #3a78cf;
 }
 
 .menu-show li a.on:after,
 .menu-show li a.active:after {
     height: 0;
 }
 
 .menu-show li a i {
     position: absolute;
     top: 1.7rem;
     right: 2.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     overflow: hidden;
     content: '';
     border: .1rem solid #999;
     border-top: transparent;
     border-left: transparent;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all .3s;
     transition: all .3s;
 }
 
 .menu-show li a.on i {
     top: 2.2rem;
     border-color: #fff;
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
 }
 
 .menu-show li ul {
     height: 0;
     overflow: hidden;
 }
 
 .menu-show li li a {
     height: 4.5rem;
     padding-left: 6.5rem;
     line-height: 4.5rem;
     background-color: #fafafa;
 }
 
 .menu-show li li a:after {
     height: 0;
 }
 
 .menu-show li li a:before {
     position: absolute;
     top: 50%;
     left: 5.2rem;
     width: .6rem;
     height: .6rem;
     margin-top: -.3rem;
     content: '';
     border-radius: 50%;
     background-color: #999;
 }
 
 .menu-show li li a.on,
 .menu-show li li a.active {
     color: #666;
     background-color: #eee;
 }
 
 .menu-show p {
     margin-top: 7.5rem;
     margin-bottom: 3rem;
     font-size: 1.4rem;
     color: #999;
     text-align: center;
 }
 
 .menu-show p a {
     color: #d3d3d3;
 }
 
 /* 面包屑 */
 .crumbs {
     color: #999;
     font-size: 1.2rem;
     padding-left: 1.8rem;
     background: url("../images/icon_crumbs.png") no-repeat left center;
     background-size: 1.4rem auto;
 }
 .crumbs span {
     margin: 0 .25rem;
 }
 .crumbs a {
     color: #999;
 }
 
 
 /* 公共标题 */
 .p-hd {
     display: flex;
     overflow: hidden;
     align-items: flex-end;
     justify-content: space-between;
 }
 .show-article .p-hd {
     margin-top: 1.2rem;
 }
 .p-hd.border {
     border-bottom: 1px solid #eaeef2;
 }
 .p-cont {
     padding-top: 1.5rem;
 }
 .p-hd .name {
     position: relative;
     display: inline-block;
     height: 2rem;
     /*max-width: 60%;*/
     line-height: 3rem;
     margin-bottom: .2em;
     /*padding: 0 .5rem;*/
 }
 .p-hd .name img {
     height: 100%;
 }
 .showpage .name,
 .list-cont .p-hd .name {
     padding-left: 1rem;
     background: url("../images/icon_catname.png") no-repeat left center;
     background-size: auto 100%;
     font-size: 2rem;
     line-height: 2rem;
     font-weight: bold;
     color: #0073d5;
 }
 .showpage .name .plus,
 .list-cont .p-hd .name .plus {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     padding-left: 1rem;
     color: #ef4569;
 }
 
 .p-hd .swiper-tab {
     width: 50%;
 }
 
 .p-hd .swiper-tab.nav-3 {
     width: 60%;
 }
 .p-hd .swiper-tab.nav-w-50 {
     width: 48% !important;
 }
 .showpage .p-hd .swiper-tab.nav-3,
 .leader .p-hd .swiper-tab.nav-3 {
     width: 66%;
 }
 
 .p-hd .swiper-tab.nav-3 a {
     font-size: 1.2rem;
 }
 
 .p-hd .tab::-webkit-scrollbar {
     display: none;
 }
 
 .p-hd .tab .tab-over::-webkit-scrollbar {
     display: none;
 }
 
 .p-hd .tab .swiper-slide {
     text-align: center;
 }
 
 .p-hd .tab .item {
     position: relative;
     overflow: hidden;
     text-align: center;
     padding: .6rem 0;
     font-size: 1.4rem;
     margin-right: 1.5rem;
     display: inline-block;
 }
 .J_xxtd .p-hd .tab .item,
 .J_whcl .p-hd .tab .item {
     margin-right: .1em;
 }
 .list-cont .p-hd .tab .item {
     /*min-width: 4em;*/
 }
 .p-hd .tab .item,
 .p-hd .tab .item a {
     color: #0073d5;
 }
 
 .p-hd .tab .item.on,
 .p-hd .tab .item.on a {
     color: #ef4569;
 }
 
 .p-hd .tab .item.on::after {
     position: absolute;
     bottom: 0;
     left: 0;
     content: '';
     width: 100%;
     height: 2px;
     background: #ef4569;
 }
 
 /* 公共bd */
 .bd .item {
     display: flex;
     justify-content: space-between;
     margin-top: 1.5rem;
 }
 .bd .pic-bd .item {
     display: block!important;
 }
 .bd .item .image {
     position: relative;
     height: 0;
     padding-top: 23%;
     margin-left: 1.5rem;
     width: 40.5%;
 }
 .bd .pic-bd .item .image {
     margin-left: 0!important;
 }
 .bd .item .image img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .bd .item .text {
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
     flex: 1;
     min-height: 6.5rem;
 }
 .bd .pic-bd .item .text {
     min-height: unset;
 }
 .bd .item .text .title {
     font-size: 1.5rem;
     color: #333;
     line-height: 1.4;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }
 
 .bd .item .text .desc {
     font-size: 1rem;
     color: #999;
     margin-bottom: .4rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     height: 1.5em;
     line-height: 1.5;
 }
 
 
 .bd .item .image .icon-play {
     display: block;
     position: absolute;
     bottom: .5rem;
     left: 0;
     width: 3.6rem;
     height: 2.4rem;
     background: url("../images/icon_play.png") no-repeat center center;
     background-size: 100% auto;
 }
 
 /* zt-bd */
 .bd.zt .item .image {
     padding-top: 17.5%;
     width: 39.2%;
 }
 
 .bd.zt .item .text {
     min-height: auto;
     margin-top: .8rem;
 }
 
 /* style-2 */
 .bd.style-2 .item .image {
     padding-top: 22.8%;
 }
 .size43 .bd.style-2 .item .image {
     padding-top: 30.5%;
 }
 
 .bd.style-2 .item .text {
     /* justify-content: space-around; */
     margin: .5rem 0;
 }
 
 /* 公共文字列表 */
 .text-list .text-item {
     border-bottom: 1px solid #efefef;
 }
 
 .text-list .text-item.noborder {
     border: 0;
 }
 
 .text-list .text-item a {
     font-size: 1.5rem;
     color: #333;
     padding: 1.5rem 0;
     line-height: 1.5;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }
 
 /* 公共图片列表 */
 .pic-bd {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 1.5rem 0;
     -webkit-transition: .5s;
     transition: .5s;
 }
 
 .pic-bd .item {
     width: 48.5%;
 }
 
 .pic-bd .item .image {
     position: relative;
     display: block;
     height: 0;
     width: 100%;
     padding-top: 56.25%;
 }
 .pic-bd .item .image.cat {
     padding-top: 160%;
 }
 
 .pic-bd .item .image img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .pic-bd .item .text {
     width: 100%;
     line-height: 1.5;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     color: #333;
     font-size: 1.5rem;
     margin: .8rem 0;
 }
 
 /* 更多按钮 */
 .p-more {
     display: block;
     width: 100%;
     font-size: 1.2rem;
     color: #8b8caa;
     padding: .75rem 0;
     background-color: #eef2f7;
     text-align: center;
     margin-top: 1.5rem;
 }
 
 .p-more .icon-more {
     display: inline-block;
     width: .9rem;
     height: 1rem;
     background: url("../images/icon_more.png") no-repeat center center;
     background-size: 100% auto;
     margin-left: .4rem;
 }
 
 /* 列表加载图标  */
 .load-box {
     text-align: center;
     font-size: 1.4rem;
     margin-top: 1.5rem;
 }
 
 .load-box .load {
     width: 2rem;
     height: 2rem;
     margin: 0 auto;
     background: url("../images/icon_loading.png") no-repeat center;
     background-size: 100% auto;
     -webkit-animation: rotate 2s infinite linear;
     animation: rotate 2s infinite linear;
 }
 
 .load-box .load-text {
     margin: 1rem 0;
 }
 
 /* 上月排行 */
 .rank .rank-cont {
     margin-top: 1.5rem;
 }
 
 .rank .rank-cont,
 .rank .rank-cont table {
     width: 100%;
 }
 
 .rank .rank-cont table thead {
     font-size: 1.5rem;
     font-weight: bold;
     text-align: center;
 }
 
 .rank .rank-cont table tr td {
     width: 33%;
     padding-bottom: 1.5rem;
 }
 
 .rank tbody {
     font-size: 1.5rem;
     color: #666;
 }
 
 .rank tbody span {
     display: inline-block;
     margin-left: .5rem;
     color: #fff;
     padding: .3rem .5rem;
     font-size: 1rem;
 }
 
 .rank tbody .defalut {
     background: #999;
 }
 
 .rank tbody .red {
     background: #ea1515;
 }
 
 .rank tbody .yellow {
     background: #f19900;
 }
 
 .rank tbody .blue {
     background: #317bcf;
 }
 
 /* 点赞 */
 .praise {}
 
 .praise-txt {
     float: left;
     display: block;
     overflow: hidden;
 }
 
 .praise-btn img {
     width: 20px;
     height: 18px;
     margin: 0 auto;
 }
 
 .praise-txt.animation {
     animation: myfirst 0.5s;
     -moz-animation: myfirst 0.5s;
     -webkit-animation: myfirst 0.5s;
     -o-animation: myfirst 0.5s;
 }
 
 .add-num {
     display: none;
 }
 .add-num .add-animation {
     color: #fff;
     position: absolute;
     top: 10;
     right: 0;
     font-size: 15px;
     opacity: 0;
     filter: Alpha(opacity=0);
     -moz-opacity: 0;
     animation: mypraise 0.5s;
     -moz-animation: mypraise 0.5s;
     /* Firefox */
     -webkit-animation: mypraise 0.5s;
     /* Safari 鍜� Chrome */
     -o-animation: mypraise 0.5s;
     /* Opera */
     font-style: normal;
 }
 
 .praise .hover,
 .add-num .add-animation.hover,
 .praise-txt.hover {
     color: #e91515;
 }
 
 /*点赞图标放大动画开始*/
 @keyframes myfirst {
     0% {
         width: 20px;
         height: 18px;
     }
 
     50% {
         width: 24px;
         height: 22px;
     }
 
     100% {
         width: 20px;
         height: 18px;
     }
 }
 
 @-moz-keyframes myfirst
 
 /* Firefox */
     {
     0% {
         width: 20px;
         height: 18px;
     }
 
     50% {
         width: 24px;
         height: 22px;
     }
 
     100% {
         width: 20px;
         height: 18px;
     }
 }
 
 @-webkit-keyframes myfirst
 
 /* Safari 和 Chrome */
     {
     0% {
         width: 20px;
         height: 18px;
     }
 
     50% {
         width: 24px;
         height: 22px;
     }
 
     100% {
         width: 20px;
         height: 18px;
     }
 }
 
 @-o-keyframes myfirst
 
 /* Opera */
     {
     0% {
         width: 20px;
         height: 18px;
     }
 
     50% {
         width: 24px;
         height: 22px;
     }
 
     100% {
         width: 20px;
         height: 18px;
     }
 }
 
 /*点赞图标放大动画结束*/
 /*点赞数量加减动画开始*/
 @keyframes mypraise {
     0% {
         top: 15px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 
     25% {
         top: 10px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     50% {
         top: 5px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }
 
     75% {
         top: 0px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     100% {
         top: -5px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }
 
 @-moz-keyframes mypraise
 
 /* Firefox */
     {
     0% {
         top: -5px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 
     25% {
         top: -10px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     50% {
         top: -15px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }
 
     75% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     100% {
         top: -25px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }
 
 @-webkit-keyframes mypraise
 
 /* Safari 和 Chrome */
     {
     0% {
         top: -5px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 
     25% {
         top: -10px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     50% {
         top: -15px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }
 
     75% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     100% {
         top: -25px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }
 
 @-o-keyframes mypraise
 
 /* Opera */
{
     0% {
         top: -5px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 
     25% {
         top: -10px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     50% {
         top: -15px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }
 
     75% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }
 
     100% {
         top: -25px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }
 
 /*点赞数量加减动画结束*/
 
 /* 媒体查询 */
 @media screen and (max-width: 320px) {
     html {
         font-size: 50%;
     }
     .header .logo {
         font-size: 1.6rem;
     }
 }

/* common end */

/* list start */

.list-cont {
    margin-top: 6.5rem;
    padding: 2rem 1.5rem;
}


 /* list-bd */
.list-bd {
     margin-top: 1.2rem;
 }
.list-bd .bd .item {
    margin: 0;
    padding: 1.5rem 0;
    border-bottom: 1px solid #eaeef2;
 }
.list-bd .bd .item .text .desc {
    margin-top: .4rem;
}

/* list-waterFall */
.water-fall {
    position: relative;
}
.water-fall .item {
    position: absolute;
    display: block;
    width: 200px;
    margin: 5px;
    border: 1px solid #ddd;
    transition: all 1s;
}
.water-fall .item img {
    width: 100%;
    height: 100%;
}

.fall-box {
    width: 100%;
    margin: 5% 0 0
}

.fall-box .item {
    width: calc((100% - 15px)/2);
    margin-bottom: 1.5rem
}

.fall-box .section-p {
    background: #fff;
    padding: 1.5rem 1rem;
}

.fall-box .item-img {
    width: 100%;
    display: block
}

.fall-box .item .title {
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fall-box .item .desc {
    color: #666;
    font-size: 1.2rem;
    margin-top: .8rem;
    line-height: 1.5;
    overflow: hidden;
    height: 3.8rem;
}

/* list-nav */
.list-nav {
    padding-top: 2rem;
    display: flex;
    flex-wrap: wrap;
}
.list-nav .nav-item {
    display:block;
    font-size: 1.4rem;
    color: #666;
    padding: .4rem .8rem;
    background-color: #f5f5f5;
    border-radius: 1rem;
    margin-bottom: 1rem;
    margin-right: .8rem;
}
.list-nav .nav-item.on {
    border: 1px solid #f53f37;
    background-color: #feebeb;
    color:  #f53f37;
}

/* list-leader */
.lead-list {
    padding: 2rem 0;
}
.lead-list h1 {
    font-size: 1.5rem;
    color: #333;
    text-align: center;
}
.lead-list .chairman-box {
    text-align: center;
}

.lead-list .chairman {
    position: relative;
    width: 48.9%;
    height: 0;
    padding-top: 58%;
    margin: 1.5rem auto;
}
.lead-list .chairman .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}
.lead-list .lead-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.lead-list .lead-ul li {
    width: 48.9%;
    text-align: center;
}
.lead-list .chairman .image img {
    width: 100%;
    height: 100%;
}
.lead-list .name {
    font-size: 1.5rem;
    color: #333;
}
.lead-list .lead-ul li .image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 120%;
    margin: 2rem 0;
}
.lead-list .lead-ul li .image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}
.empty {
    margin-top: 2.5rem;
    font-size: 1.5rem;
    color: #666;
}
.list-cont.bg-grey {
    background:#f8f8f8;
}
/* list end */

/* show start */
    /* show-section */
.show-section {
	margin-top: 10px;
	overflow: hidden;
	background-color: #fff;
}
.section-title { margin: 0 15px; }
.section-title h2 {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 15px 5px;
	font-size: 1.5rem;
	font-weight: normal;
}
.section-title h2:after { background-color: #0067f4; }

    /* show-related */
.related-list li { position: relative; }
.related-list li:after {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	content: "";
	height: 1px;
	background-color: #e2e2e2;
	-webkit-transform: scaleY(.5);
	-webkit-transform-origin: 0 100%;
}
.related-list li:last-child:after { height: 0; }
.related-list li a {
	display: block;
	height: 100%;
	overflow: hidden;
	padding: 15px;
}
.related-list li img {
	float: right;
	width: 100px;
	margin-left: 10px;
}
.related-list li h4 {
	display: -webkit-box;
	overflow: hidden;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.4;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.related-list li .info {
	overflow: hidden;
	margin-top: 10px;
	font-size: 1.4rem;
	color: #888;
}
.related-list li i {
	display: inline-block;
	float: left;
	width: 1em;
	height: 1em;
	margin-right: 5px;
	background: url("../images/list_showtype.png") no-repeat;
	-webkit-background-size: auto 100%;
	        background-size: auto 100%;
}
.related-list li .video { background-position: 0 0; }
.related-list li .audio { background-position: -1em 0; }
.related-list li .atlas { background-position: -2em 0; }
.related-list li p {
	font-size: 1.2rem;
	line-height: 1.4;
}
.related-list li span { margin-right: 5px; }



.show-video-wrap {
	position: relative;
}
.header { border-bottom: 3px solid #eee; }
    /* show-article */
.show-article { margin-top: 4rem;}
.show-article.showpage { padding: 2rem 1.5rem;}
.article-title,
.article-info,
.article-description,
.article-audio,
.article-video,
.article-atlas,
.article-content { margin: 0 15px; }
.showpage .article-content { margin: 0; }
.article-title,
.article-audio,
.article-video,
.article-atlas { margin-top: 15px; }
.article-info,
.article-description { margin-top: 10px; }
.article-atlas p {
	margin-top: 10px;
	margin-bottom: 20px;
}
.article-content,
.article-content h3,
.article-content p {
	margin-top: 15px;
	margin-bottom: 15px;
}
.article-content h3 { margin-top: 20px; }
.article-title {
	font-size: 2.2rem;
	line-height: 1.3;
}
.article-info,
.article-info a { color: #888; }
.article-info-date,
.article-info-comefrom { line-height: 1.8; }
.article-info-comefrom { margin-left: 10px; }
.article-info-fontsize {
	position: relative;
	float: right;
	padding: .3rem .8rem .3rem 1.8rem;
	border-radius: 50px;
}
.article-info-fontsize:before {
	position: absolute;
	top: 50%;
	left: .8rem;
	width: .8rem;
	height: .8rem;
	margin-top: -.4rem;
	content: "";
	background: url("../images/article_fontsize.png") no-repeat;
	-webkit-background-size: auto 100%;
	        background-size: auto 100%;
}
.article-info-fontsize:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	content: "";
	border: 1px solid #e2e2e2;
	border-radius: 50px;
	-webkit-transform: scale(.5);
	-webkit-transform-origin: 0 0;
}
.article-description {
	font-size: 1.6rem;
	line-height: 1.5;
	color: #888;
	text-align: justify;
}
.article-audio {
	position: relative;
	display: none;
	padding-left: 7rem;
	padding-right: 1.5rem;
	font-size: 1.4rem;
	line-height: 2.2;
	color: #3f3f3f;
	cursor: pointer;
	background-color: #f4f8fb;
	border-radius: 10rem;
}
.article-audio:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 200%;
	height: 200%;
	content: "";
	border: 1px solid #deebf3;
	border-radius: 50px;
	-webkit-transform: scale(.5);
	-webkit-transform-origin: 0 0;
}
.article-audio span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 5.5rem;
	height: 100%;
	border-radius: 10rem;
	background: url(../images/audio_icon.png) no-repeat center;
	background-color: #3d5070;
	-webkit-background-size: auto 60%;
	        background-size: auto 60%;
}
.article-audio-control {
	position: fixed;
	top: 0;
	z-index: 9;
	display: none;
	height: 60px;
	padding-right: 50px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .9);
}
.article-audio-control audio { display: none; }
.article-audio-control .close {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 31px;
	height: 31px;
	margin-top: -15px;
	background-color: #fff000;
	border-radius: 50%;
}
.article-audio-control .close.active { background-color: #e9db00; }
.article-audio-control .close:after,
.article-audio-control .close:before {
	position: absolute;
	top: 15px;
	left: 6px;
	display: block;
	width: 20px;
	height: 1px;
	content: "";
	background-color: #3d5070;
}
.article-audio-control .close:before {
	-webkit-transform: rotate(225deg);
	        transform: rotate(225deg);
}
.article-audio-control .close:after {
	-webkit-transform: rotate(-225deg);
	        transform: rotate(-225deg);
}
.article-video {
	position: relative;
	display: none;
	background-color: #000;
}
.article-video video {
	display: block;
	width: 100%;
	height: 100%;
}
.video-title {
    font-size: 1.8rem;
}
.video-poster,
.video-player-h5,
.video-player-ck {
	width: 100%;
	height: 100%;
}
.video-poster {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}
.video-poster:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: url("../images/video_bg.png") no-repeat center;
	background-color: rgba(0, 0, 0, .3);
	-webkit-background-size: 50px auto;
	        background-size: 50px auto;
}
.article-quality { padding: 0 15px; }
.article-atlas,
.article-content { line-height: 1.6; }
.article-atlas img,
.article-content img {
	/* display: inline-block; */
	height: auto!important;
	vertical-align: middle;
}
.article-atlas,
.article-content{ font-size: 1.8rem; }
.article-content h3 { font-size: 1.9rem; }
.article-content .text-gray { font-size: 1.5rem; }


    /* show-vote */
.vote-title {
	margin: 15px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.vote-desc {
	margin: -5px 15px 20px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #888;
}
.vote-options,
.vote-result { margin: 0 15px 20px; }
.vote-list li {
	position: relative;
	margin-bottom: 20px;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #555;
}
.vote-options li { padding-left: 1.5em; }
.vote-options input { display: none; }
.vote-options label { display: block; }
.vote-options .radio,
.vote-options .checkbox {
	position: absolute;
	top: .1em;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid #d3cfc8;
}
.vote-options .radio,
.vote-options .checkbox {
	background: url("../images/vote_options.png") no-repeat;
	-webkit-background-size: auto 10%;
	        background-size: auto 100%;
}
.vote-options .radio.checked,
.vote-options .checkbox.checked {
	border: none;
	background-position: right;
	background-color: #00b875;
}
.vote-options .radio { border-radius: 50%; }
.vote-options .checkbox { border-radius: 3px; }
.vote-options .button button {
	padding: 5px 15px;
	font-size: 1.6rem;
	color: #fff;
	border: none;
	border-radius: 5px;
}
.vote-options .button .submit {
	margin-right: 12px;
	background-color: #e64a46;
}
.vote-options .button .submit.active { background-color: #dd3732; }
.vote-options .view { background-color: #ffc105; }
.vote-options .view.active { background-color: #ffb505; }
.vote-options .count {
	float: right;
	line-height: 2.6;
	color: #666;
}
.show-vote .count b {
	margin: 0 3px;
	font-weight: normal;
	color: #e64a46;
}
.vote-result { display: none; }
.vote-result .proportion {
	position: relative;
	margin-top: 8px;
	padding-right: 3.6em;
	font-size: 1.2rem;
	line-height: 1;
}
.vote-result .proportion .number {
	position: absolute;
	top: 50%;
	right: 0;
	width: 2.6em;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.vote-result .proportion .value,
.vote-result .proportion .value span {
	display: block;
	height: 8px;
	border-radius: 10px;
}
.vote-result .proportion .value { background-color: #e5e5e5; }
.vote-result .proportion .value span { background-color: #00b875; }
.vote-result .count {
	padding-top: 10px;
	font-size: 1.4rem;
}



/* reset */
.article-content { text-align: justify; }
.show-section-video {
    margin-top: 4rem;
}
.show-section-video .article-content { margin-top: 3em; }
/* skin */
.article-content a {
	padding-bottom: 1px;
	font-weight: bold;
	border-bottom: 2px solid #ffde00;
}
.article-content h3 {
	padding-left: 10px;
	line-height: 1.4;
	border-left: 2px solid #ffde00;
}

/* text */
.text-gray { color: #888; }

/* box */
.box-blue,
.box-yellow,
.box-green {
	padding: 8px 12px;
	border-radius: 5px;
}
.box-blue   { background-color: #cbf1ff; }
.box-yellow { background-color: #fff000; }
.box-green  { background-color: #b3ff8d; }

/* show end  */