html,
body {
    height: 100%;
    width: 100%;
    
}

a:visited,a:focus {text-decoration: none;}
h1,h2,h3 {margin:0;padding:0}
ul,li,dt,dd,dl {margin:0;list-style: none;padding:0;}

input:-internal-autofill-selected {
    background-color: white !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: inset 0 0 0 1000px white !important;
}
input:-webkit-autofill {
 box-shadow: 0 0 0px 1000px white inset !important;
} 
input:-webkit-autofill:focus {
 box-shadow: 0 0 0px 1000px white inset !important;
} 

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    padding:0;
    background:#fff no-repeat top center;background-size:cover;
    /* background:#F279A0; */
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

.p3 {padding:1rem;}
.float-right {float:right}
/*.row {margin:0}*/
.text-center {text-align:center}

.text-repair {
    color: #00a79d;
}

.bg-repair {
    background: #00a79d;
}

.bg-white {
    background:#fff;
}

.input-lg {font-size:14px;}
.navbar-default {
    font-weight: 200;
    letter-spacing: 1px;
}
.nopad {padding:0}
.captcha {cursor: pointer;}

.navbar-default .navbar-header .navbar-brand {
    font-weight: 200;
    letter-spacing: 1px;
    color: #474157;
}


.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #474157;
}

.navbar-default .navbar-header .navbar-toggle {
    font-size: 12px;
    color: #474157;
    padding: 8px 10px;
}

.navbar-default .nav > li > a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: #7a798c;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
    color: #474157;
}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
    color: #474157 !important;
    background-color: transparent;
}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
    background-color: transparent;
}

#mainbody {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow-y: hidden;
    color: #474157;
    padding-bottom:20px;
}

#mainbody .index-text {
    text-align: center;
    padding: 250px 0 50px;
    position: relative;
    height: 100vh;
}

#mainbody .index-text h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody .index-gallery {
    text-align: center;
    padding: 200px 0 50px;
    position: relative;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}




