body {
    color: #01091f;
    font-size: 14px;
    background-color: #F4F4F2;
    letter-spacing: 0.7px;
}

body {
    background-image: url("https://www.ccyp.com/assets/img/home/repeatgray.png");
    background-repeat: repeat;
}

.header-container {
    /*width: 1200px;*/
    max-width: none !important;
    background-color: #F4F4F2;
    margin-right: auto;
    margin-left: auto;
}

#ccyp_search .form-group {
    margin-right: 20px;
}

.search_hint {
    color: #2196f3;
    display: inline-block;
    padding-left: 5px;
}

    .search_hint a {
        color: #2196f3;
    }

.request {
    width: 90%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 50px;
}

.slip {
    background-color: #ffffff;
    border: solid 1px #ddd;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
}

a.common-tag {
    font-size: 12px;
    background: none;
    padding: 2px 8px;
    color: #ff5e5e;
    display: inline-block;
    font-weight: normal;
    border: solid 1px #ff5e5e;
    text-align: center;
    transition: all .8s ease-in-out 0s;
    text-transform: uppercase;
    -moz-transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 5px;
    text-decoration: none;
    line-height: 1.3;
}

    a.common-tag.active, a.common-tag:hover {
        background: #ff5e5e;
        color: #fff !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        outline-offset: 0;
        border: solid 1px #ff5e5e;
    }

.newsdetail h4 {
    font-weight: bold;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
        max-width: none !important;
    }
}


.border-yellow-bold {
    border: solid 2px #FBC826;
}

.nav-social li a {
    display: inline-block;
}

.navbar {
    margin-bottom: 18px;
}

#second-nav {
    background-color: #ffffff;
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    margin-bottom: 5px;
}

    #second-nav .navbar-header {
        width: 160px;
        margin-top: 10px;
    }

.table.list-category > tbody > tr:first-child > td {
    border-top: none;
}

#city-switch .dropdown {
    margin-left: 60px;
}

#mainCat .dropdown {
    margin-left: 0;
}

    #mainCat .dropdown:hover .dropdown-menu, [data-indextype] .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

#mainCat .dropdown-menu > li > a {
    overflow: hidden;
    letter-spacing: 0.7px;
}

@media only screen and (min-width: 768px) {
    .ab-right .dropdown-menu.cat-4 {
        left: -300px;
    }

    .ab-right .dropdown-menu.cat-3 {
        left: -200px;
    }

    .ab-right .dropdown-menu.cat-2 {
        left: -100px;
    }

    .cat-4 {
        width: 800px;
    }

    .cat-3 {
        width: 650px;
    }

    .cat-2 {
        width: 500px;
    }
}

.caret {
    color: #FBC826;
}

    .caret.social-cities {
        color: #000000;
    }

a {
    color: #01091F;
}

    a.active, a:hover {
        color: #eeb404;
    }

.navbar-default .navbar-nav > li > a {
    color: #01091F;
}

.col-xs-1 {
    width: 90px;
}

.fa {
    /*color: #FFF;*/
    font-size: 20px;
}

#logo-nav {
    margin-bottom: 10px;
}

    #logo-nav .form-control {
        height: 34px;
    }

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #fbc826 !important;
    border-radius: 3px;
}

#navbar {
    padding-left: 0;
}

    #navbar form.form-inline {
        margin-left: 0;
        margin-top: 10px;
        display: inline-block;
    }

        #navbar form.form-inline .form-group {
            border: 2px solid #fbc826;
            border-radius: 3px;
        }

.xiaoqi label {
    margin-bottom: 0px;
    font-size: 15px;
}

.bs-docs-nav .navbar-toggle .icon-bar {
    background-color: #563d7c;
}

#az-meau .list-inline {
    letter-spacing: 6.8px;
    font-weight: bold;
    margin-left: 0;
    margin-bottom: 0;
}

.famous {
    padding-left: 15px;
}

.row2 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
}

