﻿body {
    font-family: "微软雅黑";
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
/*字体开始*/
@font-face {
    font-family: "iconfont";
    src: url('/Themes/Default/Pc/Content/Font/iconfont.eot?t=1584446589917'); /* IE9 */
    src: url('/Themes/Default/Pc/Content/Font/iconfont.eot?t=1584446589917#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('/Themes/Default/Pc/Content/Font/iconfont.ttf?t=1584446589917') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('/Themes/Default/Pc/Content/Font/iconfont.svg?t=1584446589917#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right-down:before {
    content: "\e62f";
}

.icon-menu:before {
    content: "\e638";
}

.icon-captcha:before {
    content: "\e668";
}

.icon-password:before {
    content: "\e652";
}

.icon-searcher:before {
    content: "\e600";
}

.icon-phone:before {
    content: "\e60f";
}

.icon-cart:before {
    content: "\e607";
}

.icon-back-top:before {
    content: "\e633";
}

.icon-register:before {
    content: "\e71c";
}

.icon-user:before {
    content: "\e667";
}

.icon-wechat:before {
    content: "\e645";
}

.icon-telephone:before {
    content: "\e646";
}

.icon-leavemessage:before {
    content: "\e60b";
}

/*字体结束*/
/*公共部分开始*/
a {
    text-decoration: none;
    outline: none;
}

    a em {
        font-style: normal;
        color: #ED2D24;
    }

img {
    border: none;
    max-height: 100%;
    max-width: 100%;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

    .pull-right:after,
    .pull-left:after {
        content: "";
        display: block;
        clear: both;
    }

table {
    table-layout: fixed;
    //固定宽不变形
}

a:hover {
    text-decoration: underline;
}

.-margin10 {
    margin: 0px -10px !important;
}

.-margin15 {
    margin: 0px -15px !important;
}

.-margin20 {
    margin: 0px -20px !important;
}

.-margin25 {
    margin: 0px -25px !important;
}

.-margin30 {
    margin: 0px -30px !important;
}

.pager-header:after,
.pager-body:after,
.pager-footer:after {
    content: "";
    display: block;
    clear: both;
}

.pager-header .bar {
    background: #EEEEEE;
    padding: 8px 0px;
}

.pager-header .msg {
    color: #999999;
}

.pager-header .bar .tag {
    display: inline-block;
}

    .pager-header .bar .tag,
    .pager-header .bar .tag a {
        color: #333333;
    }

        .pager-header .bar .tag:hover,
        .pager-header .bar .tag a:hover {
            text-decoration: none;
            color: #164EC0;
        }

        .pager-header .bar .tag:not(:first-child) {
            margin-left: 5px;
        }

        .pager-header .bar .tag.group a:not(:last-child):after {
            content: "|";
            display: inline-flex;
            margin-left: 5px;
        }

.pager-header .main {
    padding: 30px 0px;
}

    .pager-header .main a.logo {
        display: block;
        border-right: 5px solid transparent;
    }

        .pager-header .main a.logo img {
            display: block;
            height: 100%;
            width: 100%;
            max-height: 70px;
        }

    .pager-header .main .tag-panel {
        padding-top: 10px;
    }

        .pager-header .main .tag-panel.line {
            border-left: 2px solid #CCCCCC;
            padding-left: 5px;
            padding-top: 20px;
        }

    .pager-header .main .tag {
        color: #AAAAAA;
        font-size: 16px;
    }

        .pager-header .main .tag.min {
            color: #AAAAAA;
            font-size: 12px;
        }

        .pager-header .main .tag .value {
            color: #FD0001;
        }

    .pager-header .main .phone {
        text-align: center;
        font-size: 60px;
        color: #CCCCCC;
    }

    .pager-header .main .seacher {
        border: 1px solid #CCCCCC;
        border-radius: 5px;
        overflow: hidden;
        height: 40px;
        margin-top: 10px;
    }

        .pager-header .main .seacher .inner {
            height: 30px;
            padding: 5px 0px;
            padding-left: 5px;
        }

        .pager-header .main .seacher input {
            border: none;
            background: none;
            width: 100%;
            height: 30px;
            line-height: 30px;
        }

        .pager-header .main .seacher .btn {
            display: block;
            width: 100%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-weight: bold;
            font-size: 16px;
            color: #CCCCCC;
        }

            .pager-header .main .seacher .btn:hover {
                text-decoration: none;
                color: #333333;
            }

.pager-header .nav {
    background: #164EC0;
}

    .pager-header .nav a {
        color: #FFFFFF;
        display: block;
        height: 60px;
        line-height: 60px;
        float: left;
        font-size: 16px;
        padding: 0px 2em;
    }

        .pager-header .nav a:hover {
            text-decoration: none;
        }

        .pager-header .nav a.active,
        .pager-header .nav a:hover {
            background: #EE2E24;
        }

.pager-body {
    min-height: 600px;
}

.pager-footer .main {
    background: #164EC0;
    padding: 30px 0px;
    color: #00FFFF;
    line-height: 1.8;
    min-height: 125px;
}

.pager-footer .logo {
    min-height: 125px;
}

    .pager-footer .logo img {
        display: block;
        margin: auto;
        position: relative;
        top: 30px;
    }

.pager-footer .btn-panel {
    border-right: 1px solid #0059B2;
    min-height: 125px;
    padding: 15px 0px;
}

    .pager-footer .btn-panel a.btn {
        display: block;
        margin: 0px 20px;
        text-align: center;
        border: 1px solid #00FFFF;
        color: #00FFFF;
        border-radius: 30px;
        padding: 5px 0px;
        font-size: 16px;
    }

    .pager-footer .btn-panel .inner {
        padding: 10px 0px;
    }

    .pager-footer .btn-panel a.btn:last-child {
        margin-top: 10px;
    }

    .pager-footer .btn-panel a.btn span.icon {
        padding-right: 10px;
    }

    .pager-footer .btn-panel a.btn:hover {
        text-decoration: none;
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
    }



.pager-footer .tag-panel {
    border-left: 1px solid #0059B2;
    border-right: 1px solid #0059B2;
    padding: 15px 0px;
    padding-left: 15px;
    min-height: 125px;
}

.pager-footer .qr-code {
    margin: 0px 15px;
    min-height: 125px;
}

.pager-footer .bar,
.pager-footer .bar a {
    background: #333333;
    text-align: center;
    color: #AAAAAA;
    padding: 15px 0px;
}

.form {
    margin: 20px;
}

    .form .form-header .title {
        display: inline-block;
        padding: 10px 0px;
        color: #154DBF;
        font-size: 20px;
        line-height: 30px;
    }

        .form .form-header .title:before {
            font-size: 30px;
            float: left;
            line-height: 30px;
        }

    .form .form-item {
        margin: 10px;
        padding: 5px 10px;
        background: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #CCCCCC;
    }

    .form input,
    .form textarea {
        width: 100%;
        line-height: 30px;
        border: none;
        resize: none;
    }

    .form .submit-btn {
        display: block;
        width: 150px;
        border-radius: 30px;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        padding: 8px 0px;
        text-align: center;
        background: #164EC0;
        margin: 20px 10px;
        font-size: 20px;
    }

        .form .submit-btn:hover {
            text-decoration: none;
        }

    .form .note {
        color: #999999;
        font-size: 14px;
    }
/*公共部分结束*/
/*组建部分开始*/
/*block*/
.block {
    padding: 10px 0px;
}

    .block .block-header,
    .block .block-body,
    .block .block-footer {
        height: auto;
        overflow: hidden;
    }

        .block:after,
        .block .block-header:after,
        .block .block-body:after {
            content: "";
            display: block;
            clear: both;
        }

        .block .block-header .title {
            text-align: center;
        }

            .block .block-header .title .zh-cn {
                font-size: 30px;
                color: #154DBF;
                font-weight: bold;
            }

                .block .block-header .title .zh-cn span {
                    position: relative;
                }

                    .block .block-header .title .zh-cn span:before,
                    .block .block-header .title .zh-cn span:after {
                        position: absolute;
                        content: "";
                        display: block;
                        height: 3px;
                        width: 200px;
                        background: #CCCCCC;
                        top: 50%;
                    }

                    .block .block-header .title .zh-cn span:before {
                        left: -230px;
                    }

                    .block .block-header .title .zh-cn span:after {
                        right: -230px;
                    }

                .block .block-header .title .zh-cn + .en-us {
                    margin-top: 10px;
                }

            .block .block-header .title .en-us {
                font-size: 16px;
                color: #CCCCCC;
            }

            .block .block-header .title + .note {
                margin-top: 10px;
            }

        .block .block-header .note {
            text-align: center;
            font-size: 12px;
            color: #CCCCCC;
        }

            .block .block-header .note + .components.header-nav,
            .block .block-header .title + .components.header-nav {
                margin-top: 20px;
            }

        .block .block-header + .block-body,
        .block .block-body + .block-footer {
            margin-top: 20px;
        }

    .block .block-footer {
        text-align: center;
    }

        .block .block-footer .more-btn {
            display: inline-block;
            background: #164EC0;
            color: #FFFFFF;
            font-size: 14px;
            padding: 5px 30px;
            border-radius: 30px;
        }
/*components.right-control*/
.components.right-control {
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: auto;
    width: 60px;
    z-index: 999;
}

    .components.right-control .item {
        display: block;
        width: 58px;
        height: 58px;
        text-align: center;
        line-height: 58px;
        border: 1px solid #CCCCCC;
        background: #FFFFFF;
        color: #003F7D;
    }

        .components.right-control .item:not(:first-child) {
            margin-top: 10px;
        }

        .components.right-control .item:hover {
            text-decoration: none;
            background: #003F7D;
            border: 1px solid #003F7D;
            color: #FFFFFF;
        }

    .components.right-control div.font span:first-child {
        font-size: 30px;
        font-weight: bold;
        display: block;
    }

    .components.right-control div.image img:first-child {
        width: 58px;
        height: 58px;
    }

    .components.right-control .item div.font,
    .components.right-control .item div.image {
        position: relative;
    }

    .components.right-control .float {
        position: absolute;
        right: 65px;
        top: 0px;
        bottom: 0px;
        min-width: 60px;
        background: #FFFFFF;
        display: none;
    }

        .components.right-control .float.text {
            padding: 0px 10px;
            white-space: nowrap;
        }

        .components.right-control .float.img {
            min-width: 120px;
            min-height: 120px;
            top: -30px;
        }

    .components.right-control .item:hover .float {
        background: #003F7D;
        display: block;
    }
/*components.header-nav*/
.components.header-nav {
    text-align: center;
}

    .components.header-nav a {
        display: inline-block;
        line-height: 30px;
        padding: 0px 15px;
        color: #164EC0;
        border: 1px solid #164EC0;
        border-radius: 30px;
    }

        .components.header-nav a:hover {
            text-decoration: none;
            background: #164EC0;
            color: #FFFFFF;
        }

        .components.header-nav a:not(:first-child) {
            margin-left: 10px;
        }
/*components img*/
.components.img {
    margin: 0px -10px;
}

    .components.img .item {
        display: block;
        margin: 10px;
        transition: all 1s;
    }

        .components.img .item:hover {
            text-decoration: none;
            transform: scale(1.1);
        }

    .components.img img {
        display: block;
        width: 100%;
    }

    .components.img .item:hover img {
    }

    .components.img .title {
        display: block;
        padding: 0px 10px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #666666;
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
    }

    .components.img .item:hover .title {
        background: #164EC0;
    }
/*components.label*/
.components.label {
    text-align: center;
    color: #999999;
    font-size: 14px;
}

    .components.label span.item:not(:first-child) {
        margin-left: 10px;
    }

    .components.label span.item .title:after {
        content: ":";
        margin-left: 3px;
        margin-right: 2px;
    }

    .components.label span.item .value {
        color: #999999;
    }
/*components.menu*/
.components.menu a {
    color: #FFFFFF;
    display: block;
    height: 60px;
    line-height: 60px;
    float: left;
    font-size: 16px;
    padding: 0px 2em;
}

    .components.menu a:hover {
        text-decoration: none;
    }

    .components.menu a.active,
    .components.menu a:hover {
        background: #EE2E24;
    }
/*components.pager-view*/
.components.pager-view a,
.components.pager-view img {
    display: block;
    width: 100%;
}
/*components.path*/
.components.path {
    color: #999999;
    font-size: 14px;
    padding: 10px 0px;
}

    .components.path:after {
        content: "";
        display: block;
        clear: both;
    }

    .components.path .pre {
        position: relative;
        margin-right: 10px;
    }

        .components.path .pre:after {
            content: ":";
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: -6px;
        }

    .components.path a.item {
        color: #999999;
        position: relative;
        font-size: 14px;
    }

        .components.path a.item:not(:last-child) {
            margin-right: 15px;
        }

            .components.path a.item:not(:last-child):after {
                content: ">";
                position: absolute;
                top: 0px;
                bottom: 0px;
                right: -13px;
            }
/*components.searcher*/
.components.searcher {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    overflow: hidden;
    height: 40px;
    margin-top: 10px;
}

    .components.searcher.active {
        border: 1px solid #164EC0;
    }

    .components.searcher .inner {
        height: 30px;
        padding: 5px 0px;
        padding-left: 5px;
    }

    .components.searcher input {
        border: none;
        background: none;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    .components.searcher .btn {
        display: block;
        width: 100%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-weight: bold;
        font-size: 16px;
        color: #CCCCCC;
    }

    .components.searcher.active .btn {
        color: #164EC0;
    }

    .components.searcher .btn:hover {
        text-decoration: none;
        color: #164EC0;
    }
/*components.side-nav*/
.components.side-nav {
    position: relative;
}

    .components.side-nav .side-header {
        height: 60px;
        line-height: 60px;
        background: #164EC0;
        color: #FFFFFF;
        position: absolute;
        top: -60px;
        left: 0px;
        right: 0px;
    }

        .components.side-nav .side-header .title {
            padding-left: 15px;
            font-size: 25px;
            display: block;
            margin-right: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #FFFFFF;
        }

            .components.side-nav .side-header .title:hover {
                text-decoration: none;
            }

        .components.side-nav .side-header .ico {
            font-size: 30px;
            color: #4571CD;
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            width: 40px;
            text-align: center;
        }

    .components.side-nav .item {
        line-height: 40px;
        padding-left: 10px;
        display: block;
        color: #333333;
        font-size: 16px;
    }

        .components.side-nav .item:hover,
        .components.side-nav .item.active {
            background: #467BEA;
            position: relative;
            text-decoration: none;
            color: #FFFFFF;
        }

            .components.side-nav .item:hover:after,
            .components.side-nav .item.active:after {
                content: "";
                position: absolute;
                z-index: 666;
                top: 0px;
                right: 0px;
                bottom: 0px;
                border: 20px solid transparent;
                border-right: 20px solid #FFFFFF;
            }
/*components.slider*/
.components.slider {
    position: relative;
}

    .components.slider .swiper-slide {
        width: 100%;
    }

    .components.slider a.item {
        display: block;
        position: relative;
        overflow: hidden;
    }

        .components.slider a.item:hover {
            text-decoration: none;
        }

        .components.slider a.item img {
            display: block;
            margin: auto;
            width: 100%;
        }

        .components.slider a.item .title {
            text-align: center;
            background: #666666;
            font-size: 14px;
            color: #FFFFFF;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0px 10px;
        }

    .components.slider.has-title .pagination {
        position: absolute;
        z-index: 20;
        bottom: 40px;
        left: 0px;
        right: 0px;
        text-align: center;
    }

    .components.slider .pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        left: 0px;
        right: 0px;
        text-align: center;
    }

    .components.slider .swiper-pagination-switch {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #26A6FF;
        margin: 0 5px;
        cursor: pointer;
    }

    .components.slider .swiper-active-switch {
        background: #FD0002;
    }

/*components.text*/
.components.text a.item {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 14px;
}

    .components.text a.item .title {
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 120px;
        position: relative;
    }

    .components.text a.item span.time {
        position: absolute;
        right: 0px;
        width: 120px;
        top: 0px;
        bottom: 0px;
        text-align: center;
    }

    .components.text a.item:hover {
        color: #154DBF;
        text-decoration: none;
        background: #EEEEEE;
    }

    .components.text a.item:not(:first-child) {
        margin-top: 8px;
    }

    .components.text a.item .title:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #AAAAAA;
        border-radius: 50%;
        margin: 0px 10px;
    }
/*components.turn-pager*/
.components.turn-pager {
    background: #EEEEEE;
    padding: 10px;
}

    .components.turn-pager .item {
        height: 23px;
        line-height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .components.turn-pager a {
        color: #144CBF;
    }
/*components img-card*/
.components.img-card {
    display: block;
    margin: 10px 10px;
    position: relative;
}

    .components.img-card img {
        display: block;
        width: 100%;
        margin: auto;
        height: 200px;
    }

    .components.img-card .title {
        display: block;
        position: absolute;
        top: 50%;
        transform: translate(0%,-50%);
        left: 0px;
        right: 0px;
        background: rgba(0, 0, 0, 0.5);
        color: #FFFFFF;
        font-size: 20px;
        text-align: center;
        padding: 15px 0px;
    }
/*components html*/
.components.html {
    line-height: 24px;
    color: #333333;
    font-size: 14px;
}

    .components.html * {
        max-height: 100%;
        max-width: 100%;
    }
/*components pager*/
.components.pager {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}

    .components.pager ul {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .components.pager ul,
    .components.pager li {
        list-style: none;
    }

        .components.pager li.individual:hover,
        .components.pager li.current-page {
            background: #164EC0;
        }

            .components.pager li.individual:hover span,
            .components.pager li.individual:hover a,
            .components.pager li.current-page span {
                color: #FFFFFF !important;
            }

    .components.pager li {
        display: inline-block;
        background: #EEEEEE;
        margin: 0px 3px;
        min-width: 30px;
        min-height: 30px;
    }

        .components.pager li span,
        .components.pager li a {
            display: inline-block;
            padding: 0 5px;
            margin: 5px;
            color: #333333;
        }

            .components.pager li a:hover {
                text-decoration: none;
            }

            .components.pager li span.value {
                color: #E43939;
                display: inline;
                padding: unset;
                margin: unset;
            }
/*组建部分结束*/
.block.case {
    background-image: url('/themes/default/pc/Content/images/block-case-background.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F0F6FF;
}

.block .strengths-item {
    margin: 10px;
}

    .block .strengths-item img {
        display: block;
        margin: auto;
    }

    .block .strengths-item .ico + .title {
        margin-top: 15px;
    }

    .block .strengths-item .title,
    .block .strengths-item .note {
        text-align: center;
    }

    .block .strengths-item .title {
        font-size: 30px;
        color: #333333;
    }

    .block .strengths-item .note {
        font-size: 14px;
        color: #999999;
    }

    .block .strengths-item .title + .note {
        margin-top: 5px;
    }

.block.leavemessage {
    background-image: url('/themes/default/pc/Content/images/leavemessage-background.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F0F6FF;
    padding: 30px 0px;
}

    .block.leavemessage .form {
        margin: unset;
        margin-right: 160px;
        position: relative;
    }

        .block.leavemessage .form .form-header .title {
            color: #FFFFFF;
        }

        .block.leavemessage .form .form-item {
            border: 1px solid none;
        }

        .block.leavemessage .form .note {
            color: #FFFFFF;
        }

        .block.leavemessage .form .submit-btn {
            position: absolute;
            right: -160px;
            bottom: 0px;
            border: 1px solid #FFFFFF;
            background: none;
            color: #FFFFFF;
            font-size: 20px;
            width: 130px;
        }

            .block.leavemessage .form .submit-btn:hover {
                background: #164EC0;
            }

.text-panel .components.text a.item {
    background: #EEEEEE;
    color: #333333;
    font-size: 14px;
    padding: 10px 0px;
}

    .text-panel .components.text a.item:hover {
        color: #164EC0;
        text-decoration: none;
    }

        .text-panel .components.text a.item:hover .time {
            color: #FF0000;
        }

    .text-panel .components.text a.item:not(:first-child) {
        margin-top: 8px;
    }

    .text-panel .components.text a.item .title:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #AAAAAA;
        border-radius: 50%;
        margin: 0px 10px;
    }


.min-slider .components.slider .pagination {
    text-align: right;
    padding-right: 10px;
}

.min-slider .components.slider .swiper-pagination-switch {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #7C6E5B;
    border: 1px solid #E7DBC8;
    margin: 0 5px;
    cursor: pointer;
    border-radius: unset;
}

.min-slider .components.slider .swiper-active-switch {
    background: #FD0002;
}

.main-content {
    margin-left: 20px;
    margin-bottom: 20px;
}

    .main-content .content {
        border: 1px solid #EEEEEE;
        min-height: 550px;
    }

    .main-content .content-header,
    .main-content .content-body,
    .main-content .content-footer {
        height: auto;
        overflow: hidden;
    }

    .main-content .content + .components.turn-pager {
        margin-top: 20px;
    }

    .main-content .content-header + .content-info,
    .main-content .content-info + .content-body {
        margin-top: 20px;
    }

    .main-content .content-header .title {
        text-align: center;
        font-size: 30px;
        color: #333333;
        margin-top: 30px;
        word-break: break-all;
        word-wrap: break-word;
        padding: 0px 10px;
    }

    .main-content .content-info {
        border: 1px solid #EEEEEE;
        padding: 5px 0px;
        margin: 0px 20px;
    }

    .main-content .content-body .components.img {
        margin: 0px 10px;
    }

.searcher-result {
    margin: 0px 40px;
    margin-top: 20px;
    border-bottom: 1px solid #CCCCCC;
}

    .searcher-result .searcher-form {
        width: 600px;
        margin: auto;
        margin-top: 40px;
    }

        .searcher-result .searcher-form .group {
            border: 1px solid #CCCCCC;
            border-radius: 3px;
        }

        .searcher-result .searcher-form .inner {
            margin: 0px 10px;
        }

        .searcher-result .searcher-form input,
        .searcher-result .searcher-form select,
        .searcher-result .searcher-form a.btn {
            border: none;
            background: none;
            height: 40px;
            line-height: 40px;
            padding: 0px 10px;
        }

        .searcher-result .searcher-form select {
            width: 100%;
            padding: 0px 10px;
            border-left: 1px solid #CCCCCC;
            outline: none;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: url('/themes/default/pc/content/images/select-ico.jpg') no-repeat 80px center;
            background-size: 17px 9px;
        }

        .searcher-result .searcher-form a.btn {
            display: block;
            text-align: center;
            color: #FFFFFF;
            background: #164EC0;
            border-radius: 30px;
            max-width: 130px;
            margin-left: 10px;
            font-size: 20px;
        }

            .searcher-result .searcher-form a.btn:hover {
                text-decoration: none;
            }

    .searcher-result .note {
        color: #333333;
        font-size: 16px;
        padding: 10px 0px;
    }

        .searcher-result .note .value {
            color: #ED2D24;
        }

    .searcher-result .searcher-form + .note {
        margin-top: 20px;
    }
