@charset "utf-8";

.appraisebox {
    width: 100%;
    min-height: 300px;
    background: #f0edf2;
}

.wth1200 {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.bread {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #8f8f8f;
    /* padding-left: 19px; */
    /* background: url(../images/breadbig.png) no-repeat left center */
}

.bread a {
    font-size: 12px;
    color: #8f8f8f;
    margin-right: 18px;
    padding: 4px;
    position: relative
}

.bread a:last-child {
    color: #977efe;
}

.bread a:last-child::after {
    content: ">";
    display: inline-block;
    width: 8px;
    height: 100%;
    vertical-align: top;
    /* background: url(../images/breadsm.png) no-repeat left center; */
    position: absolute;
    left: -11px;
    /* top: 0 */
}

.bread a:first-child::after {
    width: 0
}

.gujiabox {
    position: relative;
    overflow: hidden;
    margin-bottom: 70px
}

.gujiabox .gujiafl {
    float: left;
    width: 925px;
    /* border-top: 3px solid #c26aff; */
    background: url(../images/gujia_bg.png) #fff no-repeat center bottom;
}

.gujiabox .sundryfr {
    float: right;
    width: 264px
}

.gujiafl .title {
    height: 85px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #999;
    padding: 0 74px;
    line-height: 111px;
    overflow: hidden
}

.gujiafl .title span {
    font-size: 22px;
    font-weight: bold;
    color: #17172d;
    padding-left: 32px;
    background: url(../images/icon_gujia.png) no-repeat left center;
    padding-right: 7px
}

.gujiafl .title i {
    float: right;
    font-size: 12px;
    color: #999;
    font-style: normal;
    padding-top: 6px
}

.gujiafl .title b {
    font-weight: normal;
    color: #977efe;
    padding: 0 4px
}

.gujiafl .gujiabd {
    padding: 30px 75px 48px 73px;
}

.gujiafl .tabbd {
    height: 44px;
    padding-bottom: 31px;
    margin-bottom: 28px;
    background: url(../images/line_tabbd.png) no-repeat left 74px;
}

/* 2020.3.14注释width387,添加display */
.gujiafl .tabbd ul {
    /* width: 387px; */
    display: inline-block;
    height: 42px;
    line-height: 42px;
    background: #f0f4fa;
    border: 1px solid #dadff2;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.gujiafl .tabbd li {
    width: 128px;
    float: left;
    border-left: 1px solid #dadff2;
    text-align: center
}

.gujiafl .tabbd li:last-child {
    width: 129px;
}

.gujiafl .tabbd .li01 {
    border-left: none;
}

.gujiafl .tabbd li a {
    display: block;
    font-size: 15px;
    color: #a7acbf
}

.gujiafl .tabbd li.on a {
    font-weight: bold;
    color: #fff;
    background: #977efe;
    box-shadow: 0 3px 7px rgba(191, 200, 255, 0.52);
    -webkit-box-shadow: 0 3px 7px rgba(191, 200, 255, 0.52)
}

.gujiafl .tabbd li a i {
    display: inline-block;
    vertical-align: top;
    height: 42px;
    margin-right: 10px
}

.gujiafl .tabbd .li01 a i {
    width: 21px;
    background: url(../images/icon1_wxin.png) no-repeat left center
}

.gujiafl .tabbd .li02 a i {
    width: 23px;
    background: url(../images/icon2_wbo.png) no-repeat left center
}

.gujiafl .tabbd .li03 a i {
    width: 28px;
    background: url(../images/icon3_ttiao.png) no-repeat left center
}

.gujiafl .tabbd .li04 a i {
    width: 16px;
    background: url(../images/icon4_dy.png) no-repeat left center
}

.gujiafl .tabbd .li05 a i {
    width: 16px;
    background: url(../images/icon5_kshou.png) no-repeat left center
}


/*小红书*/

.gujiafl .tabbd .li06 a i {
    width: 20px;
    background: url(../images/icon6_xhshu.png) no-repeat left center
}
.gujiafl .tabbd .li07 a i {
    width: 28px;
    background: url(../images/icon3_ttiao.png) no-repeat left center
}
.gujiafl .tabbd .li07.on a i {
    background: url(../images/icon3_ttiao_on.png) no-repeat left center
}

.gujiafl .tabbd .li01.on a i {
    background: url(../images/icon1_wxin_on.png) no-repeat left center
}

.gujiafl .tabbd .li02.on a i {
    background: url(../images/icon2_wbo_on.png) no-repeat left center
}

.gujiafl .tabbd .li03.on a i {
    background: url(../images/icon3_ttiao_on.png) no-repeat left center
}

.gujiafl .tabbd .li04.on a i {
    background: url(../images/icon4_dy_on.png) no-repeat left center
}

.gujiafl .tabbd .li05.on a i {
    background: url(../images/icon5_kshou_on.png) no-repeat left center
}


/*小红书*/

.gujiafl .tabbd .li06.on a i {
    background: url(../images/icon6_xhshu_on.png) no-repeat left center
}

.checklist label {
    font-size: 4px
}

.gujiafl .contbd {
    position: relative
}

.gujiafl .contbd .ul {
    width: 794px;
}

.gujiafl .contbd .ul::after {
    content: "";
    display: block;
    clear: both
}

.gujiafl .contbd .ul .li {
    float: left;
    margin-right: 17px;
    margin-bottom: 20px;
    width: 379px;
    height: 44px;
    border: 1px solid #e5e5ed;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative
}

.gujiafl .contbd .ul .li .tit {
    float: left;
    font-size: 14px;
    color: #6c6f82;
    background: #f6f7fb;
    width: 92px;
    height: 42px;
    border-right: 1px solid #e5e5ed;
    text-align: center;
    line-height: 42px
}

.gujiafl .contbd .ul .li>input {
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #a6abbe;
    text-indent: 10px
}

.gujiafl .contbd .ul .li>.inp1 {
    width: 100%;
}

.gujiafl .contbd .ul .li>.inp2 {
    width: 285px;
}

.gujiafl .contbd .ul .li>.inp3 {
    width: 204px;
}

.gujiafl .contbd .ul .li label {
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #6c6f82;
    margin-left: 8px;
    padding-right: 5px
}

.gujiafl .contbd .ul .li label input {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: 13px
}

.gujiafl .contbd .ul .li .btn {
    float: left;
    border-left: 1px solid #e5e5ed;
    width: 80px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 12px;
    color: #6278ff;
}

.gujiafl .contbd .ul .li .selectbox {
    float: left;
    height: 42px;
    background: url(../images/icon_pulldown.png) no-repeat right 14px center;
    position: relative
}

.gujiafl .contbd .ul .li .select1 {
    width: 100%;
}

.gujiafl .contbd .ul .li .select2 {
    width: 285px;
}

.gujiafl .contbd .ul .li .select3 {
    width: 142.5px;
    border-left: 1px solid #e5e5ed;
    margin-left: -1px
}

.gujiafl .contbd .ul .li .selectbox span {
    display: block;
    font-size: 12px;
    color: #a6abbe;
    height: 42px;
    line-height: 42px;
    text-indent: 10px;
    cursor: pointer;
}

.gujiafl .contbd .ul .li .selectlist {
    width: 100%;
    max-height: 170px;
    border: 1px solid #e5e5ed;
    position: absolute;
    top: 42px;
    left: -1px;
    z-index: 99;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    display: none
}

.gujiafl .contbd .ul .li .selectlist li {
    height: 34px;
    line-height: 34px;
}

.gujiafl .contbd .ul .li .selectlist li a {
    display: block;
    background: #fff;
    font-size: 14px;
    color: #6c6f82;
    text-indent: 10px
}

.gujiafl .contbd .ul .li .selectlist li:hover a {
    background: #a7b3f8;
    color: #fff
}

.gujiafl .contbd .gujiabtn {
    height: 50px;
    margin-top: 10px
}

.gujiafl .contbd .gujiabtn a {
    float: left;
    background: #ffa429;
    background: linear-gradient(72deg, #ffca4e, #ff7d04);
    display: block;
    width: 380px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fffefe;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.gujiafl .contbd .gujiabtn a:first-child {
    background: #977efe;
    margin-right: 17px;
    background: linear-gradient(-72deg, #c065de, #977efe);
}

.gujiafl .contbd .gujiabtn a i {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 22px;
    margin-right: 19px;
    background: url(../images/icon_consult.png) no-repeat center center;
}

.gujiaexpain {
    padding-top: 28px
}

.gujiaexpain .h1 {
    font-weight: bold;
    font-size: 16px;
    color: #6c6f82;
    line-height: 32px
}

.gujiaexpain .h2,
.gujiaexpain .h3 {
    font-size: 14px;
    color: #a7acbf;
    line-height: 28px
}

.gujiaexpain .h3 {
    padding-top: 8px
}

.gujiaexpain .h3 a {
    font-size: 14px;
    color: #977efe;
    text-decoration: underline
}

.weekshow {
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    padding-bottom: 6px;
    margin-bottom: 12px;
    margin-top: 18px
}

.weekshow .tit {
    font-size: 16px;
    color: #17172d;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    background: url(../images/week_tit.png) no-repeat 17px center;
    padding: 14px 16px;
    text-indent: 36px;
    margin-top: 16px
}

.weeklist {
    overflow: hidden;
    padding: 0 16px
}

.weeklist li {
    height: 48px;
    line-height: 48px;
    border-top: 1px dashed #e6e6e6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 26px;
    font-size: 12px;
    color: #6c6f82;
}

.weeklist li span {
    padding-left: 9px
}

.weeklist li i {
    color: #c26aff
}

.weeklist .li01 {
    background: url(../images/week1.png) no-repeat left center;
    border-top: none
}

.weeklist .li02 {
    background: url(../images/week2.png) no-repeat left center
}

.weeklist .li03 {
    background: url(../images/week3.png) no-repeat left center
}

.weeklist .li04 {
    background: url(../images/week4.png) no-repeat left center
}

.weeklist .li05 {
    background: url(../images/week5.png) no-repeat left center
}

.dayscroll {
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    padding-bottom: 9px
}

.dayscroll .tit {
    font-size: 16px;
    color: #17172d;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    background: url(../images/day_tit.png) no-repeat 17px center;
    padding: 14px 16px;
    text-indent: 36px;
    margin-top: 18px
}

.dayscroll .bd {
    height: 319px;
    overflow: hidden
}
.dayscroll .bd div{
	left: 0!important;
}
.dayscroll .bd ul {
    overflow: hidden;
    padding: 0 16px !important
}

.dayscroll .bd li {
    height: 64px !important;
    padding-top: 10px;
    line-height: 22px;
    border-bottom: 1px dashed #e6e6e6;
    font-size: 12px;
    color: #a7acbf;
    position: relative;
    padding-left: 12px
}

.dayscroll .bd li::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
    width: 0;
    height: 0;
    border-left: 4px solid #c26aff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.dayscroll .bd li span {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    background: #dfbdf8;
    padding: 0 10px;
    color: #fff;
    position: relative;
    margin-right: 10px
}

.dayscroll .bd li span::after {
    content: "";
    display: block;
    position: absolute;
    right: -4px;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid #dfbdf8;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.dayscroll .bd li i {
    display: inline-block;
    padding-right: 10px
}


/* 估价详情页 */

.gujiafl .resultbd {
    background: url(../images/result_bg.png) no-repeat;
}

.resultshow {
    width: 774px;
    height: 510px;
    overflow: hidden
}

.resultshow .protit {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    width: 508px;
    height: 44px;
    line-height: 44px;
    background: url(../images/result_tit.png) no-repeat;
    margin: 78px auto 0;
    text-align: center;
}

.resultbd .operatbox {
    margin-top: 40px;
    padding-bottom: 10px
}

.resultbd .formbox {
    height: 44px;
    display: table;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    position: relative;
}

.resultbd .formbox::after {
    content: "";
    display: block;
    border-top: 1px dashed #eee;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.resultbd .formbox input {
    width: 386px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #999;
    text-indent: 10px;
    border-right: none;
    float: left;
}

.resultbd .formbox a {
    float: left;
    width: 193px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background: #f4b521;
    text-align: center;
}

.resultbd .operatbtn {
    height: 44px;
    display: table;
    margin: 0 auto;
}

.resultbd .operatbtn a {
    float: left;
    width: 158px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    color: #ffffff;
    margin: 0 6px;
    border-radius: 5px;
}

.resultbd .operatbtn a.btn1 {
    background: #977efe;
    margin-right: 17px;
    background: linear-gradient(-72deg, #c065de, #977efe);
}

.resultbd .operatbtn a.btn2 {
    background: #ffa429;
    background: linear-gradient(72deg, #ffca4e, #ff7d04);
}

.resultbd .operatbtn a.btn3 {
    color: #6c6f82;
}

.fieldsbox {
    width: 686px;
    height: 150px;
    padding-top: 15px;
    margin: 0 auto;
    padding-left: 24px;
    display: table
}

.fields_line2 {
    height: 155px;
    padding-top: 10px;
}

.fields_line3 {
    height: 143px;
    padding-top: 22px;
}

.fieldsbox ul {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle
}

.fieldsbox ul li {
    width: 267px;
    height: 44px;
    line-height: 44px;
    padding-left: 76px;
    float: left;
    font-size: 16px;
    color: #6c6f82;
}

.fieldsbox ul li span {
    display: inline-block;
    width: 100px;
    text-align: justify;
    vertical-align: top
}

.fieldsbox ul li i {
    display: inline-block;
    padding-left: 100%;
}

.gu_price {
    width: 512px;
    height: 107px;
    background: url(../images/gu_price.png) no-repeat center center;
    margin: 0 auto;
    text-align: center
}

.gu_price .p1 {
    font-size: 14px;
    color: #6c6f82;
    padding: 24px 0 12px;
}

.gu_price .assets {
    font-weight: bold;
    font-size: 32px;
    color: #fc3e0b;
}

.gu_price .assets span {
    font-weight: normal;
    font-size: 16px;
    color: #6c6f82;
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
}

.resultshow .honts {
    font-size: 16px;
    color: #6c6f82;
    text-align: center;
    height: 56px;
    line-height: 56px
}

.resultshow .honts i {
    color: #977efe;
    font-weight: bold;
    padding: 0 5px;
    font-style: normal
}

.resultshow .honts span {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    margin: 20px 0 20px 10px;
}

.resultshow .honts a {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #977efe;
    border-left: 1px solid #977efe;
    padding: 0 10px 0 35px;
    background: url(../images/share.png) no-repeat 10px center;
    margin: 0
}