@charset "UTF-8";

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

/*2020-01-02 lxl*/

/* 公共使用部分start */
.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

/*.clearBoth {*/
/*    clear: both;*/
/*}*/

.fontBold {
    font-weight: bold;
}


.colorTwo {
    background: #f6f6f6;
}

.colorSwiper {
    /* background: #191c2b; */
}

.jf-title {
    font-size: 24px;
    text-align: center;
    color:#3C4556;
  
}
.sp20{
    height: 20px;
    background-color: #eef0f9;
}
.jf-content {
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    color: #878c96;
}
#swiperBox{
  width: 868px;
  height: 350px;
  margin: 0;
}
#swiperBox .swiper-slide{
    width: 868px;
    height: 350px; 
}
#swiperBox .swiper-slide a,#swiperBox .swiper-slide img{
    display: block;
    width: 868px;
    height: 350px; 
}
.swiper-pagination{
    top: 305px;
    left: 50px;
}
.swiper-pagination-switch{
    margin-right: 10px;
    width: 30px;
    height: 5px;
    float: left;
    opacity: 1;
    background-color: #c96;
    border-radius: 1px;
    cursor: pointer;
}
.swiper-active-switch{
 background-color: #FE5A48;
}
/* 公共使用部分end */
/* 搜索区域 */
.jf-search {
    width: 100%;
    padding: 25px 0 20px 0;
    background: #fff;
    min-height: 85px;
    box-sizing: border-box;
}

.jf-search.fixedStyle {
    padding: 10px 0 10px 0;
    box-shadow: rgb(153, 153, 153) 0 0 4px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    min-height: 60px;
}

.jf-searchMain {
    height: 40px;
}

.jf-search .jf-searchMain .floatleft {
    /*width: 250px;*/
    /*height: 36px;*/
    padding-left: 20px;
}

#jfLogo {
    display: block;
    background: url(/icp/0_03.png) no-repeat no-repeat left center;
    background-size: contain;
    width: 242px;
    height: 39px;
}
#searchBorder {
    border: none;
}

#searchBorder #searchBtn {
    float: left;
    margin-left: -1px;
    height: 40px;
    width: 60px;
    background: url(/icp/0_05.png) no-repeat;
}

#searchTypes {
    position: relative;
    width: 134px;
    height: 40px;
    background-color: #f54;
    line-height: 40px;
    padding-left: 19px;
    float: left;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    box-sizing: border-box;
    margin-left: 12px;
    border-radius: 2px;
}

#searchTypes i {
    float: right;
    margin-left: 5px;
    background: url(/icp/01_02.png) 6px -13px no-repeat;
    margin-top: 16px !important;
    width: 47px;
    height: 8px;
    position: absolute;
    right: -1px;
    transition: -webkit-transform 0.2s ease-out;
    transition: -moz-transform 0.2s ease-out;
    transition: -o-transform 0.2s ease-out;
    transition: -ms-transform 0.2s ease-out;
    transition: -ms-transform 0.2s ease-out;
}
#searchTypes:hover{
    background-color: #f32;
} 
#searchTypes:hover i {
    right: -6px;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

#slideBtn {
    z-index: 20;
}

#slideBtn li {
    margin-top: -1px;
    border: 1px solid #FE5A48;
}

#slideBtn li:first-child {
    margin-top: 0;
}

#slideBtn li:nth-last-child(1) {
    border-bottom: 1px solid #FE5A48;
}

#slideBtn li > a {
    color: #FE5A48;
}

#searchType {
    color: #666;
    height: 40px;
    border:  1px solid #c96;
    width: 98px;
    box-sizing: border-box;
    padding-left: 10px;
    background: #fff;
    border-radius: 2px;
}

#searchType i {
    right: 7px;
}

#searchInput {
    height: 38px;
    border:  1px solid #c96;
    border-left: none;
}

.jf-phone {
    float: right;
    box-sizing: border-box;
    text-indent: 10px;
    width: 140px;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    font-size: 14px;
    color: #e1af76;
    background: url(/icp/01_02.png) 109px -192px no-repeat;
}

.floatright {
    padding-right: 10px;
}

/*!*定位弹框*!*/
/*.jf-popOut {*/
/*    width: 48px;*/
/*    height: 192px;*/
/*    position: fixed;*/
/*    right: 10px;*/
/*    bottom: 210px;*/
/*    z-index: 999;*/
/*}*/

/*.divLine {*/
/*    margin: 0 14px;*/
/*    width: 20px;*/
/*    height: 1px;*/
/*    background-color: #eee;*/
/*}*/

/*.jf-popLi>li {*/
/*    width: 48px;*/
/*    height: 48px;*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*}*/

/*.jf-popLi>li #dialogTop {*/
/*    position: absolute;*/
/*    bottom: 12px;*/
/*    left: 14px;*/
/*    font-size: 12px;*/
/*    color: #d6b893;*/
/*}*/

/*.jf-popLi>li .jf-dialog {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 48px;*/
/*    height: 48px;*/
/*    box-sizing: border-box;*/
/*    padding: 9px;*/
/*    background-color: #374051;*/
/*    display: none;*/
/*    text-align: center;*/
/*}*/

/*.jf-popLi>li .conceal {*/
/*    display: block;*/
/*}*/

/*.commonAside_float {*/
/*    display: none;*/
/*    width: 150px;*/
/*    height: 128px;*/
/*    box-sizing: border-box;*/
/*    border: none;*/
/*    right: 62px;*/
/*    top: 25px;*/
/*    box-shadow: 0px 0px 5px 0px rgba(12, 21, 40, 0.1);*/
/*    background-color: #fff;*/
/*}*/

/*.commonAside_af:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 25px;*/
/*    right: -16px;*/
/*    border: 8px solid transparent;*/
/*    border-left-color: #fff;*/
/*}*/

/*.commonAside_float > div {*/
/*    border: none;*/
/*}*/

/*.commonAside_float_arrow {*/
/*    width: 15px;*/
/*}*/

