body {
    background: #f7f7f7;
}
.main-top {
    position: relative;
}
@media screen and (min-width:600px) and (max-width:1280px) {
    .main-top .banner {
        height: 300px!important;
    }
    .main-top .banner #banner-swiper .swiper-slide {
        height: 300px!important;
    }
    .main-top .banner #banner-swiper .swiper-slide a img {
        height: 300px!important;
    }
}
@media screen and (min-width:1280px) and (max-width:1440px) {
    .main-top .banner {
        height: 360px!important;
    }
    .main-top .banner #banner-swiper .swiper-slide {
        height: 360px!important;
    }
    .main-top .banner #banner-swiper .swiper-slide a img {
        height: 360px!important;
    }
}
@media screen and (min-width:1440px) and (max-width:1680px) {
    .main-top .banner {
        height: 420px!important;
    }
    .main-top .banner #banner-swiper .swiper-slide {
        height: 420px!important;
    }
    .main-top .banner #banner-swiper .swiper-slide a img {
        height: 420px!important;
    }
}
.main-top .banner {
    height: 480px;
    background: #eee;
}
.main-top .banner #banner-swiper .swiper-slide {
    height: 480px;
}
.main-top .banner #banner-swiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.main-top .banner #banner-swiper .swiper-slide a img {
    display: block;
    width: 100%;
    height: 480px;
}
.swiper-button-prev,.swiper-button-next {
    width: 50px;
    height: 100px;
    margin-top: -50px;
    background: rgba(0,0,0,0.5);
    color: #666;
    background-image: url(../pic/left-ang.png);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
.swiper-button-prev {
    left: 0;
    display: none;
}
.swiper-button-next {
    right: 0;
    background-image: url(../pic/right-a.png);
}
.main-top .swiper-pagination {
    position: absolute;
    bottom: 0;
    right: 80px;
    text-align: left;
}
.main-top .swiper-pagination span {
    margin: 0 5px;
}
.main-top .swiper-pagination .swiper-pagination-switch {
    margin: 0 5px;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    filter:alpha(opacity=20);
    opacity: .2;
}
.main-top .swiper-pagination .swiper-active-switch {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    position: relative;
    top: 2px;
    background: #fff;
}
.main-top .search {
    width: 920px;
    height: 195px;
    margin: 0 auto;
    margin-left: -460px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 98;
    /* transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);  */

}
.main-top .search .search-bg {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow:1px 2px 25px 0px rgba(0, 0, 0, 0.2);
    border-radius:5px;
    background:#000;
    filter:alpha(opacity=80); /* IE */
    -moz-opacity:0.5; /* 老版Mozilla */
    opacity:0.8;
}
.main-top .search .s-box {
    position: absolute;
    top: 0;
}
.main-top .search .s-box .sp1 {
    display: block;
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-top: 30px;
    margin-right: 9px;
    margin: 27px 9px 0 11px;
}
.main-top .search .s-box .sp2 {
    display: block;
    float: left;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
    margin-right: 84px;
}
.order-form .disclamer-line {
    margin-top: 50px;
    color: #ccc;
    position: absolute;
    right: 0;
    top: -95px;
}
.main-top .search .order-form {
    position: absolute;
    top: 95px;
    left: 30px;
}
.main-top .search .order-form .box-line {
    float: left;
}
.main-top .search .order-form .box-line select {
    width: 200px;
    height: 40px;
    border-radius:3px;
    margin-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../../decoration/img/down-ang2.png) no-repeat scroll right 8px center transparent;
    background-color: #fff;
    font-size: 14px;
    outline: none;
}
.main-top .search .order-form .box-line input {
    width: 250px;
    height: 40px;
    font-size: 14px;
    padding-left: 10px;
    border-radius:3px;
    border: none;
    outline: none;
}
.main-top .search .order-form .box-line .b-warn {
    color: #D92B2B;
}
.main-top .search .order-form .box-line .btn-apply {
    width:140px;
    height:40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #BE2626;
    border-radius:3px;
    margin-left: 20px;
    cursor: pointer;
}
.main-top .search .hot-search {
    position: absolute;
    top: 163px;
    left: 30px;
}
.main-top .search .hot-search span {
    color: #D92B2B;
    font-size: 14px;
    float: left;
    margin-right: 20px;
}
.main-top .search .hot-search a {
    float: left;
    font-size: 14px;
    color: #ccc;
    margin-right: 20px;
}
.main-top .search .s-top {
    height: 70px;
    position: absolute;
    top: 0;
}
.main-top .search .s-logo {
    width: 50px;
    height: 50px;
    float: left;
    margin-left: 30px;
    padding-top: 18px;
}
.main-top .search .s-logo img {
    display: block;
    width: 100%;
    height: 100%;
}
.main-top .search .change-city {
    float: left;
    margin-top: 40px;
    margin-left: 15px;
    font-size: 14px;
    color: #fff;
}
.main-top .search .change-city a {
    color: #fff;
}
.main-top .search .search-list {
    margin-left: 30px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 82px;
}
.main-top .search .search-list .more {
    position: absolute;
    right: -200px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
.main-top .search .search-list .list a {
    float: left;
    font-size: 15px;
    color: #fff;
    padding: 0 10px;
    margin-right: 10px;
}
.main-top .search .search-list .list a.cur {
    background: #E62E2E;
    border-radius:3px;
}
.main-top .search .search-list .list .icon-ang {
    width: 16px;
    height: 8px;
    background: url(../pic/up-ang.png) no-repeat;
    position: absolute;
    bottom: -12px;
    left: 30px;
}
.main-top .search .search-list .list .icon-rect2 {
    display: block;
    width: 32px;
    height: 15px;
    background: url(../pic/icon-rect2.png) no-repeat;
    background-size: 100%;
    font-size: 11px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    position: absolute;
    top: -7px;
    right: 77px;
}
.main-top .search .search-list .more:hover .more-btn {
    background: url(../../../common/image/up-ang.png) no-repeat center bottom;
}
.main-top .search .search-list .more ul {
    display: none;
    width: 70px;
    position: absolute;
    left: -30px;
    z-index: 1;
    background: #fff;
    padding: 20px;
    border-radius: 2px;
    box-shadow:1px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.main-top .search .search-list .more ul li {
    height: 25px;
    line-height: 25px;
}
.main-top .search .search-list .more ul li a {
    color: #333;
    font-size: 14px;
}
.main-top .search .search-list .more ul li:hover a {
    color: #E62E2E;
}
.main-top .search .search-list .more i.icon-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../pic/ang-down.png) no-repeat;
    margin-left: 5px;
    position: relative;
    top: 5px;
    cursor: pointer;
}
.main-top .search .search-list .more i.icon-up {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../pic/ang-up.png) no-repeat;
    margin-left: 5px;
    position: relative;
    top: 3px;
    cursor: pointer;
}
.main-top .search .search-input {
    width: 730px;
    height: 45px;
    background: #fff;
    position: absolute;
    top: 130px;
    left: 30px;
    border-radius:5px;
}
.main-top .search .search-input input {
    width: 630px;
    border: none;
    height: 45px;
    padding-left: 20px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
}
.main-top .search .search-input .search-btn {
    float: right;
    width: 80px;
    height: 45px;
    background: #BE2626;
    background: -webkit-linear-gradient(54deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    background: -ms-linear-gradient(54deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    background: -moz-linear-gradient(54deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    background: -o-linear-gradient(54deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    border-radius:0px 3px 3px 0px;
    cursor: pointer;
}
.main-top .search .search-input .search-btn .icon-search {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../pic/icon-search.png) no-repeat;
    margin: 8px 23px 5px;
}
.main-top .search .zxxj {
    width:120px;
    height:45px;
    line-height: 45px;
    text-align: center;
    background: #BE2626;
    background: -webkit-linear-gradient(0deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    background: -moz-linear-gradient(0deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    background: -ms-linear-gradient(0deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    background: -o-linear-gradient(0deg,rgba(190,38,38,1) 0%,rgba(217,43,43,1) 100%);
    border-radius:3px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 130px;
    right: 30px;
    cursor: pointer;
}
.main-top .search .zxxj a {
    color: #fff;
}
.main-top .search .zxxj .icon-free {
    display: block;
    width: 32px;
    height: 21px;
    background: url(../pic/free.png) no-repeat;
    position: absolute;
    right: -5px;
    top: -3px;
}
.main-top .search .zxxj .icon-text {
    position: absolute;
    right: -2px;
    top: -18px;
    font-size: 11px;
    color: #fff;
    font-style: initial;
    display: block;
    height: 20px;
}
.fast-way {
    margin-top: 40px;
    margin-bottom: 30px;
}
.fast-way .sjfa,.fast-way .zxsg,.fast-way .jjjc {
    width:290px;
    height:130px;
    background:rgba(255,255,255,1);
    box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius:2px;
    float: left;
    margin-right: 18px;
}
.fast-way .s-left {
    float: left;
    width: 50px;
    height: 56px;
    line-height: 30px;
    color: #D92B2B;
    font-size: 24px;
    margin: 35px 16px 35px 27px;
}
.fast-way .s-center {
    float: left;
    width: 1px;
    height: 40px;
    background: #e6e6e6;
    margin-top: 45px;
}
.fast-way .s-right {
    float: left;
    width: 170px;
    margin-left: 16px;
    margin-top: 24px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
}
.fast-way .s-right a {
    float: left;
    margin-right: 20px;
    position: relative;
}
.fast-way .s-right a .icon-rect {
    display: block;
    width: 26px;
    height: 15px;
    background: url(../pic/icon-rect.png) no-repeat;
    position: absolute;
    top: 0px;
    right: -28px;
    font-size: 11px;
    color: #fff;
    line-height: 15px;
    text-align: center;
}
.fast-way .s-right.mr12 a {
    margin-right: 12px;
}
.fast-way .s-right a:hover {
    color: #D92B2B;
    text-decoration: underline;
}
.fast-way .down-qz {
    width:290px;
    height:130px;
    background:rgba(255,255,255,1);
    box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius:2px;
    float: left;
}
.fast-way .down-qz img {
    display: block;
    width: 82px;
    height: 82px;
    margin-top: 25px;
    margin-left: 30px;
    float: left;
}
.fast-way .down-qz p {
    float: left;
    margin-left: 10px;
    margin-top: 30px;
    font-size: 16px;
    color: #333;
}
.fast-way .down-qz p.mt20 {
    margin-top: 16px;
}
.ctop {
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid #D92B2B;
}
.ctop .title {
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-right: 40px;
}
.ctop .c-tabs {
    float: left;
    font-size: 14px;
}
.ctop .c-tabs ul li {
    float: left;
    margin-right: 50px;
    cursor: pointer;
    position: relative;
}
.ctop .c-tabs ul li.active {
    background: url(../pic/red-up.png) no-repeat center bottom;
    color: #E62E2E;
}
.ctop .c-tabs ul li.active a {
    color: #E62E2E;
}
.ctop .c-tabs ul li:hover a {
    color: #E62E2E;
}
.ctop .c-tabs ul li .icon-rect2 {
    display: block;
    width: 32px;
    height: 15px;
    background: url(../pic/icon-rect2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 8px;
    right: -35px;
    font-size: 11px;
    color: #fff;
    line-height: 15px;
    text-align: center;
}
.ctop .c-more {
    float: right;
    color: #666;
}
.ctop .c-more .icon-company {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/icon-comapny.png) no-repeat;
    position: relative;
    top: 16px;
    margin-right: 5px;
}
.ctop .c-more .icon-new {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/icon-new.png) no-repeat;
    position: relative;
    top: 15px;
    margin-right: 5px;
}
.ctop .c-more .icon-read {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/read.png) no-repeat;
    position: relative;
    top: 16px;
    margin-right: 5px;
}
.ctop .c-more .icon-zixun {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/zixun.png) no-repeat;
    position: relative;
    top: 14px;
    margin-right: 5px;
}
.ctop .c-more .icon-video {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/icon-video.png) no-repeat;
    position: relative;
    top: 15px;
    margin-right: 5px;
}
.ctop .c-more .icon-microphone {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/microphone.png) no-repeat;
    position: relative;
    top: 16px;
    margin-right: 5px;
}
.ctop .c-more span {
    float: left;
    color: #666;
    font-size: 14px;
}
.ctop .c-more span:hover {
    color: #E62E2E;
}
.ctop .c-more .icon-right {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    background: url(../pic/right-ang.png) no-repeat;
    position: relative;
    top: 18px;
    margin-right: 5px;
}
.company .cmain {
    background: #fff;
}
.company .cmain .c-left {
    float: left;
    width: 189px;
    height: 380px;
    border-right: 1px dashed #E6E6E6;
    padding: 20px 10px;
    position: relative;
}
.company .cmain .c-left .homeowner-scroll {
    height: 190px;
    overflow: hidden;
}
.company .cmain .c-left .homeowner-scroll .homeowner-order {
    position: relative;
}
.company .cmain .c-left .homeowner-scroll .homeowner-order li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #666;
    border-bottom: 1px dashed #E8E8E8;
    text-align: left;
    float: none;
    vertical-align: top;
}
.company .cmain .c-left .homeowner-scroll .homeowner-order li i {
    color: #D92B2B;
    font-style: normal;
}
.company .cmain .c-left span a {
    color: #666;
}
.company .cmain .c-left span a:hover {
    color: #D92B2B;
}
.company .cmain .c-left span em {
    color: #E6E6E6;
}
.company .cmain .c-left .c-style .style,
.company .cmain .c-left .c-way .shigong,
.company .cmain .c-left .c-price .price,
.company .cmain .c-left .c-area .style
{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.line33 {
    line-height: 33px;
}
.line33 span a {
    color: #666;
}
.company .cmain .c-left .c-area .line33 span {
    float: left;
}
.company .cmain .c-left .c-area .line33 em {
    float: left;
}
.line33 span a:hover {
    color: #E62E2E;
}
.line33 span em {
    color: #E6E6E6;
}
.company .cmain .c-left .order-now {
    width: 190px;
    height: 180px;
    margin-top: 10px;
    background: url(../pic/rn-bg1.png) no-repeat;
    cursor: pointer;
}
.company .cmain .c-left .order-now .order-btn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #D92B2B;
    margin: 0 auto;
    border-radius: 2px;
    cursor: pointer;
}
.company .cmain .c-center {
    float: left;
    width: 680px;
    height: 420px;
}
.company .cmain .c-center .swiper-slide {
    height: 420px;
}
.company .cmain .c-center .swiper-slide #c1-swiper .swiper-slide,
.company .cmain .c-center .swiper-slide #d1-swiper .swiper-slide,
.company .cmain .c-center .swiper-slide #c2-swiper .swiper-slide {
    height: 400px;
}

