@charset "utf-8";

body {
    background-color: #fff;
}

/* 学装修与专题 - 共用代码*/
.special-pages .fixed-box {
    position: fixed;
    z-index: 33;
    top: 44px;
    left: 0;
    right: 0;
    width: 100%;
}

.special-pages .fixed-box .special-nav {
    position: relative;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 0 15% 0 7%;
    overflow: hidden;
}

.special-pages .fixed-box .special-nav-bar {
    padding: 0 7% 0;
}

.special-pages .fixed-box .special-nav ul {
    display: flex;
}

.special-pages .fixed-box .special-nav ul li {
    flex: 1;
    text-align: center;
}

.special-pages .fixed-box .special-nav .nav {
    text-align: center;
    color: #333;
    display: block;
    padding: 0 3px;
    font-size: 1.4rem;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

.special-pages .fixed-box .special-nav .active {
    color: #ff3431;
}

.special-pages .fixed-box .special-nav .icon-back {
    position: absolute;
    z-index: 9;
    top: 14px;
    left: 15px;
    width: 10px;
    height: 16px;
    background: url(/uploads/image/tndimages/icon-back-bk.png) no-repeat 0 0;
    background-size: 100%;
}

.special-pages .fixed-box .special-nav .icon-bg {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    background-color: #fff;
}

.special-pages .fixed-box .special-nav .tit {
    display: block;
    text-align: center;
    padding: 12px 0;
    font-size: 1.6rem;
    line-height: 1.2;
}

.special-pages .fixed-box .special-nav .bg-trans {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    z-index: 11;
    top: 0;
    bottom: 0;
    right: 0;
    width: 36px;
}

.special-pages .fixed-box .sub-nav {
    background-color: #fff;
    position: relative;
}

.special-pages .fixed-box .sub-nav .swiper-container {
    padding-right: 50px;
}

.special-pages .fixed-box .sub-nav .bg-trans {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    z-index: 11;
    top: 0;
    bottom: 0;
    right: 0;
    width: 36px;
}

.special-pages .fixed-box .sub-nav .swiper-slide {
    margin: 0 1px;
    padding: 7px 0;
}

.special-pages .fixed-box .sub-nav .nav {
    text-align: center;
    color: #333;
    display: block;
    padding: 5px 5px 5px;
    font-size: 1.3rem;
}

.special-pages .fixed-box .sub-nav a:active {
    background-color: #e1e1e1;
}

.special-pages .fixed-box .sub-nav .active {
    color: #ff3431; /*border-bottom: 2px solid #ff3431;*/
}

.special-pages .fixed-box .special-nav .swiper-wrapper { /*margin-left: 20px;*/
}

.special-pages .fixed-box .special-nav .swiper-slide {
    padding: 12px 0;
}
/*去除33.3宽度限制，会导致右侧的分类无法点击*/
/* 学装修与专题 - 共用代码 end*/

/* 学装修列表2 */
.study-list-page {
    background-color: #f6f3f3;
}

.study-list-page .item-box {
    display: block;
    padding: 15px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 10px;
}

.study-list-page .item-box .img {
    width: 93px;
    height: 70px;
    display: block;
    float: right;
}

.study-list-page .item-box .img img {
    width: 100%;
    height: 100%;
}

.study-list-page .item-box .txt {
    float: left;
    width: 66%;
    height: 70px;
    position: relative;
}

.study-list-page .item-box .txt .tit {
    display: block;
    font-size: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
}

.study-list-page .item-box .txt .info {
    position: absolute;
    z-index: 11;
    top: 52px;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 1.2rem;
}

.study-list-page .item-box .txt .info .kb {
    display: inline-block;
    width: 60%;
    height: 20px;
    color: #999;
    overflow: hidden;
}

.study-list-page .item-box .txt .info .distance {
    float: right;
    color: #ccc;
}

/* 详细 */
.new-header {
    background-color: #1b1a1f;
    height: 55px;
    line-height: 55px;
}

.new-content {
    margin-top: 94px;
}

.new-content .app-download {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #383838;
    padding: 15px;
}

.new-content .app-download img {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.new-content .app-download h3 {
    font-size: 1.05em;
    margin: 0;
    color: #fff;
    font-family: pingfangsc-light;
    font-weight: 500;
}

.new-content .app-download p {
    font-size: 0.85em;
    margin: 0;
    color: #fff;
}

.new-content .app-download a {
    display: block;
    position: absolute;
    right: 10px;
    top: 25px;
    width: 85px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-weight: 100;
    border-radius: 30px;
    background-color: #fc3739;
    color: #fff;
    font-size: 1.15em;
    font-family: pingfangsc-light;
}

.new-content .top-banner img {
    width: 100%;
    height: 188px;
}

.new-content .title {
    margin-top: 20px;
}

.new-content .title h1 {
    font-size: 1.45em;
    line-height: 1.25em;
    margin-bottom: 5px;
}

.new-content .title p {
    font-size: 0.85em;
    color: #999;
    font-family: pingfangsc-light;
    font-weight: 100;
    margin-bottom: 15px;
}

.new-content .title p span {
    float: right;
}

.new-content .body p {
    font-size: 1.04em;
    margin: 0;
    color: #4a4a4a;
}

.detail-banner {
    margin: 15px 10px;
}

.detail-banner img {
    width: 100%;
    height: 100%;
}

/* 详细 [新 20181011] */
.news-details-pages { /*margin-top: 44px;*/
}

.news-container .news-title {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
}

.news-container .news-title h3 {
    line-height: 1.4em;
    font-size: 20px;
    color: #3a3a3a;
    font-weight: 700;
}

.news-container .news-title p {
    color: #999;
    margin-top: 8px;
    font-size: 14px;
}

.news-container .news-title p span {
    margin-right: 10px;
}

.news-container .news-title p span a {
    color: #999;
}

.news-container .new-body {
    position: relative;
    /*max-height: 800px;*/
    padding: 10px;
    overflow: hidden;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
}

.news-container .new-body a {
    color: #00f;
}

.news-container .new-body p {
    padding: 0 0 24px;
    line-height: 28px;
}

.news-container .new-body img {
    display: block;
    width: 100% !important;
    margin-bottom: 30px;
}

.news-container .new-body .new-similar {
    margin-top: 20px;
    padding-bottom: 30px;
}

.news-container .new-body .new-similar a {
    display: block;
    color: #00f;
    font-size: 1.03em;
}

.news-container .new-body .hides img {
    display: none !important;
}

.news-container .new-prev-next {
    padding: 10px 10px 5px;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
}

.news-container .new-prev-next a {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #f8f8f8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    display: block;
    margin-bottom: 5px;
    border: 1px solid #b8b8b8;
}

.news-container .new-tool {
    margin-top: 10px;
    height: 45px;
    line-height: 45px;
    position: relative;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    padding: 0 10px;
    background-color: #fff;
}

.news-container .new-tool a.tip {
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.news-container .new-tool-content {
    position: relative;
    background-color: #fff;
    padding: 0 10px 5px;
}

.news-container .new-tool-content .imgs,
.news-container .new-tool-content .tit {
    position: relative;
    overflow: hidden;
}

.news-container .new-tool-content .imgs li,
.news-container .new-tool-content .tit li {
    width: 25%;
    box-sizing: border-box;
    float: left;
}

.news-container .new-tool-content .imgs li a,
.news-container .new-tool-content .tit li a {
    display: block;
    position: relative;
    line-height: 30px;
    text-align: center;
    margin: 10px 5px 3px;
    font-size: 0.96em;
}

.news-container .new-tool-content .imgs li a img {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
}

.news-container .new-tool-content .tit li a {
    line-height: 36px;
    margin: 2px;
    border: 1px solid #e8e8e8;
}

.news-container .new-tool-list {
    background-color: #fff;
}

.news-container .new-tool-list a {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    height: 42px;
    line-height: 42px;
    padding: 0 40px 0 10px;
    color: #222;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-container .new-tool-list a i {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(/uploads/image/tndimages/next.png) center no-repeat;
    background-size: 30%;
}

.adrt-box {
    position: relative;
}

.adrt-box .adrt-close {
    z-index: 999;
    position: absolute;
    right: 2px;
    top: 2px;
    display: block;
    width: 35px;
    height: 36px;
    background: url(/uploads/image/tndimages/close.png) no-repeat center;
    background-size: 22px;
}

.adrt-box .img {
    display: block;
    padding: 10px 0 0;
}

.adrt-box .img img {
    width: 100%;
}

/*.public_footer { position: relative; padding: 10px 0; margin-top: 10px; background-color: #2e2e2e; }
.public_footer .public_f_search { padding: 0 10px; overflow: hidden; position: relative; }
.public_footer .public_f_search .input { height: 36px; line-height: 36px; padding: 0 10px 0 40px; border: 1px solid #bebebe; border-right: 0; width: 85%; box-sizing: border-box; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #fff  10px center no-repeat; }
.public_footer .public_f_search .btn { position: absolute; width: 15%; height: 36px; color: #333; right: 10px; top: 0; border: 1px solid #bebebe; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(/uploads/image/tndimages/search.png) center no-repeat #eaeaea; background-size: auto 24px; }
.public_footer .public_f_search:after { background:  center no-repeat; background-size: 28px auto; position: absolute; width: 36px; height: 36px; left: 10px; top: 0; }
.public_footer .public_f_nav { overflow: hidden; background-color: #2e2e2e; padding: 5px 0; }
.public_footer .public_f_nav a { display: block; float: left; width: 20%; line-height: 30px; color: #fff; text-align: center; }
.public_footer .public_f_copyright { padding: 10px 0 0; }
.public_footer .public_f_copyright .public_f_p { margin: 0 0 10px; }
.public_footer .public_f_copyright .public_f_p a { font-size: 14px; margin: 0 10px; color: #fff; }
.public_footer .public_f_copyright p { font-size: 12px; text-align: center; color: #fff; margin: 0 0 4px; }
.public_footer .public_f_copyright p a { color: #fff; }*/

/* 相关文章 */
.relevant-news-list {
    background-color: #fff;
}

.relevant-news-list .title {
    padding-top: 20px;
}

.relevant-news-list .title h3 {
    width: 70px;
    margin: 0 auto;
    margin-top: -12px;
    background-color: #fff;
    text-align: center;
    font-size: 0.85em;
    color: #666;
    font-family: pingfangsc-light;
}

.relevant-news-list .line2 {
    display: block;
    width: 100px;
    margin: 0 auto 0;
    height: 1px;
    background-color: #999;
    font-family: pingfangsc-light;
}

.relevant-news-list .item-box {
    display: block;
    padding: 15px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 10px;
}

.relevant-news-list .item-box .img {
    width: 93px;
    height: 70px;
    display: block;
    float: right;
}

.relevant-news-list .item-box .img img {
    width: 100%;
    height: 100%;
}

.relevant-news-list .item-box .txt {
    float: left;
    width: 66%;
    height: 70px;
    position: relative;
}

.relevant-news-list .item-box .txt .tit {
    display: block;
    font-size: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
}

.relevant-news-list .item-box .txt .info {
    position: absolute;
    z-index: 11;
    top: 52px;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 1.2rem;
}

.relevant-news-list .item-box .txt .info .kb {
    display: inline-block;
    width: 70%;
    height: 20px;
    color: #999;
    overflow: hidden;
}

.relevant-news-list .item-box .txt .info .distance {
    float: right;
    color: #ccc;
}

/* 学装修与专题 装修专题 */
.renovation-special {
    padding-top: 44px;
}

.renovation-special ul {
    overflow: hidden;
}

.renovation-special ul li {
    float: left;
    width: 50%;
}

.renovation-special ul li a {
    display: block;
    border: 1px solid #fff;
    position: relative;
}

.renovation-special ul li a .img {
    display: block;
    height: 185px;
}

.renovation-special ul li a .img img {
    width: 100%;
    height: 100%;
}

.renovation-special ul li a .tit {
    position: absolute;
    z-index: 12;
    top: 50%;
    margin-top: -15px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2rem;
}

.renovation-special ul li a .bg-trans {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    margin: auto;
}

/* 学装修与专题-专题列表 */
.renovation-special-list {
    background-color: #f6f3f3;
}

.renovation-special-list .bd ul li {
    padding: 15px;
    margin-top: 10px;
    background-color: #fff;
}

.renovation-special-list .bd ul li a {
    display: block;
    background-color: #fff;
}

.renovation-special-list .bd ul li a .img {
    display: block;
}

.renovation-special-list .bd ul li a .img img {
    width: 100%; /*height: 156px;*/
}

.renovation-special-list .bd ul li a .tit {
    display: block;
    width: 100%;
    padding: 10px 0 5px;
    font-size: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.renovation-special-list .bd ul li a .txt {
    display: block;
    padding: 0 0 5px;
    font-size: 1.4rem;
    color: #666;
}

.renovation-special-list .bd ul li a .read {
    display: block;
    font-size: 12px;
    color: #999;
}

.renovation-special-list .bd ul li.theme-news {
    padding: 0;
    margin-top: 0;
}

.renovation-special-list .bd ul li.theme-news .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.renovation-special-list .bd ul li.theme-news .tit {
    display: block;
    padding: 15px;
    text-align: center;
}

/* 装修专题封面图 */
.renovation-special-cover {
    padding-top: 44px;
}

.renovation-special-cover .pic {
    display: block;
    margin-bottom: 10px;
    background-color: #fff;
}

.renovation-special-cover .pic .img {
    display: block;
    height: 150px;
}

.renovation-special-cover .pic .img img {
    width: 100%;
    height: 100%;
}

.renovation-special-cover .pic .tit {
    display: block;
    padding: 10px 15px;
    font-size: 1.4rem;
}

/*功能栏*/
.fixed-scroll-bar {
    background-color: #faf7f7;
    position: fixed;
    z-index: 22;
    top: 0;
    left: 0;
    right: 0;
}

.fixed-scroll-bar .reservation-design {
    display: block;
    width: 40%;
    float: right;
    font-size: 1.4rem;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    -webkit-background: linear-gradient(to right, #ff5f32, #fb2669);
    background: linear-gradient(to right, #ff5f32, #fb2669);
}

.fixed-scroll-bar .icons {
    padding: 12px 0;
    width: 100%;
    overflow: hidden;
}

.fixed-scroll-bar .icons .icon {
    position: relative;
    float: left;
    padding: 0 15px;
}

.fixed-scroll-bar .icons .icon_fr {
    float: right;
}

.fixed-scroll-bar .icons .icon a {
    display: block;
    margin: 0 auto;
}

.fixed-scroll-bar .icons .icon .icon-back {
    width: 17px;
    height: 17px;
    background: url(/uploads/image/tndimages/icon_back.png) no-repeat 0 0;
    background-size: 100%;
}

.fixed-scroll-bar .icons .icon .icon-down {
    width: 16px;
    height: 16px;
    background:  no-repeat 0 0;
    background-size: 100%;
}

.fixed-scroll-bar .icons .icon .icon-qrcode {
    width: 16px;
    height: 16px;
    background:  no-repeat 0 0;
    background-size: 100%;
}

.fixed-scroll-bar .icons .icon .icon-star {
    width: 18px;
    height: 18px;
    background: url(/uploads/image/tndimages/icon-collection.png) no-repeat 0 0;
    background-size: 100%;
}

.fixed-scroll-bar .icons .icon .icon-star-active {
    width: 18px;
    height: 18px;
    background: url(/uploads/image/tndimages/icon-collection-active.png) no-repeat 0 0;
    background-size: 100%;
}

.fixed-scroll-bar .icons .icon .icon-upload {
    width: 15px;
    height: 18px;
    background: url(/uploads/image/tndimages/icon-share-fixed.png) no-repeat 0 0;
    background-size: 100%;
}

.fixed-scroll-bar .icons .icon .bde {
    position: absolute;
    z-index: 11;
    top: -10px;
    right: -5px;
    font-size: 1rem;
    background-color: #ff3431;
    color: #fff;
    line-height: 1;
    border-radius: 20px;
    padding: 2px 4px 0;
}

.fixed-scroll-bar.activity .icons {
    width: 60%;
    float: left;
}

.fixed-scroll-bar.activity .icons .icon {
    width: 25%;
    float: left;
    position: relative;
}

/* 一键预约模态框 */
.reservation-modal .am-modal-dialog {
    width: 90%;
    background: transparent;
}

.order-modal {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 0 0;
    overflow: hidden;
}

.order-modal .order-hd {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 20px;
}

.order-modal .order-hd .nm {
    display: block;
    float: right;
    color: #999;
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 3px;
}

.order-modal .order-hd .img-txt .logo {
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
}

.order-modal .order-hd .img-txt .logo img {
    width: 100%;
    height: 100%;
}

.order-modal .order-hd .img-txt .nm-tit {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    font-size: 1.6rem;
    line-height: 35px;
    text-align: left;
}

.order-modal .order-hd .img-txt .sub-tit {
    float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 80%;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
}

.order-modal .order-hd .img-txt .txt {
    float: left;
    text-align: left;
    width: 80%;
}

.order-modal .order-hd .img-txt .txt .tit {
    display: block;
    margin-bottom: 5px;
    font-size: 1.6rem;
    line-height: 1.4;
}

.order-modal .order-hd .img-txt .txt .kb {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #999;
}

.order-modal .order-bd {
    padding: 0 20px 10px;
}

.order-modal .order-bd .form-item {
    text-align: left;
    margin-bottom: 10px;
    overflow: hidden;
}

.order-modal .order-bd .form-item .text {
    display: block;
    border: none;
    outline: none;
    background-color: #f6f3f3;
    border-radius: 5px;
    width: 100%;
    padding: 12px 10px;
    height: 40px;
}

.order-modal .order-bd .form-item .text02 {
    float: left;
    width: 80%;
    border-radius: 0 5px 5px 0 !important;
}

.order-modal .order-bd .form-item .lb {
    display: block;
    text-align: center;
    float: left;
    width: 20%;
    color: #fff;
    height: 40px;
    font-size: 1.8rem;
    line-height: 40px;
    background-color: #ff3431;
    border-radius: 5px 0 0 5px;
}

.order-modal .order-footer {
    display: block;
    overflow: hidden;
    border-top: 1px solid #eee;
}

.order-modal .order-footer a {
    display: block;
    text-align: center;
    float: left;
    width: 50%;
    font-size: 1.5rem;
    line-height: 1.2;
    padding: 16px 0;
}

.order-modal .order-footer a:active {
    background-color: #eee;
}

.order-modal .order-footer .close {
    color: #999;
    border-right: 1px solid #eee;
}

.order-modal .order-footer .order {
    color: #ff3431;
}
/* 预约成功 */
.success-modal {
    background-color: #fff;
    border-radius: 10px;
    padding: 35px 20%;
    overflow: hidden;
}

.success-modal .success {
    display: block;
    margin: 0 auto 15px;
    width: 66px;
    height: 66px;
    background:  no-repeat 0 0;
    background-size: 100%;
}

.success-modal .tit {
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 20px;
}

.success-modal .txt {
    display: block;
    color: #f6a623;
    font-size: 1.4rem;
}

.jsbj-seo {
    position: fixed;
    top: 0;
    left: 0;
}

a {
    color: #333;
}

body {
    background-color: #f2f0f0;
    font-size: 1.4rem;
}

.clear {
    clear: both;
    width: 0;
    height: 0px;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    font-size: 0px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}
/*  */
.header-box { /*position: fixed; top: 0; left: 0; right: 0;*/
    width: 100%;
    margin: auto;
    z-index: 99;
}

.header-box .banner {
    position: relative;
}

.header-box .banner .banner-close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(/uploads/image/tndimages/close.png) no-repeat center;
    background-size: 18px;
}

.header-box .banner a {
    display: block;
}

.header-box .banner .img-banner {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 50px;
}

.header-box .banner .img-num {
    position: absolute;
    height: 26px;
    top: 12px;
    left: 7%;
    width: 23%;
}

.header-box .top-bar-panel {
    border-bottom: 1px solid #eee;
    position: relative;
    height: 44px;
    background-color: #fff;
    text-align: center;
}

.header-box .top-bar-panel .back-box {
    position: absolute;
    z-index: 11;
    left: 15px;
    top: 10px;
}

.header-box .top-bar-panel .back-box .icon-back {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    width: 10px;
    height: 20px;
    background: url(/uploads/image/tndimages/icon-back.png) no-repeat 0 0;
    background-size: 100%;
}

.header-box .top-bar-panel .logo {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
    width: 62px;
    height: 20px;
}

.header-box .top-bar-panel .logo img {
    width: 100%;
    margin-top: -7px;
}

.header-box .top-bar-panel .logo_center {
    display: inline-block;
    height: 30px;
    width: 80px;
    margin-top: 8px;
}

.header-box .top-bar-panel .logo_center img {
    display: block;
    width: 100%;
}

.header-box .top-bar-panel .tit {
    color: #666;
}

.header-box .top-bar-panel .download-app {
    position: absolute;
    z-index: 11;
    right: 15px;
    top: 8px;
    width: 97px;
    height: 25px;
    background: url(/uploads/image/tndimages/icon-app-download.png) no-repeat 0 0;
    background-size: 100%;
}

.news-details-page {
    background-color: #fff;
    margin-top: 90px;
}

.news-details-page .news-details {
    padding: 3% 3%;
}

.news-details-page .news-details .news-tit {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.news-details-page .news-details .news-tit .tit {
    display: block;
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 10px;
}

.news-details-page .news-details .news-tit .txt {
    display: block;
    overflow: hidden;
    color: #999;
}

.news-details-page .news-details .news-tit .txt .num {
    display: block;
    float: right;
    font-weight: normal;
    font-size: 1.2rem;
}

.news-details-page .news-details .news-txt {
    padding: 3% 0;
}

.news-details-page .news-details .news-txt .bread-nav {
    color: #999;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 10px;
}

.news-details-page .news-details .news-txt .bread-nav .nav {
    margin-left: 5px;
    margin-right: 5px;
    color: #999;
}

.news-details-page .news-details .news-txt .bread-nav b {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 0;
    font-weight: normal;
}

.news-details-page .news-details .news-txt .txt-box .txt {
    color: #666;
}

.news-details-page .news-details .news-txt .txt-box .txt .sn {
    display: block;
    margin-bottom: 15px;
    text-indent: 2em;
}

.news-details-page .news-details .news-txt .txt-box .txt .sn-tit {
    text-indent: 0;
}

.news-details-page .news-details .news-txt .txt-box .txt img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.news-details-page .news-details .news-txt .txt-box .evaluate {
    text-align: center;
    padding: 20px 0;
    margin-bottom: 10px;
}

.news-details-page .news-details .news-txt .txt-box .evaluate .state {
    display: inline-block;
    color: #666;
    border: 1px solid #eee;
    border-radius: 50px;
    font-size: 1.4rem;
    padding: 6px 24px;
    margin: 0 7px;
}

.news-details-page .news-details .news-txt .txt-box .evaluate .active {
    color: #fff;
    background-color: #fc3739;
}

.news-details-page .news-details .news-txt .txt-box .evaluate .state label {
    margin-bottom: 0;
}

.news-details-page .news-details .news-txt .txt-box .share-box {
    padding: 10px 0;
    text-align: center;
}

.news-details-page .news-details .news-txt .txt-box .share-box .share-tit {
    display: block;
    text-align: center;
    font-size: 1.5rem;
    color: #666;
    margin-bottom: 15px;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab {
    display: inline-block;
    margin: 0 10px;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .icon {
    display: block;
    border-radius: 100%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .icon-weixin {
    background: url(/uploads/image/tndimages/icon-weixin.png) no-repeat 0 0;
    background-size: 100%;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .icon-friend {
    background: url(/uploads/image/tndimages/icon-friend.png) no-repeat 0 0;
    background-size: 100%;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .icon-qq {
    background: url(/uploads/image/tndimages/icon-qq.png) no-repeat 0 0;
    background-size: 100%;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .icon-qzone {
    background: url(/uploads/image/tndimages/icon-qzone.png) no-repeat 0 0;
    background-size: 100%;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .icon-weibo {
    background: url(/uploads/image/tndimages/icon-weibo.png) no-repeat 0 0;
    background-size: 100%;
}

.news-details-page .news-details .news-txt .txt-box .share-box .tab .tit {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #666;
}

.news-details-page .adrt-box {
    position: relative;
}

.news-details-page .adrt-box .adrt-close {
    position: absolute;
    right: 2px;
    top: 15px;
    display: block;
    width: 35px;
    height: 36px;
    background: url(/uploads/image/tndimages/close.png) no-repeat center;
    background-size: 22px;
}

.news-details-page .adrt-box .img {
    display: block;
    background-color: #f2f2f2;
    padding: 3% 0;
}

.news-details-page .adrt-box .img img {
    width: 100%;
}

.news-details-page .related-articles {
    padding: 20px 0 30px;
}

.news-details-page .related-articles .art-tit {
    display: block;
    text-align: center;
    color: #666;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.news-details-page .related-articles .art-tit .ln {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 1px;
    background-color: #eee;
    margin: 0 5px;
}

.news-details-page .related-articles .art-txt .tab {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 10px 3%;
}

.news-details-page .related-articles .art-txt .tab .img {
    display: block;
    float: left;
    width: 100px;
    height: 75px;
    margin-right: 8px;
}

.news-details-page .related-articles .art-txt .tab .img img {
    width: 100%;
    height: 100%;
}

.news-details-page .related-articles .art-txt .tab .tit-txt {
    float: left;
    width: 64%;
    height: 75px;
    position: relative;
}

.news-details-page .related-articles .art-txt .tab .tit-txt .tit {
    font-size: 1.5rem;
    line-height: 1.3;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-details-page .related-articles .art-txt .tab .tit-txt .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    color: #666;
}

.news-details-page .related-articles .art-txt .tab .tit-txt .txt .num {
    color: #999;
    display: block;
    font-size: 1.2rem;
    float: right;
    font-weight: normal;
}

.news-details-page .related-articles .art-txt .tab .txt-lab {
    display: block;
    font-size: 1.2rem;
    width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-details-page .related-articles .art-txt .tab:active,
.news-details-page .related-articles .art-txt .tab:focus,
.news-details-page .related-articles .art-txt .tab:hover {
    background-color: #eee;
    color: #333;
}

/* 资讯首页 新 */
.container {
    margin-top: 45px;
}

.new-index {
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    overflow: hidden;
}

.new-index-head {
    margin: 0 15px;
    zoom: 1;
    overflow: hidden;
}

.new-index-head a {
    float: left;
    width: 33.333%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #666;
    border-bottom: 2px solid #ececec;
}

.new-index-head a.on {
    color: #ff3431;
    border-bottom: 2px solid #ff3431;
}

.new-index-tab {
    height: 190px;
}

.new-index-tab ul {
    display: none;
    width: 100%;
    overflow: hidden;
}

.new-index-tab ul li {
    float: left;
    width: 25%;
    padding: 24px 0 0;
    text-align: center;
    overflow: hidden;
}

.new-index-tab ul li p {
    margin-top: 15px;
    line-height: 16px;
    color: #666;
    font-size: 14px;
}

.new-index-tab ul li i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(/uploads/image/tndimages/icon_all.png) no-repeat;
    background-size: 180px 72px;
}

.new-index-tab ul li i.icon1_2 {
    background-position: -109px -36px;
}

.new-index-tab ul li i.icon1_3 {
    background-position: -36px -36px;
}

.new-index-tab ul li i.icon1_4 {
    background-position: -108px 0;
}

.new-index-tab ul li i.icon2_1 {
    background-position: -36px 0;
}

.new-index-tab ul li i.icon2_2 {
    background-position: -144px 0;
}

.new-index-tab ul li i.icon2_3 {
    background-position: -72px -36px;
}

.new-index-tab ul li i.icon2_4 {
    background-position: -144px -36px;
}

.new-index-tab ul li i.icon3_1 {
    background-position: 0 -36px;
}

.new-index-tab ul li i.icon3_2 {
    background-position: -72px 0;
}

.new-index-btn {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #cfcfcf;
    background-color: #f1f6f7;
    margin: 20px 10px 25px;
    color: #333;
}

.new-list {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

.new-list-head {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-left: 3px solid #ff3431;
    background-color: #fff;
    padding: 0 10px 0 7px;
    margin: 10px 0;
}

.new-list-head a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #333;
}

.new-list-body {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.new-list-body .item {
    padding: 0 0 0 120px;
    position: relative;
    height: 80px;
    margin: 20px auto;
}

.new-list-body .item a {
    zoom: 1;
    overflow: hidden;
}

.new-list-body .item a:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.new-list-body .item figure {
    width: 120px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.new-list-body .item figure img {
    width: 100%;
    height: 100%;
}

.new-list-body .item div {
    position: absolute;
    top: 0;
    left: 135px;
    right: 0;
    height: 80px;
}

.new-list-body .item div h4 {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 8px 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    vertical-align: baseline;
    background: 0 0;
}

.new-list-body .item div p {
    font-size: 12px;
    line-height: 22px;
    color: #999;
    height: auto;
    max-height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new-list-btn {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #cfcfcf;
    background-color: #f1f6f7;
    margin: 20px 0 25px;
    color: #333;
}

/* iphone4 */
@media screen and (min-width: 320px) {
    .renovation-special-cover .pic .img {
        height: 130px;
    }

    .renovation-special ul li a .img {
        height: 158px;
    }

    .renovation-special-list .hd .img {
        height: 130px;
    }
    /*.renovation-special-list .bd ul li a .img { height: 118px; }*/
}
/* android5.5 */
@media screen and (min-width: 360px) {
    .renovation-special-cover .pic .img {
        height: 130px;
    }

    .renovation-special ul li a .img {
        height: 158px;
    }

    .renovation-special-list .hd .img {
        height: 130px;
    }
    /*.renovation-special-list .bd ul li a .img { height: 118px; }*/
}
/* iphone6 */
@media screen and (min-width: 375px) {
    .renovation-special-cover .pic .img {
        height: 152px;
    }

    .renovation-special ul li a .img {
        height: 185px;
    }

    .renovation-special-list .hd .img {
        height: 152px;
    }
    /*.renovation-special-list .bd ul li a .img { height: 140px; }*/
}
/* iphone6plus */
@media screen and (min-width: 414px) {
    .renovation-special-cover .pic .img {
        height: 168px;
    }

    .renovation-special ul li a .img {
        height: 205px;
    }

    .renovation-special-list .hd .img {
        height: 168px;
    }
    /*.renovation-special-list .bd ul li a .img { height: 156px; }*/
}
/* android */
/* ipad 768 */
@media screen and (min-width: 768px) {
    .renovation-special-cover .pic .img {
        height: 280px;
    }

    .renovation-special ul li a .img {
        height: 318px;
    }

    .renovation-special-list .hd .img {
        height: 280px;
    }
    /*.renovation-special-list .bd ul li a .img { height: 220px; }*/
}
/* ipad pro1024*/


.hand_box {
    text-align: center;
}

.hand_box a,
.hand_box button {
    display: inline-block;
    width: 100px;
    height: 35px;
    margin: 5px;
    line-height: 35px;
    color: #fff !important;
    text-indent: 1em;
    border-radius: 35px;
    border:0;
}

.hand_box .hand_up {
    background: #2a97fb url(/uploads/image/tndimages/handup.png) no-repeat 13px center;
    background-size: 20px;
}

.hand_box .hand_down {
    background: #a6a9a9 url(/uploads/image/tndimages/handdown.png) no-repeat 13px center;
    background-size: 20px;
}

#expancontent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: none;
    background: none;
    /*height: 142px;*/
    margin-bottom: 0;
}

#expancontent i.bg {
    float: left;
    width: 100%;
    height: 60px;
    display: inline-block;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background-image: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
}

#expancontent span {
    float: left;
    width: 100%;
    height: 42px;
    display: inline-block;
    background: #f8f8f8;
    line-height: 42px;
    text-align: center;
    color: #ef463a;
}

#expancontent i.arrow {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 0 -1px 2px;
    background: url(/uploads/image/tndimages/more_up.png) no-repeat center;
    background-size: 13px;
}

.user_info {
    padding: 10px 0;
    overflow: hidden;
}

.user_info img {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    padding: 3px;
    margin-right: 10px;
    margin-top: 3px;
    border: 1px solid #e4e4e4;
    border-radius: 35px;
}

.user_info p {
    display: block;
    margin-top: 0 !important;
    font-size: 17px !important;
    color: #333 !important;
}

.user_info span {
    display: block;
    font-size: 14px;
    color: #999;
}