/*.commonAside_float div.top {*/
/*    border: none;*/
/*    background: #fff;*/
/*}*/

/*.commonAside_float .oranges {*/
/*    color: #c59057;*/
/*}*/

#slideBtn {
    top: 67px
}

.commonAside_A div.top {
    color: #5a5a5a;
    padding: 0;
}

.commonAside_A {
    width: 134px;
    height: 140px;
    top: 67px;
    left: 0;
    background-color: #fff;
    z-index: 15;
}

.commonAside_A.commonAside_float_arrow {
    top: 3px;
}

.commonAside_A div:nth-child(2) {
    background: url(/icp/01_01.png) -100px -49px no-repeat;
}

.commonAside_A div:nth-child(4) {
    background: url(/icp/01_01.png) 0px -49px no-repeat;
}

#searchTypes .commonAside_A div.top {
    color: #5a5a5a;
    padding: 0;
}

#searchTypes .commonAside_A {
    width: 134px;
    height: 140px;
    top: 67px;
    left: 0;
    background-color: #fff;
    z-index: 15;
}

#searchTypes .commonAside_A.commonAside_float_arrow {
    top: 3px;
}

#searchTypes .commonAside_A div:nth-child(2) {
    background: url(https://malldev.jfh.com/feportal/static/img/01_01.f331724.png) -100px -49px no-repeat;
    border:  none;
}

#searchTypes .commonAside_A div:nth-child(4) {
    background: url(https://malldev.jfh.com/feportal/static/img/01_01.f331724.png) 0px -49px no-repeat;
}

#searchTypes .commonBtn a {
    color: #fff;
}

#searchTypes #slideBtn .commonAside_float .commonAside_A:after {
    border: 0 solid transparent;
}

#searchTypes .commonBtn {
    line-height: 24px;
    text-align: center;
    color: #fff;
    width: 100px;
    height: 24px;
    margin: auto;
    border-radius: 12px;
}

#searchTypes .commonBtn a {
    color: #fff;
    text-decoration: none;
}

#searchTypes .commonAside_float{
    border:none;
}

#searchTypes .commonAside_float div.top{
    border: none;
    background: #fff;
}

#searchTypes #slideBtn{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    margin-top: -26px;
    width: 100%;
    right: 62px;
    -webkit-box-shadow: 0 0 5px 0 rgba(12,21,40,.1);
    box-shadow: 0 0 5px 0 rgba(12,21,40,.1);
    background-color: #fff;
}

/*服务分类*/
.jf-classMain {
    line-height: 42px;
    box-sizing: border-box;
}

.jf-classR {
    float: left;
    padding: 0 20px;
    font-size: 14px;
    cursor: pointer;
}

.jf-classR a {
    text-decoration: none;
    color: #191c2b;
}

.jf-classL {
    margin-left: 24px;
    font-size: 14px;
    color: #8e8f93;
}

.jf-classL a {
    color: #414b5e;
}

.jf-classX {
    margin-left: 0;
    padding-left: 24px;
    border-left: 1px solid #ccc;
}

.jf-classify a:hover,
#searchType:hover,
.search-nav li:hover,
.js-look a:hover,
.jf-trande a:not(.defaultStyle):hover,
.content .contentlist a:hover,
.gradeWrap .moreAreaBtn:hover {
    color: #c96!important ;
}

/*轮播图*/
.jf-swiper {
    position: relative;
    height: 520px;
    padding-top: 18px;
    background-color: #f6f6f6;
}

.jf-swiperMain {

}

.jf-posi {
  
}
.icon_posi{
    top: 17px;
    left: 20px;
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;

}
.icon_posi01{

    background-image: url(/icp/icon_posi01.png);
}
.icon_posi02{


    background-image: url(/icp/icon_posi02.png);
}
.icon_posi03{

    background-image: url(/icp/icon_posi03.png);
}

.jf-posi li {
    float: left;
    width: 282px;
    height: 110px;
    margin-right: 10px;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.jf-posi li > a {
    display: block;
    position: relative;
    padding-top: 26px;
    padding-left: 100px;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



.tab {
    width: 100%;
    height: 100%;
}

.title {
    text-align: center;
    overflow: hidden;
}

.tab .title .title-item {
    float: left;
    cursor: pointer;
    padding-bottom: 8px;
    color: #c1c3c6;
}

.tab .title .title-item a {
    color: #555;
}

.tab .title div:nth-child(1), .tab .title div:nth-child(2) {
    margin-right: 85px;
}

.jf-posi .tab .content {
    padding-top: 8px;
    border-top: solid 1px #d6d6d6;
}

.jf-posi .tab .content .contentlist {
    display: none;
    color: #fff;
}

.jf-posi .tab .content .contentlist a {
    color: #555;
}

.jf-posi .tab .content .contentlist:nth-child(1) {
    display: block;
}

.tab .title .active {
    color: #fff;
    border-bottom: 3px solid #c96;
}

.tab .title .active a {
    color: #c96;
}

.content .contentlist a {
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
}

.tab .title-item a {
    color: #fff;
    text-decoration: none;
}

.jf-posi li .spacerS {
    font-size: 16px;
    line-height: 16px;
    color: #555;
}

.jf-posi li .spacerY {
    width: 30px;
    height: 3px;
    background-color: #11bb99;
    border-radius: 2px;
}

.jf-posi li p {
    margin-top: 8px;
    font-size: 12px;
    color: #e1e2e5;
}

.jf-posi li p a {
    color: #e1e2e5;
}

/*推荐服务*/
.jf-recommendMain {
    height: 687px;
    box-sizing: border-box;
    padding-top: 55px;
}

.jf-ul {
    height: 20px;
    padding-top: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e6e7;
}

#testimonial li:nth-child(1) {
    margin-left: 155px;
}

.jf-recommendMain .jf-ul {
    /* padding-left: 228px; */
}

.jf-ul li {
    display: block;
    text-align: center;
    float: left;
    list-style: none;
   font-size: 15px;
    margin-right: 90px;
}

.jf-recommendMain .jf-ul li .color555{
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    padding-bottom: 9px;
}

.choice {
  font-weight: 700;
    color: #c96;
}
#grade .choice{
  border-bottom: 3px solid #c96;
}
.choice .color555{
  color: #c96;
}
.choice .choiceB{
    display: block;
    width: 30px;
    height: 3px;
    background-color: #c96;
    margin: 0 auto;
}
#testimonialBox {
    margin-top: 15px;
    height: 450px;
}

