html,
body {
    font-family: PingFangSC-Regular, sans-serif;
    background: #F7F7F7;
}

.img-lab {
    width: 100%;
    height: auto;
    display: block;
}

.public-head {
    height: 80px;
    background: #CC0100;
    width: 100%;
    padding-top: 15px;
    position: static;
    top: 0;
    left: 0;
    z-index: 9999;
}

.about-footer li {
    position: relative;
    display: inline-block;
}

.about-footer a {
    font-size: 12px;
    color: #999999;
    cursor: pointer;
    line-height: 16px;
}

.logn-btn {
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 50px;
}

.about-footer a:hover {
    text-decoration: underline !important;
}

.about-footer li+li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #E1E1E1;
    top: 2px;
    left: 0;
}

.wid-sty {
    width: 1000px;
}

.logo-index img {
    width: 160px;
    height: 43px;
    display: block;
}

.public-style {
    padding-top: 70px;
}

.public-nav {
    position: fixed;
    top: 70px;
    z-index: 999;
    width: 156px;
    padding: 10px 4px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    padding-bottom: 120px;
}

.public-nav-top>a {
    width: 100%;
    padding-left: 16px;
    line-height: 40px;
    height: 40px;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 14px;
    color: #222222;
    border-radius: 4px;
}

.public-nav-top {
    position: relative;
    padding-bottom: 10px;
}

.public-nav-top::after {
    content: "";
    left: 10px;
    right: 10px;
    height: 1px;
    background: #E5E5E5;
    bottom: 0;
    position: absolute;
}

.public-nav-top .public-active {
    background: #EEEEEE;
}

.show_login {
    position: relative;
}

.show_login::after {
    background: #FF2F34;
    width: 1px;
    height: 14px;
    position: absolute;
    content: "";
    top: 17px;
    right: -20px;
}


/*导航*/

.nav-box {
    background: #fff;
    height: 50px;
    position: relative;
}


/* .nav-box::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-image: linear-gradient(270deg, #FFA427 0%, #E00F00 100%);
    width: 100%;
    height: 1px;
} */

.nav-ul {
    margin-left: 15px;
}

.nav-ul li {
    float: left;
    cursor: pointer;
    line-height: 50px;
}

.nav-ul li+li {
    margin-left: 10px;
    font-size: 14px;
}

.nav-ul li a {
    font-size: 14px;
    color: #635e61;
    font-weight: 600;
}

.nav-ul .nav-li a {
    color: #E00F00;
    font-weight: bold;
}

.nav-sub {
    position: absolute;
    top: 25px;
    left: 160px;
    display: none;
    width: 100%;
}


/*轮播*/

.policy-banner {
    width: 680px;
    height: 350px;
    position: relative;
    padding: 12px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.policy-banner .swiper-container,
.policy-banner .swiper-news {
    width: 100%;
    height: 100%;
}

.policy-banner>div,
.policy-banner a,
.policy-banner img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: block;
    cursor: pointer;
}

.policy-banner .arrow {
    font-size: 30px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    display: none;
    margin-top: -20px;
    width: 19px;
    height: 32px;
    background-image: url("../images/bannerArrow_fff.png");
    background-size: 19px 32px;
}

.policy-banner:hover .arrow {
    display: block;
}

.ying-bg-p {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 150px 10px 20px;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    width: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);
    background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);
    background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);
    border-radius: 0 0 4px 4px;
}