ul.topic-list {
    list-style: none;
    padding: 0;
}

    ul.topic-list li {
        padding-left: 1.3em;
        line-height: 28px;
    }

        ul.topic-list li.new {
            padding-left: 1.3em;
            line-height: 26px;
        }

        ul.topic-list li:before {
            content: url('/assets/img/homeindex/point6.png');
            margin-left: -1.3em; /* same as padding-left set on li */
            position: relative;
            top: -2px;
        }

        ul.topic-list li.new:before {
            /*content: "\f00c";*/ /* FontAwesome Unicode */
            font-family: FontAwesome;
            display: inline-block;
            margin-left: -1.3em; /* same as padding-left set on li */
            margin-top: -0.6em;
            margin-bottom: -0.8em;
            width: 1.3em; /* same as padding-left set on li */
            color: red;
            content: url('/assets/img/homeindex/new.png');
            font-size: inherit;
        }

        ul.topic-list li.arrow:before {
            content: "\f101";
            font-size: 16px;
            font-family: FontAwesome;
            display: inline-block;
            margin-left: 16em; /* same as padding-left set on li */
            width: 0.6em; /* same as padding-left set on li */
            color: #ff5e5e;
        }

.arrow {
    font-weight: bold;
}

input.noshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

label {
    font-size: 16px;
    font-weight: bold;
}

.label {
    background-image: url('/assets/img/homeindex/label.png');
}

.homeonly {
    display: none;
}

.gezi {
    background: url('/assets/img/homeindex/fenleibg.png') 0px 35px no-repeat;
}

@media (min-width:992px) {
    #navbar form.form-inline .form-group input {
        width: 230px;
    }

        #navbar form.form-inline .form-group input#keyword {
            width: 530px;
        }
}

#second-nav form button .fa-search {
    margin-right: 7px;
    padding: 0;
    color: #fbc826;
}
/* instead of bootstrap min css line11 */
#second-nav form button {
    padding: 3px 20px 5px;
    color: #01091f;
    font-size: 16px;
    font-weight: bold;
    background-image: none;
    border: 3px solid #fbc826;
    border-radius: 3px;
}

#second-nav .form-inline .input-group > .form-control {
    width: 100%;
    padding-left: 10px;
}
/* instead of non-responsive css line224 */
#float-search .form-control {
    height: 12px;
    width: 220px;
    line-height: 1;
}

.navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
}

.panel {
    list-style: none;
    margin-bottom: 18px;
}

#fix-space-with-new .dot {
    padding-left: 26.5px;
}

.carousel-indicators {
    bottom: -5px;
}

/****.col-xs-4 span {
    float: right;
}
*****/
.whole {
    width: 870px;
}

.well {
    background-color: white;
    border-radius: 3px;
}

.radio, .checkbox {
    letter-spacing: 2px;
}

.leftlawyer {
    float: left;
    width: 100%;
    background-color: #F4F4F2;
    text-align: center;
    margin-bottom: 10px;
}

.contenttitle {
    background-color: #ffffff;
}

    .contenttitle h2 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px;
    }

h3 {
    position: relative;
    width: 100%;
    margin: 8px 0 0 0;
    padding: 0 6px 12px 0;
    font-size: 14px;
    color: #431931;
    line-height: 1.3;
}

.carousel-caption {
    padding-bottom: 15px;
}

.qrcode {
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer {
    text-align: center;
}

.block img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
}

#ddl_index_type {
    width: 60px;
    height: 24px;
    margin-left: 8px;
}

.category-item .header {
    background-color: white;
    margin-bottom: 10px;
}

    .category-item .header .icon {
        width: 40px;
        text-align: center;
        color: #fff;
    }

    .category-item .header .icon, .category-item .header .title {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
    }

.block-item {
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
}

#top-nav {
    margin-bottom: 5px;
    font-size: 16px;
}

    #top-nav .navbar-nav > li > a {
        padding: 5px 10px;
    }

nav .nav-social .fa {
    color: black;
}

#top-nav.navbar {
    min-height: 30px;
    background-color: #fbc826;
    letter-spacing: 1px;
}

    #top-nav.navbar .navbar-header a.navbar-brand {
        padding: 5px;
        height: 30px;
    }

        #top-nav.navbar .navbar-header a.navbar-brand img {
            height: 20px;
        }

#second-nav .navbar {
    padding-left: 15px;
}

.banneright {
    margin-top: -15px;
}

#ccyperror {
    min-height: 25px;
}