.tab-item {
    display: none;
}

#testimonialBox div:nth-child(2) .tab-ChildL .tab-h2 {
    font-size: 32px;
}

.tab-ChildL {
    float: left;
    width: 290px;
    height: 450px;
 
}

.tab-ChildR {
    float: right;
    width: 900px;
    height: 450px;
}

.tab-ChildL .tab-a {
    display: inline-block;
    width: 100%;
    height: 190px;
    background-image: url(/icp/03_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 40px 0 0;
}
.bg_19f{
    background-color:#19F;
}
.bg_08e{
    background-color:#08e;
}
.bg_1b9{
    background-color:#1b9;
}
.bg_1cc9a6{
    background-color:#1cc9a6;
}
.bg_2E3644{
    background-color: #2E3644;
}
.bg_424A5E{
    background-color: #424A5E;
}
.bg_2255F0{
    background-color: #2255F0;
}
.bg_4776FA{
    background-color: #4776FA;
}
.bg_c96{
    background-color: #c96;
}
.bg_D4A270{
    background-color: #D4A270;
}
.tab-h2 {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    color: #fff;
}

.tab-h3 {
    margin-top: 8px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.tab-ChildL .tab-ChildL-Cont {
    padding: 25px 40px 0 40px;
}

.tab-ChildL .tab-ChildL-Cont p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 22px;
}

.tab-ChildL-Cont ul {
    width: 290px;
}

.tab-ChildL-Cont ul li {
    float: left;
    width: 95px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    margin-right: 20px;
    margin-bottom: 10px;
    border: 1px solid #fff;
}

.tab-ChildL-Cont ul li:hover {
    background-color: rgba(255,255,255,.3);
}

.tab-ChildL-Cont ul li:hover a {
  color: #fff;
  text-decoration: none;
}

.tab-ChildL-Cont ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.jf-hotW {
    position: relative;
}

.jf-hotW .jf-hoting {
    position: absolute;
    width: 26px;
    height: 11px;
    left: 70px;
    top: -8px;
    text-align: center;
    line-height: 17px;
    background: url(/icp/12_01.png) no-repeat;
    background-size: contain; 
}

.tab-ChildB {
    margin-bottom: 10px;
}

.tab-ChildR ul li {
    float: left;
    width: 290px;
    height: 220px;
    margin-left: 10px;
    background: #fff;
    margin-bottom: 10px;
}

.tab-ChildR ul li > a{
    display: block;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.tab-ChildR ul li:hover {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.tab-ChildR ul li .tab-module {
    padding-left: 30px;
    padding-top: 27px;
    font-size: 12px;
    position: relative;
    height: 220px;
    box-sizing: border-box;
}

.tab-ChildR ul li .tab-module p {
    color: #96979b;
    padding-right: 30px;
    line-height: 18px;
}

.tab-ChildR ul li .tab-module ol {
    position: absolute;
    top: 115px;
    color: #96979b;
}

.tab-ChildR ul li .tab-module .jfLine {
    position: absolute;
    top: 175px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f8f8f8;
}

.tab-ChildR ul li .tab-module h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3c4556;
    padding-right: 20px;
}

ol dd .jf-custom {
    display: inline-block;
    height: 24px;
    padding: 0 10px;
    background: #eef0f9;
    line-height: 24px;
    text-align: center;
}

ol dd .jf-money {
    color: #fe5a48;
    margin-right: 5px;
}

ol dd.jf-company {
    margin-top: 20px;

}

ol dd.jf-company span {
    vertical-align: middle;
}

.show {
    display: block;
}

.js-look {
    text-align: center;
    line-height: 50px;
    color: #858992;
    font-size: 12px;
    cursor: pointer;
}

.js-look a {
    color: #858992;
    text-decoration: none;
}

/*优质服务商*/
.jf-qualityMain {
    box-sizing: border-box;
    padding-top: 41px;
}

.jf-qualityMain .jf-content {
    margin-top: 9px;
}

.jf-qualityMain .gradeWrap {
    position: relative;
    padding-right: 15px;
    padding-left: 30px;
    margin-top: 25px;
    height: 30px;
    line-height: 30px;
    background: #fdfeff;
    margin-bottom: 1px;
}

.gradeWrap a {
    text-decoration: none;
    color: #3c4556;
}

.gradeWrap .moreAreaBtn {
    float: right;
    text-decoration: none;
    position: relative;
    padding-right: 12px;
}

.gradeWrap .moreAreaBtn i {
    position: absolute;
    font-size: 19px;
    right: -3px;
    top: 11px;
    width: 12px;
    height: 12px;
    background: url(/icp/rg.png) no-repeat;
}

.jf-qualityMain .jf-ul {
    position: absolute;
    left: 30px;
    top: 0;
    padding-bottom: 0;
    border-bottom: none;
    height: auto;
    padding-top: 0;
}

.jf-qualityMain .jf-ul li {
    margin-right: 32px;
    font-size: 12PX;
    line-height: 30px;
    height: auto;
}

#gradeBox {
    overflow: hidden;
    padding-bottom: 22px;
    background-color: #fff;
    height: 440px;
}

.jf-qualityMain .tab-item {
    padding: 0 32px 0;
}

.jf-qualityMain #ulImgBox .tab-item {
    padding: 0;
}

#searchTypes:hover #slideBtn {
    display: block;
}

#ulImg {
    margin-top: 20px;
    position: absolute;
    width: 1800px;
    min-height: 116px;
}