.swiper-pagination1, .swiper-pagination2,.swiper-pagination3 {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    position: relative;
    top: 2px;
    background: transparent;
}
.company .cmain .c-center ul li {
    width: 200px;
    height: 160px;
    margin-right: 20px;
    border:1px solid rgba(230,230,230,1);
    border-radius:2px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
}
.company #c1-swiper,#d1-swiper {
    padding-top: 20px;
    padding-left: 20px;
}
.company .cmain .c-center ul li:hover {
    box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius:3px;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
}
.company .cmain .c-center .company-list ul li .img {
    width: 100%;
    height: 80px;
    padding: 10px 0;
}
.company .cmain .c-center .company-list ul li .img img {
    display: block;
    width: 160px;
    height: 80px;
    margin: 0 auto;
    background: #ccc;
}
.company .cmain .c-center .company-list ul li .company-name {
    text-align: center;
    font-size: 16px;
    color: #333;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.company .cmain .c-center .company-list ul li .other-msg {
    padding-left: 10px;
    margin-top: 10px;
}
.company .cmain .c-center .company-list ul li .other-msg .anli-num {
    float: left;
    color: #999;
    margin-right: 33px;
}
.company .cmain .c-center .company-list ul li .other-msg .comment-num {
    float: left;
    color: #999;
}
.company .cmain .c-center .company-list ul li .other-msg span.red {
    color: #D92B2B;
    margin-left: 5px;
}

