@charset "utf-8";

/**
 * ***** common *****
 */
body {max-width: 750px;margin: 0 auto;padding-bottom: 1px;color: #333;font-size: .3rem;background-color: #f6f6f6;}

input::-webkit-input-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}

.form-primary .form-control::-webkit-input-placeholder{color:#7e7e7e}
.form-primary .form-control::-moz-placeholder{color:#7e7e7e}
.form-primary .form-control:-moz-placeholder{color:#7e7e7e}
.form-primary .form-control:-ms-input-placeholder{color:#7e7e7e}

/** 载入网页字体 **/
/*@font-face {
	font-family: '';
	src: url('../fonts/');
	font-style: normal;
}*/

/* 设置浮动 */
.fl{float:left;}
.fr{float:right;}
ul:after,
dl:after,
ol:after,
.clearfix:after,
.row:after {content:"\200B";display:block;height:0;clear:both; } 
.clearfix {*zoom:1;}

/* layout */
.container {padding: 0 .54rem;}

.padding-r-30 {padding-right: .3rem;}
.padding-54-auto {padding-top: .54rem;padding-bottom: .54rem;}
.padding-30-auto {padding-top: .3rem;padding-bottom: .3rem;}
.margin-b-0 {margin-bottom: 0!important;}
.margin-t-0 {margin-top: 0!important;}
.margin-t-30 {margin-top: .3rem;}
.margin-t-52 {margin-top: .52rem;}

/* 文本对齐 */
.text-center {text-align: center;}
.text-right {text-align: right;}

/* color */

/* icon */
.icon {display: inline-block;background-repeat: no-repeat;background-position: center;}
.icon-hot {background-image: url(../images/icons/hot.png);}

/* btn */
.btn {display: inline-block;transition: all .3s;}
.btn-primary {color: #fff;background-color: #ad0717;}
.btn-reset {color: #fff;background-color: #ccc;}

/* img */
.img-responsive {width: 100%;}

/* video */
video{width:100%;height:auto;}
.video-box{padding-bottom:56.25%;width:100%;position:relative}
.video-box video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}

/* title */
.title-first {position: relative;margin-bottom: .3rem;padding-bottom: .27rem;text-align: center;}
.title-first::before {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: .42rem;height: .04rem;margin-left: -.21rem;background-color: #ad0717;}
.title-first h3 {font-size: .34rem;line-height: .62rem;color: #3e3e3e;font-weight: bolder;}

.title-second {text-align: center;}
.title-second .title {padding: .2rem 0;font-size: .27rem;line-height: .6rem;color: #5d5d5d;}

/* form */
.form-control {
	outline: none;
	-webkit-appearance: none; /*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}

.form-cover {position: relative;display: block;}
.form-cover::before {content: '';display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

/* form-search */
.form-search {position: relative;padding: 0 .35rem 0 .74rem;background-color: #fff;border-radius: .1rem;overflow: hidden;}
.form-search .form-control {width: 100%;font-size: .25rem;line-height: .7rem;background-color: #fff;}
.form-search .btn-search {display: block;position: absolute;top: 0;left: 0;width: .74rem;height: .7rem;font-size: .32rem;line-height: .7rem;text-align: center;color: #333;}
.form-search .btn-search .iconfont {display: block;width: 100%;height: 100%;font-size: .32rem;line-height: .7rem;}

/* form-primary */
.form-primary .form-title {margin-bottom: .2rem;padding: .2rem 0;font-size: .31rem;line-height: .5rem;color: #313131;font-weight: bolder;}
.form-primary .subtitle {margin-top: .2rem;font-size: .27rem;line-height: .44rem;color: #7e7e7e;font-weight: normal;}
.form-primary .form-group {position: relative;margin-top: .44rem;padding-right: .3rem;}
.form-primary .form-group:first-child {margin-top: 0;}
.form-primary .form-group .label {position: absolute;top: 1px;left: 0;height: .98rem;padding: .16rem .35rem;font-size: .27rem;line-height: .66rem;color: #7e7e7e;border-top-left-radius: .1rem;border-bottom-left-radius: .1rem;}
.form-primary .form-group .form-control {width: 100%;height: .98rem;padding: .16rem .35rem;font-size: .27rem;line-height: .66rem;text-align: left;border: 1px solid #e1e1e1;border-radius: .1rem;}
.form-primary .form-group textarea.form-control {height: auto;}
.form-primary .form-group select.form-control {
  background:#ccc;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/icons/download.png) no-repeat scroll right .35rem center / auto .12rem transparent;
}
.form-primary .form-group select.form-control::-ms-expand { display: none;}

/* 35*2 + n * 27 - 20 */
.form-primary .form-group .form-control.label-2 {padding-left: 1.04rem;}
.form-primary .form-group .form-control.label-4 {padding-left: 1.58rem;}
.form-primary .form-group .form-control.label-5 {padding-left: 1.85rem;}
.form-primary .form-group .form-control.label-6 {padding-left: 2.22rem;}

.form-primary .form-group .form-control-btn {position: absolute;top: 1px;right: .32rem;padding: 0 .28rem;font-size: .22rem;line-height: .98rem;color: #b8b8b8;border-top-right-radius: .1rem;border-bottom-right-radius: .1rem;}
.form-primary .form-group .form-control-btn.icon-iconfontscan {font-size: .4rem;}
.form-primary .form-group .required {position: absolute;top: 0;right: 0;font-size: .3rem;line-height: .98rem;color: #ad0717;text-align: right;}
.form-primary .form-group .form-word-aux,
.form-primary label.error {margin-top: .05rem;padding: 0 .3rem;font-size: .24rem;line-height: .46rem;color: #9f9f9f;}
.form-primary label.error {color: #ad0717;}
/* 评级 */
.form-primary .form-rating {position: relative;padding: .26rem 0 .26rem 1.8rem;}
.form-primary .form-rating:first-child {border-top: none;}
.form-primary .form-rating .label {position: absolute;top: .26rem;left: 0;font-size: .27rem;line-height: .74rem;color: #7e7e7e;}
.form-primary .list-rating {display: flex;justify-content: space-between;font-size: 0;line-height: 0;}
.form-primary .list-rating i {width: .74rem;height: .74rem;/* margin: .18rem; */;background-repeat: no-repeat;background-size: .39rem;background-position: center;}
.form-primary .list-rating.lightning i {background-image: url(../images/icons/lightning.png);}
.form-primary .list-rating.flower i {background-image: url(../images/icons/flower.png);}
.form-primary .list-rating.star i {background-image: url(../images/icons/star.png);}

.form-primary .list-rating.lightning i.active {background-image: url(../images/icons/lightning_h.png);}
.form-primary .list-rating.flower i.active {background-image: url(../images/icons/flower_h.png);}
.form-primary .list-rating.star i.active {background-image: url(../images/icons/star_h.png);}
/* 签名 */
.form-primary .form-sign .content {position: relative;min-height: 2.46rem;border: 1px dashed #e1e1e1;border-radius: .1rem;}
.form-primary .form-sign .content .tips {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -.46rem;color: #7e7e7e;text-align: center;}
.form-primary .form-sign .content .tips .iconfont {font-size: .45rem;line-height: .48rem;}
.form-primary .form-sign .content .tips .title {margin-top: .1rem;font-size: .27rem;line-height: .34rem;}
.form-primary .form-sign .content img {display: block;width: 100%;}

/* form分割线 */
.form-dividing-line {width: 100%;height: 0;border-top: .02rem solid #e1e1e1;}

.form-primary .form-submit-group {padding: .6rem 0 .32rem;text-align: center;}
.form-primary .form-submit-group .btn {padding: 0 .74rem;font-size: .34rem;line-height: .9rem;color: #fff;background-color: #ad0717;border-radius: .1rem;}

/* 分割线 */
.dividing-line {width: 100%;height: 0;border-top: 1px solid #8e8e8e;}
.dividing-line.lg {margin: .5rem 0;}
.dividing-line.dashed {border-top-style: dashed;}

/* 背景渐变 */
.gradient-black {
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/    
    background:#737374;
    background:-moz-linear-gradient(top, #000, #737374);  
    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374));  
    background:-o-linear-gradient(top, #000, #737374); 
}

/* 垂直居中 */
.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}

/* swiper */
.swiper-primary {font-size: 0;}
.swiper-primary .swiper-pagination {bottom: .27rem;}
.swiper-primary .swiper-pagination-bullet {width: .14rem;height: .14rem;margin: 0 .12rem;background-color: #fff;}

/**
 * ***** main *****
 */
/* banner */
.banner {position: relative;padding: .39rem .54rem .65rem;color: #fff;}
.banner .bg {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;}
.banner .logo {height: .41rem;margin-bottom: .65rem;}
.banner .logo img {height: 100%;}
.banner .title {margin-bottom: .7rem;}
.banner .title h2 {font-size: .74rem;line-height: .82rem;font-weight: bolder;}
.banner .title h3 {margin-top: .1rem;font-size: .4rem;line-height: .6rem;}
.banner .dropdown {font-size: .55rem;line-height: .6rem;}

.section {padding: .35rem;background-color: #fff;border-radius: .1rem;}
.section.md {padding: .6rem .35rem;border-radius: .3rem;}

/* 搜索 */
.search-hot {margin: .4rem 0;}
.search-hot .title {margin-bottom: .25rem;font-size: .38rem;line-height: .6rem;color: #333;font-weight: bolder;}

/* 文章 */
.article .article-header {padding-bottom: .3rem;}
.article .article-header .title {padding: .1rem 0;font-size: .27rem;line-height: .46rem;}
.article .article-header .tags {font-size: 0;line-height: 0;}
.article .article-header .tags span {display: inline-block;margin-right: .3rem;font-size: .22rem;line-height: .4rem;color: #868686;}
.article .article-content {padding-top: .4rem;font-size: .26rem;line-height: .54rem;color: #868686;border-top: .03rem solid #e4e4e4;text-align: justify;}

.article .article-content .video-box,
.article .article-content img {margin: .2rem 0;}

/* 文章-简介 */
.article-introduction {margin-top: .26rem;}
.article-introduction .article-header .title {font-size: .3rem;line-height: .54rem;color: #ad0717;font-weight: bolder;text-align: center;}
.article-introduction .article-content {margin-top: .1rem;font-size: .25rem;line-height: .5rem;color: #7e7e7e;}
.article-introduction .article-content.center {text-align: center;}

/* 文章-关于我们 */
.article-about .article-content {font-size: .27rem;line-height: .62rem;color: #7e7e7e;text-align: justify;overflow: hidden;}

/* 文章-查看剩余内容 */
.article-remaining-tips {margin-top: .31rem;padding: .25rem 0;font-size: .24rem;line-height: .5rem;color: #959595;text-align: center;background-color: #fff;border-top: .02rem solid #e1e1e1;}
.article-remaining-tips span {display: inline-block;}
.article-remaining-tips .iconfont {float: right;margin-left: .13rem;font-size: .24rem;line-height: .5rem;}

/* logo徽章 */
.logo-badge {margin: .6rem 0;}
.logo-badge .top {display: flex;justify-content: center;position: relative;}
.logo-badge .top div {position: relative;}
.logo-badge .top div::before {content: '';display: block;position: absolute;top: 0;left: 0;width: 1px;height: .72rem;background-color: #979797;}
.logo-badge .top div:first-child::before {content: none;}
.logo-badge .top img {display: block;height: .72rem;margin: 0 .48rem;}
.logo-badge .text {margin-top: .34rem;font-size: .3rem;line-height: .5rem;color: #404040;text-align: justify;}
.logo-badge .text i {display: inline-block;width: 100%;}

/* panel */
/* panel-primary */
.panel-primary {margin-top: .26rem;padding-bottom: .1rem;background-color: #fff;border-radius: .1rem;}
.panel-primary .panel-header {padding: .22rem .35rem .12rem .35rem;}
.panel-primary .panel-header .title {position: relative;height: .9rem;padding: 0 .4rem 0 1.33rem;}
.panel-primary .panel-header .title .logo {position: absolute;top: 0;left: 0;width: 1.12rem;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.panel-primary .panel-header .title h3 {font-size: .27rem;line-height: .9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.panel-primary .panel-header .title .icon {position: absolute;top: 50%;right: 0;width: .32rem;height: .32rem;margin-top: -.15rem;background-repeat: no-repeat;background-size: 100%;}
.panel-primary .panel-header .title .icon::before {content: none;}
.panel-primary .panel-header .title .icon.icon-increase {background-image: url(../images/icons/icon_increase.png);}
.panel-primary .panel-header .title .icon.icon-reduce {background-image: url(../images/icons/icon_reduce.png);}

.panel-primary .panel-header.simple .title {padding-left: 0;}

.panel-primary .panel-body {display: none;padding: 0 .35rem .15rem .35rem;}
.panel-primary .panel-body .content {padding-top: .2rem;border-top: .03rem solid #e5e5e5;}

.panel-primary.active .panel-body {display: block;}

/* list */
/* list-primary */
.list-primary li {position: relative;}
.list-primary li::before {content: '';display: block;position: absolute;left: .06rem;top: .2rem;width: .06rem;height: .06rem;background-color: #868686;border-radius: 50%;}
.list-primary li:not(:first-child) {margin-top: .3rem;}
.list-primary a {display: block;position: relative;padding: 0 .35rem;}
.list-primary .title {font-size: .26rem;line-height: .46rem;color: #868686;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-primary .icon-next {position: absolute;top: 0;right: 0;font-size: .22rem;line-height: .46rem;}

.panel-primary .panel-body .list-primary {margin: .1rem 0 .2rem;}

/* list-text */
.list-text {font-size: .27rem;line-height: .6rem;color: #7e7e7e;text-align: justify;}

/* list-city */
.list-city {display: flex;justify-content: flex-start;flex-wrap: wrap;max-height: .8rem;overflow: hidden;font-size: .22rem;line-height: .4rem;color: #7e7e7e;text-align: center;transition: .3s;}
.list-city li {width: 16.66%;}
.list-city li:nth-child {}

.list-city2 {display: flex;justify-content: flex-start;flex-wrap: wrap;font-size: .22rem;line-height: .42rem;color: #7e7e7e;}
.list-city2 li {position: relative;width: 33.33%;padding-left: .3rem;}
.list-city2 li::before {content: '';display: block;position: absolute;top: .13rem;left: 0;width: .15rem;height: .15rem;border-radius: 50%;background-color: #bd1210;}
.list-city2 li:nth-child(1)::before {background-color: #bd1210;}
.list-city2 li:nth-child(2)::before {background-color: #60238e;}
.list-city2 li:nth-child(3)::before {background-color: #0660af;}
.list-city2 li:nth-child(4)::before {background-color: #269ea1;}
.list-city2 li:nth-child(5)::before {background-color: #b6ae00;}
.list-city2 li:nth-child(6)::before {background-color: #e88c30;}
.list-city2 li:nth-child(7)::before {background-color: #c67d54;}
.list-city2 li:nth-child(8)::before {background-color: #143192;}
.list-city2 li:nth-child(9)::before {background-color: #a9a9a9;}

/* list-keywords */
.list-keywords {font-size: 0;line-height: 0;}
.list-keywords .item {display: inline-block;margin: 0 .15rem .15rem 0;padding: 0 .2rem;font-size: .25rem;line-height: .62rem;color: #505050;background-color: #eee;border-radius: .05rem;}
.list-keywords .icon {float: left;width: .21rem;height: .62rem;margin-right: .12rem;background-size: 100% auto;}

/* list-panel */
.list-panel {margin-bottom: .2rem;padding: .2rem .3rem;background-color: #fff;border-radius: .15rem;}
.list-panel .head {position: relative;}
.list-panel .head .title {font-size: .28rem;line-height: .92rem;color: #d2403e;font-weight: bolder;}
.list-panel .head .title.border {padding-left: .2rem;}
.list-panel .head .title.border::before {content: '';display: block;position: absolute;top: .31rem;left: 0;width: .04rem;height: .3rem;background-color: #d32f2d;}
.list-panel .head .btn-fold {position: absolute;top: .27rem;right: 0;width: .38rem;height: .38rem;font-size: .2rem;line-height: .38rem;text-align: center;color: #fff;background-color: #d2403e;border-radius: 50%;}
.list-panel .body {margin-top: .12rem;padding: .1rem 0;border-top: .02rem solid #e4e4e4;}
.list-panel .item {display: block;position: relative;padding: .32rem 1rem .32rem .22rem;border-top: .03rem solid #e5e5e5;}
.list-panel .item:first-child {border-top: none;}
.list-panel .item::before {content: '';display: block;position: absolute;top: .49rem;left: 0;width: .06rem;height: .06rem;background-color: #727272;border-radius: 50%;}
.list-panel .item .title {font-size: .28rem;line-height: .4rem;color: #727272;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-panel .item .icon-next {position: absolute;top: .33rem;right: 0;width: .3rem;height: .4rem;font-size: .24rem;line-height: .4rem;}

.list-panel .item.active::before {background-color: #d32f2d;}
.list-panel .item.active .title {color: #d32f2d;}

/* 空空如也 */
.nothing {position: relative;z-index: -1;display: flex;flex-flow: column;justify-content: center;align-items: center;position: relative;width: 100%;height: 100%;}
.nothing.absolute {position: absolute;top: 0;left: 0;}
.nothing.fixed {position: fixed;top: 0;left: 0;}
.nothing .icon-nothing {width: 2.76rem;height: 3.22rem;background: url(../images/nothing.png) no-repeat center / cover;}
.nothing .text {margin-top: .4rem;font-size: .3rem;line-height: .5rem;color: #c0c2c4}
.nothing .text:first-child {margin-top: 0;}

/**
 * ***** footer *****
 */
.footer-nav {position: fixed;bottom: 0;left: 0;z-index: 100;display: flex;justify-content: space-around;width: 100%;max-width: 750px;padding: .26rem 0;text-align: center;background-color: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.footer-nav .item {display: block;color: #666;}
.footer-nav .iconfont {display: block;font-size: .4rem;line-height: .42rem;}
.footer-nav h3 {font-size: .23rem;line-height: .46rem;}

.footer-nav .item.active {color: #d32f2d;}

/**
 * ***** layer *****
 */
.layer-container {height: 0!important;overflow: hidden;}
.layui-layer .layer-container {height: auto!important;}

/* 签名 */
#signatureContent {}
#signature {width: 100%;height: 5rem;}
.signature-btn-container {display: flex;}
.signature-btn-container .btn {width: 60%;font-size: .32rem;line-height: .9rem;}
.signature-btn-container .btn.btn-reset {width: 40%;}

@media (min-width: 750px) {
	.footer-nav {left: 50%;margin-left: -375px;}
}