.js-ulImg li {
    position: relative;
    float: left;
    width: 100px;
    height: 62px;
    /*margin-right: 22px;*/
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px rgba(12, 21, 40, 0.25);
    margin-left: 10px;
    margin-right: 10px;
    transition: all .3s linear;
    /* transition: all .5s cubic-bezier(.46, 1, .23, 1.52); */
}

#ulImg li:first-child {
    margin-left: 3px;
}

#ulImg li:last-child {
    margin-right: 0;
}

.js-ulImg .imgMark {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
    transition: top 0.3s linear;
}

.js-ulImg li:hover .imgMark {
    top: -100%;
}

.js-ulImg li:not(.jf-pitch) {
    overflow: hidden;
}

.js-ulImg li.jf-pitch {
    margin: -10px 10px 0;
    box-sizing: border-box;
    width: 154px;
    height: 96px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(26, 42, 78, 0.1);
    border-radius: 1px;
    border: solid 2px #dbbb8a;
    position: relative;
}

.js-ulImg li.jf-pitch:after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 65px;
    border: 8px solid transparent;
    border-top-color: #d6b792;
}

.jf-div {
    margin-top: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #3c4556;
    font-weight: bold;
    margin-bottom: 12px;
}

.jf-synthesis {
    border-top: solid 1px #f4f6fb;
    padding-top: 22px;
}

.jf-synUl {
    float: left;
    box-sizing: border-box;
    height: 188px;
}

.jf-synUl:nth-child(1) {
    width: 274px;
    border-right: solid 1px #eee;
}

.jf-synUl:nth-child(2) {
    width: 580px;
    border-right: solid 1px #eee;
    padding-right: 25px;
}

.jf-synUl:nth-child(3) {

}

.jf-synUl .vgg span {
    float: left;
}

.jf-synUl .vgg span:nth-child(1) {
    width: 4px;
    height: 15px;
    background-color: #d6b792;
    border-radius: 2px;
    margin-right: 8px;
    margin-top: 2px;
}

.poppycock {
    padding-right: 25px;
    margin-top: 17px;
    padding-left: 10px;
}

.jf-demandContent {
    margin-bottom: 10px;
}

.jf-synUl .vgg span:nth-child(2) {
    font-size: 14px;
    color: #3c4556;
    font-weight: bold;
}

.jf-sy2 {
    padding-left: 25px;
}

.vDivWrap {
    display: block;
    text-decoration: none;
}

.vDivWrap:hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}

.v-div {
    width: 240px;
    height: 77px;
    background-color: #f6f8fc;
    box-sizing: border-box;
    padding: 16px 9px 0 14px;
}

.v-div .v-divP {
    font-size: 12px;
    color: #3c4556;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v-divtT {
    margin-top: 7px;
    margin-bottom: 9px;
}

.jfDemandFwfw {
    margin-bottom: 0;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

.jf-serveL {
    float: left;
    width: 246px;
}

.jf-serveS {
    width: 240px;
    margin-top: 36px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

.jf-serveM {
    margin-bottom: 24px;
}

.jf-serveM .jf-demandContent .jf-Fr {
    /* margin-left: 30px; */
}

.jf-serveM .jf-demandContent span.jf-Fr {
    margin-left: 12px;
}
.jf-cj{
    width:36%;
    display: inline-block;
}
.jf-serveR {
    float: right;
    width: 238px;
    height: 149px;
    margin-top: 14px;
}

.js-lookB {
    margin-right: 30px;
    padding-top: 21px;
}

.jf-qualityBtn {
    margin-top: 20px;
    text-align: center;
    font-size: 0;
}

.jf-qualityBtn .btn {
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    width: 98px;
    height: 33px;
    line-height: 33px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #d6b893;
    color: #c59057;
    cursor: pointer;
    text-decoration: none;
}

.jf-qualityBtn .btnF {
    width: 128px;
    color: #FFF;
    background-color: #c59057;
}

.jf-qualityBtn a:hover,
.jf-caseUl-Look:hover,
.jf-caseUl-Look a:hover,
.jf-trandeBtn .btn a:hover {
    color: #fff !important;
    border-color: #c96;
    background-color: #c96;
}

/*精彩案例*/
.jf-caseMain {
    height: 514px;
    box-sizing: border-box;
    padding-top: 36px;
}

.jf-caseMain .jf-ul {
    padding-top: 25px;
}

#splendid li {
    padding-bottom: 10px;
    margin-right: 0;
    margin-left: 113px;
}
#splendid li.choice{
    border-bottom: 3px solid #c96;
}
#splendid li.choice .color555{
    color: #c96;
}
#splendid li:nth-child(1) {
    margin-left: 252px;
}

.jf-swiperH1 {
    width: 500px;
    padding-top: 120px;
    padding-left: 23px;
}

.jf-swiperH1 .p1 {
    font-size: 42px;
    line-height: 54px;
    color: #e1af76;
    margin-bottom: 26px;
}

.jf-swiperH1 .p2 span {
    margin-right: 25px;
    color: #e8e1d4;
    font-size: 16px;
}

.pDiv {
    font-size: 24px;
    line-height: 30px;
    color: #e1af76;
}

.detailBtn {
    display: inline-block;
    width: 103px;
    height: 35px;
    border-radius: 2px;
    border: solid 1px #c96;
    font-size: 14px;
    line-height: 35px;
    color: #c96;
    text-align: center;
    margin-top: 50px;
}
.detailBtn:hover{
    color: #FFF !important;
    background-color: #c96;
}
#splendidBox {
    margin-top: 15px;
    height: 300px;
    font-size: 14px;
}

.jf-caseUl {
    height: 300px;
}
.jf-caseUl a:hover {
    color: #333;
}
.jf-caseUlL {
    width: 580px;
    height: 100%;
    float: left;
}

.jf-caseUlR {
    width: 580px;
    height: 100%;
    float: right;
}

.jf-caseUl li:hover {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
}

.jf-caseUlL-top {
    width: 100%;
    height: 120px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 18px;
}

