/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,body {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #333;
    font: 14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
body{
    font: 14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
    box-sizing: border-box;
}

input,textarea{
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: "Microsoft YaHei";
    box-sizing: border-box;
}

a,a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: transparent;
}

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

ol,ul {
    list-style: none;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}

em,span,i {
    font-style: normal;
}

body {
    background: #f6f5f5;
}

body.home-body {
    background: #fff;
}

.swiper-slide {
    display: block;
}

/*公共部分*/
.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.pf {
    position: fixed;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.strong {
    font-weight: 700;
}

.block {
    display: block;
}

/*主色调*/
.m-c {
    color: #009944!important;
}

.m-bg {
    background-color: #009944!important;
}

.m-pale-c {
    color: #808281!important;
}

.m-price {
    color: #d60808;
}

.m-bg-wrap {
    background-color: #fff;
}

/*提示*/
.h-tip {
    padding: 5px 15px;
    margin: 0 -15px;
    color: #d60808;
    background: #eee;
}

/*列表页下边框*/
.list-item + .list-item {
    border-top: 1px solid #eee;
}

.border-bottom {
    border-bottom: 1px solid #eee;
}

/*封面图*/
.cover-wrap {
    position: relative;
    overflow: hidden;
    background: #ececec;
}
.cover-wrap > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.cover-wrap.m-vertical > img{
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(0);
}

.cover-wrap video {
    width: 100%;
    height: 100%;
}

.cover-wrap.no-img > img,
.cover-wrap.no-img.m-vertical > img {
    position: absolute;
    top: 10%;
    left: 50%;
    width: auto;
    height: 80%;
    transform: translateX(-50%) translateY(0);
}

/*输入框透明*/
.inp-unset {
    width: 100%;
    background: transparent;
    outline: none;
    border: 0;
    line-height: 1;
}

/*弹性盒子*/
.flex-box {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.flex-box>.flex-left,
.flex-box>.flex-right {
    flex-shrink: 0;
}
.flex-box>.flex-center {
    flex: 1;
}

/*弹性盒子左侧flex为1*/
.flex-box-left {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.flex-box-left>.flex-left {
    flex: 1;
}
.flex-box-left>.flex-right {
    flex-shrink: 0;
    padding-left: 5px;
}

/*弹性盒子右侧flex为1*/
.flex-box-right {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.flex-box-right>.flex-left {
    flex-shrink: 0;
    /*padding-right: 5px;*/
}
.flex-box-right>.flex-right {
    flex: 1;
}

/*头像*/
.h-avatar {
    display: inline-block;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
}

.h-avatar img {
    width: 100%;
    height: 100%;
}

/*单行文本省略号*/
.words {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行文本省略号*/
.words2 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.words2.open {
    -webkit-line-clamp: unset;
}
.words3 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.icon-triangle-r {
    display: inline-block;
    width: 5.5px;
    height: 10px;
    background: url(../images/icon-triangle-r.png) no-repeat center;
    background-size: 100%;
}

.icon-triangle-r.icon-home,
.icon-triangle-r.icon-l {
    margin-left: 10px;
    width: 7.5px;
    height: 14px;
}

/*主页文字相关*/
.page-wrap {
    padding: 0 15px 0.5px;
}

/*.page-wrap + .page-wrap{
    border-top: 1px solid #eee;
}*/

.page-wrap.product-wrap-1 {
    padding: 15px 15px 0.5px;
}

.h-page-p {
    line-height: 50px;
    font-size: 20px;
    font-weight: 700;
}

.h-page-title {
    font-size: 19px;
}

.h-page-list-title {
    font-size: 15px;
}

.h-page-cont {
    font-size: 14px;
    font-weight: 400;
}

.h-page-info,
.h-page-list-cont {
    font-size: 13px;
}

.h-page-tag {
    font-size: 10px;
}

.icon-detail {
    display: inline-block;
    width: 10px;
    height: 5.5px;
    background: url(../images/icon-detail.png) no-repeat center;
    background-size: 100%;
    transform: rotate(0);
    transition: transform 0.2s;
    vertical-align: middle;
}

.icon-detail.open {
    transform: rotate(180deg);
}

.icon-detail-more {
    display: inline-block;
    margin-left: 5px;
    width: 5.5px;
    height: 10px;
    background: url(../images/icon-detail-2.png) no-repeat center;
    background-size: 100%;
}

/*列表页文字相关*/
.h-list-title {
    font-size: 18px;
}

.h-list-detail {
    font-size: 15px;
}

.h-list-cont {
    font-size: 14px;
}

.h-list-info,
.h-list-tag {
    font-size: 12px;
}

/*详情页文字相关*/
.h-detail-title {
    font-size: 19px;
}

.h-detail-cont {
    font-size: 15px;
    word-break: break-all;
}

.h-detail-info,
.h-detail-tag {
    font-size: 13px;
}

/*顶部标题栏*/
.header {
    display: -webkit-flex;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 49px;
    align-items: center;
    justify-content: center;
    background: #fff;
    /*border-bottom: 1px solid #eee;*/
    z-index: 999;
    transition: background 0.3s;

}

.header:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, transparent 50%,#eee 50%) center bottom no-repeat;
    background: -moz-linear-gradient(top, transparent 50%, #eee 50%) center bottom no-repeat;
    background: -ms-linear-gradient(top, transparent 50%, #eee 50%) center bottom no-repeat;
    background-size: 100% 1px;
    height: 1px;
}

.header.header-top {
    background: transparent;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    color: #fff;
}

.header.header-top .icon-back {
    background: url(../images/icon-back-2.png) no-repeat;
    background-size: 10px;
    background-position: 15px 50%;
}

.header.header-top .icon-back.icon-index {
    background: url(../images/icon-index-2.png) no-repeat;
    background-size: 18px;
    background-position: 15px 50%;
}

.header.no-border {
    /*border-bottom: 0;*/
}

.header.no-border:after {
    display: none;
}

.header .header-left,
.header .header-right {
    position: relative;
    min-width: 49px;
    height: 49px;
    line-height: 49px;
    font-size: 14px;
    z-index: 999;
}

.header .header-right {
    padding-right: 15px;
    text-align: right;
}

.header .header-right.right-none {
    min-width: unset;
}

.header .header-title {
    position: relative;
    flex: 1;
    text-align: center;
    font-size: 19px;
    z-index: 999;
}

.header.transion-title .header-title {
    opacity: 1;
    transition: opacity 0.3s;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header.header-top.transion-title .header-title {
    opacity: 0;
}

.header-back.icon-back {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 49px;
    height: 49px;
    background: url(../images/icon-back.png) no-repeat;
    background-size: 10px;
    background-position: 15px 50%;
    z-index: 999;
}

.header-back.icon-back.icon-index {
    background: url(../images/icon-index.png) no-repeat;
    background-size: 18px;
    background-position: 15px 50%;
}

.header-back.icon-back.header-top {
    background: url(../images/icon-back-2.png) no-repeat;
    background-size: 10px;
    background-position: 15px 50%;
}

.header-back.icon-back.header-top.index-back {
    background: rgba(0,0,0,0.36) url(../images/icon-back-2.png) no-repeat;
    background-size: 10px;
    background-position: 15px 50%;
    border-radius: 0 24.5px 24.5px 0;
}

.header-back.icon-back.header-top.icon-index {
    background: url(../images/icon-index-2.png) no-repeat;
    background-size: 18px;
    background-position: 15px 50%;
}

.header-back.icon-back.header-top.icon-index.index-back {
    background: rgba(0,0,0,0.36) url(../images/icon-index-2.png) no-repeat;
    background-size: 18px;
    background-position: 15px 50%;
    border-radius: 0 24.5px 24.5px 0;
}

.header .icon-back {
    display: block;
    width: 49px;
    height: 49px;
    background: url(../images/icon-back.png) no-repeat;
    background-size: 10px;
    background-position: 15px 50%;
}

.header .icon-back.icon-index {
    background: url(../images/icon-index.png) no-repeat;
    background-size: 18px;
    background-position: 15px 50%;
}

.header .icon-back-2 {
    display: block;
    width: 49px;
    height: 49px;
    background: url(../images/icon-back-2.png) no-repeat;
    background-size: 10px;
    background-position: 15px 50%;
}

.header .icon-back-2.icon-index {
    background: url(../images/icon-index-2.png) no-repeat;
    background-size: 18px;
    background-position: 15px 50%;
}

.header .icon-close {
    display: block;
    width: 49px;
    height: 49px;
    background: url(../images/icon-close.png) no-repeat;
    background-size: 15px;
    background-position: 15px 50%;
}

.hide-top {
    position: relative;
    left: 0;
    top: 50px;
}

.page-body {
    padding-top: 49px;
    padding-bottom: 15px;
    width: 100%;
    /*background: #f6f7f9;*/
    overflow-x: hidden;
}

.page-body.no-header {
    padding-top: 0;
}

.page-body.has-navbar {
    padding-top: 99px;
    background: #fff;
}

.page-body.has-footer {
    padding-bottom: 64px;
}

/*navbar筛选*/
.navbar {
    display: -webkit-flex;
    display: flex;
    position: fixed;
    top: 49px;
    left: 0;
    padding: 0 15px;
    width: 100%;
    height: 50px;
    z-index: 99;
    align-items: center;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px 3px;
    justify-content: center;
    text-align: center;
    font-size: 17px;
}

.nav-item {
    position: relative;
    flex: 1;
    height: 50px;
}

.nav-item.active {
    color: #009944;
}

.nav-item.active:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background: #009944;
    margin-left: -10px;
    bottom: 0;
    left: 50%;
}

.icon-triangle-b {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 5.5px;
    background: url(../images/icon-triangle-t.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.icon-triangle-b.show {
    transform: rotate(0deg);
}

.navbar-filter {
    top: 99px;
    left: 0;
    padding: 0 15px;
    width: 100%;
    max-height: 260px;
    z-index: 88;
    background: #fff;
    overflow-y: auto;
}

.filter-item {
    line-height: 50px;
    font-size: 16px;
}

.filter-item.selected {
    background: url(../images/icon-selected.png) no-repeat;
    background-position: right center;
    background-size: 18px 18px;
}

/*底部标题栏*/
.footer {
    display: -webkit-flex;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    width: 100%;
    height: 49px;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px 3px;
}

.footer .search-wrap {
    padding: 0;
    flex: 1;
}

.footer .search-wrap .input-box input {
    padding-left: 0;
}

.footer-count {
    padding-left: 15px;
    min-width: 50px;
    text-align: center;
    flex-shrink: 0;
}

/*搜索框*/
.search-wrap {
    display: -webkit-flex;
    display: flex;
    padding: 15px 15px 0;
    align-items: center;
}

.header .search-wrap {
    padding: 0;
}

.search-wrap .input-box {
    display: -webkit-flex;
    display: flex;
    padding: 0 15px;
    flex: 1;
    height: 35px;
    background: #f6f7f9;
    border-radius: 35px;
    align-items: center;
}

.search-wrap .icon-search {
    width: 14px;
    height: 15px;
}

.search-wrap .input-box input {
    padding-left: 10px;
    width: 100%;
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
}

.search-wrap .search-clear {
    display: none;
    padding: 10.5px;
    margin-right: -10.5px;
}

.search-wrap .icon-clear {
    padding: 5px;
    width: 14px;
    height: 14px;
    background: #757272 url(../images/icon-close-2.png) no-repeat center;
    border-radius: 100%;
    background-size: 8px;
    opacity: 0.6;
}

.search-wrap .btn-search {
    display: none;
    padding-left: 15px;
    font-size: 15px;
    flex-shrink: 0;
}

.btn-publish {
    display: block;
    bottom: 45px;
    left: 50%;
    margin-left: -24.5px;
    width: 49px;
    height: 49px;
    border-radius: 100%;
    box-shadow: rgba(0, 153, 68, 0.28) 0px 0px 4px 3px;
    background-image: url(../images/icon-edit.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
}

.icon-catalog {
    position: fixed;
    left: 10px;
    bottom: 130px;
    width: 49px;
    height: 49px;
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px 3px;
    background: #fff url(../images/icon-catalog.png) no-repeat center;
    background-size: 20px 16.5px;
}

.cover-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    z-index: 1000;
    background: #000;
    opacity: 0.7;
}

.icon-contact {
    display: inline-block;
    top: 0;
    right: 0;
    margin-left: 10px;
    width: 20px;
    height: 21px;
    background: url(../images/icon-contacts.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
    z-index: 9;
}

/*出行人相关*/
.contact-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    background: #fff;
    z-index: 1000;
    transform: translateX(110%);
    transition: transform 0.2s;
    overflow: hidden;
}

.contact-page.show {
    transform: translateX(0);
}

.contact-page .page-body {
    padding: 49px 15px 64px;
    height: 100%;
    overflow-y: auto;
}

.contact-page .list-item {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.icon-edit-2 {
    margin-right: 10px;
    width: 31px;
    height: 32.5px;
    background: url(../images/icon-edit-2.png) no-repeat center;
    background-size: 16px 17.5px;
    background-position: center left;
}

.contact-info {
    flex: 1;
}

.contact-name {
    margin-bottom: 5px;
}

.contact-phone {
    font-size: 16px;
}

.icon-select {
    width: 22px;
    height: 22px;
    background: url(../images/icon-select.png) no-repeat center;
    background-size: 100%;
}

.icon-selected {
    background: url(../images/icon-selected.png) no-repeat center;
    background-size: 100%;
}

.contact-btn {
    background: #009944;
    color: #fff;
    justify-content: center;
}

/**/
.icon-view-b {
    width: 14px;
    height: 10.5px;
    vertical-align: middle;
}

.icon-comment-b {
    width: 11.5px;
    height: 11.5px;
    vertical-align: middle;
}

/*底部评论*/
.footer-count-item + .footer-count-item{
    margin-left: 15px;
}

.footer-count-item {
    padding: 10px 0;
}

.icon-comment {
    display: inline-block;
    width: 17.5px;
    height: 17.5px;
    background: url(../images/icon-comment.png) no-repeat center;
    background-size: 100%;
}

.icon-collect {
    display: inline-block;
    width: 17.5px;
    height: 17.5px;
    background: url(../images/icon-collect.png) no-repeat center;
    background-size: 100%;
}

.icon-collect.active {
    background: url(../images/icon-collected.png) no-repeat center;
    background-size: 100%;
}

.icon-likes {
    display: inline-block;
    width: 17.5px;
    height: 17.5px;
    background: url(../images/icon-likes.png) no-repeat center;
    background-size: 100%;
}

.icon-likes.active {
    background: url(../images/icon-likesed.png) no-repeat center;
    background-size: 100%;
}

.count-num {
    top: -10px;
}

/*上传图片*/
.imgs-input-wrap {
    display: -webkit-flex;
    display: flex;
    padding: 15px 0;
    margin-right: -12.5px;
    flex-wrap: wrap;
}

.imgs-input-item {
    position: relative;
    padding: 0 12.5px 12.5px 0;
    width: 25%;
}

.imgs-cover {
    padding-top: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.imgs-input-add .btn-add {
    position: relative;
    padding-top: 100%;
    height: 0;
    background: url(../images/icon-add-img.png) no-repeat center;
    background-size: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.imgs-input-add .btn-add>input {
    top: 15%;
    left: 15%;
    width: 85%;
    height: 85%;
    opacity: 0;
}

.imgs-input-item .icon-clear {
    top: -7.5px;
    right: 5px;
    padding: 5px;
    width: 19px;
    height: 19px;
    background: #757272 url(../images/icon-close-2.png) no-repeat center;
    border-radius: 100%;
    background-size: 8px;
    opacity: 0.6;
}

.editor-wrap {
    padding: 15px;
}

.editor-wrap img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.editor-wrap video {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.row-item {
    min-height: 72.5px;
    font-size: 19px;
}

.row-item + .row-item {
    border-top: 1px solid #ececec;
}

.search-wrap.search-empty {
    padding: 0;
}

.search-wrap.search-empty .input-box {
    padding: 0;
    background: transparent;
}

.search-wrap.search-empty .input-box input {
    padding: 0;
    font-size: 19px;
}

.search-wrap.search-empty .icon-clear {
    width: 19px;
    height: 19px;
}

.panel-wrap {
    display: block;
    position: relative;
    margin: 20px 15px;
    padding: 0 20px;
    box-shadow: 0px 0px 8px 3px rgba(134, 133, 137, 0.2);
}

.panel-top {
    height: 60px;
    font-size: 18px;
    border-bottom: 1px solid #ececec;
}

.panel-cont {
    position: relative;
    min-height: 95px;
}

.panel-cont-title {
    display: inline-block;
    width: 65px;
    text-align: justify;
    text-align-last: justify;
}

.panel-status {
    margin-left: 10px;
}

.panel-row {
    display: block;
    padding-top: 20px;
}

.panel-row.row-center {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.panel-btn {
    display: inline-block;
    margin-top: -10px;
    margin-bottom: 7.5px;
    height: 35px;
    min-width: 75px;
    text-align: center;
    border: 1px solid #ececec;
}

.panel-btn + .panel-btn {
    margin-left: 15px;
}

.icon-ticket {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/icon-ticket.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-guider {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/icon-guider.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-strategy {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/icon-strategy.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-delete {
    display: inline-block;
    margin-left: 5px;
    width: 26.5px;
    height: 27.5px;
    background: url(../images/icon-delete.png) no-repeat center right;
    background-size: 16.5px 17.5px;
}

.ticket-wrap .ticket-price {
    top: 20px;
    right: 0;
}

.page-index {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100vh;
    height: 100%;
    background: #fff;
}

.index-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index-bg > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}

.index-cover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #000;
    opacity: 0.25;*/
}

.index-title-v {
    position: absolute;
    top: 80px;
    right: 15px;
    padding: 0 7.5px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: 40px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #fff;
    background: rgba(0,0,0,0.36);
}

.btns-index-wrap {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    padding: 0 15px;
    bottom: 80px;
    left: 0;
    width: 100%;
    height: 81.5px;
    justify-content: space-between;
    text-align: center;
}

.btns-index {
    display: -webkit-flex;
    display: flex;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    /*background: rgba(255, 255, 255, 0.8);*/
    background: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.text-index {
    margin-top: 5px;
    line-height: 1;
}

.icon-index {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-index-forest {
    background-image: url(../images/icon-index-forest.png);
    background-size: 100%;
}

.icon-index-product {
    background-image: url(../images/icon-index-product.png);
    background-size: 100%;
}

.icon-index-news {
    background-image: url(../images/icon-index-news.png);
    background-size: 100%;
}

.icon-index-introduction {
    background-image: url(../images/icon-index-introduction.png);
    background-size: 100%;
}

.icon-index-line {
    background-image: url(../images/icon-index-line.png);
    background-size: 100%;
}

.icon-index-guide {
    background-image: url(../images/icon-index-guide.png);
    background-size: 100%;
}

.icon-index-panorama {
    background-image: url(../images/icon-index-panorama.png);
    background-size: 100%;
}

.icon-index-health {
    background-image: url(../images/icon-index-health.png);
    background-size: 100%;
}

.icon-index-experience {
    background-image: url(../images/icon-index-experience.png);
    background-size: 100%;
}

.icon-index-education {
    background-image: url(../images/icon-index-education.png);
    background-size: 100%;
}

.icon-index-sky {
    background-image: url(../images/icon-index-sky.png);
    background-size: 100%;
}

.icon-index-event {
    background-image: url(../images/icon-index-event.png);
    background-size: 100%;
}

.icon-index-capacity {
    background-image: url(../images/icon-index-capacity.png);
    background-size: 100%;
}

.icon-index-industry {
    background-image: url(../images/icon-index-industry.png);
    background-size: 100%;
}

.icon-index-demonstration {
    background-image: url(../images/icon-index-demonstration.png);
    background-size: 100%;
}

.swiper-cover {
    width: 100%;
    height: 235px;
}

.swiper-cover .cover-wrap {
    width: 100%;
    height: 100%;
}

.swiper-cover .swiper-slide {
    display: block;
}

.swiper-cover .swiper-pagination-bullet {
    background: #fff;
    opacity: .6;
}

.swiper-cover .swiper-pagination-bullet-active {
    opacity: 1;
    background: #009944;
}

.swiper-cover .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
}

.cover-text-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 15px;
    line-height: 1;
    color: #fff;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.cover-text-bg.cover-item {
    padding: 10px 15px;
}

.cover-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.cover-desc {
    margin-top: 15px;
    font-size: 15px;
}

.cover-local {
    font-size: 14px;
    color: #fff;
}

.icon-cover-local-2 {
    display: inline-block;
    width: 13.5px;
    height: 16px;
    background: url(../images/icon-local-2.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-cover-local {
    display: inline-block;
    width: 13.5px;
    height: 16px;
    background: url(../images/icon-local-3.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.btns-page-wrap {
    display: -webkit-flex;
    display: flex;
    padding: 0 15px;
    margin-bottom: -20px;
    width: 100%;
    height: 130px;
    justify-content: space-around;
    align-items: center;
    background: #fff;
}

.btns-page {
    display: -webkit-flex;
    display: flex;
    height: 80px;
    background: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    overflow: hidden;
}

.text-page {
    margin-top: 15px;
    line-height: 1;
}

.icon-page {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-health-base {
    background-image: url(../images/icon-health-base.png);
    background-size: 100%;
}

.icon-health-production {
    background-image: url(../images/icon-health-production.png);
    background-size: 100%;
}

.icon-health-knowledge {
    background-image: url(../images/icon-health-knowledge.png);
    background-size: 100%;
}

.icon-experience-footpath {
    background-image: url(../images/icon-experience-footpath.png);
    background-size: 100%;
}

.icon-experience-base {
    background-image: url(../images/icon-experience-base.png);
    background-size: 100%;
}

.icon-experience-event {
    background-image: url(../images/icon-experience-event.png);
    background-size: 100%;
}

.icon-education-base {
    background-image: url(../images/icon-education-base.png);
    background-size: 100%;
}

.icon-education-event {
    background-image: url(../images/icon-education-event.png);
    background-size: 100%;
}

.icon-education-photo {
    background-image: url(../images/icon-education-photo.png);
    background-size: 100%;
}

.page-a {
    right: 0;
}

.page-item-wrap {
    display: block;
    height: 150px;
}

.swiper-style-1 .swiper-slide {
    width: 92%;
}

.swiper-style-2 .swiper-slide {
    width: 80%;
}

.swiper-style-3 .swiper-slide {
    width: 39%;
}

.swiper-style-3 .cover-wrap {
    height: 195px;
}

.swiper-title-2 {
    padding: 20px 0 0;
    font-weight: 700;
}

.page-item-title {
    display: block;
    margin: 15px 0 0;
}

.page-item-text {
    display: block;
    margin: 15px 0;
}

.page-item-text.words3 {
    display: -webkit-box;
    display: box;
}

.small-page .cover-wrap {
    width: 122.5px;
    height: 85px;
}

.small-page-item + .small-page-item {
    margin-top: 19px;
}

.small-page .small-page-right {
    margin-left: 12.5px;
}

.small-page .small-page-title {
}

.small-page .small-page-cont {
    margin-top: 7.5px;
    color: #808281;
}

.h-page-p.small-page-p {
    padding-top: 10px;
    padding-right: 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*公共文章*/
.article-cover {
    height: 175px;
}

.article-title {
    padding: 15px 15px 0 15px;
}

.article-info {
    padding: 9px 15px;
    margin-bottom: 10px;
}

/*天气图标*/
.icon-weather {
    display: inline-block;
    margin-right: 2.5px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: text-bottom;
}

.icon-hail {
    background-image: url(../images/icon-weather-hail.png);
    background-size: 100%;
}

.icon-lighting {
    background-image: url(../images/icon-weather-lighting.png);
    background-size: 100%;
}

.icon-sandstorm {
    background-image: url(../images/icon-weather-sandstorm.png);
    background-size: 100%;
}

.icon-foggy {
    background-image: url(../images/icon-weather-foggy.png);
    background-size: 100%;
}

.icon-snowy {
    background-image: url(../images/icon-weather-snowy.png);
    background-size: 100%;
}

.icon-rainy {
    background-image: url(../images/icon-weather-rainy.png);
    background-size: 100%;
}

.icon-cloudy {
    background-image: url(../images/icon-weather-cloudy.png);
    background-size: 100%;
}

.icon-overcast {
    background-image: url(../images/icon-weather-overcast.png);
    background-size: 100%;
}

.icon-sunny {
    background-image: url(../images/icon-weather-sunny.png);
    background-size: 100%;
}

.icon-windy {
    background-image: url(../images/icon-weather-windy.png);
    background-size: 100%;
}

.article-end {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
}

.article-content {
    padding: 15px 15px 0!important;
}

.article-content img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.history-list {
    display: none;
}

.history-list-title {
    padding: 20px 0 10px;
}

.history-list .icon-delete {
    top: 20px;
    right: 0;
}

.history-item {
    display: inline-block;
    padding: 0 9.5px;
    margin-right: 10px;
    margin-bottom: 7.5px;
    line-height: 24px;
    text-align: center;
    border-radius: 9.5px;
    font-size: 14px;
    color: #757575;
    background: #f6f7f9;
}

/*音频按钮*/
.h-audio-ctrl {
    display: inline-block;
    padding: 0 10px 0 7.5px;
    height: 30px;
    /*line-height: 30px;*/
    font-size: 15px;
    background: #f0f0f0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.h-audio-wrap {
    display: inline-block;
    /*top: 4px;*/
    /*left: 0;*/
    margin-left: -2.5px;
    margin-right: 5px;
    width: 22px;
    height: 22px;
}

.h-audio-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.h-audio-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 152, 23, 0.7);
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.h-audio-i {
    position: absolute;
    left: 6.5px;
    bottom: 7px;
    width: 1px;
    height: 8.5px;
    background-color: #009817;
    overflow: hidden;
}

.h-audio-i:nth-child(2) {
    left: 8.5px;
}

.h-audio-i:nth-child(3) {
    left: 10.5px;
}

.h-audio-i:nth-child(4) {
    left: 12.5px;
}

.h-audio-i:nth-child(5) {
    left: 14.5px;
}

.h-audio-ctrl.pause .h-audio-i {
    animation: turn_fause .5s linear .08s forwards;
    -webkit-animation: turn_fause .5s linear .08s forwards;
}

.h-audio-ctrl.pause .h-audio-i:nth-child(5) {
    animation-name: turn_fause_right;
    -webkit-animation-name: turn_fause_right;
}

@keyframes turn_fause {
    50% {
        left: 10px;
        width: 2px
    }

    100% {
        left: 8px;
        width: 2px
    }
}

@-webkit-keyframes turn_fause {
    50% {
        left: 10px;
        width: 2px
    }

    100% {
        left: 8px;
        width: 2px
    }
}

@keyframes turn_fause_right {
    50% {
        left: 10px;
        width: 2px
    }

    100% {
        left: 12px;
        width: 2px
    }
}

@-webkit-keyframes turn_fause_right {
    50% {
        left: 10px;
        width: 2px
    }

    100% {
        left: 12px;
        width: 2px
    }
}

.h-audio-ctrl.play .h-audio-i {
    animation: music 1s linear 0s infinite;
    -webkit-animation: music 1s linear 0s infinite;
}

.h-audio-ctrl.play .h-audio-i:nth-child(1) {
    animation-delay: .235s;
    -webkit-animation-delay: .235s;
}

.h-audio-ctrl.play .h-audio-i:nth-child(2) {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
}

.h-audio-ctrl.play .h-audio-i:nth-child(2) {
    left: 8.5px;
}

.h-audio-ctrl.play .h-audio-i:nth-child(3) {
    animation-delay: .382s;
    -webkit-animation-delay: .382s;
    -moz-animation-delay: .382s;
    -o-animation-delay: .382s;
}

.h-audio-ctrl.play .h-audio-i:nth-child(3) {
    left: 10.5px;
}

.h-audio-ctrl.play .h-audio-i:nth-child(4) {
    animation-delay: .176s;
    -webkit-animation-delay: .176s;
    -moz-animation-delay: .176s;
    -o-animation-delay: .176s;
}

.h-audio-ctrl.play .h-audio-i:nth-child(4) {
    left: 12.5px;
}

.h-audio-ctrl.play .h-audio-i:nth-child(5) {
    animation-delay: .265s;
    -webkit-animation-delay: .265s;
    -moz-animation-delay: .265s;
    -o-animation-delay: .265s;
}

.h-audio-ctrl.play .h-audio-i:nth-child(5) {
    left: 14.5px;
}

@keyframes music {
    0% {
        height: 8.5px;
    }
    50% {
        height: 0
    }
    100% {
        height: 8.5px;
    }
}

@-webkit-keyframes music {
    0% {
        height: 8.5px
    }
    50% {
        height: 0
    }
    100% {
        height: 8.5px
    }
}

.h-audio-item {
    display: none;
    opacity: 0;
}

/*文字居中*/
.flex-text-center {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.back-to-index {
    display: none;
    bottom: 100px;
    right: 15px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: rgba(0, 153, 68, 0.58) url(../images/icon-index-2.png) no-repeat;
    background-size: 20px;
    background-position: center;
    z-index: 99;
}