.b-vip{display:inline-block;width:15px;height:19px;background:url(../images/vip.png) no-repeat center center;vertical-align:middle;position:relative;top:-2px}
.brand-header{background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ececec));background-image:linear-gradient(to bottom,#fff,#ececec)}
.brand-header .brand{float:left}
.brand-header .brand .brand-logo{float:left}
.brand-header .brand .brand-logo a{display:block;width:240px;height:44px;background:url(../images/brand_logo.png) no-repeat center;overflow:hidden;background-size:200px}
.brand-header .brand .brand-info{float:left}
.brand-header .brand .brand-info .brand-title{float:left;font-size:17px;color:#666;margin-top:10px;margin-right:10px}
.brand-header .brand .brand-info .brand-title .name{color:#ff4200;font-weight:700}
.brand-header .brand .brand-info .vip-info{float:left;width:144px;height:30px;line-height:28px;text-align:center;background-color:#fff;border-radius:50px;border:1px solid #ff4200;color:#666;font-size:12px;margin-top:6px}
.brand-header .brand .brand-info .vip-info i{margin-right:5px}
.brand-header .brand .brand-info .vip-info span{color:#ff4200;font-weight:700}
.brand-header .contact{float:right;margin-top:10px}
.brand-header .contact .tel-400{font-size:17px;color:#666}
.brand-header .contact .tel-400 span{color:#ff4200}
.brand-header .contact .msg-btn-group { word-spacing: -4px; text-align: right; position: relative; }
.brand-header .contact .msg-btn-group .calling { width: 365px; background-color: #fff; border-radius: 10px; padding: 15px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: absolute; right: 120px; top: 30px; text-align: left; cursor: default; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 120; }
.brand-header .contact .msg-btn-group .calling .header { text-align: center; font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap { padding-left: 18px; padding-right: 18px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .form-group label { font-weight: 400; margin-bottom: 14px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .form-group + .form-group { margin-top: 14px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .form-btn { margin-top: 14px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .form-btn a { display: block; height: 48px; line-height: 48px; text-align: center; color: #fff; border-radius: 5px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .format-example { margin-top: 40px; margin-bottom: 26px; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .format-example label { font-weight: 400; margin-bottom: 0; }
.brand-header .contact .msg-btn-group .calling .pc-call-wrap .format-example .txt { margin-top: 8px; }
.brand-header .contact .msg-btn-group .calling.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
.brand-header .contact .msg-btn-group > a { word-spacing: 0; display: inline-block; width: 100px; height: 28px; line-height: 26px; color: #ff4200; font-size: 12px; text-align: center; border-radius: 30px; border: 1px solid #ff4200; background-color: #ffeee8; }
.brand-header .contact .msg-btn-group > a i { position: relative; top: -2px; margin-right: 5px; }
.brand-header .contact .msg-btn-group > a + a { margin-left: 20px; }
@media (max-width:768px){.brand-header .brand{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.brand-header .brand::before,.brand-header .brand:after{display:none}
.brand-header .brand .brand-logo{margin:23px 20px 23px 0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.brand-header .brand .brand-logo a{width:200px;background-size:101% auto;background-position:left center}
.brand-header .brand .brand-info{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.brand-header .brand .brand-info .brand-title{text-align:right;margin-top:12px;float:none;margin-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-header .brand .brand-info .vip-info{float:right;margin-top:10px;margin-right:0}
}
@media (max-width:580px){.brand-header .brand .brand-logo{margin-top:0;margin-bottom:0;margin-right:10px}
.brand-header .brand .brand-logo a{width:130px}
.brand-header .brand .brand-info .brand-title{margin-top:12px;font-size:14px}
.brand-header .brand .brand-info .vip-info{display:none}
}
@media (max-width:320px){.brand-header .brand .brand-info .brand-title{margin-top:15px;font-size:12px}
}