.jf-caseUlL-top p {
    color: #9C6B3B;
    margin-top: 16px;
    font-size: 16px;
}

.jf-caseUlL-top .icon05, .jf-caseUlR .icon06 {
    width: 42px;
    height: 42px;
    margin: auto;
}
.icon_splendid{
    width: 54px;
    height: 54px;
    margin: 0 auto;
    background-image: url(/icp/05_10.png);
    background-repeat: no-repeat;
    background-color: #c96;
    border-radius: 50%;
}
.icon_splendid.icon_splendid01{
    background-position:-4px -4px; 
}
.icon_splendid.icon_splendid02{
    background-position:-2px -66px; 
}

.icon_splendid.icon_splendid03{
    background-position:-4px -130px; 
}

.icon_splendid.icon_splendid04{
    background-position:-4px -190px; 
}
.icon_splendid.icon_splendid05{
    background-position:-3px -254px; 
}

.icon_splendid.icon_splendid06{
    background-position:-4px -316px; 
}
.icon_splendid.icon_splendid07{
    background-position:-3px -376px; 
}
.icon_splendid.icon_splendid08{
    background-position:-4px -440px; 
}
.icon_splendid.icon_splendid09{
    background-position:-4px -500px; 
}
.icon_splendid.icon_splendid10{
    background-position:-4px -562px; 
}




#splendidBox .jf-caseUlL-top,#splendidBox .jf-caseUlL-topR{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

#splendidBox div:nth-child(1) .jf-caseUlL-top{
    background-image:url(/icp/05_01.jpg);
}
#splendidBox div:nth-child(1) .jf-caseUlL-topR{
    background-image:url(/icp/05_02.jpg);
}
#splendidBox div:nth-child(2) .jf-caseUlL-top{
    background-image:url(/icp/05_03.jpg);
}
#splendidBox div:nth-child(2) .jf-caseUlL-topR{
    background-image:url(/icp/05_04.jpg) ;
}
#splendidBox div:nth-child(3) .jf-caseUlL-top{
    background-image:url(/icp/05_05.jpg);
}
#splendidBox div:nth-child(3) .jf-caseUlL-topR{
    background-image:url(/icp/05_06.jpg);
}
#splendidBox div:nth-child(4) .jf-caseUlL-top{
    background-image:url(/icp/05_07.jpg);
}
#splendidBox div:nth-child(4) .jf-caseUlL-topR{
    background-image:url(/icp/05_08.jpg);
}
#splendidBox div:nth-child(5) .jf-caseUlL-top{
    background-image:url(/icp/05_09.jpg);
}
#splendidBox div:nth-child(5) .jf-caseUlL-topR{
    background-image:url(/icp/05_11.jpg);
}

.jf-caseUlL-bom {
    width: 100%;
    height: 180px;
    background: #ffff;
    padding: 23px 48px 0;
}

.jf-caseUlL-bom p {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jf-caseUlL-bom p a {
    color: #5a5a5a;
}

.jf-caseUlL-bom p a:hover {
    text-decoration: none;
    color: #cea870;
}

.jf-caseUl-Look {
    display: inline-block;
    width: 97px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    border: solid 1px #c96;
    color: #c96;
    margin-top: 7px;
}

.jf-caseUl-Look a {
    display: block;
    color: #c96;
    width: 100%;
    height: 100%;
}

/*交易流程*/
.jf-trandeMain {
    height: 372px;
    box-sizing: border-box;
    padding-top: 39px;
}

.jf-trandeCont {
    margin-top: 21px;
    height: 138px;
}

.jf-trandeL {
    float: left;
    width: 594px;
    height: 100%;
}

.jf-trandeR {
    float: right;
    width: 594px;
    height: 100%;
    background-color: #fff;
}

.jf-trandeL div {
    background-color: #fff;
}

.jf-trandeLTOP {
    height: 68px;
    margin-bottom: 2px;
}

.jf-trandeLbOT {
    height: 68px;
}

.jf-trandeL .processContent .item {
    float: left;
    padding-top: 20px;
    box-sizing: border-box;
    padding-left: 40px;
}

.jf-trandeL .processContent .item:nth-child(1) {
    position: relative;
    width: 180px;
    height: 68px;
    background: url(/icp/01_04.png);
    padding-left: 50px;
    padding-top: 23px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.jf-trandeL .processContent .item:nth-child(1):before {
    content: '';
    position: absolute;
    left: 12px;
    top: 18px;
    width: 30px;
    height: 30px;
    background: url('/icp/01_02.png') no-repeat;
}

.jf-trandeL .jf-bg1:before {
    background-position: -10px -345px !important;
    /*background: #fff url(/icp/01_02.png) 0 -324px no-repeat;*/
}

.jf-trandeL .jf-bg2:before {
    background-position: -10px -449px !important;
    /*background: #fff url(/icp/01_02.png) 0 -429px no-repeat;*/
}

.jf-trandeL .processContent .item:nth-child(2) {
    width: 186px;
    position: relative;
}

.jf-trandeL .processContent .item:nth-child(2):after {
    content: '';
    position: absolute;
    top: 28px;
    right: -16px;
    border: 8px solid transparent;
    border-left-color: #617190;
}

.jf-trandeL .processContent .item div {
    margin-bottom: 6px;
    height: 100%;
}

.jf-trandeL .processContent .item a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #babcc1;
}

.jf-trandeR .processContent .item {
    float: left;
    padding-top: 52px;
    padding-left: 45px;
    box-sizing: border-box;
    position: relative;
}

.jf-trandeR .processContent .item:nth-child(1) {
    width: 151px;
}

.jf-trandeR .processContent .item:nth-child(1):after {
    content: '';
    position: absolute;
    top: 63px;
    right: -16px;
    border: 8px solid transparent;
    border-left-color: #617190;
}

.jf-trandeR .processContent .item:nth-child(1):before {
    content: '';
    position: absolute;
    top: 54px;
    left: 0;
    border: 15px solid transparent;
    border-left-color: #eef0f9;
}

.jf-trandeR .processContent .item:nth-child(2) {
    width: 135px;
}

.jf-trandeR .processContent .item:nth-child(2):after {
    content: '';
    position: absolute;
    top: 63px;
    right: -16px;
    border: 8px solid transparent;
    border-left-color: #617190;
}

.jf-trandeR .processContent .item:nth-child(3) {
    width: 129px;
}

.jf-trandeR .processContent .item:nth-child(3):after {
    content: '';
    position: absolute;
    top: 63px;
    right: -16px;
    border: 8px solid transparent;
    border-left-color: #617190;
}

.jf-trandeR .processContent .item div {
    margin-bottom: 13px;
}

.jf-trandeR .processContent .item a {
    font-size: 12px;
    color: #babcc1;
}

.jf-trandeOR {
    margin-top: 18px;
    background-color: #fff;
    overflow: hidden;
}

.jf-trandeOR li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    font-size: 12px;
    color: #3c4556;
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.jf-trandeOR1 {
    padding-left: 30px;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
}

.jf-trandeOR1 {
    padding-left: 30px;
}

.jf-trandeOR2 {
    padding-left: 36px;
}

.jf-trandeY {
   float: left;
    width: 6px;
    height: 6px;
    background-color: #c96;
    border-radius: 50%;
    margin:13px 12px 0 0;
}

.jf-trandeBtn {
    margin-top: 25px;
    text-align: center;
    font-size: 0;
}

.jf-trandeBtn .btn {
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    width: 164px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    background-color: #fff;    
    border: 1px solid #e6e6e6;
}

.jf-trandeBtn .btn:not(.btnF):hover {
    border-color: #c96;
}

.jf-trandeBtn .btn a {
   display: block;
    color: rgba(85,85,85.7);
}

.jf-trandeBtn .btnF a:hover {
    color: #FFF !important;
    background-color: #f32;
}

.jf-trandeBtn .btnF {
    color: #FFF;
    background-color: #f54;
    border: 1px solid #f54;
}

.jf-trandeBtn .btnF a {
    color: #fff;
}

/*特色*/
#fiveChar {
    background: #383c49;
}

