.bring-DHB>div>section>div,
.btn-dhb.big,
.search-brother .s-wrapper,
.text-center {
 text-align:center
}
.hide {
 display:none
}
.pull-left {
 float:left
}
.pull-right {
 float:right
}
.btn-dhb {
 line-height:30px;
 height:30px;
 padding:0 12px;
 display:inline-block;
 border-radius:3px;
 border:1px solid #FFA474;
 position:relative;
 overflow:hidden;
 vertical-align:middle
}
.btn-dhb>span {
 position:relative;
 z-index:2
}
.btn-dhb:before {
 content:"";
 width:10px;
 height:20px;
 opacity:0;
 left:calc(50% - 5px);
 top:calc(50% - 10px);
 position:absolute;
 z-index:1;
 -webkit-transition:all .3s;
 transition:all .3s
}
.btn-dhb.big {
 font-size:14px;
 line-height:1;
 width:146px;
 height:44px;
 padding:14px 0
}
.color-btn {
 background:-webkit-gradient(linear,left top,right top,from(#FF6B40),to(#FFA474));
 background:linear-gradient(to right,#FF6B40,#FFA474);
 color:#fff;
 border:none
}
.color-btn:before,
.white-btn {
 background:#fff
}
.color-btn:hover {
 color:#FF6B40;
 /*! border:1px solid #C2C2C2 */
}
.color-btn:hover:before {
 opacity:1;
 -webkit-transform:scale(40,4);
 -ms-transform:scale(40,4);
 transform:scale(40,4)
}
.white-btn {
 color:#FF6B40;
 border-color:#C2C2C2
}
.white-btn.big:hover {
 border:none
}
.white-btn:before {
 background:-webkit-gradient(linear,left top,right top,from(#FF6B40),to(#FFA474));
 background:linear-gradient(to right,#FF6B40,#FFA474)
}
.white-btn:hover {
 border:none;
 color:#fff
}
.white-btn:hover:before {
 opacity:1;
 -webkit-transform:scale(40,4);
 -ms-transform:scale(40,4);
 transform:scale(40,4)
}
.fixed-wrapper {
 position:fixed;
 z-index:3;
 bottom:40px;
 right:40px;
 width:50px
}
.fixed-wrapper>div {
 position:relative;
 height:50px;
 width:50px;
 text-align:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid transparent;
 border-radius:2px;
 color:#FF6B40;
 background:#FFECE0;
 font-size:12px;
 cursor:pointer;
 margin-bottom:1px
}
.fixed-wrapper>div .f-icon-default {
 font-size:16px;
 line-height:20px;
 display:block;
 padding-top:6px
}
.fixed-wrapper>div:hover {
 color:#fff;
 background-color:#FF6B40
}
.fixed-wrapper>div:hover .ask-me {
 display:block
}
.fixed-wrapper>div:hover .f-icon-default:before {
 color:#fff
}
.fixed-wrapper .to-top span {
 height:50px;
 line-height:50px;
 padding:0
}
.fixed-wrapper .ask-me {
 position:absolute;
 top:12px;
 width:100px;
 background:#FFECE0;
 right:110%;
 padding:2px 8px;
 border-radius:4px;
 line-height:26px;
 color:#FF6B40;
 display:none
}
.row-1-0-font,
.row-2-font-i .all-wrapper {
 width:1176px;
 margin:0 auto;
 overflow:hidden
}

.content-title {
 font-size:24px;
 font-weight:600;
 line-height:1.5
}
.bring-DHB>div>section img {
 margin:0 auto;
 display:block
}
.row-1-0-font .fen-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.row-2-font-i .all-wrapper .fen-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.row-2-font-i .all-wrapper .fen-item>section {
 width:50%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.row-2-font-i .all-wrapper .fen-item>section img {
 max-width:100%
}
.row-2-font-i .all-wrapper .fen-item .s-left {
 padding-right:50px
}
.row-2-font-i .all-wrapper .fen-item .s-left>div>span {
 font-size:24px;
 color:#FF6B40
}
.row-2-font-i .all-wrapper .fen-item .s-left>div p {
 color:#908f8f;
 line-height:28px;
 margin-bottom:40px;
 margin-top:16px
}
.row-2-font-i .all-wrapper .fen-item .s-left ul li {
 position:relative;
 margin-bottom:16px;
 padding-left:16px;
 color:#5c5c5c
}
.row-2-font-i .all-wrapper .fen-item .s-left ul li:before {
 content:"";
 position:absolute;
 width:8px;
 height:8px;
 border-radius:50%;
 left:0;
 top:6px;
 background:#FF6B40
}
.switch-tab>a {
 margin-left:30px
}
.switch-tab>a.actived {
 color:#ff6b40
}
.row-4-i-f-p .fen-bu-wrapper {
 width:1196px;
 margin:0 auto;
 overflow:hidden
}
.row-4-i-f-p .fen-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.row-4-i-f-p .fen-item section:nth-child(1) {
 margin-left:10px
}
.row-4-i-f-p .fen-item section {
 width:216px;
 height:172px;
 margin-left:24px;
 padding:24px;
 -webkit-box-shadow:1px 1px 10px #ddd;
 box-shadow:1px 1px 10px #ddd;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border-radius:4px
}
.row-4-i-f-p .fen-item section>div {
 font-size:20px;
 color:#282828;
 line-height:28px;
 margin-bottom:10px
}
.row-4-i-f-p .fen-item section>div>img {
 width:20px;
 vertical-align:-2px
}
.row-4-i-f-p .fen-item section>p {
 color:#908f8f;
 line-height:28px
}
.search-brother .content-s-w {
 display:inline-block
}
.search-brother .btn-dhb {
 width:88px;
 line-height: 48px;
 height: 48px;
 padding: 0 12px;
 font-size: 18px;
 margin-top: -5px;
}
.search-brother .input-s-w {
 display:inline-block;
 line-height:48px;
 width:720px;
 height:48px;
 padding:0 12px;
 font-size: 16px;
 color: #939393;
 border: 1px solid #ddd;
}
.search-brother .input-s-w+a {
 width:144px;
 height:48px;
 line-height:48px;
 border-radius:0 4px 4px 0
}
.search-brother .input-s-w+a:hover {
 color:#ff6b40
}
.search-brother .search-result {
 text-align:left;
 padding:4px 0
}
.search-brother .search-result p {
 padding-left:18px;
 margin:6px 0
}
.search-brother .search-result .ok-no,
.search-brother .search-result .ok-ok {
 background-size:14px 14px;
 background-repeat:no-repeat;
 background-position:center left
}
.search-brother .search-result .ok-ok {
 background-image:url(../images/ok-ok.svg)
}
.search-brother .search-result .ok-ok a {
 color:#72DA00
}
.search-brother .search-result .ok-no {
 background-image:url(../images/ok-no.svg);
 color:#FF6B40
}