.company .cmain .c-center .designer-list ul li .d-info-left {
    float: left;
    height: 100%;
}
.company .cmain .c-center .designer-list ul li .d-info-left img {
    display: block;
    width: 80px;
    height: 80px;
    background: #ccc;
    border-radius: 50%;
    margin: 28px 9px 9px 6px;
}
.company .cmain .c-center .designer-list ul li .d-info-left .designer-name {
    font-size: 16px;
    color: #333;
    text-align: center;
    width: 95px;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.company .cmain .c-center .designer-list ul li .d-info-right {
    float: left;
    width: 103px;
    height: 100%;
    color: #333;
    position: relative;
}
.company .cmain .c-center .designer-list ul li .d-info-right .pop-num {
    margin-top: 10px;
    margin-bottom: 10px;
}
.company .cmain .c-center .designer-list ul li .d-info-right span {
    color: #999;
}
.company .cmain .c-center .designer-list ul li .d-info-right .empl-time {
    margin-top: 10px;
    margin-bottom: 10px;
}
.company .cmain .c-center .designer-list ul li .d-info-right .yysj {
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #E62E2E;
    color: #E62E2E;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
}
.company .cmain .c-center  .comment-list ul li {
    padding: 10px;
}
.company .cmain .c-center  .comment-list ul li .c-info {
    height: 28px;
    line-height: 28px;
    margin-bottom: 14px;
}
.company .cmain .c-center  .comment-list ul li .c-info img {
    display: block;
    width: 55px;
    height: 28px;
    background: #ccc;
    float: left;
    margin-right: 5px;
}
.company .cmain .c-center  .comment-list ul li .c-info .company-name {
    float: left;
    font-size: 16px;
    width: 118px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.company .cmain .c-center  .comment-list ul li .comments {
    margin-bottom: 10px;
    color: #666;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.company .cmain .c-center  .comment-list ul li .comments span {
    color: #333;
}
.company .cmain .c-center  .comment-list ul li .grade {
    color: #999;
}
.company .cmain .c-center  .comment-list ul li .grade .icon-star {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../pic/star.png) no-repeat;
}
.company .cmain .c-right {
    float: left;
    width: 289px;
    height: 380px;
    border-left: 1px dashed #E6E6E6;
    padding: 20px;
}
.company .cmain .c-right .r-tabs {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
}
.company .cmain .c-right .r-tabs div {
    float: left;
    cursor: pointer;
}
.company .cmain .c-right .r-tabs .koubei {
    margin-right: 80px;
    margin-left: 35px;
}
.company .cmain .c-right .r-tabs .koubei .icon-koubei {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../pic/koubei.png) no-repeat;
    position: relative;
    top: 5px;
}
.company .cmain .c-right .r-tabs .huoyue .icon-hot {
    display: inline-block;
    width: 15px;
    height: 17px;
    background: url(../pic/hot.png) no-repeat;
    position: relative;
    top: 2px;
    margin-left: 2px;
}
.company .cmain .c-right .r-tabs .r-cur span {
    color: #D92B2B;
    border-bottom: 2px solid #D92B2B;
}
.company .cmain .c-right .r-list ul li {
    margin-bottom: 10px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.company .cmain .c-right .r-list ul li span.icon-sort {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../pic/gold4.png) no-repeat;
    position: relative;
    top: -1px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 15px;
    margin-right: 10px;
}
.company .cmain .c-right .r-list ul li:first-child span.icon-sort {
    background: url(../pic/gold1.png) no-repeat;
}
.company .cmain .c-right .r-list ul li:nth-child(2) span.icon-sort {
    background: url(../pic/gold2.png) no-repeat;
}
.company .cmain .c-right .r-list ul li:nth-child(3) span.icon-sort {
    background: url(../pic/gold3.png) no-repeat;
}
.company .cmain .c-right .invate-bg {
    width: 290px;
    height: 160px;
}
.company .cmain .c-right .invate-bg img {
    display: block;
    width: 100%;
    height: 100%;
}