.fivechar li i {
    background: url(/icp/01_01.png) no-repeat;

}

.fivechar li .fivecharcon .txt {
    display: inline-block;

    color: rgba(255, 255, 255, .7);
}

.fivechar li.charA i {
    margin: 8PX 8px 0 0;
    background-position: 0px 1px;
}

.fivechar li.charB i {
    margin: 8PX 8px 0 6px;
    background-position: -49px 1px;
}

.fivechar li.charC i {
    margin: 8PX 8px 0 14px;
    background-position: -98px 1px;
}

.fivechar li.charD i {
    margin: 8PX 8px 0 24px;
    background-position: -147px 1px;
}

.fivechar li.charE i {
    margin: 8PX 8px 10px 46px;
    background-position: -196px 1px;
}

.colorRed {
    color: #fe5a48;
}

/* 实名认证企业 */
.certificationQIye {
    display: inline-block;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    background: url('/icp/certificationQIye.png') no-repeat center;
    vertical-align: middle;
}

/* 服务分类 */
.workTypeNavWrap {
    position: relative;
    float: left;
}

.workTypeNavWrap .jf-classR {
    padding-left: 18px;
    display: block;
    cursor: default;
    color: #191c2b;
    width: 140px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding-right: 19px;
}

.workTypeNavWrap .jf-classR .item_1 {
    float: left;
    width: 18px;
    height: 13px;
    background: url(/icp/fenlei_1.png) no-repeat;
    margin-top: 13px;
    margin-right: 8px;
    background-size: contain;
}

.workTypeNavWrap:hover .jf-classR .item_1 {
    background-image: url(/icp/fenlei_3.png);
}
.workTypeNavWrap:hover .jf-classR{
    position: relative;
    height: 43px;
    background-color: #fff;
    z-index: 100;
}
.workTypeNavWrap .jf-classR .item_2 {
    float: right;
    width: 9px;
    height: 5px;
    background: url(/icp/fenlei_2.png) no-repeat center;
    margin-top: 17px;
    background-size: contain;
}

.workTypeNavWrap:hover .jf-classR .item_2 {
    background-image: url(/icp/fenlei_4.png);
}

#workTypeNav {
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    width: 240px;
    z-index: 99;
    line-height: normal;
    margin: 0;
    background: #fff;
    height: auto;
}

.worktypebox li {
    display: inline-block;
    padding: 2px 0;
    width: 100%;
    height: 18px;
    line-height: 22px;
}

.worktypebox li a {
    display: inline-block;
    margin-left: 5px;
    padding: 0 3px;
    font-weight: 100;
    color: #191c2b;
}

.worktypebox .title {
    text-align: left;
}

.worktypebox .title a {
    color: #191c2b;
}

.worktypebox {
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #3e4756;
    margin-left: 15px;
    margin-right: 15px;
}

.workTypeNavWrap:hover span {
    color: #cea870;
    /*background: #272E3C;*/
    border-color: #E5E5E5;
    border-bottom-color: transparent;
}

.workTypeNavWrap:hover #workTypeNav {
    display: block;
    border: 1px solid #E5E5E5;
 }

/* 用户信息模块右侧 开始 */
*:focus {
    outline: none;
}

.m_user_info {
    float: right;
    width: 300px;
    height: 480px;
    background-color: #fff;
}

.user_head_img {
    margin-left: 30px;
    float: left;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
}

.user_head_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user_login_info {
   margin-left: 92px;
}

.user_login_info p {
    font-size: 12px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}

.m_user_no_login {
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
}

.m_user_no_login .m_login {
    box-sizing: border-box;
    float: left;
    margin-right: 12px;
    width: 85px;
    height: 22px;
    line-height: 20px;
    color: #fff;
    background: #c96;
    border: 1px solid #c96;
    border-radius: 10px;
    text-decoration: none;
}