.swiper-pagination-bullet {
    background: #FFFFFF;
    width: 8px;
    height: 8px;
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-sty {
    width: auto;
    right: 15px;
    left: auto;
    bottom: 15px;
}

.dynamic-box .swiper-pagination-bullet {
    background: #9b9b9b;
}

.swiper-pagination-bullet-active,
.dynamic-box .swiper-pagination-bullet-active {
    background: #E00F00;
    border-radius: 50%;
    opacity: 1 !important;
}

.latestReply {
    background: #fff;
    /* border: 1px solid #CCCCCC; */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px 4px;
}

.latestReply-title {
    font-size: 20px;
    font-weight: bold;
    color: #222222;
    line-height: 28px;
    padding: 10px 20px;
}

.fl-latest {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    float: left;
    margin-right: 16px;
    display: block;
}

.latestReply-ul li {
    padding: 16px 20px;
    cursor: pointer;
    position: relative;
}

.latestReply-ul li:last-child {
    border-radius: 0 0 4px 4px;
}

.latestReply-ul li::before {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #E5E5E5;
    content: "";
}

.latestReply-ul li:hover {
    background: #F7F7F7;
}

.latestReply-ul li>a {
    display: block;
}

.latestReply-div {
    overflow: hidden;
}

.label-span {
    padding: 2px 6px;
    background: #F1382B;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin-right: 5px;
    float: left;
}

.color-green {
    background: #30BC4F;
}

.latestReply-p {
    font-size: 16px;
    float: left;
    color: #222222;
    font-weight: bold;
    line-height: 22px;
}

.latestReply-ul li:hover .latestReply-p {
    color: #E00F00;
}

.color-yellow {
    background: #FFBC00;
}

.color-pink {
    background: #F569A5;
}

.color-blue {
    background: #09A3FF;
}

.color-violet {
    background: #5575FF;
}

.latestReply-img,
.latestReply-video {
    width: 20px;
    margin-left: 5px;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    top: 1px;
}

.latestReply-bot {
    margin-top: 7px;
}

.latestReply-bot>span {
    margin-right: 15px;
    font-size: 12px;
    color: #999999;
}

.commit-i i {
    background: url("../images/comment.png") no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 14px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}

.zan-i i {
    width: 14px;
    height: 14px;
    background: url("../images/postZan.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}

.sc-i i {
    width: 14px;
    height: 14px;
    background: url("../images/sc.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}

.color-orange {
    background: #F88B17;
}

.recommend-divP1 {
    height: 49px;
}


/*多选复选样式*/

.change_answer {
    margin-top: 15px;
}

.change_answer>li {
    height: auto;
    padding-bottom: 20px;
}

.change_answer>li span {
    text-align: justify;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    display: block;
    cursor: pointer;
}

.change_answer label>div {
    position: static !important;
    margin-right: 10px;
    margin-top: 1px;
}

.change_answer label div {
    float: left;
}


/*答题界面的input样式修改*/

.change_radio label,
.change_checkbox label {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.change_radio label input,
.change_checkbox label input {
    display: inline-block;
    opacity: 0;
    width: 18px;
}

.change_radio label div {
    width: 18px;
    height: 18px;
    top: 0;
    position: absolute;
    left: 0;
    background: url("../images/radio1.png") no-repeat;
    background-size: 100% 100%;
}

.change_radio input:checked+div {
    /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background: url("../images/radio.png") no-repeat;
    background-size: 100% 100%;
}

.change_checkbox label div {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    background: url("../images/checkBox1.png") no-repeat;
    border-radius: 2px;
    background-size: 100% 100%;
}

.change_checkbox input:checked+div {
    /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background: url("../images/checkBox.png") center no-repeat;
    background-size: 100% 100%;
}

.change_answer img {
    width: 100%;
    display: block;
    border-radius: 4px;
    margin-top: 10px;
}

.change_answer-img {
    overflow: hidden;
}

.change-fr {
    padding-right: 20px;
}

.list-publish>div {
    float: left;
    margin-right: 5px;
    border-radius: 4px 0 0 4px;
    width: 135px;
    height: 90px;
    margin-top: 12px;
}

.list-publish>div:nth-child(2),
.list-publish>div:nth-child(3),
.list-publish>div:nth-child(2) img,
.list-publish>div:nth-child(3) img {
    border-radius: 0;
}

.publish-list img {
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 4px;
    display: block;
}

.list-publish>div:last-child,
.list-publish>div:last-child img {
    border-radius: 0 4px 4px 0;
}

.video-latestReply>div,
.video-latestReply img {
    width: 159px;
    height: 90px;
    border-radius: 4px;
    position: relative;
}

.video-latestReply>div {
    margin-top: 12px;
    float: left;
    margin-right: 5px;
}

.video-latestReply i {
    background: url("../images/play.png") no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    display: block;
}

.list-publish {
    position: relative;
}

.chart-num {
    position: absolute;
    right: 23px;
    bottom: 3px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 1px 5px;
    display: inline-block;
    font-size: 12px;
    border-radius: 3px;
}


/*登录*/

.homePage-w {
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    padding: 10px 20px 10px 20px;
}

.homePage-logn {
    font-size: 16px;
    color: #038da2;
    line-height: 16px;
    text-align: center;
}

.homePage-input {
    padding-top: 5px;
}

.homePage-input input {
    background: #d6f3f1;
    border: none;
    border-radius: 2px;
    display: block;
    width: 100%;
    height: 35px;
    padding: 9px 15px;
    font-size: 12px;
    color: #222;
    margin-top: 5px;
}

.homePage-input .focus-sty {
    border: 1px solid #222222;
    color: #222;
}

.homePage-input .input-error {
    border: 1px solid #FF2F34;
}

.homePage-btn {
    background: #2ec7bb;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
    border-radius: 2px;
    margin-top: 5px;
    width: 100%;
    height: 35px;
    display: block;
    color: #fff;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
}

.account-div {
    font-size: 14px;
    color: #999999;
    text-align: center;
    line-height: 20px;
    margin-top: 10px !important;
}

.account-div a {
    color: #E00F00;
    cursor: pointer;
}

.posting-div {
    cursor: pointer;
    border-radius: 4px;
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background: #2ec7bb;
    padding: 10px;
}

.posting-div i {
    width: 24px;
    height: 24px;
    background: url("../images/ico.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.posting-btn a {
    display: block;
    float: left;
    margin-left: 20px;
}

.adv-img {
    width: 100%;
    border-radius: 4px;
    display: block;
}

.adv-img img {
    border-radius: 4px;
}

.urban-topics {
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    padding-bottom: 10px;
}

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

.urban-ul li {
    padding: 20px 10px 20px 20px;
    width: 50%;
    float: left;
    cursor: pointer;
}

.urban-ul li a {
    font-size: 14px;
    color: #222222;
    line-height: 28px;
    display: block;
}

.urban-ul li img {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.urban-ul li:nth-child(2n) {
    border-left: 1px solid #E5E5E5;
}

.urban-ul li:nth-child(1),
.urban-ul li:nth-child(2) {
    border-bottom: 1px solid #E5E5E5;
}

.urban-ul li:hover a {
    color: #E00F00;
}

.logo-index-input {
    border-radius: 15px;
    width: 160px;
    height: 30px;
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    padding-left: 15px;
    border: none;
    color: #333;
    background-color: #eaeaea !important;
    background: url(http://sx24.cnjxmm.com:8011/bbs-new/images/search.png) no-repeat center right 11px;
    background-size: 18px 18px;
}


/*加载中*/

@keyframes loading {
    to {
        transform: rotate(360deg)
    }
}

.loading_bottom {
    color: #999;
    text-align: center;
    padding: 30px 0;
}

.loading_bottom span {
    position: relative;
    font-size: 12px;
}

.loading_bottom .lod-span {
    padding-left: 20px;
    position: relative;
}

.loading_bottom .lod-span::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url("../images/loding.png");
    background-repeat: no-repeat;
    background-size: 14px auto;
    left: 0;
    top: 1px;
    animation: loading 2s linear infinite;
}

.latest-huifu {
    padding: 15px;
}

.latest-huifu-ul {
    border-left: 1px solid #E5E5E5;
}

.latest-huifu-ul li a {
    display: block;
    padding: 11px 15px 20px;
    cursor: pointer;
}

.latest-huifu-time {
    font-size: 12px;
    color: #222222;
    line-height: 16px;
    position: relative;
}

.latest-huifu-time::before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: url("../images/huifu1.png") no-repeat center;
    background-size: 8px 8px;
    position: absolute;
    content: "";
    left: -25px;
    top: -2px;
}

.latest-huifu-p {
    margin-top: 10px;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    text-align: justify;
}

.latest-huifu-ul li:hover {
    background: #F7F7F7;
}

.latest-huifu-ul li:hover .latest-huifu-time::before {
    background: url("../images/huifu2.png") no-repeat center;
    background-size: 100% 100%;
}

.latest-huifu-ul li:hover .latest-huifu-p {
    color: #E00F00;
}


/*footer*/

.footer-div {
    background: #363636;
    border-top: 2px solid #E00F00;
}

.footer-center {
    background: url("../images/footer.png") no-repeat;
    background-size: 100% 100%;
    padding: 40px 0;
    text-align: center;
}

.erweima-img {
    padding: 4px;
    background: #fff;
    width: 135px;
    height: 135px;
    display: block;
    float: left;
    margin-right: 50px;
}

.logo-index-img {
    width: 160px;
    height: 42px;
    display: block;
}

.footer-fr {
    margin-top: 25px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    width: 415px;
    text-align: left;
}

.footer-fr>div>span+span {
    margin-left: 50px;
}

.footer-fr>div+div {
    margin-top: 20px;
}

.footer-box {
    width: 600px;
}

.footer-bot {
    background: #000000;
    font-size: 12px;
    color: #999999;
    line-height: 16px;
    padding: 22px;
    text-align: center;
}


/*弹层*/

.logn-btn {
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 50px;
}

.logn-flex {
    background: #fff;
    border-radius: 16px;
    padding: 30px 50px 50px;
    width: 360px;
}

.logn-flex-title {
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 16px;
    color: #222222;
    line-height: 16px;
    position: relative;
    text-align: center;
}

.logn-flex-title i {
    position: absolute;
    right: -40px;
    top: -20px;
    width: 16px;
    height: 16px;
    background: url("../images/close_i.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.logn-flex-input input {
    margin-top: 20px;
}

.logn-flex-p {
    margin-top: 5px;
    font-size: 12px;
    color: #FF2F34;
    line-height: 17px;
}

.flex-again-p {
    text-align: center;
    padding: 40px 30px;
    border-radius: 14px 14px 0 0;
}

.flex-box-ul {
    border-top: 1px solid #E5E5E5;
    height: 44px;
    background: #FFFFFF;
    border-radius: 0 0 14px 14px;
    display: -webkit-flex;
    display: flex;
}

.flex-box-ul li {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    height: 100%;
    line-height: 44px;
    border-right: 1px solid #E5E5E5;
}

.flex-box-ul li:last-child {
    border-right: none;
}

.flex-box-ul a {
    color: #666666;
}

.flex-box-ul .flex-box-a {
    color: #FF2F34;
}

.flex-again-code {
    padding: 15px 30px;
}

.code-input {
    padding: 0 20px 20px;
}

.code-input input {
    background: #F7F7F7;
    border: 0 solid #E5E5E5;
    border-radius: 4px;
    width: 155px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    color: #333;
    padding: 0 15px;
    float: left;
}

.code-input a {
    display: block;
    float: left;
    margin-left: 10px;
    width: 80px;
    height: 30px;
}

.code-inputRed input {
    border: 1px solid #FF2F34;
}

.code-input p {
    display: none;
}

.code-inputRed p {
    font-size: 12px;
    color: #FF2F34;
    display: block;
    line-height: 17px;
    margin-top: 5px;
    text-align: left;
}

.report-flex {
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.40);
    border-radius: 8px;
    width: 500px;
}

.report-flex textarea {
    width: 100%;
    display: block;
    height: 150px;
    border-radius: 8px 8px 0 0;
    padding: 20px;
    font-size: 14px;
    color: #101010;
    border: none;
    background: #fff;
    line-height: 20px;
}

.report-bottom {
    text-align: center;
    background: #F7F7F7;
    height: 76px;
    border-radius: 0 0 8px 8px;
    padding-top: 21px;
}

.report-bottom a {
    background: #999999;
    border-radius: 4px;
    line-height: 35px;
    height: 35px;
    width: 120px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
}

.report-bottom a+a {
    margin-left: 20px;
}

.report-bottom .report-bottomSend {
    background: #E00F00;
}

.flex-box {
    width: 285px;
    font-size: 14px;
    color: #666666;
    background: #fff;
    line-height: 20px;
    border-radius: 14px;
    text-align: center;
}

.crumbs-div {
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    line-height: 20px;
}

.crumbs-div a {
    font-size: 14px;
    font-weight: initial;
    cursor: pointer;
    color: #222222;
}

.crumbs-div span {
    font-family: "宋体";
    margin: 0 10px;
    color: #999;
    font-weight: initial;
}

.crumbs-div a:hover {
    color: #E00F00;
}

.posting-box {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px 4px 0 0;
    padding: 0 0 60px;
}

.posting-box-dv {
    padding: 0 50px;
}

.posting-box-dv>div+div {
    margin-top: 20px;
}

.posting-title {
    font-size: 14px;
    color: #222222;
    line-height: 40px;
    width: 50px;
    margin-right: 20px;
    text-align: right;
    font-weight: bold;
}

.posting-input {
    float: left;
    position: relative;
    width: 760px;
    color: #333;
}

.posting-input .posting-fl {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: block;
    width: 100%;
    color: #333;
    background-color: #fff !important;
    padding: 10px 55px 10px 10px;
}

.posting-input .verification-fl {
    width: 190px;
    margin-right: 10px;
}

.word-limit {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}

.posting-text {
    padding: 10px;
    height: 200px;
    font-family: PingFangSC-Regular, sans-serif;
}

.material-div>div {
    border-radius: 4px;
    width: 80px;
    position: relative;
    height: 80px;
    float: left;
    margin-right: 5px;
}

.material-div img {
    border-radius: 4px;
}

.material-div .delete-i {
    border-radius: 0 4px 0 4px;
    width: 18px;
    height: 18px;
    background: url("../images/delete.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.material-div .play-po {
    background: url("../images/play.png") no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    display: block;
}

.material-div>div:nth-child(9n) {
    margin-right: 0;
}

.material-upload {
    background-color: #F7F7F7;
    background: url("../images/add-img.png") no-repeat center;
    background-size: 19px 19px;
    border: 1px dashed #CCCCCC;
    border-radius: 4px;
}

.posting-title span {
    font-size: 14px;
    color: #E00F00;
    line-height: 20px;
}

.modular-div {
    width: 480px;
    border: 1px solid #CCCCCC;
    border-radius: 4px 0 0 4px;
}

.modular-div>div {
    width: 50%;
    float: left;
    height: 400px;
    overflow-y: auto;
}

.modular-div>div+div {
    border-left: 1px solid #ccc;
}

.modular-btn li {
    padding: 10px 15px;
    cursor: pointer;
    width: 100%;
}

.modular-btn img {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 2px;
}

.modular-btn span {
    font-size: 14px;
    color: #222222;
    line-height: 60px;
}

.modular-btn li:hover span {
    color: #E00F00;
}

.modular-btn .modular-li span {
    color: #E00F00;
}

.modular-btn .modular-li,
.modular-box li:hover {
    background: #F7F7F7;
}


/*滚动条样式*/

.modular-div>div::-webkit-scrollbar {
    /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width: 7px;
    height: 7px;
    background: #CDCDCD;
    border-radius: 2px;
}

.modular-div>div::-webkit-scrollbar-button {
    /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
}

.modular-div>div::-webkit-scrollbar-track {
    /*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    display: none;
}

.modular-div>div::-webkit-scrollbar-track-piece {
    /*内层轨道，滚动条中间部分（位置4）*/
    display: none;
}

.modular-div>div::-webkit-scrollbar-thumb {
    /*滚动条里面可以拖动的那部分（位置5）*/
    background: rgba(0, 0, 0, 0.49);
    border-radius: 14px;
    width: 7px;
    height: 7px;
}

.modular-div>div::-webkit-scrollbar-corner {
    /*边角（位置6）*/
    display: none;
}

.modular-div>div::-webkit-scrollbar-resizer {
    /*定义右下角拖动块的样式（位置7）*/
    display: none;
}

.modular-btn {
    height: 100%;
}

.choice-div ul li {
    padding: 10px 15px;
}

.choice-div li span {
    line-height: 20px;
}

.choice-div>ul {
    display: none;
}

.choice-div .choice-show {
    display: block;
}

.topics-yx span {
    font-size: 14px;
    color: #E00F00;
    line-height: 28px;
    margin-right: 5px;
    display: block;
    float: left;
    font-weight: bold;
}

.topics-yx a {
    display: block;
    float: left;
    margin-right: 10px;
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 12px;
    color: #222222;
    line-height: 17px;
    padding: 5px 10px;
}

.topics-yx a i {
    width: 16px;
    height: 16px;
    background: url("../images/close_i.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    float: right;
    margin-left: 12px;
    position: relative;
}

.verification-cold {
    width: 100px;
    height: 38px;
    display: block;
}

.release-a {
    background: #E00F00;
    border-radius: 4px;
    margin-top: 40px;
    width: 300px;
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 44px;
    height: 44px;
    font-weight: bold;
}

.search-result {
    font-size: 14px;
    padding: 14px 20px;
    color: #222222;
    line-height: 20px;
}

.search-result span {
    color: #E00F00;
}

.homePage-top {
    width: 100%;
    height: 162px;
    position: relative;
    border-radius: 4px 4px 0 0;
}

.homePage-img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px 4px 0 0;
}

.homePage-bg {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.homePage-head {
    position: relative;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.20);
    padding: 3px;
}

.homePage-head img {
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.homePage-head span {
    background: #FF2F34;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 14px;
    position: absolute;
    right: -10px;
    top: 0;
}

.homePage-name {
    margin-top: 5px;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 16px;
    line-height: 22px;
}

.male,
.female {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 6px;
    background: url("../images/male_blue.png") no-repeat;
    background-size: 100% 100%;
}

.female {
    background: url("../images/female_blue.png") no-repeat;
    background-size: 100% 100%;
}

.follow-box {
    width: 100%;
    height: 64px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 0 0 4px 4px;
    background: #fff;
}

.follow-box li {
    width: 50%;
    float: left;
    line-height: 64px;
    position: relative;
    text-align: center;
}

.follow-box li span:nth-of-type(1) {
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
}

.follow-box li span:nth-of-type(2) {
    font-size: 18px;
    color: #222222;
    margin-left: 15px;
}

.follow-box li::after {
    position: absolute;
    content: "";
    right: 0;
    top: 20px;
    background: #E5E5E5;
    width: 1px;
    height: 25px;
}

.register-center {
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    padding: 60px 0;
    margin-bottom: 60px;
}

.rgs-center {
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    width: 300px;
    color: #333;
    height: 40px;
    padding: 0 15px;
    background-color: #fff !important;
}

.register-center-tab tr td {
    padding-bottom: 20px;
}

.center-tab-l {
    text-align: right;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 14px;
    color: #222222;
    font-weight: bold;
    padding-right: 20px;
    line-height: 40px;
}

.graphical-code {
    margin-left: 10px;
    width: 100px;
    height: 40px;
    display: block;
}

.git-code {
    background: #E00F00;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #FFFFFF;
}


/*多选复选样式*/

.change_answer>li {
    height: auto;
    margin-right: 40px;
}

.register-center .change_answer>li {
    padding-bottom: 0;
}

.change_answer>li:last-child {
    padding-bottom: 0;
}

.change_answer>li span {
    text-align: justify;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    display: block;
    cursor: pointer;
}

.change_answer label>div {
    position: static !important;
    margin-right: 10px;
    margin-top: 1px;
    border: none !important;
}

.change_answer label div {
    float: left;
}

.change_radio label {
    position: relative;
    width: 50px;
    height: 100%;
    display: block;
}

.change_radio label input {
    display: inline-block;
    opacity: 0;
    width: 20px;
    border-radius: 50%;
}

.change_radio label div {
    width: 20px;
    height: 20px;
    top: 0;
    position: absolute;
    left: 0;
    border: 1px solid #E3E3E3;
    border-radius: 50%;
}

.change_radio label div i {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    display: none;
}

.change_radio input:checked+div {
    /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background: #E00F00;
    border: none;
}

.change_radio input:checked+div i {
    /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    display: block;
}

.change_answer img {
    width: 100%;
    display: block;
    border-radius: 4px;
    margin-top: 10px;
}

.register-center-tab .homePage-btn {
    margin-top: 10px;
    height: 44px;
    line-height: 44px;
}

.have-accounts {
    font-size: 12px;
    color: #666666;
    line-height: 17px;
}

.have-accounts a {
    color: #E00F00;
}

.register-center-tab .mr-f td {
    padding-bottom: 15px;
}

.dynamic-box1 {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px 4px 0 0;
    padding: 15px 20px 0 20px;
}

.dynamic-div {
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.dynamic-center {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px 0 20px 0;
}

.dynamic-tit {
    font-size: 16px;
    color: #222222;
    line-height: 22px;
}

.dynamic-tab>div {
    margin: 15px 10px 0 0;
    background: #F7F7F7;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    padding: 5px 10px 0 10px;
}

.mei-food {
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    padding-right: 10px;
    position: relative;
}

.mei-food i {
    width: 15px;
    height: 18px;
    display: inline-block;
    background: url("../images/foodUser.png") no-repeat;
    background-size: 15px 18px;
    margin-right: 10px;
}

.mei-food span {
    position: relative;
    top: -3px;
}

.mei-food::after {
    position: absolute;
    content: "";
    right: 0;
    top: 3px;
    width: 1px;
    height: 14px;
    background: #ccc;
}

.b-mei {
    padding-left: 10px;
    font-size: 14px;
    color: #156EEA;
    line-height: 20px;
}

.c-mei {
    font-size: 14px;
    padding-left: 10px;
    line-height: 20px;
    color: #222222;
}

.commentOperation {
    height: 40px;
    padding: 9.5px 0 11px 0;
}

.commentOperation li {
    text-align: center;
    width: 33.3%;
    float: left;
    line-height: 17px;
    position: relative;
}

.commentOperation-ul li {
    width: 25%;
}

.commentOperation li::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 20px;
    background: #E5E5E5;
}

.commentOperation li:last-child::before {
    display: none;
}

.commentOperation i {
    display: inline-block;
    margin-right: 10px;
    width: 21px;
    height: 20px;
    background: url("../images/comment.png") no-repeat;
    background-size: 100% 100%;
}

.zan-li i {
    width: 20px;
    height: 20px;
    background: url("../images/zan.png") no-repeat;
    background-size: 100% 100%;
}

.shoucang-li i {
    background: url("../images/shoucang.png") no-repeat;
    background-size: 100% 100%;
}

.commentOperation span {
    font-size: 12px;
    color: #222222;
    line-height: 17px;
    position: relative;
    top: -5px;
}

.commentOperation li>div {
    display: inline-block;
    cursor: pointer;
}

.zan-li-sty i {
    background: url("../images/zanSty.png") no-repeat;
    background-size: 100% 100%;
}

.shoucang-li-sty i {
    background: url("../images/shoucangSty.png") no-repeat;
    background-size: 100% 100%;
}

.sheets-img {
    width: 340px;
    margin-top: 8px;
}

.sheets-img>img {
    display: block;
    margin: 5px 5px 0 0;
    width: 108px;
    height: 108px;
    float: left;
}

.share-li i {
    width: 18px;
    height: 18px;
    background: url("../images/share.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 2px;
}

.comment-flex {
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    height: 70px;
    padding: 20px;
    position: relative;
    z-index: 1;
    display: none;
    top: -5px;
}

.comment-flex-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
}

.comment-flex-input {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    height: 35px;
    width: 425px;
    color: #333;
    display: block;
    background-color: #fff !important;
    padding: 0 10px;
}

.comment-send {
    background: #E00F00;
    border-radius: 4px;
    width: 80px;
    height: 35px;
    display: block;
    line-height: 35px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.dynamic-head {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    display: block;
}

.dynamic-head img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.dynamic-head i {
    background: url("../images/male.png") no-repeat center;
    background-size: 8px 8px;
    background-color: #25BFF4;
    border: 1px solid #FFFFFF;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: -7px;
}

.dynamic-head-sty i {
    background: url("../images/female.png") no-repeat center;
    background-size: 8px 8px;
    background-color: #FF7183;
}

.dynamic-name {
    font-size: 16px;
    color: #222222;
    line-height: 16px;
}

.head-lab {
    margin-left: 10px;
}

.dynamic-time {
    font-size: 12px;
    color: #999999;
    text-align: right;
    line-height: 35px;
}

.dynamic-lable>span:first-child {
    margin-left: 5px;
}

.dynamic-lable>span {
    padding: 2px 4px;
    line-height: 14px;
}

.more-d {
    cursor: pointer;
    position: relative;
}

.more-d i {
    width: 20px;
    height: 20px;
    background: url("../images/more2.png") no-repeat;
    background-size: 100% auto;
    display: block;
}

.more-d-ul {
    position: absolute;
    top: 20px;
    padding: 3px;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    display: none;
    width: 100px;
}

.more-d-ul li {
    background: #fff;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}

.more-d-ul li a {
    font-size: 12px;
    color: #222222;
    line-height: 17px;
}

.more-d-ul li:hover {
    background: #EEEEEE;
}

.more-d-ul li:hover a {
    color: #FF2F34;
}

.more-d:hover .more-d-ul {
    display: block;
}

.dynamic-center-p {
    font-size: 16px;
    color: #222222;
    line-height: 22px;
    margin-top: 10px;
}

.center-title {
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    font-weight: bold;
}

.dynamic-img {
    width: 560px;
}

.dynamic-img img:first-child {
    margin-top: 15px;
}

.dynamic-img img {
    margin-top: 10px;
    width: auto;
    max-width: 100%;
    border-radius: 4px;
    float: left;
    height: auto;
    display: block;
}

.dynamic-date {
    font-size: 12px;
    color: #999999;
    margin-top: 6px;
    line-height: 16px;
}

.post-details-p {
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
}

.post-details {
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    position: relative;
    top: -5px;
    padding: 20px 20px 0 20px;
}

.post-comment {
    font-size: 14px;
    color: #222222;
    padding-top: 15px;
    line-height: 20px;
}

.post-comment1 {
    color: #FF2F34;
    margin-left: 5px;
}

.post-comment-ul li {
    padding: 15px 0;
    position: relative;
}

.post-comment-ul li::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #E5E5E5;
    width: 100%;
    height: 1px;
}

.post-comment-head {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
}

.post-comment-head img {
    border-radius: 50%;
}

.post-comment-fr {
    overflow: hidden;
}

.post-commentName {
    font-size: 12px;
    color: #156EEA;
    line-height: 16px;
}

.post-zan {
    font-size: 12px;
    color: #999999;
    line-height: 16px;
    cursor: pointer;
}

.post-zan i {
    background: url("../images/postZan.png") no-repeat;
    background-size: 100% 100%;
    width: 12px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    height: 12px;
}

.post-zan1 i {
    background: url("../images/postZan1.png") no-repeat;
    background-size: 100% 100%;
}

.post-commentReply {
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    margin-top: 1px;
}

.jubao {
    cursor: pointer;
}

.post-commentReply span {
    color: #156EEA;
}

.post-date {
    font-size: 12px;
    color: #999999;
    margin-top: 10px;
    line-height: 17px;
}

.post-comment-a {
    font-size: 14px;
    color: #222222;
    margin-top: 1px;
    line-height: 20px;
}

.post-comment-ul a {
    display: block;
}

.post-tit {
    margin-top: 5px;
    background: #EEEEEE;
    border: 0 solid #E5E5E5;
    border-radius: 3px;
    padding: 10px;
}

.post-tit p {
    font-size: 14px;
    color: #101010;
    line-height: 20px;
}

.post-tit span {
    color: #156EEA;
}

.post-tit p+p {
    margin-top: 10px;
}

.video-up {
    width: 560px;
    position: relative;
    height: auto;
    margin-top: 10px;
}

.video-up video {
    visibility: hidden;
    width: 100%;
    float: left;
    border-radius: 4px;
    height: 100%;
}

.video-up .video-up-div {
    position: absolute;
    height: 100%;
}

.video-up-div img {
    display: block;
    width: auto;
    border-radius: 4px;
}

.video-up-div i {
    width: 80px;
    height: 80px;
    cursor: pointer;
    display: block;
    background: url("../images/play.png") no-repeat;
    background-size: 100% 100%;
}

.video-up-div img {
    height: 100%;
    max-width: 100%;
    max-height: 500px;
}

.video-up video {
    width: auto;
    display: block;
    max-height: 500px;
    max-width: 100%;
}

.see-more {
    font-size: 12px;
    font-weight: initial;
    color: #666666;
    line-height: 17px;
    position: relative;
    top: 7px;
}

.see-more span {
    width: 6px;
    height: 10px;
    display: inline-block;
    background: url("../images/more.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 5px;
    top: 1px;
    position: relative;
}

.city-topics {
    padding: 0 10px 20px 10px;
}

.box-sty {
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    border: 1px solid #ccc;
}

.city-topics div {
    width: 100%;
}

.city-topics a {
    width: 324px;
    height: 190px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
    float: left;
}

.city-topics a img {
    transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
}

.city-topics a:hover img {
    transform: scale(1.07, 1.07);
    -webkit-transform: scale(1.07, 1.07);
    -moz-transform: scale(1.07, 1.07);
    -ms-transform: scale(1.07, 1.07);
    -o-transform: scale(1.07, 1.07);
}

.city-topics-bg {
    background: rgba(0, 0, 0, 0.40);
    border-radius: 4px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/*.city-topics a:nth-of-type(2n){
    margin-right: 0;
    float: right;
}
.city-topics a:nth-of-type(6n+1) .city-topics-bg{
    background: rgba(19,181,118,0.70);
}
.city-topics a:nth-of-type(6n+2) .city-topics-bg{
    background: rgba(76,197,239,0.70);
}
.city-topics a:nth-of-type(6n+3) .city-topics-bg{
    background: rgba(164,101,208,0.70);
}
.city-topics a:nth-of-type(6n+4) .city-topics-bg{
    background: rgba(255,131,0,0.70);
}
.city-topics a:nth-of-type(6n+5) .city-topics-bg{
    background: rgba(179,145,89,0.70);
}
.city-topics a:nth-of-type(6n) .city-topics-bg{
    background: rgba(255,79,83,0.70);
}*/

.city-topics div {
    width: 100%;
}

.city-topics-bg div:first-child {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
}

.city-topics-bg .city-topics-p2 {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 12px;
    margin-top: 2px;
    line-height: 16px;
}

.ht-details {
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    font-weight: bold;
    padding: 10px 20px;
}

.dynamic-ul li {
    padding: 13px 26px 15px 26px;
    text-align: center;
    font-size: 14px;
    color: #222222;
    float: left;
    cursor: pointer;
    line-height: 20px;
}

.dynamic-reply .latestReply-ul li:first-child::before {
    display: none;
}

.dynamic-ul {
    background: #F7F7F7;
    border-radius: 4px 4px 0 0;
}

.dynamic-ul .dynamic-li {
    font-size: 14px;
    background: #fff;
    color: #F1382B;
}

.plate-qh>div {
    display: none;
}

.plate-qh .plate-show {
    display: block;
}

.participant-div {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    padding: 10px 10px 10px 20px;
}

.moderator-head {
    position: relative;
    width: 45px;
    height: 35px;
    border-radius: 50%;
    padding-right: 10px;
}

.moderator-head img {
    border-radius: 50%;
}

.moderator-head span {
    padding: 1px 3px;
    background: #F1382B;
    border-radius: 2px;
    font-size: 9px;
    color: #FFFFFF;
    line-height: 12px;
    width: 24px;
    display: block;
    position: absolute;
    bottom: -5px;
}

.moderator-head::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 35px;
    background: #E5E5E5;
}

.participant-text {
    padding-top: 3px;
}

.participant-text p {
    font-size: 12px;
    color: #666666;
    margin-left: 10px;
    line-height: 16px;
}

.participant-fr {
    position: relative;
    padding-right: 17px;
}

.participant-show {
    width: 7px;
    cursor: pointer;
    height: 45px;
    background: url("../images/rightArrow.png") no-repeat;
    background-size: 100% 12px;
    display: block;
    position: absolute;
    right: 0;
    top: 11px;
}

.participant-ul li {
    width: 35px;
    height: 35px;
    float: left;
    margin-left: 10px;
    border-radius: 50%;
}

.participant-ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.participant-ul li img {
    border-radius: 50%;
}

.participant-po {
    position: absolute;
    display: none;
    width: 380px;
    height: 264px;
    background: #FFFFFF;
    z-index: 999;
    border: 0 solid #CCCCCC;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.20);
    border-radius: 8px;
    top: 26px;
    right: -50px;
}

.participant-show:hover .participant-po {
    display: block;
}

.participant-title {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    height: 30px;
    background: #F7F7F7;
    text-align: center;
    border: 1px solid #CCCCCC;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.participant-po i {
    right: 10px;
    top: 6px;
    width: 16px;
    cursor: pointer;
    height: 16px;
    background: url("../images/close_i.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
}

.par-div {
    padding: 0 3px 0 10px;
}

.par-ul {
    height: 233px;
    overflow-y: auto;
    padding-right: 13px;
}


/*滚动条样式*/

.par-ul::-webkit-scrollbar {
    /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width: 7px;
    height: 7px;
    background: #CDCDCD;
    border-radius: 2px;
}

.par-ul::-webkit-scrollbar-button {
    /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
}

.par-ul::-webkit-scrollbar-track {
    /*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    display: none;
}

.par-ul::-webkit-scrollbar-track-piece {
    /*内层轨道，滚动条中间部分（位置4）*/
    display: none;
}

.par-ul::-webkit-scrollbar-thumb {
    /*滚动条里面可以拖动的那部分（位置5）*/
    background: #FF2F34;
    border-radius: 14px;
    width: 7px;
    height: 7px;
}

.par-ul::-webkit-scrollbar-corner {
    /*边角（位置6）*/
    display: none;
}

.par-ul::-webkit-scrollbar-resizer {
    /*定义右下角拖动块的样式（位置7）*/
    display: none;
}

.par-ul li {
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
}

.par-ul a {
    display: block;
}

.par-img {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.par-span {
    font-size: 14px;
    color: #222222;
    margin-left: 10px;
    line-height: 35px;
}

.par-fr {
    font-size: 12px;
    line-height: 35px;
    color: #666666;
}

.par-ul .label-span {
    position: relative;
    margin-left: 5px;
    top: 8px;
    padding: 1px 4px;
}

.huati-div .box-sty {
    border: none;
}

.follow-div {
    position: absolute;
    background: #FFFFFF;
    border-radius: 4px;
    bottom: 15px;
    right: 15px;
    font-size: 10px;
    color: #222222;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    padding: 4px 15px;
    width: auto !important;
}

.out-div>a {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 50px;
    cursor: pointer;
}

.out-div-fl {
    padding-right: 20px;
    position: relative;
}

.out-div-fr {
    padding-left: 20px;
}

.out-div-fl img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: 10px;
}

.out-div-fl span {
    position: relative;
    top: -1px;
}

.out-div-fl::after {
    position: absolute;
    content: "";
    background: #FF2F34;
    top: 18px;
    right: 0;
    width: 1px;
    height: 14px;
}

.hair-ul {
    height: 40px;
    background: #F7F7F7;
    margin-bottom: 30px;
    border-radius: 4px 4px 0 0;
}

.hair-ul li:nth-of-type(1) {
    border-radius: 4px 0 0 0;
}

.hair-ul li {
    height: 100%;
    padding: 0 23px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #222222;
    float: left;
    cursor: pointer;
}

.hair-ul .hair-li {
    background: #fff;
    color: #FF2F34;
}

.hair-div>div {
    display: none;
}

.hair-div .hair-show {
    display: block;
}


/* ---------------------- */

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.ml20 {
    margin-left: 25px;
}

.wx {
    padding-top: 20px;
    text-align: center;
    padding-left: 30px;
}

.wx img {
    padding: 0 10px;
}

.txt-c {
    text-align: center;
}

.hot_list {
    background: #db0080;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px;
    padding: 10px 0 10px 15px;
    box-sizing: border-box;
}

.list li,
.list-notype li {
    white-space: nowrap;
    list-style-type: disc;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 30px;
}

.list li a,
.list-notype li a {
    color: #515555;
    display: block;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wz_list {
    background: #2ec7bb;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px;
    padding: 10px 0 10px 15px;
    box-sizing: border-box;
}

.list-notype li {
    list-style-type: none !important;
    margin-left: 0px;
}

.list-notype li span {
    display: block;
    margin: 5px 20px;
    width: 80px;
    text-align: center;
    color: #fff;
}

.color-green-1 {
    background: #2ec7bb;
}

.color-purple {
    background: #cf49a0;
}

#problem {
    position: relative;
    cursor: pointer;
}

#problem .app-show {
    position: absolute;
    right: -120px;
    display: none;
    top: 0;
}

#problem .app-show p {
    width: 110px;
}

.wx {
    position: relative;
    cursor: pointer;
}

.wx .app-show {
    position: absolute;
    right: -120px;
    display: block;
    top: 0;
    display: none;
}
.arrow-page {
    background: url(../images/leftArrow.png) no-repeat center;
    background-color: #F8F8F8;
    background-size: 11px 18px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: relative;
    top: 14px;
}

.page-num {
    padding: 12px 16px;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    cursor: pointer;
    margin-left: 15px;
}

.arrow-page.prov_rota {
    margin-left: 15px;
}
.page-active{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff2854, endColorstr=#ff6f90);
    background:linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%);
    background-image: -webkit-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%);
    background-image: -moz-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%);
    background-image: -ms-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%);
    background-image: -o-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%);
    border-radius: 3px;
    color: #fff;
}