#float-search {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    background-color: white;
    margin-left: 170px;
    margin-top: 3px;
    margin-bottom: 1px;
}

    #float-search .btn {
        margin-left: 50px;
        padding: 1px 6px;
    }

    #float-search .fa {
        font-size: 14px;
        color: #fbc826;
    }


.navbar-form {
    margin-top: 7px;
    margin-bottom: 7px;
}

.navbar-form {
    padding-right: 0;
}

.navbar-nav > li > a {
    padding: 5px;
}

#float-search input {
    font-size: 12px;
}

input#ccyp_search {
    font-size: 12px;
    margin-left: 12px;
    width: 100%;
}

form.btn .btn-default {
    color: #fbc826;
}

.fa .fa-search {
    margin-right: -10px;
}

/*--------register page--------*/
.protocol p {
    margin-top: 20px;
}

.pagination {
    float: right;
    margin: 0;
}

.gravatar img {
    margin-top: 15px;
    margin-bottom: 15px;
}

#ccyperror {
    margin-top: 10px;
}

.footbg {
    letter-spacing: 1px;
}

#bannerLeft {
    position: absolute;
    top: 40px;
}

#wechatpop-close {
    float: right;
}

/* advancesearch map css */


#mainCatControl .fa-filter {
    color: #fbc826;
}

.fa-thumbs-up, .fa-commenting, .fa-list-ol {
    padding-top: 2px;
    color: #FBC826;
}

.fa-bookmark-o, .fa-bookmark {
    padding-top: 2px;
    color: #4169E1;
}

.subject-social-media {
    padding-bottom: 10px;
}

.fa-weixin {
    padding-top: 2px;
    color: #7bb32e;
}

.fa-weibo {
    padding-top: 2px;
    color: #df2029;
}

.fa-facebook {
    padding-top: 2px;
    color: #3b5998;
}

.fa-globe {
    color: #FBC826;
}

.fa-picture-o, .fa-files-o {
    color: #FBC826;
}

span.step {
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
}

.steps {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: block;
    font-size: 16px;
    vertical-align: middle;
}

.space {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d3d3d1;
}

address {
    line-height: 1.4;
    margin-bottom: 0;
}

.cyp a.title {
    font-weight: bold;
    color: #ff5e5e;
}

.yp a.title {
    color: #ff5e5e;
}

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #fbc826;
    border-color: #fbc826;
}

#keyword {
    padding-left: 5px;
}

#location {
    padding-left: 5px;
}

.morecat {
    text-align: center;
}

    .morecat a {
        cursor: pointer;
    }

    .morecat .fa {
        color: #ff0000;
    }

.col-20 {
    position: relative;
    min-height: 1px;
    float: left;
    width: 20%;
    padding-left: 2px;
    padding-right: 2px;
}

#asBanners .banner-padding {
    padding-left: 13px;
    padding-right: 13px;
}

#asBanners img.img-thumbnail {
    max-height: 80px;
    margin-bottom: 2px;
    padding: 0;
}

@media (min-width: 1600px) {
    #asBanners .banner-padding {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1700px) {
    #asBanners .banner-padding {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (min-width: 1800px) {
    #asBanners .banner-padding {
        padding-left: 300px;
        padding-right: 300px;
    }
}


#pnlMap .fa {
    color: #ff0000;
    padding-top: 3px;
}

.hand-o-left {
    padding-right: 5px;
}

.hand-o-right {
    #navbar form.form-inline padding-left: 5px;
}

.mainarea {
    font-weight: bold;
}

.social_bg .fa {
    color: black;
}

.breadcrumb {
    margin: 0 0 0 0;
    font-size: 13px;
    color: #666666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.topic-list li {
    white-space: nowrap;
    overflow: hidden;
}

.wechat-qrcode img {
    width: 100px;
}

.modal {
    top: 120px;
}

.xuan img {
    width: 20px;
}

img.navlogo {
    padding-top: 15px;
    width: 160px;
}

.shortDesc {
    font-size: 1px;
    color: #F4F4F2;
}

    .shortDesc a {
        font-size: 1px;
        color: #F4F4F2;
    }

.entry-content {
    padding-bottom: 20px;
}
/*travel*/

.newsdetail h4 {
    font-size: 20px;
}

@media only screen and (max-width: 1320px) {
    #ccyp_search a {
        visibility: hidden;
    }
}