.m_user_no_login .m_login:hover {
    color: #c96;
    background-color: transparent;
}

.m_user_no_login .m_register {
    box-sizing: border-box;
    float: left;
    width: 85px;
    height: 22px;
    color: #c96;
    border: 1px solid #cea870;
    border-radius: 10px;
    text-decoration: none;
}

.m_user_no_login .m_register:hover {
    color: #fff;
    background-color: #c96;
}

.m_user_yes_login {
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
}

.m_user_yes_login a {
    text-decoration: none;
}

.m_user_yes_login .m_label_box {
    float: left;
    margin-right: 10px;
    padding: 0 5px;
    height: 18px;
    font-size: 12px;
    color: #939BA9;
    border: 1px solid rgba(98, 107, 124, 1);
    border-radius: 9px;
}

.m_user_yes_login .m_label_box:hover {
    color: #fff;
    opacity: 0.6;
    background-color: rgba(98, 107, 124, 1);
}

.m_user_yes_login .m_label_box:last-child {
    margin-right: 0;
}

.m_user_yes_login .m_label_box.no_name {
    border: 1px solid rgba(136, 73, 73, 1);
    border-radius: 9px;
    color: #884949;
}

.m_user_yes_login .m_label_box.no_name:hover {
    color: #191C2B;
    background-color: #884949;
}

.m_user_yes_login .m_label_box.up_qy {
    color: #11BB99;
    border: 1px solid rgba(17, 187, 153, 1);
    border-radius: 9px;
}

.m_user_yes_login .m_label_box.up_qy:hover {
    display: block;
    color: #191C2B;
    background-color: #11BB99;
}

.m_user_info .user_top {
    padding-top: 43px;
    height: 70px;
    overflow: hidden;

}

.m_user_info .user_main {
    height: 187px;
    overflow: hidden;
}

.m_user_info .user_main .m_head_tab {
    margin-left: 20px;
    width: 260px;
    height: 50px;
    border-bottom: 1px solid #E1E2E5;
}

.user_main .m_head_tab .m_tab_list {
    position: relative;
    cursor: pointer;
    text-align: center;
    float: left;
    width: 130px;
    height: 50px;
    color: #D0D1D3;
}

.user_main .m_head_tab .m_tab_list h3 {
    font-size: 14px;
    color: #555;
}

.user_main .m_head_tab .m_tab_list p {
    font-size: 12px;
    color: #999;
}

.user_main .m_head_tab .m_tab_list.active {
    border-bottom: 3px solid #D6B893;
    height: 49px;
}

.user_main .m_head_tab .m_tab_list.active:after {
    content: '';
    position: absolute;
    width: 8px;
    bottom: -7px;
    height: 4px;
    margin-left: -4px;
    left: 50%;
    background: url('/icp/activeArrowDown.png') no-repeat center;
}

.user_main .m_head_tab .m_tab_list.active h3 {
    color: #555;
}


.m_change_tab {
    width: 100%;
    overflow: hidden;
}

.m_change_tab .m_up {
    padding-top: 20px;
    height: 60px;
}

.m_change_tab .m_up .m_box {
    float: left;
    color: #FE5A48;
    font-size: 14px;
}

.m_change_tab .m_up .m_box span:first-child {
    font-size: 20px;
}

.m_change_tab .m_up .m_box p {
    font-size: 12px;
    color: #999;
    /* opacity: 0.5; */
}

.m_change_tab .m_up .m_box.m_up01,
.m_change_tab .m_up .m_box.m_up02 {
    text-align: center;
    width: 80px;
}

.m_change_tab .m_up .m_box.m_up03 {
    text-align: center;
}

