body {background: #eff1f3;}
img {vertical-align: bottom;}
.wap-wrap {background: transparent;}
.warranty-clause {background: #fff;}
.warranty-header {position: relative; height: 13.31rem; background-position: left top; background-repeat: no-repeat; background-size: contain;
overflow: hidden; margin-bottom: .4rem;}
.warranty-header.quality-header {height: 7.98rem; background-image: url(../img/quality_warranty_bg.png?ver=3);}
.warranty-header a {position: absolute; top: 7.35rem; width: 3.15rem; height: 2.35rem; display: block; text-indent: -9999px; overflow: hidden;}
a.quality-guarantee {left: 1.2rem;}
a.decorate-guarantee {left: 0.44rem;}
a.building-guarantee {left: 3.87rem;}
a.decorate-guarantee-building {left: 0.44rem; top: 9.45rem;}
a.building-guarantee-building {left: 3.87rem; top: 9.45rem;}
/*.warranty-header.quality-header a {top: 4.65rem;}*/
.warranty-header.decorate-header {height: 12.9rem; background-image: url(../img/decorate_warranty_bg.png?ver=6);}
.warranty-header.building-header {height: 15.34rem;background-image: url(../img/building_warranty_bg.png?ver=6);}


.clause-item {margin: 0 .4rem; padding-bottom: .6rem;}
.warranty-main-title {display: flex; align-items: center;}
.left-title-line,
.right-title-line  {height: .1rem; width: 2.83rem;}
.left-title-line {background: url(../../images/warranty/left_title_line.png) right top no-repeat; background-size: auto .1rem;}
.right-title-line {background: url(../../images/warranty/right_title_line.png) left top no-repeat; background-size: auto .1rem;}
.warranty-main-title .main-title {width: 1.04rem; font-size: .24rem; line-height: 1; text-align: center; color: #79a9eb; font-weight: 700;}
.decorate-stage {margin-top: .43rem;}
.decorate-stage .item-title,
.service-title               {font-size: .3rem; color: #31395d; line-height: 1; font-weight: 700; margin-bottom: .2rem;}
.decorate-stage .item-content,
.item-service-title,
.indemnity-content           {font-size: .24rem; line-height: .56rem; color: #31395d;}
.item-service-title {line-height: .5rem;}
.indemnity-content span {color: #ff4e43;}
.decorate-stage .item-content li {padding-left: .43rem; position: relative;}
.decorate-stage .item-content span {position: absolute; left: 0; color: #76a7ea; }
.item-service-title span           {color: #76a7ea; margin-right: .1rem;}
.item-service-title a {color: #76a7ea; text-decoration: underline;}
.service-tips {background: #e7f1ff; line-height: 1.5; text-align: center; padding: .16rem .18rem; font-size: .22rem; color: #78a8eb; border-radius: .05rem; margin: .2rem 0 .42rem;}
.service-title, 
.item-service-title {margin-bottom: .2rem;}
.item-service {margin-bottom: .4rem;}
.step-1 {display: flex; align-items: center;}
.item-service-content {font-size: 0;}
.personal-pic,
.step-2       {width: 6.7rem;}
.personal-pic img,
.step-2 img,
.special-desc,
.acceptance-conditions {border: .01rem solid #d9e2f5; border-radius: .1rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.15); box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);}
.special-desc,
.acceptance-conditions  {background: #f7f7f7; padding: .35rem .29rem .1rem; font-size: .24rem;}
.special-desc-title,
.conditions-title {color: #6b7f99; font-weight: 700; margin-bottom: .28rem;}
.special-desc .stage-title,
.conditions-content li   {line-height: .44rem; margin-bottom: .2rem; padding-left: .5rem; color: #6b7f99; background-position: 0 .07rem; background-repeat: no-repeat; background-size: .3rem auto;}
.no-1 {background-image: url(../../images/warranty/num_1.png);}
.no-2 {background-image: url(../../images/warranty/num_2.png);}
.no-3 {background-image: url(../../images/warranty/num_3.png);}
.no-4 {background-image: url(../../images/warranty/num_4.png);}
.no-5 {background-image: url(../../images/warranty/num_5.png);}
.stage-content {margin: .08rem 0 .2rem .5rem; padding: 0 19px; background: #fff; border: 1px solid #f1f1f1; border-radius: 6px;}
.stage-content .item-stage {line-height: .44rem; border-bottom: .02rem dashed #e5e5e5; color: #aaa; padding: .28rem 0;}
.stage-content .item-stage:last-child {border-bottom: none;}
.stage-content .item-stage a,
.service-content a            {color: #76a7ea; text-decoration: underline;}
.process-content .item-detail a {color: #76a7ea; text-decoration: underline;}
.stage-content .item-detail i {display: inline-block; width: .08rem; height: .15rem; background: url(../../images/warranty/right_arrow.png) right center no-repeat; background-size: contain; margin-left: .13rem;}


.warranty-business {padding: .4rem 0 .34rem; background: #fff; margin: .2rem auto 0;}
.J-business-list ul {display: flex; padding: 0 .23rem;}
.warranty-business li {width: 1.7rem; padding: 0 .03rem;}
.warranty-business li:nth-child(n+5) {display: none;}
.warranty-business li .pic {width: .9rem; height: .9rem; margin: 0 auto; font-size: 0;}
.warranty-business li .pic  img {border-radius: .45rem;}
.warranty-business li .pic  a {display: block; width: 100%; height: 100%; position: relative;}

.warranty-business .business-txt {
    font-size: .2rem;
    width: 90%;
    margin: .13rem auto 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    /*height: .2rem;*/
    text-align: center;
}
.warranty-business .business-txt a {color: #333;}
.J-exchange-btn {display: none; cursor: pointer; width: 1.6rem; line-height: .32rem; margin: .37rem auto 0; font-size: .2rem; color: #76a7ea; text-align: center;}
.J-exchange-btn i {width: .16rem; height: .22rem; display: inline-block; background: url(../../images/warranty/change_btn.png) left top no-repeat; background-size: contain; margin-right: .1rem; position: relative; top: .04rem;}

.warranty-qa {background: #fff; margin: .2rem auto 0; padding: .6rem .4rem .4rem;}
.warranty-qa .warranty-main-title {margin-bottom: .6rem;}
.qa-content li {line-height: .44rem; padding-left: .5rem; font-size: .24rem; color: #31395d; background-position: left .07rem; background-repeat: no-repeat; background-size: .3rem auto;}
.service-question {margin-bottom: .2rem;}
.service-question {background-image: url(../../images/warranty/icon_question.png);}
.service-answer {background-image: url(../../images/warranty/icon_answer.png);}
.service-answer a {color: #76a7ea; text-decoration: underline; margin: 0 3px;}
.acceptance-conditions {margin-top: 20px;}
.question-reminder {color: #a5acb0; font-size: .24rem; margin: .32rem 0 .29rem;}
.warranty-authority {text-align: center; font-size: .24rem; line-height: 1; color: #a5acb0; background: #fff; padding-bottom: .5rem;}

.guarantee-tips {margin: 0 .4rem .6rem; padding: .2rem .5rem; text-align: center; line-height: .4rem; background: #e7f1ff; font-size: .22rem; border-radius: .05rem; color: #31395d;}
.guarantee-tips a {color: #78a8eb; margin: 0 .03rem; text-decoration: underline; font-weight: 700;}
.warranty-service .warranty-main-title {margin-bottom: .6rem;}
.warranty-service .service-content {line-height: .44rem; font-size: .24rem; color: #31395d;}
.building-service-item li {margin-bottom: .6rem;}
.building-service-item li:last-child {margin-bottom: 0;}
.service-content p {margin-bottom: .2rem;}
.service-content p:last-child {margin-bottom: 0;}
.warranty-qa .warranty-main-title .main-title {width: 1.88rem;}

.warranty-mark,
.warranty-building-mark {display: inline-block; width: 1.2rem; height: .32rem; text-indent: -9999px; overflow: hidden; margin: 0 .08rem; position: relative; top: .07rem;}
.warranty-mark {background: url(../../images/decorate/icon_warranty_horizontal.png) left top no-repeat; background-size: contain;}
.warranty-building-mark {background: url(../../images/building/warranty/icon_warranty_horizontal.png) left top no-repeat; background-size: contain;}
.member-protection {margin: 0 .4rem;}
.guarantee-explain {padding: .2rem .5rem; line-height: .4rem; font-size: .22rem; color: #434b6d; text-align: center; margin-bottom: .6rem; background: #e7f1ff; border-radius: .06rem;}
.guarantee-explain a {color: #76a7ea; text-decoration: underline; margin: 0 .05rem;}
.warranty-main-title {margin-bottom: .4rem;}
.member-protection .left-title-line,
.member-protection .right-title-line {width: 2.03rem;}
.member-protection .main-title  {width: 2.64rem;}
.protection-content {color: #31395d; padding-bottom: .6rem;}
.protection-content li {margin-bottom: .4rem;}
.protection-content li:last-child {margin-bottom: 0;}
.protection-content .item-title {font-size: .3rem; font-weight: 700; line-height: 1; margin-bottom: .2rem;}
.protection-content .item-content {font-size: .24rem; line-height: .56rem;} 
.liba-supervision,
.liba-requirements,
.liba-offer,
.advance-compensation {margin: .2rem 0 0; background: #fff; padding: .6rem .4rem .4rem; color: #31395d;}
.liba-supervision .left-title-line,
.liba-supervision .right-title-line,
.liba-offer .left-title-line,
.liba-offer .right-title-line {width: 1.43rem;}
.liba-supervision .main-title,
.liba-offer .main-title  {width: 3.84rem;}
.supervision-title,
.process-title    {line-height: .54rem; background: #e7f1ff; color: #31395d; text-align: center; font-size: .24rem; border-radius: .06rem; margin-bottom: .4rem;}
.supervision-content li {background: url(../../images/warranty/line_bg.png) .12rem 0 repeat-y; background-size: .01rem auto; padding-bottom: .6rem;}
.supervision-content li:last-child {background: none;}
.supervision-content .item-title {font-size: .30rem; color: #31395d; font-weight: 700; padding-left: .5rem; margin-bottom: .2rem; line-height: 1;}
.supervision-content .item-content {line-height: .56rem; margin-left: .5rem; font-size: .24rem;}
.supervision-content .item-title {background-position: left top; background-repeat: no-repeat; background-size: .24rem auto;}
.supervision-content .no-1 .item-title {background-image: url(../../images/warranty/no_1.png);}
.supervision-content .no-2 .item-title {background-image: url(../../images/warranty/no_2.png);}
.supervision-content .no-3 .item-title {background-image: url(../../images/warranty/no_3.png);}
.supervision-content .no-4 .item-title {background-image: url(../../images/warranty/no_4.png);}
.supervision-content .no-5 .item-title {background-image: url(../../images/warranty/no_5.png);}
.supervision-content .no-6 .item-title {background-image: url(../../images/warranty/no_6.png);}
.supervision-content .no-7 .item-title {background-image: url(../../images/warranty/no_7.png);}
.supervision-content .no-8 .item-title {background-image: url(../../images/warranty/no_8.png);}
.supervision-content .no-9 .item-title {background-image: url(../../images/warranty/no_9.png);}
.supervision-content .no-10 .item-title {background-image: url(../../images/warranty/no_10.png);}
.supervision-content .no-11 .item-title {background-image: url(../../images/warranty/no_11.png);}
.supervision-content .no-12 .item-title {background-image: url(../../images/warranty/no_12.png);}
.supervision-content .no-13 .item-title {background-image: url(../../images/warranty/no_13.png);}
.supervision-content .no-14 .item-title {background-image: url(../../images/warranty/no_14.png);;}

.liba-indicate {line-height: .44rem; font-size: .24rem; color: #aaa; margin-top: -.37rem;}

.liba-requirements .left-title-line,
.liba-requirements .right-title-line {width: 1.13rem;}
.liba-requirements .main-title {width: 4.44rem;}
.item-requirement li,
.item-offer li,
.process-content li      {margin-bottom: .4rem;}
.item-requirement li:last-child,
.item-offer li:last-child,
.process-content li:last-child {margin-bottom: 0;}
.item-requirement .item-title,
.item-offer .item-title,
.process-content .item-title      {font-size: .3rem; font-weight: 700; line-height: 1; margin-bottom: .2rem;  margin-bottom: .2rem;}
.item-requirement .item-title {padding-left: .3rem; background: url(../../images/warranty/icon_li.png) left center no-repeat; background-size: .06rem auto;}
.item-requirement .item-content,
.item-offer .item-content,
.process-content .item-content      {line-height: .56rem; font-size: .24rem;}
.liba-requirements,
.liba-offer        {padding-bottom: .6rem;}
.advance-compensation .warranty-main-title {margin-bottom: .4rem;}
.compensation-content {line-height: .56rem; font-size: .24rem; padding-bottom: .2rem;}
.advance-compensation .left-title-line,
.advance-compensation .right-title-line {width: 2.53rem;}
.advance-compensation .main-title  {width: 1.64rem;}
.qa-sample {margin-top: .1rem;}
.process-title  {margin-top: .6rem;}
.process-content {color: #31395d;}
.special-desc {margin: .2rem 0 .4rem;}




