* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    /*width:100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media screen and (max-width:320px) {
    html, body {
        font-size: 16px;
    }
}

@media screen and (min-width:321px) and (max-width:768px) {
    html, body {
        font-size: 18px;
    }
}

@media screen and (min-width:769px) {
    html, body {
        font-size: 20px;
    }
}
/*@media screen and (min-width:321px) and (max-width:400px) {
    html {
        font-size: 18px;
    }
}*/
body {
    margin: 0;
    /*line-height: 1.5;*/
    color: #333333;
    background-color: white;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

html, button, input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
    margin: 0;
}

ul, ol, li, dl, dd {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none outside none;
}
input:focus, button:focus, textarea:focus{ outline:0;}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #cccccc;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #cccccc;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #cccccc;
}



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

svg:not(:root) {
    overflow: hidden;
}

a {
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #0088cc;
}

    a:active, a:focus, a:hover {
        outline: 0;
        text-decoration: none;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    vertical-align: middle;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input, textarea {
    outline: none;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}



.fr {
    float: right;
}

.bodycont {
    width: 100%;
    overflow: hidden;
}

.wrap-page {
    width: 100%;
    overflow: hidden;
    /*height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: absolute;*/
    padding-bottom: 0;
}

.page {
    width: 100%;
    /*overflow: hidden;*/
}

.fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 960;
}

.fixed-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 940;
}

.header ~ .wrap-page {
    padding-top: 2.2rem;
}

.footer ~ .wrap-page {
    padding-bottom: 2.75rem;
}

.header-sub ~ .wrap-page {
    padding-top: 5.5rem;
}

.header, .footer {
    /*position: absolute;*/
    left: 0;
    right: 0;
}

.header, .footer {
    height: 2.2rem;
    line-height: 2.2rem;
    display: block;
    background-color: #fff;
    text-align: center;
    z-index: 900;
}

.footer {
    height: 2.75rem;
    line-height: 2.75rem;
}

