@charset "utf-8";

/* WEUI */
/*@import url("https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css");*/
/*@import url("https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css");*/

/* CSS3动画库 */
/*@import url("animate.css");*/

/* 各种图标CDN */
/*@import url("https://cdn.bootcss.com/simple-line-icons/2.4.1/css/simple-line-icons.css");*/

/* reset css */

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
}

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

fieldset,
img {
    border: 0;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}


/* 通用功能 */

.vm,
input,
label {
    vertical-align: middle;
}

.tc {
    text-align: center;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

.h > li {
    float: left;
    max-width: 50%;
}

.clearfix:after,
.nav:after,
.content:after,
.grid:after,
.h:after,
.jr-row:after,
.jr-grids:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.clearfix,
.nav,
.content,
.grid,
.row,
.h {
    *zoom: 1;
}

.clear {
    clear: both;
    height: 0;
    font: 0/0 Arial;
    visibility: hidden;
}

.mb10 {
    margin-bottom: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr20 {
    margin-right: 20px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.hide {
    display: none;
}

.nt {
    text-align: left;
    letter-spacing: -3em;
    overflow: hidden;
}

.nt:first-letter {
    margin-left: -20em;
}

.et {
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
}


/* 字体字号 */

body,
button,
input,
select,
textarea {
    font: 12px/1.5 -apple-system, BlinkMacSystemFont, Helvetica Neue, Microsoft YaHei, PingFang SC, Source Han Sans SC, Noto Sans CJK SC, SimHei, sans-serif;
    color: #333;
}


/* 链接 */

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

a:hover {
    color: #dd2118;
    text-decoration: none;
}

a:active {
    outline: none;
}


/* 颜色 */

.text-white {
    color: #fff;
}

.text-gray {
    color: #bbb;
}

.text-red {
    color: #f41c20;
}

.text-orange {
    color: #f39c12;
}

.text-yellow {
    color: #f1c40f;
}

.text-green {
    color: #36d2a5;
}

.text-cyan {
    color: #4eccdb;
}

.text-blue {
    color: #1b80d2;
}

.text-purple {
    color: #9b59b6;
}

.text-pink {
    color: #ff8aab;
}

.md-gray {
    background-color: #f5f5f5;
    color: #797979;
}

.md-red {
    background-color: #f41c20;
}

.md-orange {
    background-color: #f39c12;
}

.md-yellow {
    background-color: #f1c40f;
}

.md-green {
    background-color: #36d2a5;
}

.md-cyan {
    background-color: #4eccdb;
}

.md-blue {
    background-color: #3a7;
}

.md-purple {
    background-color: #9b59b6;
}

.md-pink {
    background-color: #ff8aab;
}

.md-lightblue {
    background-color: #e9f3fd;
}

.md-deepblue {
    background-color: #147;
}

.gd-gray {
    background: #ece9e6;
    background: -webkit-linear-gradient(60deg, #ece9e6, #f8f8f8);
    background: linear-gradient(60deg, #ece9e6, #f8f8f8);
}

.gd-red {
    background: #ee0979;
    background: -webkit-linear-gradient(60deg, #ee0979, #ff6a00);
    background: linear-gradient(60deg, #ee0979, #ff6a00);
}

.gd-orange {
    background: #ff5858;
    background: -webkit-linear-gradient(60deg, #ff5858, #fcab2a);
    background: linear-gradient(60deg, #ff5858, #fcab2a);
}

.gd-yellow {
    background: #ffcf83;
    background: -webkit-linear-gradient(60deg, #eaa02a, #ffcf83);
    background: linear-gradient(60deg, #eaa02a, #ffcf83);
}

.gd-green {
    background: #96deda;
    background: -webkit-linear-gradient(60deg, #50c9c3, #96deda);
    background: linear-gradient(60deg, #50c9c3, #96deda);
}

.gd-cyan {
    background: #36d1dc;
    background: -webkit-linear-gradient(-120deg, #5b86e5, #36d1dc);
    background: linear-gradient(-120deg, #5b86e5, #36d1dc);
}

.gd-blue {
    background: #00c6fb;
    background: -webkit-linear-gradient(90deg, #609af0, #1161d7);
    background: linear-gradient(90deg, #609af0, #1161d7);
}

.gd-purple {
    background: #834d9b;
    background: -webkit-linear-gradient(60deg, #834d9b, #d04ed6);
    background: linear-gradient(60deg, #834d9b, #d04ed6);
}

.gd-pink {
    background: #ff8aab;
    background: -webkit-linear-gradient(60deg, #fa647e, #ff8aab);
    background: linear-gradient(60deg, #fa647e, #ff8aab);
}

.gd-lightblue {
    background: #b2fefa;
    background: -webkit-linear-gradient(60deg, #0ed2f7, #b2fefa);
    background: linear-gradient(60deg, #0ed2f7, #b2fefa);
}

.gd-deepblue {
    background: #4b6cb7;
    background: -webkit-linear-gradient(60deg, #182848, #4b6cb7);
    background: linear-gradient(60deg, #182848, #4b6cb7);
}

.md-red,
.md-red > a,
.md-orange,
.md-orange > a,
.md-yellow,
.md-yellow > a,
.md-green,
.md-green > a,
.md-cyan,
.md-cyan > a,
.md-blue,
.md-blue > a,
.md-purple,
.md-purple > a,
.md-pink,
.md-pink > a,
.md-lightblue,
.md-lightblue > a,
.md-deepblue,
.md-deepblue > a,
.gd-red,
.gd-red > a,
.gd-orange,
.gd-orange > a,
.gd-yellow,
.gd-yellow > a,
.gd-green,
.gd-green > a,
.gd-cyan,
.gd-cyan > a,
.gd-blue,
.gd-blue > a,
.gd-purple,
.gd-purple > a,
.gd-pink,
.gd-pink > a,
.gd-lightblue,
.gd-lightblue > a,
.gd-deepblue,
.gd-deepblue > a {
    color: #fff !important;
}

/* 返回顶部 */

.backtop {
    position: fixed;
    bottom: 30px;
    right: 10px;
    display: block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    border: 1px solid #09c;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAIVBMVEUAAAARltsSldoSltsSltwSltsRltsSltsSltwSltsSltutrttRAAAACnRSTlMAv4CMopyShqiXQpYWlwAAAUVJREFUeNrt1StOQ2EUReGf90NRRgC2Co1Co9AoNAqNQlehUYQ3Z5QkNTtNWtp76UoKrDWBfT51mpmZmZmZmZn99tYGvTpoXdqvXj064ogjjjjiyDJGVu8zmtnqt3vX+EYfDW+3iqeMqjhKICAlEJyyWePOGtl5jXtpRIGAlEA4SiAgJRCOEghICQSnbNVEF43osiZ6bYmAhAJCQsEgoYCQUAAIT3moKX22pbZXU7sHIBAlEJASCEcJhKdc18ze2pLarm+6AiAAJRCMEghHCQSkBIJTNmpuJ+2nndbcnklIKCAkFBISCggJhYSEwkJC6Q/hKbe1cO+tZzvVoRsQEgoJCQWEhEJCQukHwSnr1bmj1rVhde6JhIQCQkJBIaH0b7jw8Y444ogjjjjiiCOOOOKII478t5HjwcwOm5mZmZmZmZn9qb4AHrzuta3rD6MAAAAASUVORK5CYII=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    border-radius: 50%;
    z-index: 9;
}


/* webkit滚动条 */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #bbb;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

::-webkit-scrollbar-track-piece {
    background-color: #ddd;
}


/* 标题 */

.t1 {
    position: relative;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    margin: 0 0 10px;
}

.t1 .more {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 0 0 20px;
    background-color: #fff;
    color: #aaa;
}

.t1 b {
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 18px;
    background-color: #e9e9e9;
    border-radius: 100px;
}

.t1 b:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 2000px;
    height: 0;
    border-bottom: 1px dashed #ddd;
    margin-left: 20px;
}

.t2 {
    position: relative;
    border: 1px solid #ddd;
    padding: 0 14px;
    line-height: 48px;
    background: #f8f8f8;
    color: #048;
    zoom: 1;
}

.t2:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 6px;
    background-color: #048;
}

.t2 b {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
}

.t3 {
    position: relative;
    border-bottom: 1px dotted #ddd;
    margin: 0 0 9px;
    padding: 12px 15px;
    line-height: 16px;
}

.t3 b {
    display: inline-block;
    border-left: 8px solid #a3bde2;
    margin-left: -15px;
    padding: 0 0 0 10px;
    color: #048;
}

.t4 {
    line-height: 20px;
    font-size: 16px;
    color: #dd2118;
}


/* 在哪 */

.where {
    height: 40px;
    margin: 10px 0;
    padding: 0 10px;
    line-height: 40px;
    background-color: #f5f5f5;
    border-radius: 3px;
}

.where i {
    margin: 0 10px;
    color: #ccc;
    font-size: 16px;
    vertical-align: middle;
}

.where a,
.where span {
    margin: 0 10px;
}

.where a.home,
.where a.back {
    margin: 0;
}


/* tab */

.jr-tab {
    height: 40px;
    border-bottom: 1px solid #a3bde2;
}

.jr-tab li {
    float: left;
    margin-left: 4px;
}

.jr-tab li a {
    display: inline-block;
    margin-bottom: -1px;
    padding: 0 20px 1px;
    line-height: 38px;
    border: 1px solid #a3bde2;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    transition: all .2s;
}

.jr-tab li a:hover {
    background-color: #f0f6fc;
    color: #3a7;
}

.jr-tab li.current a,
.jr-tab li.on a,
.jr-tab li.current a:hover,
.jr-tab li.on a:hover {
    border-color: #3a7;
    background-color: #3a7;
    color: #fff;
}


.jr-tab2 {
    height: 50px;
    border-bottom: 1px solid #ddd;
}

.jr-tab2 li {
    float: left;
}

.jr-tab2 li a {
    position: relative;
    display: block;
    padding: 0 38px;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    color: #797979;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.jr-tab2 li.current a,
.jr-tab2 li.on a {
    color: #3a7;
    font-weight: bold;
}

.jr-tab2 li + li a::after {
    content: '';
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 1px;
    background-color: #ddd;
}

.jr-tab2 li a::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 15%;
    width: 70%;
    height: 4px;
    background: #3c8ce7;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
}

.jr-tab2 li.current a::before,
.jr-tab2 li.on a::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.jr-tab2 i {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 13px 6px 13px 0;
    line-height: 24px;
    text-align: center;
    font-size: 24px;
    vertical-align: middle;
    color: #ccc;
}

.jr-tab .current i,
.jr-tab .on i,
.jr-tab2 .current i,
.jr-tab2 .on i {
    color: inherit;
}


/* jr栅格、间隔20、基于浮动、宽度定义、暂不兼容移动端 */

.jr-grid {
    padding: 20px;
}

.jr-row {
    margin-left: -10px;
    margin-right: -10px;
}

.jr-col {
    float: left;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.w80 {
    width: 80%;
}

.w70 {
    width: 70%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w40 {
    width: 40%;
}

.w30 {
    width: 30%;
}

.w20 {
    width: 20%;
}

.w75 {
    width: 75%;
}

.w25 {
    width: 25%;
}

.w66 {
    width: 66.67%;
}

.w33 {
    width: 33.33%;
}

.w16 {
    width: 16.66%;
}


/*  各种列表 */

.list {
    padding: 20px;
}

.list li {
    position: relative;
    line-height: 1.5;
}

.list li > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list .pic {
    position: relative;
    overflow: hidden;
}

.list .pic img {
    display: block;
    width: 100%;
    min-height: 100%;
    transition: all 0.3s;
}

.list li:hover .pic img {
    transform: scale(1.1);
}


/* 文字列表基础 */

.list-t li {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding-left: 30px;
}

.list-t li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #ddd;
    border-radius: 100px;
}

.list-t li:hover:before {
    background-color: #3a7;
}

.list-t li a {
    display: block;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-t li .date {
    position: absolute;
    top: 0;
    right: 10px;
    color: #bbb;
}


/* 图片列表基础样式 */

.list-p li a {
    display: block;
    margin: 10px;
    text-align: center;
}

.list-p li h4 {
    height: 20px;
    margin: 10px 0;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
}

.list-p li p {
    line-height: 20px;
    color: #797979;
}


/* 链接列表基础样式 */

.list-a li a {
    display: block;
    text-align: center;
}

.list-a li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    vertical-align: middle;
}


/* 标题加简介列表基础样式 */

.list-b {
    margin: 20px;
}

.list-b li {
    position: relative;
    border-bottom: 1px dotted #ddd;
    padding: 15px;
    line-height: 24px;
}

.list-b li > a {
    display: block;
}

.list-b li > a:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
}

.list-b li h4 {
    position: relative;
    overflow: hidden;
    max-height: 60px;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.list-b li h4 i {
    margin-right: 10px;
    font-size: 14px;
    color: #ccc;
}

.list-b li p {
    line-height: 20px;
    color: #797979;
}

.list-b li .pic {
    float: left;
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 90px;
    margin-right: 20px;
}

@media (max-width: 480px) {
    .list-b li h4 {
        max-height: 48px;
        line-height: 24px;
        font-size: 14px;
    }

    .list-b li .pic {
        width: 72px;
        height: 48px;
    }

    .list-b li .pic img {
        width: 72px;
    }
}


/* 常规列表分享 */

.list li .share {
    position: absolute;
    top: 50%;
    right: 20px;
    height: 50px;
    margin-top: -25px;
    line-height: 50px;
}

.list li .share .share-box {
    position: absolute;
    top: 8px;
    right: 38px;
    z-index: 999;
    box-sizing: content-box;
    width: 70px;
    padding: 5px !important;
    opacity: 0;
    transition: opacity 0.35s;
}

.list li .share:hover .share-box {
    opacity: 1;
}

.list li .share .share-box a {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 5px !important;
    padding: 0 !important;
    vertical-align: middle;
    transform: scale(0.8);
    transition: transform 0.35s;
}

.list li .share:hover .share-box a {
    transform: scale(1);
}

.list li .share i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 13px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    background-color: #ccc;
    color: #fff;
    border-radius: 3px;
}

.list li .share:hover i {
    background-color: #3a7;
}

.list .bdshare_popup_box {
    margin-left: -200px;
}

@media (max-width: 992px) {
    .list li .share {
        top: auto;
        right: 5px;
        bottom: 5px;
    }
}

@media (max-width: 480px) {
    .list li .share {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0 0 -15px -15px;
    }

    .list li .share-box {
        left: 38px;
        right: auto;
    }
}


/* 列表hover样式 */

.hover-style1 li {
    position: relative;
    overflow: hidden;
}

.hover-style1 li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #f0f3f8;
    z-index: 0;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.hover-style1 li:hover:after {
    width: 100%;
}

.hover-style1 li h4,
.hover-style1 li p,
.hover-style1 li strong,
.hover-style1 li a,
.hover-style1 li span {
    position: relative;
    z-index: 1;
}

.hover-style2 {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.hover-style2 li {
    position: relative;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: -1px;
}

.hover-style2 li:hover {
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}


/* 分页 */

.pages {
    font: 0/0 microsoft yahei;
    padding: 20px 0;
    text-align: center;
}

.pages a {
    display: inline-block;
    line-height: 18px;
    margin: 0 2px;
    padding: 10px 15px;
    font-size: 14px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 2px;
}

.pages a:hover {
    position: relative;
    background-color: #ffb0b0;
    color: #fff;
}

.pages a.current {
    background-color: #dd2118;
    color: #fff;
    position: relative;
}

.pages span {
    line-height: 28px;
    font-size: 14px;
    margin-left: 10px;
    padding: 10px 20px;
    vertical-align: middle;
    border-radius: 2px;
}

.pages select {
    border: 1px #d2d2d2 solid;
    padding: 4px;
}


/*  正文 */

.article {
    padding: 20px;
}

.article h2 {
    padding: 15px 0;
    line-height: 1.5;
    font-size: 24px;
    text-align: center;
    color: #333;
}

.article .option {
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    padding: 20px;
    line-height: 30px;
    color: #ccc;
    transition: padding .3s;
}

.article .option h4 {
    display: none;
}

.article .info {
    color: #ccc;
}

.article .info > span {
    color: #333;
}

.article .info i {
    margin: 0 10px 0 0;
    font-size: 16px;
    color: #ccc;
    vertical-align: middle;
}

.article .option.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    border-top: none;
    margin: 0;
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.article .option.fixed h4 {
    display: block;
    position: absolute;
    top: 50%;
    left: 20%;
    right: 20%;
    width: 60%;
    height: 30px;
    margin-top: -15px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article .option.fixed .info {
    display: none;
}

.bdshare_popup_box {
    margin-left: -200px;
}

.article-box {
    padding: 30px 60px;
    line-height: 2;
    text-align: justify;
    color: #333;
    font-size: 16px;
}

.article-box p {
    margin: 1em 0;
}

.article-box p img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
}

.article .jr-btn {
    min-width: 180px;
}

@media (max-width: 480px) {
    .article h2 {
        margin: 0 10px;
    }

    .article .info,
    .article .option h4 {
        display: none !important;
    }

    .article .option {
        padding: 20px 10px;
    }

    .article .option.fixed {
        padding: 10px 5px;
    }

    .article .jfontsize {
        float: none;
        padding: 0;
    }

    .article-box {
        padding: 15px;
    }
}

/* 空页面 */

.blank h2 {
    padding: 0.2em 10%;
    font: bold 120px/2em inherit;
    background-color: #3a7;
    color: #fff;
    text-shadow: 0 15px 30px rgba(0, 0, 0, .15);
}

.blank h3 {
    padding: 30px 10%;
    font: bold 24px/2em inherit;
}

.blank p {
    padding: 0 10%;
    font: normal 16px/2em inherit;
}


/* 提示 */

.note {
    border: 1px solid #a3bde2;
    padding: 19px;
    line-height: 2em;
    background-color: #f0f6fc;
    color: #048;
}

.note p strong {
    color: #f80;
}


/* 潜江龙虾放心吃 */
html {
    height: 100%;
    overflow-x: hidden;
}

body {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, microsoft yahei, sans-serif;
    font-size: 14px;
    background-color: #fff;
    overflow-x: hidden;
}

.more {
    font-size: 14px;
    color: #f00;
}

weui-grids {
    margin: -1px;
}

.pic-text .pic {
    float: left;
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 100px;
}

.pic-text .pic img {
    height: 100%;
}

.pic-text h4 {
    line-height: 2.2;
    font-size: 14px;
    margin-left: 70px;
}

.pic-text p {
    line-height: 20px;
    margin-left: 70px;
    color: #797979;
}

.ad {
    display: block;
    position: relative;
    overflow: hidden;
    margin: -15px -5px;
    padding: 10px 5px;
}

.ad img {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.weui_bar__item_on {
    color: #dd2118;
}

/* 首页 */
.ht {
    background-color: #dd2118;
    color: #fff;
    position: relative;
}

.ht h2 {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

.ht h2 strong {
    display: block;
    font-weight: bold;
}

.person {
    position: absolute;
    top: 0px;
    right: 10px;
}

.person .icon {
    fill: #fff;
}

.nav {
    height: 110px;
}

.nav .weui-grid__icon {
    width: 58px;
    height: 58px;
}

.focus {
    position: relative;
}

.focus .swiper-slide {
    position: relative;
    overflow: hidden;
    padding: 56.25% 0 0;
}

.focus .swiper-slide > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.focus .swiper-slide > a img {
    display: block;
    width: 100%;
}

.focus .swiper-slide > a strong {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 3em;
    line-height: 3em;
    font-weight: normal;
    font-size: 14px;
    padding: 0 15px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.focus .navi {
    position: absolute;
    bottom: 12px;
    right: 12px;
    left: auto;
    z-index: 3;
    width: auto;
}

.focus .navi span {
    margin: 0 4px !important;
    opacity: .5;
    border-radius: 100px;
    box-shadow: 0 0 0 1px #fff;
}

.focus .navi .on {
    background-color: #fff !important;
    opacity: 1;
}

.icon {
    width: 2em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.btn, .split, .article {
    background-color: #fff;
}

.btn .icon, .split .icon {
    font-size: 28px;
    margin: 10px 0px;
    width: 4em;
}

.split a {
    width: 50%;
    line-height: 48px;
}

.split .icon {
    float: left;
    width: 3em;
}

.split p {
    text-align: left;
}

.article {
    padding: 0px;
}

.article section {
    margin: 10px 0;
}

.article h1 {
    font-weight: bold;
    color: #dd2118;
}

.article h2 {
    font-weight: bold;
    color: #000;
}

.article section {
    margin: 10px 0;
}

.article > .weui-media-box__info {
    position: relative;
    padding-bottom: 15px;
}

.article > .weui-media-box__info:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui-media-box__title {
    font-weight: 400;
    font-size: 14px;
    width: auto;
    overflow: hidden;
    text-overflow: inherit;
    white-space: inherit;
    word-wrap: inherit;
    word-wrap: inherit;
    word-break: inherit;
}

.weui-media-box_appmsg .weui-media-box__hd {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.weui-media-box_appmsg .weui-media-box__thumb {
    height: 80px;
}

.weui-article p.t {
    text-indent: 2em;
}

/* 检测 */
a.weui-media-box_text {
    display: block;
}

.weui-panel__hd {
    padding: 10px;
}

.t4 .icon {
    fill: #dd2118;
}

.t4 .s1 {
    font-size: 20px;
}

.news .weui-grid__icon {
    width: 160px;
    height: 100px;
    margin: 0 auto;
}

.weui-cells {
    font-size: 14px;
    margin-top: -1px;
}

.video {
    background-color: #fff;
}

.video .swiper-container {
    padding: 40px;
}

.video .swiper-slide {
    margin: 0 auto;
}

.video-box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 56.25% 0 0;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.video-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.video .prev,
.video .next {
    width: 44px;
    outline: none;
    background-color: #fff;
    background-size: auto 22px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: scale(.5);
    transition: all .3s;
}

.video .prev {
    margin-left: -5px;
}

.video .next {
    margin-right: -5px;
}

.video .swiper-container:hover .prev,
.video .swiper-container:hover .next {
    opacity: 1;
    transform: scale(1);
}

.video .swiper-container:hover .swiper-button-disabled {
    opacity: .3;
}

.video .swiper-pagination-bullet-active {
    background: #d00;
}

/* 维权 */
.activist .pic {
    position: relative;
    height: 0;
    margin: 15px 15px 0;
    padding: 56.25% 0 0;
}

.activist .pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.activist .pic h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    line-height: 16px;
    padding: 0 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.weui-btn_primary {
    background-color: #fe6100;
    border-radius: 100px;
    margin: 20px;
}


/* login */

.login {
    position: relative;
}

.login ul {
    margin: 10px;
    overflow: hidden;
}

.login li {
    position: relative;
}

.login li + li {
    margin-top: 15px;
}

.login .tips {
    padding: 8px 0;
    line-height: 1.3;
    text-align: center;
    background-color: #fff9eb;
    color: #f80;
    border-radius: 20px;
}

.login .icon {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin: -40px -50px 0 0;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #ccc;
    vertical-align: middle;
}


.login .icon i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}

.login input.text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border: none;
    padding: 10px 10px 10px 40px;
    background: #f3f3f3;
    color: #797979;
    -webkit-appearance: none;
    border-radius: 0;
}

.login input.text + label::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f80;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
}

.login input.text::-webkit-input-placeholder {
    color: #aaa;
}

.login li.opt {
    height: 40px;
    line-height: 40px;
    color: #797979;
    position: relative;
}

.login .opt input,
.login .opt label {
    float: left;
    margin-left: 24px;
}

.login .opt input[type=checkbox] {
    display: none;
    visibility: hidden;
}

.login .opt label:after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 12px;
    left: 0;
    border: 1px solid #d00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.login .opt label:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 16px;
    left: 4px;
    background-color: #d00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}

.login .opt input[type=checkbox]:checked + label:before {
    opacity: 1;
}

.login .img-code {
    position: absolute;
    top: 50%;
    right: 2px;
    display: inline-block;
    box-sizing: border-box;
    height: 36px;
    margin-top: -18px;
}


/* 用户中心 */

.user-center {
    position: relative;
    height: 230px;
    margin: 0 -40px 70px;
    padding: 0 40px;
    text-align: center;
    background: url(../images/yzt/head.png) no-repeat;
    background-size: 100% auto;
    border-radius: 0 0 100% 100%;
}

.user-center h2 {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    text-align: center;
}

.user-center h3 {
    display: block;
}

.user-center h3 img {
    display: block;
    width: 100%;
    padding-top: 50px;
    margin: 0 auto;
}

.user-center + .login {
    margin-top: -150px;
}

/* list */

.list {
    padding: 0;
}

.list .tag {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 5px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #048;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
}

.list h4 {
    font-size: 16px;
}

.list p {
    margin-top: 0.2em;
}

.list .btn {
    box-sizing: content-box;
    display: inline-block;
    border: none;
    width: 16px;
    padding: 2px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    background: #ebebeb;
    color: #fff;
    border-radius: 100px;
}

.list .btn i {
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
}

.list .weui-btn {
    display: inline-block;
    width: auto;
}

.list .weui-media-box > * {
    transition: transform .3s;
}

/* detail */
.detail {
    padding: 0 15px;
}

.detail h2 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0 1rem;
    line-height: 2.5rem;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

.detail p {
    margin-bottom: 20px;
}

.detail table {
    width: 100%;
    border: 1px solid #d6e9ff;
    background-color: #fff;
}

.detail tbody th,
.detail tbody td {
    border: 1px solid #d6e9ff;
    padding: 10px;
    line-height: 1.5;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
}

.detail tbody th {
    position: relative;
    width: 6em;
    color: #086098;
    background-color: #e9f1fa;
}

.detail tbody td p {
    line-height: 2;
    font-size: 1em;
    text-align: justify;
    text-indent: 0;
    margin: 0;
}

.detail tbody td p + p {
    margin-top: 1em;
}


header .back {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 35px;
    display: block;
    color: #fff;
    font-size: 8px;
}

.back .icon {
    fill: #fff;
    font-size: 24px;
}

.t5 span {
    color: #ffbd00;
}

.et .icon {
    fill: #dd2118;
}

.weui-media-box__desc {
    line-height: 1.5em;
}

.weui-loadmore {
    width: 90%;
    margin-top: 1em;
    margin-bottom: 0;
}

.weui-loadmore_line .weui-loadmore__tips {
    color: #084398;
    font-size: 15px;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

/* 页脚 */
footer {
    padding: 20px 0;
}

.weui-footer .weui-footer__text {
    font-size: 13px;
    line-height: 15px;
    color: #000;
}

.box-sd {
    margin: 0 15px 20px;
    padding: 15px 10px;
    background-color: #fff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    border-radius: 10px;
}

.tips {
    color: #dc9a1b;
    font-size: 12px;
}

.tips i {
    color: #f8bf43;
    font-size: 12px;
}

[v-cloak] {
    display: none !important;
}

/* 屏幕响应 */
@media (max-width: 992px) {
}

/* 验证码弹窗样式 */
.layui-m-layercont {
    padding: 15px 20px 30px 20px !important;
}

.validate-tip {
    color: red;
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px;
}

.validate .form-item {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    margin: 10px;
    background: #f3f3f3;
}

.validate input.text {
    flex: 1;
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    height: 45px;
    width: 100%;
    border: none;
    padding: 10px;
    background: #f3f3f3;
    color: #797979;
    -webkit-appearance: none;
    border-radius: 0;
}

.validate .form-item img {
    width: 120px;
    height: 40px;
    margin-top: 2px;
    margin-right: 2px;
}


/* 屏幕响应 */

@media (min-width: 768px) {
    body {
        background-size: 640px auto !important;
    }

    .login .enter {
        position: relative;
        display: block;
        min-height: inherit;
        padding: 30px;
    }

    .login .enter h3 {
        font-size: 20px !important;
        cursor: pointer;
    }

    .login .enter .illustration {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -40px;
    }

    .user-center {
        height: 320px;
    }

    .user-center h3 img {
        max-width: 590px;
        padding-top: 70px;
    }

    .login {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }

    .login .scan {
        display: block;
        height: 80px;
    }

    .login .scan-hd {
        float: left;
        height: 80px;
    }

    .login .scan-bd {
        margin-left: 88px;
    }

    .login input.text.random {
        min-width: 50%;
    }

    .company {
        padding: 20px !important;
    }

    .search-form {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .company + .list,
    .search + .list {
        max-width: 800px;
        margin: -20px auto 20px;
        border-radius: 16px;
    }

    .list .list-bd .weui-panel__hd {
        padding-top: 20px;
    }

    .list .weui-flex {
        margin-bottom: 20px;
    }

    .certificate {
        border-top: 3px solid #37e;
        max-width: 800px;
        margin: 40px auto;
        border-radius: 8px;
        box-shadow: 0 8px 16px rgba(0, 85, 136, .05);
    }

    .detail {
        padding: 20px;
    }

    .detail tbody th,
    .detail tbody td {
        padding: 16px;
        font-size: 14px;
    }

    .detail .label {
        display: block;
        overflow: hidden;
        height: 52px;
        cursor: pointer;
    }

    .detail .label .label-img {
        float: left;
    }

    .detail .label h3 {
        margin-left: 52px;
    }

    .btn-area {
        max-width: 240px;
    }

    .weui-btn {
        cursor: pointer;
    }
}