.m_change_tab .m_load_up {
    padding-top: 20px;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.m_change_tab .m_load_up_box {
    float: left;
    text-align: center;
    width: 33.33%;
    font-size: 12px;
    color: #FFC7A173;
}

.m_change_tab .m_load_up_box p {
    font-size: 12px;
    color: #89735d;
}

.m_change_tab .m_load_up_box a {
    font-size: 20px;
    color: #D6B893;
}

.m_change_tab .m_load_up_box:hover a {
    text-decoration: underline;
}

.m_change_tab .m_load_up_box.m_load_up_box01 {
    width: 100%;
}

.m_change_tab .m_load_up_box.m_load_up_box02 {
    width: 50%;
}

.m_change_tab .m_load_up_box.m_load_up_box02 i {
    margin: 0 auto;
    display: block;
    width: 22px;
    height: 20px;
    background: url('/icp/head_icon.png') no-repeat top center;
}

.m_change_tab .m_load_up_box.m_load_up_box02 h4 {
    font-size: 12px;
    color: rgba(199, 161, 115, 0.7);
}

.m_change_tab .m_down {
    cursor: pointer;
    width: 260px;
    height: 36px;
    line-height: 36px;
}

.m_change_tab .m_down .m_down_left {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    text-align: center;
    float: left;
    width: 165px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: #f54;
    text-decoration: none;
}

.m_change_tab .m_down .m_down_left:hover {
    background-color: #f32;
}

.m_change_tab .m_down .m_down_right {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    text-align: center;
    float: left;
    width: 95px;
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
    background-color: #f54;
    text-decoration: none;
}

.m_change_tab .m_down .m_down_right:hover {
    background-color: #f32;
}

.m_change_tab .m_down .m_down_left.m_down_left01 {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    text-align: center;
    float: left;
    width: 50%;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: rgba(17, 187, 153, 1);
}

.m_change_tab .m_down .m_down_left.m_down_left01:hover {
    background-color: rgba(17, 170, 139, 1);
}

.m_change_tab .m_down .m_down_right.m_down_right01 {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    text-align: center;
    float: left;
    width: 50%;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(199, 161, 115, 1);
}

.m_change_tab .m_down .m_down_right.m_down_right01:hover {
    background-color: rgba(198, 145, 88, 1);
}

.m_change_tab .m_load_down .m_down_left {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    text-align: center;
    float: left;
    width: 165px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: #11BB99;
}

.m_change_tab .m_load_down .m_down_left:hover {
    background-color: #129F83;
}

.m_change_tab .m_load_down .m_down_right {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    text-align: center;
    float: left;
    width: 95px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    background-color: #1AAC8F;
}

.m_change_tab .m_load_down .m_down_right:hover {
    background-color: #129F83;
    color: rgba(255, 255, 255, 1);
}

.m_change_tab .m_up .m_btn {
    display: block;
    margin-top: -5px;
    cursor: pointer;
    position: relative;
    color: #fff;
    width: 260px;
    height: 50px;
    border-radius: 25px;
    background-color:#faf6f0;
    text-decoration: none;
    padding-left: 58px;
    box-sizing: border-box;
}

.m_change_tab .m_up .m_btn:hover {
    background-color: #c96;
}

.m_change_tab .m_up .m_btn:hover .item1 {
    background-image: url('/icp/rzhy_2.png');
}

.m_change_tab .m_up .m_btn:hover .item2 {
    background-image: url('/icp/rzhy_4.png');
}

.m_change_tab .m_up .m_btn h3 {
    padding-top: 6px;
    font-size: 14px;
    color: #333;
}

.m_change_tab .m_up .m_btn p {
    font-size: 12px;
    color: #555;
}
.m_change_tab .m_up .m_btn:hover h3,.m_change_tab .m_up .m_btn:hover p{
    color: #fff;
} 

.m_change_tab .m_up .m_btn i.item1 {
    display: block;
    position: absolute;
    left: 18px;
    top: 13px;
    width: 24px;
    height: 24px;
    background: url('/icp/rzhy_1.png') no-repeat top center;
}

.m_change_tab .m_up .m_btn i.item2 {
    position: absolute;
    right: 20px;
    top: 17px;
    width: 16px;
    height: 16px;
    background: url('/icp/rzhy_3.png') no-repeat center;
}

.m_user_info .user_bottom {
    height: 68px;
    overflow: hidden;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.m_user_info .user_bottom .m_left_box {
    position: relative;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
    padding-right: 6px;
    width: 28px;
    height: 28px;
    line-height: 16px;
    font-size: 12px;
    color: #555;

}

.m_user_info .user_bottom .m_left_box:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 27px;
    background-color: #c96;
    opacity: 0.6;
    top: 3px;
}

.m_user_info .user_bottom .m_right_box {
    float: left;
    font-size: 12px;
    color: #C7A173;
    overflow: hidden;
    width: 80%;
}

.m_user_info .m_total {
    line-height: 73px;
    float: left;
    box-sizing: border-box;
    min-width: 25%;
    font-family: Impact;
}

.m_user_info .m_total:first-child {
    margin-left: 10px;
    margin-right: 14px;
}

.m_user_info .m_total span:first-child {
    font-size: 16px;
    letter-spacing: 1px;
}

/* 用户信息模块右侧 结束 */

.curpointer {
    cursor: pointer;
}

.search-nav {
    left: 0;
    top: 39px;
    width: 98px;
    box-sizing: border-box;
    border: solid 1px #bbbbbb;
}

.search-nav li:hover {
    background-color: #fffdf9;
}

#opacitylayer {
    z-index: 1000;
}

#kpop-alert {
    z-index: 1001;
}

.scrollMain {
    padding: 9px 0;
}

.scrollMain .scroll {
    height: 30px; /*显示多少li*/
    width: 100%;
    overflow: hidden;
    position: relative;
}

.scrollMain .scroll ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.scrollMain .scroll li {
    float: left;
    padding-right: 10px;
    width: 50%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    color: #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#qualityPro_zdfw .notDataShow {
    line-height: 12px;
    color: #999;
    margin-top: 17px;
    margin-left: 12px;
}

canvas {
    cursor: default;
}

/*新右侧*/
/*.clearBothNew:after {*/
/*    content: "";*/
/*    display: block;*/
/*    clear: both;*/
/*}*/

/*#right-new-xf {*/
/*    width: 482px;*/
/*    background: #fff;*/
/*    padding: 12px 0;*/
/*    border: 1px solid #DCB593;*/
/*    text-align: center;*/
/*    position: absolute;*/
/*    right: 57px;*/
/*    top: -90px;*/
/*}*/

/*#right-new-xf .commonAside_float_arrow {*/
/*    top: 92px;*/
/*}*/

/*#right-new-xf:after {*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-width: 10px 10px;*/
/*    border-color: transparent;*/
/*    border-left-color: #fff;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 104px;*/
/*}*/

/*#right-new-xf:before {*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-width: 10px 10px;*/
/*    border-color: transparent;*/
/*    border-left-color: #DCB593;*/
/*    position: absolute;*/
/*    right: -21px;*/
/*    top: 104px;*/
/*}*/

/*#right-new-xf .new-shop-app-box {*/
/*    text-align: center;*/
/*}*/

/*#right-new-xf .new-shop-app-name {*/
/*    font-size: 14px;*/
/*    color: #333;*/
/*}*/

/*#right-new-xf .new-shop-app-desc {*/
/*    font-size: 12px;*/
/*    color: #555;*/
/*    margin-bottom: 12px;*/
/*}*/

/*#right-new-xf .new-shop-app-botdesc {*/
/*    font-size: 12px;*/
/*    color: #999;*/
/*    margin-top: 10px;*/
/*    text-align: center;*/
/*    margin-bottom: 6px;*/
/*}*/

/*#right-new-xf>li {*/
/*    width: 160px;*/
/*    float: left;*/
/*    border-right:1px solid #f6f6f6;*/
/*}*/

/*#right-new-xf>li:nth-child(4) {*/
/*    border: none;*/
/*}*/

/*#right-new-xf>li div.img-box-new img {*/
/*    width: 80px;*/
/*    height: 80px;*/
/*}*/

/*.iconWrap .downSelBottom{*/
/*    right: 0!important;*/
/*}*/
/*新右侧*/