.header {
    width: 100%;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.footer {
    bottom: 0;
    box-shadow: 0 3px 10px rgba(120,120,120,0.5);
}

/*header*/
.header .headerL {
    position: absolute;
    left: 0;
    top: 0;
    height: 2.2rem;
    padding-left: 0.6rem;
}

    .header .headerL img {
        display: block;
        height: 1.25rem;
        margin-top: 0.5rem;
    }

.header .headerC {
    width: 100%;
    padding: 0 2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    overflow: hidden;
    text-align: center;
}

    .header .headerC p {
        text-align: center;
        font-size: .85rem;
        color: #333;
    }

.header .headerR {
    position: absolute;
    right: 0;
    top: -4px;
    height: 2.75rem;
    padding-right: 0.6rem;
}

    .header .headerR a {
        color: #666;
        font-size: 1rem;
        line-height: 2.8rem;
    }

        .header .headerR a.c9 {
            color: #999;
        }

    .header .headerR img {
        height: 1.25rem;
        line-height: 1.25rem;
        margin-top: -.3rem;
    }

/*顶部三条横线菜单按钮  start */
header .openbigmenu {
    position: absolute;
    right: 0.5rem;
    top: .75rem;
    z-index: 1;
    width: 1.5rem;
    height: 1.5rem;
    background: url(/images/menu.png) no-repeat center;
    background-size: 100% 100%;
}
header .headerR .openbigmenu {
    position:unset;
    right: unset;
    top: unset;
    z-index: 1;
    width: unset;
    height: unset;
    background:unset;
}
/*顶部三条横线菜单按钮   end */

/*打开模块常用关闭、最小化、最大化按钮*/
.kl_block_minmax {position:absolute; top:2px; right:6px;}
.kl_block_close {z-index:10;}
.kl_block_close, .kl_block_min, .kl_block_max {width:30px; height:30px; cursor:pointer; box-sizing:border-box; margin-right:4px; float:left; background-size:18px; background-repeat:no-repeat; background-position:center center; position:relative;}
.kl_block_minmax div:last-child {margin-right:0;}
.kl_block_close:before, .kl_block_close:after {content:""; display:block; width:20px; height:2px; background-color:#f00; position:absolute; top:14px; left:8px;}
.kl_block_close:before {transform:rotate(45deg);}
.kl_block_close:after {transform:rotate(-45deg);}
.kl_block_close:hover, .kl_block_min:hover, .kl_block_max:hover {opacity:0.8;}
.kl_block_close:before, .kl_block_close:after {transition-duration:0.2s; transition-timing-function:ease-in; transition-property:transform;}
.kl_block_close:hover:before {transform:rotate(135deg);}
.kl_block_close:hover:after {transform:rotate(45deg);}
.kl_block_close_notit {margin-right:0; background-color:#333; border:3px solid #fff; position:absolute; top:-10px; right:-10px; border-radius:50%; transition-duration:0.2s; transition-timing-function:ease-in; transition-property:background-color;}
.kl_block_close_notit:before, .kl_block_close_notit:after {background-color:#fff; top:11px; left:5px;}
.kl_block_close_notit:hover {opacity:1; background-color:#2b84d0;}
.kl_block_min {background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M949.2 560.2H74.8c-26.6 0-48.2-21.6-48.2-48.2 0-26.6 21.6-48.2 48.2-48.2H949.2c26.6 0 48.2 21.6 48.2 48.2 0 26.6-21.6 48.2-48.2 48.2z' fill='%232d2c3b'/%3E%3C/svg%3E");}
.kl_block_min.xon {margin-right:0; background-image:url("data:image/svg+xml,%3Csvg width='2000' height='2000' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M879.1 783.6h-60.4a34.3 34.3 0 0 1 0-68.6h60.4c14.3 0 26.6-11.8 26.6-26.6V142.6c0-14.3-11.8-26.6-26.6-26.6H332.8c-14.3 0-26.6 11.8-26.6 26.6v60.4a34.3 34.3 0 0 1-68.6 0V142.6c0-52.2 42.5-94.72 94.72-94.7h546.3c52.2 0 94.72 42.5 94.72 94.7v546.3c0.5 52.2-42.5 94.72-94.2 94.7z' fill='%232c2c2c'/%3E%3Cpath d='M708.1 964.3H162.3c-57.9 0-103.9-47.1-103.9-103.9V312.6c0-57.9 47.1-103.9 103.9-103.9h546.3c57.9 0 103.9 47.1 103.9 103.9v546.8c0.5 58.4-46.08 104.96-104.4 104.96zM162.3 276.72c-19.5 0-35.84 16.4-35.84 35.8v546.8c0 19.5 16.4 35.84 35.84 35.84h546.3c19.5 0 35.84-16.4 35.84-35.84V312.6c0-19.5-16.4-35.84-35.84-35.8H162.3z' fill='%232d2c3b'/%3E%3C/svg%3E");}
.kl_block_max {background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M944.0 0.8H79.1C35.8 0.8 0.3 36.2 0.3 79.4v864.5c0 43.2 35.4 78.6 78.7 78.6h865.9c43.3 0 78.7-35.4 78.7-78.6V79.4C1023.7 36.2 988.3 0.8 944.0 0.8z m0 943.1H79.1V79.4h865.9v864.5z m0 0' fill='%23231814'/%3E%3Cpath d='M342.8 735.7l137.8-137.5c15.7-15.7 15.7-39.3 0-55.0-15.7-15.7-39.4-15.7-55.1 0l-137.8 137.5-90.5-90.4V826.0h236.2l-90.5-90.4z m228.3-243.6c11.8 0 19.7-3.9 27.6-11.8l137.8-137.5 90.5 90.4V197.3H590.7l90.5 90.4-137.8 137.5c-15.7 15.7-15.7 39.3 0 55.0 7.9 7.9 19.7 11.8 27.5 11.8z m0 0' fill='%232d2c3b'/%3E%3C/svg%3E");}
.kl_block_max.xon {background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M944.0 0.8H79.1C35.8 0.8 0.3 36.2 0.3 79.4v864.5c0 43.2 35.4 78.6 78.7 78.6h865.9c43.3 0 78.7-35.4 78.7-78.6V79.4C1023.7 36.2 988.3 0.8 944.0 0.8z m0 943.1H79.1V79.4h865.9v864.5z m0 0' fill='%23231814'/%3E%3Cpath d='M346.7 621.7l-137.8 137.5c-15.7 15.7-15.7 39.3 0 55.0 15.7 15.7 39.4 15.7 55.1 0l137.8-137.5 90.5 90.4V531.3H256.2l90.5 90.4zM787.5 197.3c-11.8 0-19.7 3.9-27.6 11.8l-137.8 137.5-90.5-90.4v235.8h236.2l-90.5-90.4 137.8-137.5c15.7-15.7 15.7-39.3 0-55.0-7.9-7.9-19.7-11.8-27.5-11.8z' fill='%232d2c3b'/%3E%3C/svg%3E");}
/*每页展开的导航   start*/
.nav-menu{
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 99999;
        bottom: 0rem;
        display: none;
        overflow: scroll;
        border-top: 1px solid #ddd;
        box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);
}
.nav-menu p{
        line-height: 2rem;
    border-bottom: .03rem solid #ddd;
    padding: 0 .8rem;
    box-sizing: border-box;
    font-size: .9rem;
    color: #c6c6c6;
}
.nav-menu ul{
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        border-bottom: 0.01rem solid #f0f0f0;
        overflow: hidden;
}
.nav-menu ul li{
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: .8rem 0;
        border-bottom: 0.01rem solid #f0f0f0;
        margin-bottom: -0.02rem;       
}
.nav-menu ul li a.active{
        color:#f00;     
}
.nav-menu ul li.app-help{
    width:100%;
    padding: 0;
    text-align:center;
}
.nav-menu ul li img{
        width: 2.5rem;
        height: 2.5rem;
        display: block;
        margin: 0 auto;
        margin-bottom: .5rem;
}
.nav-menu ul li span{
        font-size: .8rem;
        color: #333333;
        display: block;
        text-align: center;
}

.nav-menu ul li.app-help a {
    width: 88%;
    margin:1rem 0;
    text-align: center;
    color: #fff;
    border-radius: 2rem;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff672c), to(#f34151));
}
.nav-menu ul li.app-help a h3 {
    line-height:2.4rem;
    font-size:1rem;
}
@media screen and (min-width:375px) {
    .nav-menu p {
        line-height: 34px;
        font-size: 16px;
    }

    .nav-menu ul li{
        padding: 12px 0;     
    }

    .nav-menu ul li img{
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .nav-menu ul li span{
        font-size: 14px;
    }

    .nav-menu ul li.app-help a h3 {
        line-height:36px;
        font-size:14px;
    }
}
/*每页展开的导航   end*/

/*banner  start  */
.focus{width: 100%; position:relative; overflow:hidden;  }
.focus .hd{ width:100%; height:1rem;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul li{ display:inline-block; width:.8rem; height:.8rem; -webkit-border-radius:.8rem; -moz-border-radius:.8rem; border-radius:.8rem; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; color: #fff;  }
.focus .hd ul .on{ background:#f00; color: #f00; }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; display: block; }
/*banner  end  */

/*切换菜单效果 链接底部横线 (kl通用1， 颜色用11，12，111)*/
.klty-tab1 > .nav-tabs {
    /*border: none;*/
    margin: 0px;
    font-size: 1rem;
}

    .klty-tab1 > .nav-tabs > li {
        margin: 0;
    }

        .klty-tab1 > .nav-tabs > li > a {
            background: none !important;
            border: 0;
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
            color: #737373;
        }

            .klty-tab1 > .nav-tabs > li > a.more {
                margin-top: 4px;
                line-height: 1.4rem;
            }

            .klty-tab1 > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

                .klty-tab1 > .nav-tabs > li > a > i.fa-chevron-right {
                    -webkit-text-stroke: 2px white;
                    color: #a0a0a0;
                }

        .klty-tab1 > .nav-tabs > li.active {
            background: none;
            border-bottom: 4px solid #36c6d3;
            position: relative;
        }

            .klty-tab1 > .nav-tabs > li.active > a {
                border: 0;
                color: #333;
            }

                .klty-tab1 > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

        .klty-tab1 > .nav-tabs > li.open,
        .klty-tab1 > .nav-tabs > li:hover {
            background: none;
            border-bottom: 4px solid #9fe4ea;
        }

        .klty-tab1 > .nav-tabs > li.active.open,
        .klty-tab1 > .nav-tabs > li.active:hover {
            border-bottom: 4px solid #36c6d3;
        }

        .klty-tab1 > .nav-tabs > li.open > a,
        .klty-tab1 > .nav-tabs > li:hover > a {
            border: 0;
            background: none !important;
            color: #333;
        }

            .klty-tab1 > .nav-tabs > li.open > a > i,
            .klty-tab1 > .nav-tabs > li:hover > a > i {
                color: #a6a6a6;
            }

        .klty-tab1 > .nav-tabs > li.open .dropdown-menu,
        .klty-tab1 > .nav-tabs > li:hover .dropdown-menu {
            margin-top: 0px;
        }

/*分页*/
.PaginationBox {
    margin: .4rem;
}

.pagination {
    margin-top: .8rem;
    margin-bottom: .3rem;
}

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #327dd4;
        border-color: #327dd4;
    }

    .pagination > li > a, .pagination > li > span {
        font-size: .65rem;
        height: 2rem;
        padding: .5rem .65rem;
    }

        .pagination > li > a.lg, .pagination > li > span.lg {
            padding: .5rem .85rem;
        }

        .pagination > li > a.sm, .pagination > li > span.sm {
            padding: .5rem .45rem;
        }

        .pagination > li > a.xs, .pagination > li > span.xs {
            padding: .5rem .25rem;
        }

        .pagination > li > a.xxs, .pagination > li > span.xxs {
            padding: .5rem .15rem;
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            background-color: #fff;
            border-color: #ddd;
        }


/*底部*/
.endfoot {
    text-align: center;
    border-top: 0.15rem solid #377dc5;
    background: #FFF;
    color: #fff;
    font-size: .8rem;
    font-family:Microsoft YaHei, Helvetica, Arial, sans-serif;
}
.endfoot * {
    font-family:Microsoft YaHei, Helvetica, Arial, sans-serif;
}

    .endfoot h2 {
        text-align: center;
        padding: 1rem 0;
    }

        .endfoot h2 * {
            color: #666;
            font-size: .7rem;
            line-height: 160%;
        }

   .endfoot a.loginreg{
    border: 1px solid #82b1ee;
    color: #82b1ee;
    border-radius: 1rem;
    padding: 0 .5rem;
    font-size: .65rem;
}

/*加载等待*/
.load-bc {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    background: Rgba(0,0,0,.8);
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -40px;
    z-index: 11;
}

.load-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.load {
    margin: 35px auto;
    font-size: 25px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
}

@keyframes load5 {
    0% {
        box-shadow: 0 -20px 0 0 #ffffff, 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.5), -14px -14px 0 0 rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.7), 14px -14px 0 0 rgba(255, 255, 255, 1), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.5), 14px -14px 0 0 rgba(255, 255, 255, 0.7), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.5), 20px 0 0 0 rgba(255, 255, 255, 0.7), 14px 14px 0 0 rgba(255, 255, 255, 1), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.5), 14px 14px 0 0 rgba(255, 255, 255, 0.7), 0 20px 0 0 rgba(255, 255, 255, 1), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.5), 0 20px 0 0 rgba(255, 255, 255, 0.7), -14px 14px 0 0 rgba(255, 255, 255, 1), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.5), -14px 14px 0 0 rgba(255, 255, 255, 0.7), -20px 0 0 0 rgba(255, 255, 255, 1), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.5), -20px 0 0 0 rgba(255, 255, 255, 0.7), -14px -14px 0 0 rgba(255, 255, 255, 1);
    }

    100% {
        box-shadow: 0 -20px 0 0 #ffffff, 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.5), -14px -14px 0 0 rgba(255, 255, 255, 0.7);
    }
}

/*浮动框  start */
.top_float {
    width: 32px;
    position: fixed;
    bottom: 5.8rem;
    right: .4rem;
    z-index: 905;/*层要低于分享*/
}
.top_float_com_menu{
    display: inline-block;
    width: 32px;
    height: 34px;
    text-align: center;
    color: #fff;
    background-color: #ff5722;
    position: relative;
    border-radius: 2px;
    margin-bottom: 2px;
}

.top_float_com_menu:hover {
    background-color: #d81434;
}
.top_float_com_menu .zhaofang{
    margin-top: 1px;
    line-height: 13px;
}
.top_float_com_menu .zhaofang a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

/*浮动框  end */
/*返回顶部*/
.top_btn {
    width: 32px;
    position: fixed;
    bottom: 3.8rem;
    right: .4rem;
    z-index: 905;/*层要低于分享*/
}

    .top_btn a {
        border: 0;
        width: 100%;
        height: 32px;
        border-radius: .1rem;
        /*position: relative;*/
        background-color: rgba(0,0,0,0.2);
        display: block;
    }

        .top_btn a.gotop {
            display: none;
        }

    .top_btn i.fa {
        font-size: 32px;
        color: white;
        padding-left: 6px;
        margin-top: -2px;
    }
/*不用字体库了*/
.gotop > div.topdeg {
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
    position: relative;
    top: 12px;
    left: 9px;
}

/*向右箭头 如更多>*/
.aui-ren-arrow {
    text-align: right;
    color: #808080;
    padding-right:1rem;
    position: relative;
}

.aui-ren-arrow span {
    font-size: 0.8rem;
    color: #fff;
	background:#ED2D22;
	/*border-radius:50%;*/
    border-radius: 1rem;
	text-align:center;
	padding:.1rem .5rem;
}

.aui-ren-arrow:after {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 1px 1px 0 0;
    border-color: #c1c1c1;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    /*top: -3px;*/
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 2px;
}

/*幻灯片  start */
.ad-hd{
    position:relative;
    margin:.4rem;
    margin-bottom:0;
    max-width:600px;
    background-color:#fff;
}
@media screen and (min-width:600px) {
    .ad-hd{
        margin:.4rem auto;
        margin-bottom:0;
    }
}
.banner.ad-hd.info-hd .swiper-pagination-box{
    width:100%;
    height:2.1rem;
    position:absolute;
    top:0;
    z-index:2;
    background: rgba(0,0,0,0.5);
    opacity:0.1;
    filter:alpha(opacity=10);
}
.banner.ad-hd .swiper-container{
    
}
.banner.ad-hd.info-hd .swiper-container .swiper-pagination{
    top:.8rem;
    bottom:unset;
    z-index:3;
}
.banner.ad-hd .swiper-container .swiper-slide {position: relative;width: 100%; height:0; padding-bottom: 50%;overflow: hidden;}
.banner.ad-hd.info-hd .swiper-container .swiper-slide{ padding-bottom:70%;}
.banner.ad-hd .swiper-container .swiper-slide img{ width:100%; display: block; }
.banner.ad-hd .swiper-container .swiper-slide .img-tit-box{
    display: block;
    width: 100%;
}
.banner.ad-hd .swiper-container .swiper-slide .img-tit-box .txt {
    color: #fff;
    width: 100%;
    font-size: .8rem;
    line-height: 1rem;
    padding: .4rem;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.banner.ad-hd.info-hd .swiper-container .swiper-slide .img-tit-box .txt{
    bottom:0;
    top:unset;
}
.banner.ad-hd .swiper-container .swiper-slide .img-tit-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    z-index:-1;
    display: block;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.4);
    opacity:0.4;
    filter:alpha(opacity=40);
}

/* 图片上 放大图片 icon  start */
.kl-list-case .item .item-border > .item-img-box .look-big-pic
    , .kl-hdp .picBox .cf li .look-big-pic
    ,.banner.ad-hd .swiper-container .swiper-slide .look-big-pic
    ,.kl-site-progress-box .progress-pics .look-big-pic{
        position:absolute;
        top:0;
        right:0;
        width: 1.4rem;
        height: 1.4rem;
        cursor:pointer;
        z-index:9;
    }
    .kl-list-case .item .item-border > .item-img-box .look-big-pic .bg
    , .kl-hdp .picBox .cf li .look-big-pic .bg
    ,.banner.ad-hd .swiper-container .swiper-slide .look-big-pic .bg
    ,.kl-site-progress-box .progress-pics .look-big-pic .bg{
        position:absolute;
        right:-150%;
        top:-150%;
        width:300%;
        height:300%;
        background-color: #000;
        border-radius:50%;
        opacity: 0.2;
        -moz-opacity: 0.2;
        -webkit-opacity: 0.2;
        filter: alpha(opacity=20);
    }
    .kl-list-case .item .item-border > .item-img-box .look-big-pic .bigpic
    , .kl-hdp .picBox .cf li .look-big-pic .bigpic
    ,.banner.ad-hd .swiper-container .swiper-slide .look-big-pic .bigpic
    ,.kl-site-progress-box .progress-pics .look-big-pic .bigpic{
        position: relative;
        top: .25rem;
        left: .01rem;
        width: 1.3rem;
        height: 1.3rem;
        font-weight: bold;
        display: inline-block;
        border: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.3rem;
        background-image: url("data:image/svg+xml,%3Csvg t='1629170444955' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1123' width='200' height='200'%3E%3Cpath d='M645.20465066 652.77769919c87.74906347-83.36907413 124.03052053-207.39595413 95.06725013-324.92020586A336.9679072 336.9679072 0 0 0 177.05551679 168.04067519C46.11822933 297.84564586 43.81354666 508.78054399 171.89637653 641.41084479c128.0755488 132.63394133 338.96311467 137.691136 473.25730133 11.3668544h0.0509728z m35.42949013 36.75477334c-154.1552352 148.8504608-399.79144533 144.5542112-548.64554666-9.5973824C-16.86914881 525.78349546-12.57289921 280.14364479 141.58233599 131.28954346c154.1552352-148.85410133 399.79144533-144.56149333 548.64554667 9.5973824 148.85410133 154.15159467 144.56149333 399.79144533-9.59374187 548.64554667z m0 0' fill='%23ffffff' p-id='1124'%3E%3C/path%3E%3Cpath d='M669.35466666 685.73866666c-14.21402987-12.4336352-4.88607253-21.15720533 8.0791328-34.39911787 17.40709013-17.78574187 20.50912747-22.380544 34.72679787-9.95054933l280.1518368 249.27709867c24.64881813 21.495808 27.68896 30.081024 14.68370453 46.268416-12.5319392 15.60120853-29.20357013 16.03083413-43.42852267 3.59719786L669.35466666 685.73866666z m57.41681813-20.73122133' fill='%23ffffff' p-id='1125'%3E%3C/path%3E%3Cpath d='M555.80626453 380.95621653a25.52263147 25.52263147 0 0 1 25.52263146 25.52263146 25.52263147 25.52263147 0 0 1-25.52263146 25.526272H276.89233066a25.52263147 25.52263147 0 1 1 0-51.04890346h278.91393387z m0 0' fill='%23ffffff' p-id='1126'%3E%3C/path%3E%3Cpath d='M445.51281813 551.40078933a25.526272 25.526272 0 0 1-51.04526294 0V272.48321386a25.52263147 25.52263147 0 0 1 51.04526294 0v278.91757547z m0 0' fill='%23ffffff' p-id='1127'%3E%3C/path%3E%3C/svg%3E");
    }
    .kl-list-case .item .item-border > .item-img-box .look-big-pic.active .bigpic
    , .kl-hdp .picBox .cf li .look-big-pic.active .bigpic
    ,.banner.ad-hd .swiper-container .swiper-slide .look-big-pic.active .bigpic
    ,.kl-site-progress-box .progress-pics .look-big-pic.active .bigpic{
        background-image: url("data:image/svg+xml,%3Csvg t='1629207702686' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='973' width='200' height='200'%3E%3Cpath d='M645.20465066 652.77769919c87.74906347-83.36907413 124.03052053-207.39595413 95.06725013-324.92020586A336.9679072 336.9679072 0 0 0 177.05551679 168.04067519C46.11822933 297.84564586 43.81354666 508.78054399 171.89637653 641.41084479c128.0755488 132.63394133 338.96311467 137.691136 473.25730133 11.3668544h0.0509728z m35.42949013 36.75477334c-154.1552352 148.8504608-399.79144533 144.5542112-548.64554666-9.5973824C-16.86914881 525.78349546-12.57289921 280.14364479 141.58233599 131.28954346c154.1552352-148.85410133 399.79144533-144.56149333 548.64554667 9.5973824 148.85410133 154.15159467 144.56149333 399.79144533-9.59374187 548.64554667z m0 0' fill='%2319fa28' p-id='974'%3E%3C/path%3E%3Cpath d='M669.35466666 685.73866666c-14.21402987-12.4336352-4.88607253-21.15720533 8.0791328-34.39911787 17.40709013-17.78574187 20.50912747-22.380544 34.72679787-9.95054933l280.1518368 249.27709867c24.64881813 21.495808 27.68896 30.081024 14.68370453 46.268416-12.5319392 15.60120853-29.20357013 16.03083413-43.42852267 3.59719786L669.35466666 685.73866666z m57.41681813-20.73122133' fill='%2319fa28' p-id='975'%3E%3C/path%3E%3Cpath d='M555.80626453 380.95621653a25.52263147 25.52263147 0 0 1 25.52263146 25.52263146 25.52263147 25.52263147 0 0 1-25.52263146 25.526272H276.89233066a25.52263147 25.52263147 0 1 1 0-51.04890346h278.91393387z m0 0' fill='%2319fa28' p-id='976'%3E%3C/path%3E%3Cpath d='M445.51281813 551.40078933a25.526272 25.526272 0 0 1-51.04526294 0V272.48321386a25.52263147 25.52263147 0 0 1 51.04526294 0v278.91757547z m0 0' fill='%2319fa28' p-id='977'%3E%3C/path%3E%3C/svg%3E");
    }
/* 图片上 放大图片 icon  end */

/*广告标识   start */
.ad-mask {
    background-image: url(../images/ad-mask.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    text-align: center;
    width: 28px;
    position: absolute;
    bottom: 4px;
    left: 4px;
    z-index: 3;
    display: block !important;
}
.ad-mask.lt {
    left:4px;
    top:4px;
    right:unset;
    bottom:unset;
}
.ad-mask.rt {
    left:unset;
    top:4px;
    right:4px;
    bottom:unset;
}
.ad-mask.lb {
    left:4px;
    top:unset;
    right:unset;
    bottom:4px;
}
.ad-mask.rb {
    left:unset;
    top:unset;
    right:4px;
    bottom:4px;
}
/*广告标识   end */

/*热门关键词 start*/
.myallhotlinks-wrap{
    padding-bottom: 0px;
    background: #f8f8f8;
    overflow: hidden;
}
.myallhotlinks-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.myallhotlinks-wrap .myallhotlinks-footer {
    line-height: 140%;
    margin: 10px 0;
    background: #fff;
    font-size: 1.2rem;
    color:#666;
    font-weight:normal;
    overflow: hidden;
}
.myallhotlinks-wrap .myallhotlinks-footer dt{
    line-height: 240%;
    margin: 0 .4rem;
    background: #fff;
    font-size: 1rem;
    font-weight:normal;
    position:relative;
    border-bottom: 1px solid #e8e8e8;
}
.myallhotlinks-wrap .myallhotlinks-footer .icon {
    position:absolute;
    right:0rem;
    margin-top: .5rem;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.4rem;
}
.myallhotlinks-wrap .myallhotlinks-footer .icon.icon-open {
    background-image: url("data:image/svg+xml,%3Csvg t='1665131905098' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1251' width='200' height='200'%3E%3Cpath d='M512 685.25056L233.37472 406.62528l38.41024-38.41024L512 608.43008 752.64 368.64l37.98528 37.98528L512 685.25056z' fill='%237dc5eb' p-id='1252'%3E%3C/path%3E%3C/svg%3E");
}

.myallhotlinks-wrap .myallhotlinks-footer dd {
    display: none;
    overflow:hidden;
    border-bottom: 1px solid #e8e8e8;
}
.myallhotlinks-wrap .myallhotlinks-footer .list a {
    float: left;
    font-size: .9rem;
    font-weight:normal;
    width: 50%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    padding: 0 10px;
    color: #666;
    border: 1px dashed #e8e8e8;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/*style2 start*/
/*菜单*/
.myallhotlinks-wrap .myallhotlinks-tit {
    background-color:#fff;
}
.swiper-class1 {
    width: 100%;
}
.swiper-class1 .selected {
	color: #ec5566;
	border-bottom: 2px solid #ec5566;
}
.swiper-class1 .swiper-slide{
	text-align: center;
	height: 2.2rem;
    padding-top: .4rem;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}
.swiper-class1 .swiper-slide, .swiper-class1 .swiper-slide a {
    font-size: .8rem;
    color:#838b94;
}
.swiper-class1 .swiper-slide.selected, .swiper-class1 .swiper-slide.selected a{
    font-weight:bold;
    color:#434f5e;
}

/*内容开始*/
.myallhotlinks-list-content {
    position: relative;
    background-color: #fff;
}
.myallhotlinks-list-content .myallhotlinks-list-con {
    width: 100%;
    padding: 0.26666667rem 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #fff;
    visibility: hidden;
}
.myallhotlinks-list-content .myallhotlinks-list-con-actived {
    z-index: 1;
    position: relative;
    visibility: visible;
}
.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap {
    padding: 0 0.2rem;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap ul {
    display: flex!important;
    flex-wrap: wrap;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap .item {
    width: 33.333%;
    border: 0;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap .item .inner {
    margin: 0.2rem;
    padding: 0.2rem;
    display: block;
    border: 1px #eee solid;
    height: 2rem;
    line-height: 1.6rem;
    font-size: .8rem;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    border-radius: 0.10666667rem;
}

.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container .swiper-pagination {
    padding: 0;
    bottom: 0;
    text-align: center;
}
.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container .swiper-pagination-bullet {
    background-color: #C8C8C8;
}
.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container .swiper-pagination-bullet-active {
    background-color: #1da838;
}
/*style2 end*/

/*热门关键词 end*/