.contact-box{position: relative;max-width: 120rem;margin:7rem auto 8.5rem;}
.contact-nav-main-box{width:31rem;padding-right:2rem; position: sticky; top: 19rem;}
.contact-content-box{background-color: #f7f7f7;height: 20rem;}
.contact-nav-box{background-color: #efefef;border-radius: 1rem;overflow: hidden;}
.contact-nav-top-box{text-align: center;padding:3rem 0;background-color: #413d3c;}
.contact-title{font-size: 2.8rem;color: #fff;margin-bottom: 1.5rem;}
.contact-sub-title{font-size: 2rem;color: #b5b4b4;}
.contact-nav-top-icon{width:0;height: 0;border:1.2rem solid #413d3c;margin:0 auto;border-color:#413d3c transparent transparent  transparent;}
.contact-nav-list-box{padding:5rem 1.5rem;}
.contact-nav{color: #959595;font-size: 2rem;display: block;height: 5rem;line-height: 5rem;text-align: center;background-color: #fff;border-radius: 1rem;} 
.contact-nav+.contact-nav{margin-top:3rem;}
.contact-nav-active{background-color: #c51a1d;color: #fff;}
.contact-main-box{padding:3.5rem 3rem;background-color: #f7f7f7;}
.contact-small-nav-main-box{width: 100%;text-align: center; }
.contact-small-nav-main-box .contact-nav-list-box{white-space: nowrap;overflow-x: auto;padding: 2rem;}
.contact-small-nav-main-box .contact-nav-list-box::-webkit-scrollbar {width: 1rem;height: .3rem;}
/*滚动条里面小方块*/
.contact-small-nav-main-box .contact-nav-list-box::-webkit-scrollbar-thumb {border-radius: 4px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #333;}
/*滚动条里面轨道*/
.contact-small-nav-main-box .contact-nav-list-box::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #ddd;}

.contact-small-nav-main-box .contact-nav{width: auto;height: auto;line-height: 1;display: inline-block;font-size: 1.6rem;padding: .4rem .6rem;background-color: transparent;}

.contact-small-nav-main-box .contact-nav-active{background-color: #c51a1d;}

/* 问答 */
.contact-questions-list-box{margin-bottom: 3rem;}
.contact-questions-box{background-color: #efefef;}
.contact-questions-title{font-size: 1.8rem;color: #5a5a5a;vertical-align: middle;}
.contact-answers-title{font-size: 1.6rem;clear: #5a5a5a;}
.contact-answers{font-size: 1.6rem;color: #686868;}
.contact-questions-title-box,.contact-questions-icon-box{height: 5rem;line-height: 5rem;}
.contact-questions-q-icon{background: url(../images/q_icon.png) no-repeat;background-size: 100% 100%;display: inline-block;width:2.6rem;height: 2.6rem;vertical-align: middle;margin:0 1.2rem 0 2.4rem}
.contact-answers-box{padding:2.4rem 2.4rem 0 2.4rem;line-height: 3rem;display: none;}
.contact-questions-icon-box{margin-right: 1.4rem;}
.contact-questions-icon{transition: all .3s linear;display: inline-block;vertical-align: middle;height: 1.5rem;width:1.5rem;cursor: pointer;}

/* 表单 */
.merchant-form-box,.personal-form-box{display: block;} 
.contact-logo{display: block;margin:0 auto;}
.contact-logo-text{font-size: 1.6rem;color: #3f3a39;text-align: center;margin:1rem auto 5rem;}
.contact-bg-msx-box{max-width: 120rem;background-color: #f5f5f5;height: 35rem;line-height: 35rem;vertical-align: middle;}
.contact-bg{max-width: none;height: 100%;display: block;}
.contact-text-box{line-height: 1;display: inline-block;color: #3f3a39;font-size: 2rem;padding:0 0 0 3rem;vertical-align: middle;}
.contact-bg-title+.contact-bg-title{margin-top:3.5rem;}
.phone-tip{color: #9c9c9c;font-size: 1.4rem;}
.contact-more{color: #fff;height: 5rem;line-height: 5rem;text-align: center;padding:0 7rem;margin:7rem auto 2rem;background-color: #3f3a39;width: 22.5rem;font-size: 1.8rem;}
.down-icon{display: block;margin:0 auto;}
.link-box{text-align: center;margin:3.5rem auto 2.5rem;height: 2rem;line-height: 2rem;vertical-align: middle;}
.link-text{font-size: 1.8rem;vertical-align: middle;display: inline-block;}
.link-text-icon{padding:.6rem .05rem;background-color: #b5b5b5;vertical-align: middle;display: inline-block;margin:0 2rem;}
.link-tip{font-size: 1.8rem;text-align: center;}
.qr-box{vertical-align: middle;display: table;width: 100%;border:.1rem solid #cecece;padding:2.5rem 0;margin:5rem auto;}
.qr-address-box,.qr-img-box,.qr-phone-box{display: table-cell;vertical-align: middle;}
.qr-address{padding:1.8rem 3rem;background-color: #c51a1d;color: #fff;font-size: 2rem;border-radius: 0 0 4rem 0;}
.qr-img-box{text-align: center;}
.qr-phone-name,.qr-phone{font-size: 2.6rem;color: #3f3a39;line-height: 3.6rem;}
.qr-phone-box{text-align: center;}
.qr-phone-left-box{display: inline-block;text-align: left;}
.contact-form-box{background-color: #f5f5f5;margin:4.5rem auto 0;padding:5.5rem 2rem 6.5rem;}
.contact-form{max-width:70rem;display: block;margin:0 auto;}
.contact-textarea{display: block;width: 100%;background-color: #fff;}
.contact-textarea{padding:1rem;line-height: 2rem;}

.small-input-list-box{width:48%;}
.contact-select{display: inline-block;width: 100%;}
.change-form-main-box{text-align: center;margin:4.5rem auto;}
.change-form-box{display: inline-block;cursor: pointer;margin:0 2rem;}
.radio-input{display: inline-block;vertical-align: middle;height: 0;width: 0;visibility: hidden;}
.radio-text-box{display: inline-block;vertical-align: middle;}
.radio-input:checked+.radio-text-box .radio-border{border:.1rem solid #dc2124;}
.radio-input:checked+.radio-text-box .change-radio-text{color: #3c3c3c;}
.radio-input:checked+.radio-text-box .radio-bg{background-color: #dc2124;height: 100%;border-radius: 50%;}
.radio-border{display: inline-block;height: 1.2rem;width:1.2rem;border-radius: 50%;border:.1rem solid #c2c2c2;vertical-align: middle;padding:.2rem;}

.change-radio-text{color: #c2c2c2;vertical-align: middle;display: inline-block;font-size: 1.8rem;}
.form-main-box+.form-main-box{display: none;}
.input-title{color: #7a7a7a;font-size: 1.6rem;margin:0 0 0 2rem;}
.request-box .input-title::before{content: '*';color: #dc2124;display: inline-block;font-size: 1.6rem;font-weight: bold;margin-right:.6rem;}
.input-label{background-color: #fff;width:100%;height: 5rem;line-height: 5rem;display: block;}
.input-box{height: 100%;}
.max-input{display: block;width:100%;padding-right: 2rem;font-size: 1.6rem;height: 100%;color: #7a7a7a;}
.request-tip{height: 2.4rem;color: #dc2124;}
.padding-left-2{padding-left:2rem;}
.request-tip{visibility: hidden;}
.form-btn-box{text-align: center;margin:5.5rem auto 6rem;}
.form-btn{width: 34rem;color: #fff;font-size: 2.4rem;padding: 1rem 0;background-color: #dc2124;border-radius: 10rem;margin:0 auto;cursor: pointer;}
.contact-textarea{font-size:1.6rem;color: #7a7a7a;}

.contact-form-res-bg-box{padding: 5rem 5rem; background-color: #fff;border-radius: 1rem;display: inline-block;text-align: center;position: relative;max-width: 60rem;}
.contact-form-res-title{margin: 5rem 0 2rem;font-size: 2.6rem;color: #3f3a39;}
.contact-form-res-text{font-size: 1.6rem;color: #b5b5b5;}
.contact-form-res-close-btn{position: absolute;top: 2rem;right: 2rem;cursor: pointer;font-size: 1.6rem;transition: all .4s linear;}
.contact-form-res-close-btn:hover{transform: scale(1.1);}
.contact-form-res-box{display: none;text-align: center;}

.contact-bg-msg{display: inline;}