@media only screen and (max-width: 991px) {
    #ccyp_smart_list .banner-panel img {
        margin: 0;
        padding: 15px 20px 0;
    }
}

@media only screen and (max-width: 844px) {
    .dropdown {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    #main-cat-panel label {
        font-size: 16px;
    }

    #mainCat .col-xs-1 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #mainCat {
        font-size: 16px;
    }

    #navbar form.form-inline {
        width: auto;
        margin-left: 10px;
    }

    form#ccyp_search.form-inline {
        width: 100%;
    }

    .dropdown {
        margin-left: 0;
    }
    /*.morecat {
        visibility: hidden;
        display: none;
    }*/

    #map_list {
        visibility: hidden;
        display: none;
    }

    .mobileHide {
        display: none;
    }
}

p #about_desc {
    font-size: 12px;
}

.tooltip-inner {
    color: #01091f;
    text-align: left;
    background-color: #ffffff;
    border-radius: 5px;
    min-width: 172px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

    .tooltip-inner label {
        line-height: 1.2;
    }

.tooltip.top .tooltip-arrow {
    border-top-color: #ffffff;
}

.cert {
    cursor: pointer;
}

#site-footer {
}

#site-footer-main {
    height: 290px;
    background-color: #FBC826;
    color: #000;
    margin: 0 -15px;
}

#site-footer-bottom {
    color: #666666 !important;
    height: 50px;
    padding-top: 10px;
    background: #FFF;
    margin: 0 -15px;
    color: #666;
}

    #site-footer-bottom a {
        color: #666666 !important;
    }

#site-footer-main-logo {
    text-align: center;
}

    #site-footer-main-logo a {
        display: inline-block;
        padding-top: 50px;
    }

#site-footer-main .footbg {
    padding-top: 10px;
}

#site-footer-main-logo img {
    width: 200px;
}

#site-cr {
    text-align: right;
}

#site-footer-bottom-log {
    text-align: center;
}

    #site-footer-bottom-log img {
        display: inline-block;
    }

#main-cat-panel label {
    font-size: 15px;
    letter-spacing: 0;
}

#main-cat-panel .life {
    padding-right: 0;
}

#keyword::placeholder, #location::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7d7b78;
    opacity: 1; /* Firefox */
}

.related-listing h4 a:hover {
    text-decoration: none;
}

.related-listing .media-heading a {
    font-size: 15px;
}

    .related-listing .media-heading a.smallfont {
        font-size: 12px;
    }

.related-listing .media-heading a {
    color: red;
}

.related-listing img.media-object {
    width: initial;
}

.related-listing .media-left a {
    display: block;
    max-width: 70px;
    overflow: hidden;
}

.related-listing {
    height: 80px;
    margin-bottom: 30px;
    overflow: hidden;
}

ul.relatestore li a {
    font-size: 16px;
}

.related-listing img {
    max-height: 70px;
}

.related-listing a:hover {
    color: #eeb404;
}

.related-listing ul li {
    padding-left: 1.3em;
    line-height: 1.7em;
}

.related-listing ul.list-inline {
    padding-left: 5px;
}

.related-listing ul li:before {
    content: url(/assets/img/homeindex/point6.png);
    margin-left: -1.3em;
    position: relative;
    top: -2px;
}

.detail-title {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

    .detail-title img {
        max-width: 80%;
    }

.premium-listing h4 a:hover {
    text-decoration: none;
}

.premium-listing .media-heading a {
    font-size: 13px;
    font-weight: 700;
}

    .premium-listing .media-heading a.smallfont {
        font-size: 11px;
    }

.premium-listing .media-heading a {
    color: red;
    white-space: nowrap;
}

.premium-listing img.media-object {
    width: initial;
}

.premium-listing .media-left a {
    display: block;
    max-width: 70px;
    overflow: hidden;
}

.premium-listing {
    height: 80px;
    margin-bottom: 5px;
    overflow: hidden;
}


    .premium-listing img {
        max-height: 70px;
    }

    .premium-listing a:hover {
        color: #eeb404;
    }

    .premium-listing li {
        font-size: 11px;
        white-space: nowrap;
    }

.banner-list .col-md-6 .img-thumbnail {
    width: auto;
}