@media (min-width: 1200px){
    .container {
        width: 1200px;
        max-width: 1200px;
        padding:0
    }
}
.btn-primary {}
.top-bar {background:#efefef;padding:5px 0;color:#333;}
.top-bar .city-choose {vertical-align: middle;line-height:28px;}
.top-bar .user-info{display:flex;align-items: center;}
.top-bar .user-info h4 {font-size:14px;margin:0 8px;}
.top-bar .user-info p{margin:0}
.top-bar .user-info img {width:30px;border-radius:30px;}
.top-bar .btn-default{background:#00a79d;border:0;color:#fff}


.header  {padding:10px 0}
.header .logo img {width:300px;}
.header .search-bar {border-radius:20px;height:40px;background:#fff;position:relative;margin-top:15px;border:1px solid #ddd;}
.header .search-bar .key {float:left;border:0;height:38px;background:transparent;text-indent: 1rem;outline: none;font-size:14px;width:80%;margin-left:10px;border-radius:20px;}
.header .search-bar .sub {float:right;height:38px;border:0;background:#333;border-radius:0px 20px 20px 0;outline: none;color:#fff;width:80px;position:absolute;top:0;right:-2px;font-size:16px;}
.navigate {margin-top:20px;background:#D93567;border-radius:50px ;}
.navigate ul {padding-left:30px}
.navigate h2 {background:#00a79d;text-align:left;padding-left:15px;color:#fff;font-weight: bold;font-size:18px;height:38px;line-height: 38px;}
.navigate li {float:left;font-size:18px;}
.navigate li a {display:block;line-height:48px;padding:0px 20px;color:#fff}
.navigate li a:hover {text-decoration: none;}
.navigate li a.active {color:#fff;background:#000}

.header-mobile {margin:0;padding:8px 15px;background:pink;}
.header-mobile .in {display:flex;color:#fff;align-items: center;justify-content: space-between;}
.header-mobile .logo img {width:200px;}
.header-mobile .keyword{background:#fff;border:0;height:38px;border-radius:38px;font-size:16px}
.header-mobile .c-center {flex-grow:1;padding:0 0 0 20px;}
.header-mobile p {margin:0}
.header-mobile .c-right {text-align:center;}
.header-mobile a {color:#fff}

.hot-city {background:#efefef;border:1px solid #ddd;padding:20px;}
.hot-city h4 {color:#D93567;font-weight: bold;margin-top:0}
.hot-city .list {padding-top:10px;}
.hot-city .list a{display:inline-block;background:#DDF3F9;color:#333;padding:8px 25px;border-radius:5px;margin-right:10px;border:1px #9FD2DD solid;margin-bottom:10px;}

.category-hot-city {background:#000;border:0;}
.category-hot-city h4{color:#D93567}
.category-hot-city .list a.act {background:#D93567;border-color:#D93567;color:#fff}

.about-desc {color:#fff;padding:10px 10px 0 10px;font-size:16px;border-top:1px solid #333;margin-top:10px;}

.sub-nav {background:#fff;font-size:18px;padding:10px 0;z-index:100;position:relative}
.sub-nav li {position:relative}
.sub-nav li a {display:block;line-height:38px;padding-left:15px;}
.sub-nav li a:hover {text-decoration: none;color:#00a79d}
.sub-nav li a .iconfont {position:absolute;right:10px;}
.sub-nav li ul {display:none;position:absolute;left:100%;width:400px;background:#fff;    box-shadow: 0 0 10px #ccc;top:0}
.sub-nav li ul li {float:left;font-size:16px;}
.sub-nav li:hover ul {display:block}

#index-banner {margin-top:10px;}
#index-banner .swiper-slide img {width:100%;height:320px;}

.index-banner-2 {margin-top:15px;}
.index-banner-2 img {width:100%;}
.index-banner-2 .col-md-6 {padding:0}
.index-banner-2 .col-md-6:first-child {padding-right:15px;}

.indexrt {background:#fff;margin-top:10px;}
.indexrt .user-info {text-align:center;padding-top:10px;}
.indexrt .user-info .header-icon {width:70px;height:70px;border-radius:70px;overflow:hidden;display:inline-block}
.indexrt .user-info .header-icon img {width:70px;height:70px;}
.indexrt .user-info h4 {font-size:14px;}
.indexrt .notice h4 {text-align:center;font-weight: bold;margin:0 0 6px 0}
.indexrt .notice {height:180px;overflow:hidden;padding:8px;line-height:15px;}

.index-feature-category {padding:20px 0}
.index-feature-category .list{border:1px solid #efefef;background:#fff;padding-top:15px;padding-bottom:15px;}
.index-feature-category .bg-white {margin:15px 0}
.index-feature-category .bg-white img {max-width:100%}
.index-feature-category .bg-white .more {    border-radius: 30px;
    background: #ccc;
    color: #fff;
    padding: 3px 10px;
    font-size: .8rem;}
.index-feature-category .bg-white .p3 {padding:15px 10px}
.index-feature-category .bg-white h3 {font-size:18px;color:#000}
.index-feature-category .bg-white h4 {color:#000;font-size:16px;}
.index-feature-category .feature-list {}
.index-feature-category .feature-list h4 {color:#2244DD;font-size:16px;}
.index-feature-category .feature-list .item {padding:0 5px;}
.index-feature-category .feature-list .row {padding:10px 0}
.index-feature-category .title {background:#efefef}
.index-feature-category .title h3 {font-weight: bold;}
.index-feature-category .title h3 a{}

.city-container {background:#fff;margin-top:10px;padding:20px;font-size:16px;}
.city-container .first-words {padding:0 20px 10px 30px;}
.city-container .first-words dt, .city-container .first-words dd {display:inline-block}
.city-container .first-words dd {font-size:20px;}
.city-container .first-words dd a {margin:0 5px;font-size:26px;}
.city-container .in {padding:20px 0}
.city-container .in .list a {display:inline-block;padding:6px;}
.city-container .in .row {margin-bottom:15px;}
.city-container .in .list {border-left:10px solid #00a79d}
.city-container .in .firstWords {color:#00a79d;font-size:26px;text-align: center;}

.login-section {    box-shadow: 0 26px 50px -20px rgb(0 36 100 / 30%);}
.url-here {padding:8px 10px;font-size:16px;background:#efefef;}
.url-here ul {}
.url-here ul li {display:inline-block}
.login-section .logon-tab > a {background:#ddd;}
.service-all {font-size:16px;}
.service-all .type {margin-bottom:15px;}
.service-all .type dl{background:#fff;border:1px solid #ddd;}
.service-all .type dl dt {padding:10px;border-bottom:1px solid #ddd;}
.service-all .type dl dt span {display:inline-block;border-left:5px solid #00a79d;padding-left:10px;}
.service-all .type dl dd {padding:5px;}
.service-all .hotlist {}
.service-all .hotlist dl {background:#fff;padding:15px;}
.service-all .hotlist dl dt {text-align:center;margin-bottom:10px;}
.service-all .hotlist dl dd {}
.service-all .hotlist dl dd a{ display:block;margin-bottom:10px;}

.service-list {background:#fff;}
.service-list .sublist {background:#fff;padding:10px 0;margin-bottom: 10px;}
.service-list .sublist a {margin:0 10px 10px 0}
.service-list .sublist a.act {background:#00a79d;color:#fff;display:inline-block;padding:5px 10px}
.service-list .in {}
.service-list .in .row {}

.service-list .in .row .col-xs-9 {}
.service-list .in img {width:100%;}
.service-list .in h3 {font-size:20px;font-weight: bold;display: flex;align-items: center;}
.service-list .in h3 .label{font-size:14px;margin-left:6px;border-radius: 0;}
.service-list .in .tel {font-size:14px;color:#999;margin-top:10px;}
.service-list .in .address {font-size:14px;margin:0}
.service-list .in .telbtn {padding-top:5px;}
.service-list .in .page {text-align:center}
.service-list .in .empty {font-size:20px;text-align:center;padding:80px 0;color:#999}
.service-list .in .empty .iconfont {font-size:80px;color:#999}
.service-list .rt {padding-right:0}
.service-list .rt dl {background:#fff;padding:15px;}
.service-list .rt dt {font-size:20px;}
.service-list .rt dd {padding:20px 0;font-size:16px;}
.service-list .rt h4 {font-weight: bold;font-size:18px;}
.service-list .rt .tel {font-size:18px;}
.service-list #first-map {height:200px;}
.service-list .image img {max-width:100%;}
.service-list .list {padding:25px;display:flex;border-bottom:1px solid #efefef}
.service-list .list .info {justify-content: space-between;flex-direction:column;display:flex;}
.service-list .list .info .label.size2{font-size:16px;cursor: pointer;margin-top:5px}
.service-list .list .info .label{display: inline-block;}
.service-list .list.type2{display: block;}
.service-list .list.type2 h3 {margin-bottom:6px;}
.service-list .list.type2 .address {text-align: right;}
.service-list .list.type2 .info{flex-direction: row;align-items: center;}
.service-list .row{}

.service-main {background:#fff;padding-top:30px;padding-bottom:20px;margin-bottom: 10px;font-size:16px}
.service-main h3 {border-left:4px solid #00a79d;padding-left:20px;font-size:24px;margin-bottom: 10px;font-weight: bold;}
.service-main .in h3 {border:0;padding:0;margin:0}
.service-main .service-image img {width:100%;}
.service-main h4 {font-size:20px;}
.service-main .service-desc {background:#efefef;padding:10px;border-radius: 10px;}
.service-main .service-desc img {width:20px;margin-right:5px;}
.service-main .service-desc p {margin:0;font-size:14px;color:#333;text-align:center;margin-bottom:10px;display: flex;align-items: center;justify-content:center}

.service-main .service-desc p .success{color:green;font-weight: bold;}
.service-main .service-desc p.facebook .success{color:#3B5998}
.service-main .service-desc .business_time{border-top:1px solid #ddd;padding-top:10px;}
.service-main .service-desc .icons {margin:10px 0}
.service-main .service-desc .bg-repair {width:100%;}
.service-main .service-image {text-align:center;padding:0 10px 0 20px}
.service-main .images {padding-top:20px;}
.service-main .images img {max-width:100%;}
.service-main .recommend {margin-top:20px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:10px;}
.service-main .recommend .service-list {background:none}
.service-main .recommend .service-list .row {display:block;margin-bottom:10px;}
.service-main .info {color:#999;padding-left:20px;margin-bottom:20px;font-size:14px;}

#sidebar-nav .danger a {color:#c00}

.user-center {padding:30px 0}
.sidenav {border:1px solid #ddd;}

.search-tab {padding:20px 0;position: relative;overflow: hidden;background:#fff;margin-top:20px;}
.search-tab ul {text-align:left;}
.search-tab ul li a {display:inline-block;padding:10px 40px;background:#fff;border-radius:3px;border:1px solid #ddd;cursor: pointer;font-size:18px;}
.search-tab ul li {display:inline-block;margin-right:5px;}
.search-tab ul li.act a {background:#00a79d;border-color:#00a79d;color:#fff;}
.search-list {}


.article-list {}
.article-list .row {border-bottom:1px solid #ddd;}
.article-list h3 {margin-bottom:10px}
.article-list .desc, .article-list .add-time {color:#999}

.faq-list a.more {color:#00a79d}

.article-content h4 {text-align:center;color:#000;font-weight: bold;}
.article-content {padding:20px;}
.article-content p.add-time {text-align:center;color:#999}
.article-content p.tel-action {text-align: center;padding:20px;}
.article-content img {max-width:100%;}
.faq-detail {}
.faq-detail .rt {padding-right:0}
.faq-detail .rt dl{background:#fff;padding:15px;}
.faq-detail .rt dt {font-size:16px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.faq-detail .rt dd a {display:block;border-bottom:1px solid #ddd;padding:5px 0}
.faq-detail .rt .add-repair {padding-top:20px;text-align:center;}
.faq-detail .rt .add-repair p img {width:50px;}
.faq-detail .rt .add-repair .btn {padding:10px 30px;border:1px solid #00a79d;}
.faq-detail .review-action {padding-top:30px;}
.faq-detail .review-action span {border-bottom:2px solid #00a79d;display:inline-block;padding:5px 10px;position:relative;bottom:-1px}
.faq-detail .review-action h5{border-bottom:1px solid #ddd;}
.faq-detail .review-action .in {padding:20px;background:#efefef;}
.faq-detail .review-action .in p.needlogin {text-align:center;padding:30px;}
.faq-detail .review-action .control-label {font-weight: normal;font-size:14px;;}
.faq-detail .review-action .captcha .form-control {width:40%}
.faq-detail .review-action .captcha img {cursor: pointer;}
.faq-detail .review-action .list .row {margin-bottom:20px;}
.faq-detail .review-action .list .like-action .btn {border-radius:20px;}
.faq-detail .review-action .like-action {text-align: right;}
.faq-detail .review-action .avatar img {width:100%;}
.faq-detail .review-action .list h6 {margin:0;font-size:16px;font-weight: bold;}
.faq-detail .review-action .list p {font-size:14px;color:#999}
.faq-detail .review-action .list .review-content {padding:10px 0 0 0}

.add-repair-container {
    margin-top:10px;padding:30px;
}
.add-repair-container .btn-primary {width:200px;}

.area-search {margin:15px 0}
.area-search form {background:#fff;padding:20px 0 20px 0}
.area-search .row {margin-bottom:10px;}
.area-search button {min-width:30%;width:300px;margin:0 auto}
.area-search .form-group {padding-left:0}

.upload-image {}
.upload-image .image {display:inline-block}
.upload-image .image .profile-user-img{border:1px solid #ddd;}

footer {color: #999;background: #000;padding:35px;text-align:center;}
.friend-links, footer .service {margin-bottom:10px;font-size:15px;}
.friend-links a {color:#09f}
footer .service img {width:20px;opacity: 0.5;vertical-align: middle;}
.index-bottom-links{margin-top:20px;}
.index-bottom-links .row {}
.friend-links {padding:10px;margin-bottom:0px;}

footer.mobile-footer {display:flex;z-index:100;justify-content: space-between;padding:8px;background:#fff;border:0;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);position:fixed;bottom:0;width:100%;}
footer.mobile-footer dl {text-align:center;flex-grow: 1;position:relative}
footer.mobile-footer dl .iconfont, footer.mobile-footer dl .glyphicon {font-size:24px;color:#999}
footer.mobile-footer dl dt {width:34px;height:34px;display: inline-block;position:relative}
footer.mobile-footer dl dd{line-height: 15px;height:15px;}
footer.mobile-footer dl.add {}
footer.mobile-footer dl.add .iconfont {background:#00a79d;color:#fff;border-radius: 100%;font-size:36px;position: absolute;;top:-26px;left: -7px;width:50px;height:50px;}
footer.mobile-footer dl.act a {color:#000}
footer.mobile-footer dl.act a .iconfont, footer.mobile-footer dl.act a .glyphicon{color:#000}
footer.mobile-footer dl a {display:flex;flex-direction:column;align-items: center;}


@media (max-width: 800px) {
    #mainbody {
        padding-bottom:100px;
    }
}
@media (max-width: 767px) {
    .user-center{
        padding:10px;
    }
    .navbar-default {
        background-color: #f1f6fd;
        border-color: #f1f6fd;
    }

    .navbar-default .navbar-collapse {
        background: #f1f6fd;
        box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
    }

    #mainbody {
        height: unset;
    }

    #mainbody .index-text {
        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody .index-gallery {
        padding: 30px 0 50px 0;
    }

    #mainbody .index-text h1 {
        font-size: 50px;
        margin-bottom: 20px; 
    }

    .m-padsmall {padding:0 8px !important}

    .url-here {font-size:13px;}

    .service-list .in h3 {font-size:15px;}
    .service-list .in .tel {font-size:14px;}
    .service-list .in .address {font-size:13px;margin:0;white-space: nowrap;overflow: hidden;    text-overflow: ellipsis;}
    .service-list .in .telbtn a {width:100%;margin-top:5px;}
    .service-list .sublist .tit {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}
    .service-list .rt {padding:0;margin-top:10px;}
    .service-main a.btn {width:100%;}

    .search-tab ul li a {padding:5px 10px}

    .service-list .list{padding:10px;}
}