.small-banner {
    width: 100%;
    height: 110px;
    margin: 30px 0;
}
.small-banner img {
    display: block;
    width: 100%;
    height: 110px;
}
.xgt .xmain {
    background: #fff;
}
.xgt .xmain .x-left {
    width: 189px;
    height: 460px;
    float: left;
    border-right: 1px dashed #E6E6E6;
    padding: 20px 10px;
}
.icon-3d {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../pic/icon-3d.png) no-repeat;
    position: absolute;
    top: 14px;
    right: -25px;
}
.icon-image {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../pic/icon-image.png) no-repeat;
    position: relative;
    top: 15px;
    margin-right: 5px;
}
.xgt .xmain .x-right {
    float: left;
    width: 1010px;
}
.xgt .swiper-slide {
    height: 500px;
}
.xgt .xmain .c-left span a:hover {
    color: #D92B2B;
}
.xgt .x-left .style,.xgt .x-left .huxing,.xgt .x-left .gongneng {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.xgt .x-left .apply {
    width: 168px;
    height: 168px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    padding: 10px;
    background: url(../pic/apply-bg.png) no-repeat;
}
.xgt .x-left .apply .grand-total span {
    display: inline-block;
    width: 20px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    color: #1350A3;
    font-size: 18px;
    font-weight: bold;
    margin-right: 4px;
    border-radius: 2px;
}
.xgt .x-left .apply .grand-total span:last-child {
    margin-right: 0;
}
.xgt .x-left .apply .a-msg {
    color: #fff;
    text-align: center;
    margin: 8px 0;
}
.xgt .x-left .apply .today-num {
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
}
.xgt .x-left .apply .today-num span {
    color: #00FFFC;
    font-weight: bold;
    font-size: 14px;
}
.xgt .x-left .apply .apply-form {
    position: relative;
}
.xgt .x-left .apply .apply-form input {
    width: 170px;
    height: 30px;
    background: transparent;
    text-indent: 1em;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 15px;
    outline: none;
}
.xgt .x-left .apply .apply-form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

.xgt .x-left .apply .apply-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.xgt .x-left .apply .apply-form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}
.xgt .x-left .apply .apply-form .warn {
    display: none;
    position: absolute;
    padding-left: 10px;
    color: #D92B2B;
}
.xgt .x-left .apply .apply-form .apply-btn {
    width: 118px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background:#2E86FF;
    background: -webkit-linear-gradient(0deg,#2E86FF 0%,#3FC7FF 100%);
    background: -moz-linear-gradient(0deg,#2E86FF 0%,#3FC7FF 100%);
    background: -ms-linear-gradient(0deg,#2E86FF 0%,#3FC7FF 100%);
    background: -o-linear-gradient(0deg,#2E86FF 0%,#3FC7FF 100%);
    margin: 18px auto 0;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
}
.xgt .x-right .swiper-container {
    height: 500px!important;
    overflow: hidden;
}
.xgt .x-right .swiper-slide ul {
    padding-left: 18px;
}
.xgt .x-right .swiper-slide ul li {
    width: 308px;
    height: 218px;
    border:1px solid #e6e6e6;
    margin-right: 20px;
    margin-top: 20px;
    float: left;
    position: relative;
}
.xgt .x-right .swiper-slide ul li .img {
    width: 310px;
    height: 175px;
}
.xgt .x-right .swiper-slide ul li img {
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
}
.xgt .x-right .swiper-slide ul li .img-title {
    width:310px;
    height:30px;
    line-height: 30px;
    text-align: center;
    text-indent: 0.5em;
    color: #fff;
    background:rgba(0,0,0,1);
    filter:alpha(opacity=70);
    opacity:0.7;
    position: absolute;
    top: 145px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.xgt .x-right .swiper-slide ul li .img-title a {
    color: #fff;
}
.xgt .x-right .swiper-slide ul li .biaoqian {
    float: left;
    line-height: 45px;
    padding-left: 10px;
}
.xgt .x-right .swiper-slide ul li .biaoqian span {
    float: left;
    margin-right: 20px;
}
.xgt .x-right .swiper-slide ul li .find-sheji {
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    width:60px;
    height:30px;
    line-height: 30px;
    text-align:center;
    color:#fff;
    background:#D92B2B;
    border-radius:3px;
    cursor: pointer;
}
.xgt .x-right .swiper-slide ul li:hover {
    background:rgba(255,255,255,1);
    box-shadow:1px 1px 20px 0px rgba(0, 0, 0, 0.2);
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
}
.example .emain {
    background: #fff;
}
.example .e-left {
    padding: 20px;
    float: left;
}
.example .e-left .al-box {
    width: 850px;
    height: 360px;
}
.example .e-left .al-box ul li {
    position: relative;
    float: left;
    width: 53px;
    height: 360px;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    border-right: 2px solid #fff;
}
.example .e-left .al-box ul li.active {
    width: 623px;
}
.example .e-left .al-box ul li.active .shupai {
    display: none;
}
.example .e-left .al-box ul li .shupai {
    width: 53px;
    height: 100%;
    cursor: pointer;
    line-height: 55px;
    background: rgba(0,0,0,.65);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    writing-mode: tb-rl;
    display: block;
}
.example .e-left .al-box .p-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    width:625px;
    height:55px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=none,endcolorstr=#333,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=none,endcolorstr=#333,gradientType=0);/*IE8*/
    background:#333; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(transparent), to(#333));
    background: -webkit-linear-gradient(top,transparent , #333);
    background: -moz-linear-gradient(top, transparent, #333);
    background: -o-linear-gradient(top,transparent , #333);
    background: -ms-linear-gradient(top,transparent , #333);
    background: linear-gradient(top, transparent, #333);
    border-radius:0px 0px 0px 2px;
}
.example .e-left .al-box ul li p {
    width: 100%;
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    height: 14px;
    margin-bottom: 14px;
}
.example .e-left .al-box ul li.active p {
    display: block;
}
.example .e-left .al-box ul li p span {
    margin-right: 30px;
    margin-left: 20px;
}
.example .e-left .al-box ul li p a.company-name {
    float: right;
    margin-right: 20px;
    color: #fff;
}
.example .e-right {
    float: right;
    height: 360px;
    width: 289px;
    border-left: 1px dashed #e6e6e6;
    padding: 20px;
}
.example .e-right .zxzn .zn-tit {
    float: left;
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px;
}
.example .e-right .zxzn .zn-you {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: 5px;
}
.example .e-right .zxzn .zn-you img {
    display: block;
    width: 100%;
    height: 100%;
}
.example .e-right .zxzn .zn-tabs {
    float: left;
    font-size: 14px;
}
.example .e-right .zxzn .zn-tabs ul li {
    float: left;
    margin-left: 25px;
    cursor: pointer;
}
.example .e-right .zxzn .zn-tabs ul li.cur {
    color:#D92B2B;
    border-bottom: 2px solid #D92B2B;
}
.example .e-right .zn-list ul {
    display: none;
}
.example .e-right .zn-list ul.show {
    display: block;
}
.example .e-right .zn-list ul li {
    margin-bottom: 15px;
    height: 18px;
    cursor: pointer;
}
.example .e-right .zn-list ul li:hover .yuan {
    background: #D92B2B;
}
.example .e-right .zn-list ul li:hover .z-title {
    color: #D92B2B;
}
.example .e-right .zn-list ul li.act {
    padding-top: 10px;
    padding-bottom: 14px;
    height: 80px;
    border-bottom: 1px dashed #ccc;
}
.example .e-right .zn-list ul li.act .fm-img {
    float: left;
    width: 120px;
    height: 80px;
    margin-right: 10px;
}
.example .e-right .zn-list ul li.act .fm-img img {
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
}
.example .e-right .zn-list ul li.act .art-title {
    margin-bottom: 10px;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.example .e-right .zn-list ul li.act .art-content {
    color: #999;
    height: 54px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.example .e-right .zn-list ul li .yuan {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    background: #999;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: 7px;
}
.example .e-right .zn-list ul li .z-title {
    float: left;
    width: 95%;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zixun {
    margin-bottom: 30px;
    background: #fff;
}
.zixun .z-main {
    padding: 20px;
    position: relative;
}
.zixun .z-main .line {
    width: 1px;
    height: 100%;
    border-left: 1px dashed #ccc;
    position: absolute;
    top: 0;
    left: 602px;
}
.zixun .z-main .z-left {
    width: 100%;
}
.zixun .z-main .z-right {
    width: 100%;
}
.zixun .z-main .z-list li {
    float: left;
    width: 569px;
    height: 90px;
    margin-bottom: 20px;
}

.zixun .z-main .z-list li .z-img {
    float: left;
    width: 150px;
    height: 90px;
    position: relative;
}
.zixun .z-main .z-list li .z-img img {
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
    border-right: 2px;
}
.zixun .z-main .z-list li .z-img p {
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    background: rgba(0,0,0,.5);
    filter:alpha(opacity=50);
    position: absolute;
    top: 0;
    left: 0;
}
.zixun .z-main .z-list li:hover .z-img p {
    color: #fff;
    background: rgba(0,0,0,.3);
    filter:alpha(opacity=30);
    cursor: pointer;
}
.zixun .z-main .z-list li .ask-list {
    float: left;
    margin-left: 15px;
    width: 390px;
}
.zixun .z-main .z-list li .ask {
    margin-bottom: 15px;
    height: 18px;
    line-height: 18px;
}
.zixun .z-main .z-list li .ask .a-title {
    display: block;
    width: 80%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zixun .z-main .z-list li .ask .a-time {
    float: right;
    color: #999;
}
.gonglue .ctop .c-tabs, .flow .ctop .c-tabs,.report .ctop .c-tabs,.zixun .ctop .c-tabs {
    margin-left: -15px;
    color: #666;
    position: relative;
    top: 5px;
}
.gonglue .ctop .c-tabs .icon-question {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../pic/question.png) no-repeat;
    position: absolute;
    left: 325px;
    top: -20px;
}
.gonglue .g-main {
    background: #fff;
    padding: 20px;
}
.gonglue .g-main ul.box-ul>li {
    float: left;
    width: 293px;
    height: 362px;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 9;
}
.gonglue .g-main ul.box-ul>li:first-child {
    border-radius: 2px 0px 0px 2px;
}
.gonglue .g-main ul.box-ul>li:last-child {
    border-radius: 0px 2px 2px 0px;
}
.gonglue .g-main ul.box-ul li.no-left {
    width: 294px;
    border-left: none;
}
.gonglue .g-main ul>li.p-li:hover {
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    z-index: 10;
}
.gonglue .g-main ul li .list-top {
    width: 100%;
    height: 120px;
    background: #F7F7F7;
}
.gonglue .g-main ul li .list-top img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0px auto;
    padding: 15px 0 0;
}
.gonglue .g-main ul li .list-top .gt {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.gonglue .g-main ul li .wenda .gt {
    color: #fff;
}
.gonglue .g-main ul li .list-top .b-c-l{
    float: left;
    margin-left: 50px;
}
.gonglue .g-main ul li .list-top .j-r-x {
    float: left;
    margin-left: 40px;
}
.gonglue .g-main ul li .list-top .b-c-l span, .gonglue .g-main ul li .list-top .j-r-x span {
    float: left;
    display: block;
    font-size: 14px;
    padding-bottom: 2px;
    position: relative;
    margin-right: 35px;
    cursor: pointer;
}
.gonglue .g-main ul li .list-top .j-r-x span {
    margin-right: 20px;
}
.gonglue .g-main ul li .list-top .b-c-l span.curr a,.gonglue .g-main ul li .list-top .j-r-x span.curr a {
    color: #D92B2B;
}
.gonglue .g-main ul li .list-top .b-c-l span.curr:before,.gonglue .g-main ul li .list-top .j-r-x span.curr:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 25px;
    height: 2px;
    background: #D92B2B;
}
.gonglue .g-main ul li .list-top .j-r-x span.curr:before {
    left: 15px;
}
.gonglue .g-main ul li .g-list ul {
    padding: 10px;
    padding-top: 20px;
}
.gonglue .g-main ul li .g-list ul li {
    margin-bottom: 10px;
    height: 25px;
}
.gonglue .g-main ul li .g-list ul li .w75 {
    display: block;
    float: left;
    width: 75px;
    height: 18px;
    color: #999;
}
.gonglue .g-main ul li .g-list ul li .line {
    float: left;
    color: #999;
}
.gonglue .g-main ul li .g-list ul li .g-tit {
    float: left;
    width: 180px;
    height: 18px;
    padding-left: 9px;
   text-overflow: ellipsis;
   white-space: nowrap;
    overflow: hidden;
}
.gonglue .g-main ul li .g2-list {
    padding: 20px 20px 10px;
    background: #fff;
}
.gonglue .g-main ul li .g-list {
    background: #fff;
}
.gonglue .g-main ul li .g2-list ul li {
    margin-bottom: 10px;
    height: 25px;
}
.gonglue .g-main ul li .g2-list ul li .yuan {
    display: block;
    width: 5px;
    height: 5px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 5px;
    float: left;
    position: relative;
    top: 7px;
}
.gonglue .g-main ul li .g2-list ul li .q-title {
    float: left;
    width: 95%;
    height: 18px;
    text-overflow: ellipsis;
   white-space: nowrap;
    overflow: hidden;
}
.gonglue .g-main ul li .list-top .h-n {
    float: left;
    margin-left: 70px;
}
.gonglue .g-main ul li .list-top .g-z {
    float: left;
    margin-left: 70px;
}
.gonglue .g-main ul li .list-top .h-n span,.gonglue .g-main ul li .list-top .g-z span {
    position: relative;
    float: left;
    display: block;
    font-size: 14px;
    padding-bottom: 2px;
    position: relative;
    margin-right: 40px;
    cursor: pointer;
}
.gonglue .g-main ul li .list-top .h-n span.curr a,.gonglue .g-main ul li .list-top .g-z span.curr {
    color: #D92B2B;
}
.gonglue .g-main ul li .list-top .h-n span.curr:before, .gonglue .g-main ul li .list-top .g-z span.curr:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 25px;
    height: 2px;
    background: #D92B2B;
}

.classroom .rmain {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.classroom .rmain .r-left {
    width: 660px;
    height: 360px;
    float: left;
}
.classroom .rmain .r-left .play-img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.classroom .rmain .r-left .play-img img {
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
}
.classroom .rmain .r-left .play-img .play-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 149px;
    left: 300px;
    background: url(../pic/play.png) no-repeat;
}
.classroom .rmain .r-left .play-img .p-info {
    width: 640px;
    height: 60px;
    line-height: 70px;
    padding-left: 20px;
    background:linear-gradient(0deg,rgba(38,38,38,1) 0%,rgba(38,38,38,0) 100%);
    border-radius:2px;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #fff;
}
.classroom .rmain .r-left .play-img .p-info a {
    color: #fff;
}
.classroom .rmain .r-left .play-img .p-info a:hover {
    color: #D92B2B;
}
.classroom .rmain .r-left .play-img .p-info span.c-name {
    float: right;
    margin-right: 20px;
}
.classroom .rmain .r-right {
    float: right;
    width: 480px;
    height: 360px;
    padding-left: 20px;
    border-left: 1px dashed #e6e6e6;
}
.classroom .rmain .r-right ul li {
    height: 110px;
    margin-bottom: 15px;
}
.classroom .rmain .r-right .play-img {
    width: 202px;
    height: 110px;
    border-radius: 2px;
    float: left;
    position: relative;
}
.classroom .rmain .r-right .play-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #ccc;
}
.classroom .rmain .r-right .play-img .play-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40px;
    left: 88px;
    background: url(../pic/small-play.png) no-repeat;
}
.classroom .rmain .r-right .p-info  {
    float: left;
    margin-left: 10px;
    margin-top: 24px;
    width: 250px;
}
.classroom .rmain .r-right .p-info .p-title {
    font-size: 16px;
    color: #333;
    height: 24px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.classroom .rmain .r-right .p-info .p-title:hover {
    color: #E62E2E;
}
.classroom .rmain .r-right .p-info .p-content {
    color: #666;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.classroom .rmain .r-right .p-info .p-content:hover {
    color: #E62E2E;
}
.classroom .swiper-container {
    height: 360px!important;
    overflow: hidden;
}
.flow .fmain {
    background: #fff;
    height: 260px;
    padding-left: 20px;
}
.flow .fmain ul li {
    width: 180px;
    height: 180px;
    float: left;
    margin-right: 20px;
}
.flow .fmain ul li img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 50px auto 10px;
}
.flow .fmain ul li p {
    font-size: 14px;
    text-align: center;
}
.flow .fmain .progress {
    position: relative;
    height: 32px;
    padding-left: 100px;
    margin-top: 10px;
}
.flow .fmain .progress .line {
    width: 973px;
    border-bottom: 1px dashed #e6e6e6;
    position: absolute;
    top: 14px;
}
.flow .fmain .progress span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 14px;
    color: #999;
    background: #fff;
    position: absolute;
}
.flow .fmain .progress span.step1 {
    left: 74px;
}
.flow .fmain .progress span.step2 {
    left: 274px;
}
.flow .fmain .progress span.step3 {
    left: 474px;
}
.flow .fmain .progress span.step4 {
    left: 674px;
}
.flow .fmain .progress span.step5 {
    left: 874px;
}
.flow .fmain .progress span.step6 {
    left: 1074px;
}
.down-banner {
    width: 100%;
    height: 400px;
    margin: 40px 0;
    position: relative;
}
.down-banner .down-bg img {
    display: block;
    width: 100%;
    height: 100%;
}
.down-banner .down-left .goqiz {
    width: 404px;
    height: 48px;
    position: absolute;
    top: 34px;
    left: 49px;
}
.down-banner .down-left .goqiz img{
    display: block;
    width: 83%;
    height: auto;
}
.down-banner .down-left .free-quick {
    width: 269px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: url(../pic/free-quick.png) no-repeat;
    position: absolute;
    top: 105px;
    left: 39px;
    font-size: 24px;
    color: #5A5366;
}
.down-banner .down-left .duibi {
    position: absolute;
    top: 167px;
    left: 59px;
    font-size: 18px;
    color: #fff;
}
.down-banner .down-left .saoma {
    width: 130px;
    height: 150px;
    background: #fff;
    position: absolute;
    top: 217px;
    left: 59px;
}
.down-banner .down-left .saoma img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 5px auto 2px;
}
.down-banner .down-left .saoma p {
    text-align: center;
    font-size: 14px;
    color: #333;
}
.down-banner .down-left .iphone-down {
    width: 130px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 266px;
    left: 209px;
}
.down-banner .down-left .iphone-down span,.down-banner .down-left .android-down span {
    font-size: 14px;
    color: #333;
    float: left;
    margin-top: 11px;
    margin-left: 7px;
}
.down-banner .down-left .iphone-down img,.down-banner .down-left .android-down img {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 8px;
    margin-top: 8px;
}
.down-banner .down-left .android-down {
    width: 130px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 326px;
    left: 209px;
}
.report {
    margin-bottom: 40px;
}
.report .report-main {
    background: #fff;
    padding: 20px;
}
.report .report-main ul li {
    float: left;
    width: 378px;
    height: 378px;
    border: 1px solid #e6e6e6;
    margin-right: 20px;
    border-radius:2px;
}
.report .report-main ul li:last-child {
    margin-right: 0;
}
.report .report-main ul li.mr0 {
    margin-right: 0;
}
.report .report-main ul li:hover {
    box-shadow:1px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.report .report-main ul li .rep-img {
    width: 100%;
    height: 238px;
}
.report .report-main ul li .rep-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.report .report-main ul li .report-title {
    height: 80px;
    line-height: 80px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding-left: 8px;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}
.report .report-main ul li .rep-msg .rep-logo {
    display: block;
    float: left;
    width: 130px;
    height: 40px;
    margin-top: 7px;
}
.report .report-main ul li .rep-msg .ygw {
    margin-left: 5px;
}
.report .report-main ul li .rep-msg .rep-logo img {
    display: block;
    width: 100%;
    height: 100%;
}
.report .report-main ul li .rep-msg .rep-logo.ifeng img {
    width: 180px;
    height: 30px;
    margin-left: 12px;
    margin-top: 5px;
}
.report .report-main ul li .rep-msg .rep-time {
    float: right;
    margin-top: 25px;
    margin-right: 9px;
}
.bot-banner {
    background: #BF2626;
    height: 220px;
    position: relative;
}
.bot-banner .banner-bg {
    width: 100%;
    height: 83px;
    background: url(../pic/city-bg.png) no-repeat;
    position: absolute;
    bottom: 0;
}
.bot-banner .bot-left {
    float: left;
    width: 350px;
    position: relative;
}
.bot-banner .bot-left p {
    color: #fff;
}
.bot-banner .bot-left .p1 {
    font-size: 24px;
    margin-top: 20px;
    font-weight: bold;
}
.bot-banner .bot-left .p2 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}
.bot-banner .bot-left .p3 {
    color: #ccc;
    margin-top: 10px;
}
.bot-banner .bot-left .p4 {
    font-size: 16px;
    margin-top: 17px;
    font-weight: bold;
}
.bot-banner .bot-left .p5 {
    color: #ccc;
    margin-top: 10px;
}
.bot-banner .bot-right {
    float: left;
    padding-top: 60px;
    margin-left: 100px;
    position: relative;
}
.bot-banner .bot-right ul li {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 30px;
}
.bot-banner .bot-right ul li.mr0 {
    margin-right: 0;
}
.bot-banner .bot-right ul li span {
    font-size: 18px;
    color: #ccc;
    width: 100%;
    display: block;
}
@font-face {
    font-family: Impact;
    src: url(../../../common/fonts/Impact.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.bot-banner .bot-right ul li span em {
    font-size: 40px;
    color: #fff;
    font-family: Impact;
}

.bx-wrapper .bx-controls-direction a {
    display: none;
}
.newsbanner {
    position: relative;
}
.bx-wrapper {
    height: 110px;
}
.bx-wrapper .bx-pager {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 0;
    display: none;
}
.bx-wrapper .bx-viewport {
    height: 110px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    background: transparent;
}
.mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
}
.first-order {
    width: 1006px;
    height: 522px;
    border-radius: 20px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 1000;
}
.first-order .fd-lei{
    width:40px;
    position: absolute;
    left: -40px;
    bottom: 62px;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}
.first-order .fd-lei>div{
    width: 40px;
    height: 110px;
    background: #ECEEF0;
    color: #999;
    font-size: 14px;
    text-align: center;
    writing-mode: tb-rl;
    line-height: 40px;
    cursor: pointer;
}
.first-order .fd-lei>div.active{
    box-sizing: border-box;
    border-left: 2px solid #FF5353;
    background: #fff;
    color: #FF5353;
}
.first-order .o-img {
    position: absolute;
    z-index: 9;
}
.first-order .o-img img {
    display: block;
    width: 100%;
    height: 252px;
}
.first-order .m-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 105px;
    right: 13px;
    z-index: 10;
    cursor: pointer;
}
.first-order .m-close img {
    display: block;
    width: 100%;
    height: 100%;
}
.first-order .m-box {
    width: 980px;
    height: 403px;
    background: #fff;
    position: absolute;
    top: 119px;
    border-radius:40px 20px 20px 20px;
    display: block;
}
.first-order .m-box .zxdk{
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 124px;
    height: 124px;
}

.first-order .m-box .left {
    float: left;
    width: 430px;
    margin-top: 50px;
    padding-left: 60px;
    border-right: 1px solid #eee;
}
.first-order .m-box .left .l-top {
    padding-left: 9px;
    padding-top: 10px;
}
.first-order .m-box .left .l-top .s1 {
    font-size: 30px;
    font-weight: bold;
    color: #FF3F51;
    position: relative;
    z-index: 2;
}
.first-order .m-box .left .l-top .s2 {
    font-size: 20px;
    color: #333;
    margin-left: 10px;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
.first-order .m-box .left .l-top .line {
    width:246px;
    height:20px;
    background: #FFEFEF;
    position: relative;
    top: -20px;
    left: -9px;
    z-index: 1;
}
.first-order .m-box .left .l-form .order-group .group {
    margin-bottom: 24px;
    position: relative;
}
.first-order .m-box .left .l-form .order-group .group span {
    font-size: 14px;
    margin-right: 7px;
}
.first-order .m-box .left .l-form .order-group .group select {
    width: 125px;
    height: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../pic/down-ang2.png) no-repeat scroll right 8px center transparent;
    background-color: #fff;
    margin-right: 10px;
    outline: none;
}
.first-order .m-box .left .l-form .order-group .group input {
    width: 260px;
    height: 35px;
    text-indent: 0.5em;
    outline: none;
}
.first-order .m-box .left .l-form .order-group .group .mianji-icon {
    position: absolute;
    right: 110px;
    top: 10px;
    font-style: normal;
}
.first-order .m-box .left .l-form .order-group .group .m-warn {
    display: none;
    position: absolute;
    bottom: -22px;
    left: 70px;
    color: #FF5353;
}
.first-order .m-box .left .l-form .order-group .group .m-warn .icon-warn {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../pic/warn.png) no-repeat;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.first-order .m-box .left .l-form .order-group .disclamer-line {
    margin-left: 69px;
    margin-top: 33px;
}
.first-order .m-box .clickbtn {
    position: absolute;
    top: 50px;
    left: 430px;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
    width: 134px\0;
    height: 134px\0;
    margin-top: 86px;
    background: url(../pic/start_calc_btn.gif) no-repeat;
    overflow: hidden;
    background-size: 100% 100%;
}
.first-order .m-box .right {
    float: left;
    height: 290px;
    width: 320px;
    margin-top: 50px;
    margin-left: 100px;
}
.first-order .m-box .right .r-top .rs1 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.first-order .m-box .right .r-top .rs2 {
    font-size: 30px;
    color: #FF3F51;
    font-weight: bold;
    margin-right: 10px;
}
.first-order .m-box .right .r-top .rs3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.first-order .m-box .right .r-box {
    width: 214px;
    height: 183px;
    background: url(../pic/order-bg2.png) no-repeat;
    background-size: 100%;
    margin:  70px auto 0;
    position: relative;
}
.first-order .m-box .right .r-box .line1 {
    position: absolute;
    width: 101px;
    height: 39px;
    top: -14px;
    left: -16px;
    background: url(../pic/line1.png) no-repeat;
}
.first-order .m-box .right .r-box .line2 {
    position: absolute;
    width: 102px;
    height: 39px;
    top: -2px;
    right: -10px;
    background: url(../pic/line2.png) no-repeat;
}
.first-order .m-box .right .r-box .line3 {
    position: absolute;
    width: 123px;
    height: 10px;
    top: 52px;
    right: -78px;
    background: url(../pic/line3.png) no-repeat;
}
.first-order .m-box .right .r-box .line4 {
    position: absolute;
    width: 121px;
    height: 48px;
    top: 91px;
    right: -51px;
    background: url(../pic/line4.png) no-repeat;
}
.first-order .m-box .right .r-box .line5 {
    position: absolute;
    width: 114px;
    height: 31px;
    top: 119px;
    left: -22px;
    background: url(../pic/line5.png) no-repeat;
}
.first-order .m-box .right .r-box .line6 {
    position: absolute;
    width: 113px;
    height: 10px;
    top: 67px;
    left: -64px;
    background: url(../pic/line6.png) no-repeat;
}
.first-order .m-box .right .r-box .m-wsj {
    position: absolute;
    top: -54px;
    left: -16px;
    width: 80px;
}
.first-order .m-box .right .r-box span {
    font-size: 14px;
    color: #333;
}
.first-order .m-box .right .r-box .money {
    color: #FF3F51;
    font-weight: bold;
}
.first-order .m-box .right .r-box .m-sp {
    display: block;
}
.first-order .m-box .right .r-box .m-cf {
    position: absolute;
    top: -42px;
    right: -15px;
    width: 80px;
}
.first-order .m-box .right .r-box .m-kt {
    position: absolute;
    top: 16px;
    right: -84px;
    width: 80px;
}
.first-order .m-box .right .r-box .m-sd {
    position: absolute;
    top: 96px;
    right: -60px;
    width: 80px;
}
.first-order .m-box .right .r-box .m-ws {
    position: absolute;
    top: 105px;
    left: -20px;
    width: 80px;
}
.first-order .m-box .right .r-box .m-qt {
    position: absolute;
    top: 30px;
    left: -65px;
    width: 80px;
}

.first-order .g-box {
    display: none;
    width: 980px;
    height: 403px;
    background: #fff;
    position: absolute;
    top: 119px;
    border-radius:40px 20px 20px 20px;
}
.first-order .g-box .left {
    float: left;
    width: 393px;
    height: 290px;
    margin-top: 50px;
    padding-left: 97px;
    border-right: 1px solid #eee;
}
.first-order .g-box .left p {
    color: #999;
    margin-left: -40px;
}
.first-order .g-box .left .r-top .rs1 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.first-order .g-box .left .r-top .rs2 {
    font-size: 30px;
    color: #FF3F51;
    font-weight: bold;
    margin-right: 10px;
}
.first-order .g-box .left .r-top .rs3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.first-order .g-box .left .r-box {
    width: 214px;
    height: 183px;
    background: url(../pic/order-bg2.png) no-repeat;
    background-size: 100%;
    margin:  70px 0 0 35px;
    position: relative;
}
.first-order .g-box .left .r-box .line1 {
    position: absolute;
    width: 101px;
    height: 39px;
    top: -14px;
    left: -16px;
    background: url(../pic/line1.png) no-repeat;
}
.first-order .g-box .left .r-box .line2 {
    position: absolute;
    width: 102px;
    height: 39px;
    top: -2px;
    right: -10px;
    background: url(../pic/line2.png) no-repeat;
}
.first-order .g-box .left .r-box .line3 {
    position: absolute;
    width: 123px;
    height: 10px;
    top: 52px;
    right: -78px;
    background: url(../pic/line3.png) no-repeat;
}
.first-order .g-box .left .r-box .line4 {
    position: absolute;
    width: 121px;
    height: 48px;
    top: 91px;
    right: -51px;
    background: url(../pic/line4.png) no-repeat;
}
.first-order .g-box .left .r-box .line5 {
    position: absolute;
    width: 114px;
    height: 31px;
    top: 119px;
    left: -22px;
    background: url(../pic/line5.png) no-repeat;
}
.first-order .g-box .left .r-box .line6 {
    position: absolute;
    width: 113px;
    height: 10px;
    top: 67px;
    left: -64px;
    background: url(../pic/line6.png) no-repeat;
}
.first-order .g-box .left .r-box .m-wsj {
    position: absolute;
    top: -54px;
    left: -16px;
    width: 80px;
}
.first-order .g-box .left .r-box span {
    font-size: 14px;
    color: #333;
}
.first-order .g-box .left .r-box .money {
    color: #FF3F51;
    font-weight: bold;
}
.first-order .g-box .left .r-box .m-sp {
    display: block;
}
.first-order .g-box .left .r-box .m-cf {
    position: absolute;
    top: -42px;
    right: -15px;
    width: 75px;
}
.first-order .g-box .left .r-box .m-kt {
    position: absolute;
    top: 16px;
    right: -84px;
    width: 80px;
}
.first-order .g-box .left .r-box .m-sd {
    position: absolute;
    top: 96px;
    right: -60px;
    width: 80px;
}
.first-order .g-box .left .r-box .m-ws {
    position: absolute;
    top: 105px;
    left: -20px;
    width: 80px;
}
.first-order .g-box .left .r-box .m-qt {
    position: absolute;
    top: 30px;
    left: -65px;
    width: 80px;
}
.first-order .g-box .right {
    float: right;
    width: 380px;
    margin-top: 50px;
    margin-right: 57px;
    position: relative;
}
.first-order .g-box .fullname {
    position: relative;
    z-index: 11;
}
.first-order .g-box .fullname .mess1 {
    display: block;
    width: 120px;
    height: 24px!important;
    border: 1px #ccc solid;
    float: left;
    margin-left: 14px;
    margin-right: 20px;
    margin-top: 6px;
    outline: none;
    text-indent: 0.5em;
}
.first-order .g-box .zxtime label,.first-order .g-box .znbj-lftime label,.first-order .g-box .znbj-jrxsex label {
    font-size: 14px;
    color: #666;
    margin-left: 5px;
    cursor: pointer;
}
.first-order .g-box #btn-step2 {
    width: 180px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    margin-left: 100px;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius:4px;
    background: #D92B2B;
    background: -ms-linear-gradient(rgba(217,43,43,1) 0%,rgba(191,38,38,1) 100%);
    background: -moz-linear-gradient(rgba(217,43,43,1) 0%,rgba(191,38,38,1) 100%);
    background: -webkit-linear-gradient(rgba(217,43,43,1) 0%,rgba(191,38,38,1) 100%);
    background: -o-linear-gradient(rgba(217,43,43,1) 0%,rgba(191,38,38,1) 100%);
}
/*新增免费设计样式*/
/*.first-order .sheji .m-box .left .l-form .order-group .group{*/
/*    margin-bottom: 14px;*/
/*}*/
.first-order .sheji{
    display: none;
}
.first-order .sheji .sheji-btn{
    width: 264px;
    height: 35px;
    background: #FF3F51;
    color: #fff;
    border-radius: 2px;
    margin-top:8px;
    border: none;
    outline: none;
    margin-left: 69px;
    cursor: pointer;
}
.first-order .sheji .m-box .right{
    margin: 69px 80px 50px;
}
.first-order .sheji .m-box .right .sheji-r-top{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin-bottom: 30px;
}
.first-order .sheji .m-box .right .sheji-r-box ul{
    position: relative;
}
.first-order .sheji .m-box .right .sheji-r-box ul img.jiantou{
    display: block;
    width: 45px;
    height: 12px;
    position: absolute;
    top:30px;
    left: 125px;
}
.first-order .sheji .m-box .right .sheji-r-box ul img.jiantou-bottom{
    display: block;
    width: 40px;
    height: 140px;
    position: absolute;
    top:30px;
    right: 0;
}
.first-order .sheji .m-box .right .sheji-r-box ul li{
    display: inline-block;
    width: 36%;
    margin-right: 60px;
    margin-bottom: 20px;
}
.first-order .sheji .right .sheji-r-box ul li:nth-child(3),.first-order .sheji .right .sheji-r-box ul li:nth-child(7){
    margin-right: 0;
}
.first-order .sheji .m-box .right .sheji-r-box ul li img{
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 14px;
}
.first-order .sheji .m-box .right .sheji-r-box ul li p{
    text-align: center;
    font-size: 14px;
    color: #656565;
}


#znbj-tck {
    width: 220px;
    height: 40px;
    background: black;
    opacity: .5;
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
    margin-top: 120px;
}
.znbj-jrx{width: 90px; height: 35px; float: left;}
.choose input{height:35px;}
.zxbj-box .znbj-con .left{float:left; margin-left: 88px; margin-top: 5px;}
.zxbj-box .znbj-con .right{float:right;font-size:14px;position:relative; margin-right: 35px; margin-top: 24px;}
.message{font-size:14px;color:#979797;margin-bottom: 10px;}
.message .znbj-s1{font-size:18px; font-weight:700;color:#242424;}
.message .znbj-s2{color:#ff5858;}
.message span{font-size:14px;}
.choose{overflow:hidden;}
.fullname{margin-bottom:10px;}
.fullname .znbj-right{float:left;font-size:14px;font-weight:700;height:35px;line-height:35px;}
.choose .znbj-right{font-size:14px;font-weight:700;}
.fullname .mess{display:block;width:120px;height:24px!important; border:1px #ccc solid; float:left;margin-left:14px;margin-right:20px;margin-top:6px;}
.znbj-jrxsex{width:50px;float:left;}
.znbj-jrxsex input{height:35px;float:left;}
.znbj-jrxsex label{display:block;float:left;height:35px;line-height:35px;}
.zxtime input{float:left;}
.zxtime label{display:block;float:left;height:35px;line-height:35px;}
.znbj-lftime input{float:left;}
.znbj-lftime label{display:block;float:left;height: 35px; line-height: 35px;}
.prompt{margin:10px 0;color:#949494;}
.prompt span{color:#ff9900; font-weight:500}
.first-order .s-box {
    display: none;
    width: 980px;
    height: 403px;
    background: #fff;
    position: absolute;
    top: 119px;
    border-radius:40px 20px 20px 20px;
}
.first-order .s-box .left {
    float: left;
    width: 480px;
    height: 290px;
    margin-top: 50px;
    border-right: 1px solid #eee;
}
.first-order .s-box .left .s-img {
    width: 80px;
    height: 80px;
    margin: 50px auto 20px;
}
.first-order .s-box .left .s-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.first-order .s-box .left .text {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
.first-order .s-box .left p {
    font-size: 14px;
    color:#FFC463;
    margin-left: 73px;
}
.first-order .s-box .right {
    float: right;
    width: 380px;
    margin-top: 50px;
    margin-right: 57px;
    position: relative;
}
.first-order .s-box .right .qzapp,.first-order .s-box .right .wx {
    /* width: 130px; */
    height: 130px;
    border: 1px solid #e5e5e5;
    float: left;
    margin-top: 10px;
    box-sizing: border-box;
}
.first-order .s-box .right .qzapp{
    margin-left: 35px;
    margin-right: 50px;
}
.first-order .s-box .right .qzapp img,.first-order .s-box .right .wx img {
    display: block;
    width: 100px;
    height: 100px;
    padding: 15px;
    margin: auto;
}
.first-order .s-box .right .qzapp p,.first-order .s-box .right .wx p {
    text-align: center;
    color: #999;
}
.first-order .s-box .right .qzapp p span,.first-order .s-box .right .wx p span {
    display: block;
    font-size: 14px;
}
.first-order .s-box .right .baojia-h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.first-order .s-box .right .p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 5px auto;
}
.first-order .s-box .right .p span {
    color: #FF3F51;
}
.first-order .s-box .right .step4-jrx label {
    color: #666;
}
.small_loan_uspension{
    position: fixed;
    left: 25px;
    bottom: 26px;
    width: 124px;
    height: 124px;
    z-index: 99;
}