/*

*/
 html {
    -webkit-text-size-adjust:none;
    word-wrap:break-word;
    word-break:break-all;
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body {
    margin:0;
    padding:0;
    color:#333;
    font-size:14px;
    font-family:"Microsoft YaHei", Verdana, sans-serif;
    line-height:1.42857143;
    background:#fff;
}
a {
    text-decoration:none;
    color:#333;
    transition:all .35s ease 0s;
    outline:0
}
a:hover {
    color:#f00;
    text-decoration:none;
    outline:0
}
img {
    max-width:100%;
    height:auto;
    width:auto;
    border:0;
    vertical-align:middle
}
div, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, label, input, textarea, button, img, span, dl, dt, dd, th, pre {
    margin:0;
    padding:0;
    outline:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
h1, h2, h3, h4, h5, h6 {
    font-weight:400
}
input, textarea, button, form {
    font-size:14px;
    font-family:"Microsoft YaHei", Verdana, sans-serif;
    -webkit-appearance:none
}
li {
    list-style-type:none
}
.img-d img, .dp-b {
    display:block;
    width:100%
}
.tx-input {
    border:1px solid #c9c9c9;
    border-radius:3px;
    line-height:38px;
    height:38px;
    width:100%;
    padding:0 10px
}
.input-ma {
    position:relative
}
.input-ma img {
    position:absolute;
    right:5px;
    top:5px;
    height:30px!important;
    width:auto!important
}
.tx-form {
    position:relative;
    line-height:38px
}
.tx-textarea {
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px;
    width:100%
}
.tx-btn {
    vertical-align:middle;
    -webkit-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none
}
.tx-btn {
    display:inline-block;
    height:38px;
    line-height:38px;
    padding:0 20px;
    background-color:#009688;
    color:#fff;
    white-space:nowrap;
    text-align:center;
    font-size:14px;
    border:0;
    border-radius:2px;
    cursor:pointer;
    opacity:.9;
    filter:alpha(opacity=90)
}
.tx-btn:hover {
    opacity:.8;
    filter:alpha(opacity=80);
    color:#fff
}
.tx-btn:active {
    opacity:1;
    filter:alpha(opacity=100)
}
.tx-btn-big {
    height:44px;
    line-height:44px;
    padding:0 25px;
    font-size:16px
}
.tx-btn-small {
    height:30px;
    line-height:30px;
    padding:0 10px;
    font-size:14px
}
.tx-btn-mini {
    height:22px;
    line-height:22px;
    padding:0 5px;
    font-size:12px
}
.tx-btn-primary {
    border:1px solid #C9C9C9;
    background-color:#fff;
    color:#555;
}
.tx-btn-primary:hover {
    border-color:#009688;
    color:#333
}
.tx-btn-radius {
    border-radius:100px;
}
.tx-text hr, .tx-hr {
    margin-top:0;
    margin-bottom:0;
    padding:0;
    border:0;
    border-bottom:1px solid #eee
}
.mb5 {
    margin-bottom:5px
}
.mb10 {
    margin-bottom:10px
}
.mb15 {
    margin-bottom:15px
}
.mb20 {
    margin-bottom:20px
}
.mb30 {
    margin-bottom:30px
}
.mb40 {
    margin-bottom:40px
}
.mr5 {
    margin-right:5px
}
.mr10 {
    margin-right:10px
}
.mr15 {
    margin-right:15px
}
.mr20 {
    margin-right:20px
}
.ml5 {
    margin-left:5px
}
.ml10 {
    margin-left:10px
}
.ml15 {
    margin-left:15px
}
.ml20 {
    margin-left:20px
}
.mt10 {
    margin-top:10px
}
.mt20 {
    margin-top:20px
}
.f-30 {
    font-size:30px
}
.f-26 {
    font-size:26px
}
.f-22 {
    font-size:22px
}
.f-20 {
    font-size:20px
}
.f-18 {
    font-size:18px
}
.f-17 {
    font-size:17px
}
.f-16 {
    font-size:16px
}
.f-15 {
    font-size:15px
}
.f-14 {
    font-size:14px
}
.f-13 {
    font-size:13px
}
.f-12 {
    font-size:12px
}
.f-10 {
    font-size:10px
}
.f-bold {
    font-weight:bold
}
.pd5 {
    padding:5px
}
.pd10 {
    padding:10px
}
.pd10-1 {
    padding:10px 0
}
.pd10-2 {
    padding:0 10px
}
.pd10-3 {
    padding:10px 10px 0 10px
}
.pd10-4 {
    padding:6px 10px
}
.pd15 {
    padding:15px
}
.pd15-1 {
    padding:15px 0
}
.pd15-2 {
    padding:0 15px
}
.pd15-3 {
    padding:15px 15px 0 15px
}
.pd15-4 {
    padding:7px 15px
}
.pd20 {
    padding:20px
}
.pd20-1 {
    padding:20px 0
}
.pd20-2 {
    padding:0 20px
}
.pd20-3 {
    padding:20px 20px 0 20px
}
.pd20-4 {
    padding:10px 20px
}
.pd40 {
    padding:40px
}
.pd60 {
    padding:60px
}
.ta-c {
    text-align:center
}
.ta-r {
    text-align:right
}
.ta-l {
    text-align:left
}
.f-red {
    color:#f00
}
.f-white {
    color:#fff
}
.f-green {
    color:#5fb878
}
.f-yellow {
    color:#ffb800
}
.f-blue {
    color:#1e9fff
}
.f-gray {
    color:#888
}
.f-gray1, .f-gray1 a {
    color:#bbb
}
.f-white1, .f-white1 a {
    color:#fff
}
.f-black {
    color:#222
}
.bg-gray {
    background-color:#eee
}
.bg-white {
    background-color:#fff
}
.bg-red {
    background-color:#f00
}
.bg-yellow {
    background-color:#ffb800
}
.bg-green {
    background-color:#5fb878
}
.bg-blue {
    background-color:#1e9fff
}
.bg-black {
    background-color:#222
}
.tx-table, .tx-text .tx-table {
    border-collapse:collapse;
    border-spacing:0
}
.tx-table th, .tx-table td, .tx-text .tx-table th, .tx-text .tx-table td {
    border:1px solid #eee;
    padding:10px;
    overflow:hidden
}
.tx-table th, .tx-text .tx-table th {
    background:#f1f1f1
}
.border {
    border:1px solid #ddd
}
.border-b {
    border-bottom:1px solid #ddd
}
.border-t {
    border-top:1px solid #ddd
}
.i60 {
    line-height:20px;
    height:60px;
    overflow:hidden
}
.i40 {
    line-height:20px;
    height:40px;
    overflow:hidden
}
.i22 {
    line-height:22px;
    height:22px;
    overflow:hidden
}
.i18 {
    line-height:18px;
    height:18px;
    overflow:hidden
}
.txt-ov {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.lh-50 {
    line-height:50px
}
.lh-40 {
    line-height:40px
}
.lh-30 {
    line-height:30px
}
.lh-26 {
    line-height:26px
}
.ul-36 li {
    line-height:36px;
    height:36px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ul-30 li {
    line-height:30px;
    height:30px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ul-26 li {
    line-height:26px;
    height:26px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.wide {
    width:100%;
    margin:0 auto;
    max-width:1200px
}
.hide, .pchide {
    display:none
}
.wide::after, .clearfix::after, .row:before, .row:after, .row1:after, .row2:after, .row3:after {
    display:table;
    content:" ";
    clear:both
}
.row {
    margin-left:-15px;
    margin-right:-15px
}
[class*='col-'] {
    float:left;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    width:10%;
    position:relative
}
.col-1 {
    width:4.1666%
}
.col-2 {
    width:8.3333%
}
.col-3 {
    width:12.5%
}
.col-4 {
    width:16.6666%
}
.col-5 {
    width:20.8333%
}
.col-6 {
    width:25%
}
.col-7 {
    width:29.1666%
}
.col-8 {
    width:33.3333%
}
.col-9 {
    width:37.5%
}
.col-10 {
    width:41.6666%
}
.col-11 {
    width:45.8333%
}
.col-12 {
    width:50%
}
.col-13 {
    width:54.1666%
}
.col-14 {
    width:58.3333%
}
.col-15 {
    width:62.5%
}
.col-16 {
    width:66.6666%
}
.col-17 {
    width:70.8333%
}
.col-18 {
    width:75%
}
.col-19 {
    width:79.1666%
}
.col-20 {
    width:83.3333%
}
.col-21 {
    width:87.5%
}
.col-22 {
    width:91.6666%
}
.col-23 {
    width:95.8333%
}
.col-24 {
    width:100%
}
.col-25 {
    width:20%
}
.row1 {
    margin-left:-7px;
    margin-right:-7px
}
[class*='col1-'] {
    float:left;
    min-height:1px;
    padding-left:7px;
    padding-right:7px;
    position:relative
}
.row2 {
    margin-left:-4px;
    margin-right:-4px
}
[class*='col2-'] {
    float:left;
    min-height:1px;
    padding-left:4px;
    padding-right:4px;
    position:relative
}
.row3 {
    margin-left:0;
    margin-right:0
}
[class*='col3-'] {
    float:left;
    min-height:1px;
    padding-left:0;
    padding-right:0;
    position:relative
}
.fl {
    float:left
}
.fr {
    float:right
}
.tx-text {
    line-height:1.7;
}
.tx-text p, .tx-text h4, .tx-text h5, .tx-text h6 {
    margin-bottom:10px
}
.tx-text ol li {
    list-style:decimal
}
.tx-text h1, .tx-text h2, .tx-text h3 {
    border-left:4px solid #ddd;
    background-color:#f2f2f2;
    padding:10px 15px;
    margin-bottom:15px
}
.tx-text h1 {
    font-size:22px
}
.tx-text h2 {
    font-size:20px
}
.tx-text h3 {
    font-size:18px
}
.tx-text img, .tx-text iframe {
    max-width:100%!important
}
.tx-text blockquote {
    border-left:10px solid rgba(102, 128, 153, 0.075);
    background-color:rgba(102, 128, 153, 0.05);
    border-radius:0 5px 5px 0;
    padding:15px 20px;
    margin:0 0 6px 0;
    color:#666
}
.tx-text pre {
    margin:15px 0
}
.tx-text .tx-table {
    margin-bottom:20px
}
.gg-box img {
    width:100%;
    display:block
}
.img-box {
    overflow:hidden;
    display:block;
    position:relative;
    width:100%;
    height:0
}
.img-box[data-ratio="16:8"] {
    padding-top:50%
}
.img-box[data-ratio="16:9"] {
    padding-top:70%
}
.img-box[data-ratio="16:16"] {
    padding-top:100%
}
.img-box[data-ratio="16:20"] {
    padding-top:150%
}
.img-box img {
    -o-object-fit:cover;
    object-fit:cover;
    transition:all .6s;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.img-box:hover img {
    transform:scale(1.05)
}
@media screen and (max-width:800px) {
    .wide {
        width:100%;
        padding-left:10px;
        padding-right:10px
    }
    .row {
        margin-left:-10px;
        margin-right:-10px
    }
    [class*='col-'] {
        padding-left:10px;
        padding-right:10px
    }
    .row1 {
        margin-left:-5px;
        margin-right:-5px
    }
    [class*='col1-'] {
        padding-left:5px;
        padding-right:5px
    }
    .row2 {
        margin-left:-3px;
        margin-right:-3px
    }
    [class*='col2-'] {
        padding-left:3px;
        padding-right:3px
    }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col-25 {
        width:auto
    }
    .col-m-1 {
        width:4.1666%
    }
    .col-m-2 {
        width:8.3333%
    }
    .col-m-3 {
        width:12.5%
    }
    .col-m-4 {
        width:16.6666%
    }
    .col-m-5 {
        width:20.8333%
    }
    .col-m-6 {
        width:25%
    }
    .col-m-7 {
        width:29.1666%
    }
    .col-m-8 {
        width:33.3333%
    }
    .col-m-9 {
        width:37.5%
    }
    .col-m-10 {
        width:41.6666%
    }
    .col-m-11 {
        width:45.8333%
    }
    .col-m-12 {
        width:50%
    }
    .col-m-13 {
        width:54.1666%
    }
    .col-m-14 {
        width:58.3333%
    }
    .col-m-15 {
        width:62.5%
    }
    .col-m-16 {
        width:66.6666%
    }
    .col-m-17 {
        width:70.8333%
    }
    .col-m-18 {
        width:75%
    }
    .col-m-19 {
        width:79.1666%
    }
    .col-m-20 {
        width:83.3333%
    }
    .col-m-21 {
        width:87.5%
    }
    .col-m-22 {
        width:91.6666%
    }
    .col-m-23 {
        width:95.8333%
    }
    .col-m-24 {
        width:100%
    }
    .col-m-25 {
        width:20%
    }
    .pchide {
        display:block
    }
    .waphide {
        display:none!important
    }
    .mb10 {
        margin-bottom:6px;
    }
    .mb15 {
        margin-bottom:9px;
    }
    .mb20 {
        margin-bottom:12px;
    }
    .pd10 {
        padding:6px
    }
    .pd10-1 {
        padding:6px 0
    }
    .pd10-2 {
        padding:0 6px
    }
    .pd10-3 {
        padding:6px 6px 0 6px
    }
    .pd10-4 {
        padding:3px 6px
    }
    .pd15 {
        padding:9px
    }
    .pd15-1 {
        padding:9px 0
    }
    .pd15-2 {
        padding:0 9px
    }
    .pd15-3 {
        padding:9px 9px 0 9px
    }
    .pd15-4 {
        padding:4px 9px
    }
    .pd20 {
        padding:12px
    }
    .pd20-1 {
        padding:12px 0
    }
    .pd20-2 {
        padding:0 12px
    }
    .pd20-3 {
        padding:12px 12px 0 12px
    }
    .pd20-4 {
        padding:6px 12px
    }
    .pd40 {
        padding:24px
    }
    .pd60 {
        padding:36px
    }
}
body {
    background:#f8f8f8;
    font-size:14px
}
a {
    text-decoration:none;
    color:#333;
    transition:all .35s ease 0s;
    outline:0
}
a:hover {
    text-decoration:none;
    outline:0
}
.pd15-5 {
    padding:7px 15px
}
.row {
    margin-left:-9px;
    margin-right:-9px
}
[class*=col-] {
    padding-left:9px;
    padding-right:9px
}
.row1 {
    margin-left:-5px;
    margin-right:-5px
}
[class*=col1-] {
    padding-left:5px;
    padding-right:5px
}
.row2 {
    margin-left:0;
    margin-right:0
}
[class*=col2-] {
    padding-left:0;
    padding-right:0
}
.pagebar .now-page, .pagebar a {
    padding:0 12px;
    line-height:32px;
    display:inline-block;
    background-color:#fff;
    margin:2px;
    border-radius:2px
}
.pagebar .now-page, .pagebar a:hover {
    color:#fff
}
.tx-comments>ul.msg {
    margin-bottom:10px;
    border:1px solid #eee;
    padding:15px;
    border-radius:4px
}
.msg img.avatar {
    float:left;
    margin-right:10px;
    border-radius:5px;
    width:45px;
    height:45px;
    border-radius:50%;
    -webkit-transition:.4s;
    -webkit-transition:-webkit-transform .4s ease-out;
    transition:transform .4s ease-out;
    -moz-transition:-moz-transform .4s ease-out
}
.commons li:hover img, li.msgname:hover img.avatar {
    transform:rotateZ(60deg);
    -webkit-transform:rotateZ(60deg);
    -moz-transform:rotateZ(60deg)
}
.msg li.msgname p.commentname {
    line-height:22px;
    font-size:12px;
    margin-bottom:5px
}
.msg li.msgname small {
    color:#aaa;
    font-size:12px
}
.msg li.msgname small a, .tx-comment label, .tx-comments label {
    display:none
}
.msg li.msgname:hover small a {
    display:inline-block
}
.msg li ul.msg {
    margin-top:12px;
    padding:10px;
    border:1px solid #ededed;
    border-radius:4px;
    box-shadow:0 0 2px rgba(0, 0, 0, .05)
}
.tx-comment input {
    line-height:30px;
    height:30px;
    font-size:14px;
    width:100%;
    border:0;
    padding-left:8px
}
.tx-comment textarea {
    border:0;
    height:120px;
    width:100%;
    font-size:14px;
    display:block;
    padding:10px
}
.tx-comment-box {
    border:1px solid #ddd;
    border-radius:4px;
    padding:4px;
    position:relative;
    background:#fff;
    margin-bottom:6px
}
.tx-comment-ul4 {
    float:left;
    width:49.5%
}
.tx-comment-ul3 {
    float:left;
    width:32.66%
}
.tx-comment .tx-comment-ul4:nth-child(2n) {
    float:right
}
.tx-comment .tx-comment-ul3-2 {
    margin:0 1%
}
.tx-comment-box img.tx-code {
    position:absolute;
    right:4px;
    top:4px;
    height:30px;
    width:auto
}
.tx-comment-box input.button {
    border:0;
    border-radius:0 0 2px 0;
    line-height:40px;
    height:40px;
    width:100px;
    color:#fff;
    position:absolute;
    right:0;
    bottom:0
}
.tx-comment-textarea {
    width:100%;
    clear:both
}
.reply-frm {
    margin-top:15px
}
.dnwu, .hide {
    display:none
}
.show {
    display:block
}
.po-r {
    position:relative
}
.gg-box img {
    width:100%;
    display:block
}
.img-box {
    overflow:hidden;
    display:block;
    position:relative;
    width:100%;
    height:0
}
.img-box[data-ratio="16:9"] {
    padding-top:72%
}
.img-box[data-ratio="16:8"] {
    padding-top:50%
}
.img-box[data-ratio="16:16"] {
    padding-top:100%
}
.img-box img {
    -o-object-fit:cover;
    object-fit:cover;
    transition:all .6s;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.app-img-box img {
    border-radius:5px
}
.app-img-box:hover img {
    border-radius:10px
}
.side-box dl dt, .tx-title {
    font-size:20px;
    padding:15px 15px 0 15px;
    line-height:27px;
    position:relative
}
.side-box dl dt::after, .tx-title::after {
    content:"";
    position:absolute;
    left:0;
    top:22px;
    width:4px;
    height:15px
}
.side-box dl, .tx-box {
    box-shadow:0 0 1px rgba(0, 0, 0, .05);
    border:1px solid #eee;
    background-color:#fff;
    display:block
}
.gg-box {
    overflow:hidden
}
.header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    box-shadow:0 5px 15px rgba(0, 0, 0, .2)
}
.logo {
    padding:10px 0;
    margin-right:50px
}
.logo a, .logo img {
    display:block;
    line-height:1;
    height:40px;
    width:auto
}
.search {
    padding:12px 0
}
.search form {
    width:286px;
    background-color:rgba(0, 0, 0, .2);
    position:relative;
    padding-right:50px;
    border-radius:3px
}
.search input {
    width:100%;
    padding:0 10px;
    border:0;
    line-height:36px;
    height:36px;
    color:#eee;
    font-size:13px;
    background-color:transparent
}
.search button {
    position:absolute;
    right:0;
    top:0;
    border:0;
    width:50px;
    line-height:36px;
    height:36px;
    text-align:center;
    background-color:transparent
}
.header-user>a {
    display:block;
    width:36px;
    height:35px;
    line-height:35px;
    color:#fff;
    text-align:center;
    border-radius:3px
}
.header-user>a:hover {
    opacity:.9;
    color:#fff
}
.nav li {
    position:relative;
    float:left;
    margin-left:30px
}
.nav li a {
    display:block;
    line-height:60px;
    color:#eee;
    font-size:15px
}
.nav>ul>li>a::after {
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-1px;
    height:3px;
    width:0;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.nav li a:hover::after, .nav li.on a::after {
    width:16px;
    margin-left:-8px
}
.nav li ul {
    position:absolute;
    left:-30px;
    top:80px;
    background-color:#404553;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    z-index:0;
    opacity:0;
    visibility:hidden
}
.nav li ul li {
    margin:0
}
.nav li ul li a {
    white-space:nowrap;
    line-height:30px;
    font-size:13px;
    color:#fff;
    padding:0 30px
}
.nav li:hover ul {
    top:48px;
    padding:6px 0;
    opacity:1;
    visibility:visible
}
.main {
    padding-top:80px
}
.ico-jian {
    display:inline-block;
    line-height:20px;
    height:20px;
    font-style:normal;
    background-color:red;
    color:#fff;
    padding:0 5px;
    border-radius:3px;
    font-size:12px;
    vertical-align:text-top;
    margin-top:3px
}
.btn-line {
    border:1px solid #5fb878;
    background-color:transparent;
    color:#5fb878
}
.btn-line:hover {
    background-color:#5fb878
}
.ul-spot li a {
    position:relative;
    padding-left:10px
}
.ul-spot li a::after {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:4px;
    margin-top:-2px;
    border-radius:1px;
    opacity:.5
}
.home-tj li {
    display:flex;
    flex-wrap:wrap
}
.home-tj li>* {
    margin:0 20px 15px 0;
    line-height:26px
}
.home-tj li>strong {
    color:#fff;
    padding:0 10px;
    position:relative
}
.home-tj li>strong::after {
    content:"";
    position:absolute;
    right:-4px;
    top:50%;
    margin-top:-6px;
    border-top:6px solid transparent!important;
    border-bottom:6px solid transparent!important;
    border-left:6px solid #148eff
}
.home-tj li a {
    position:relative;
    padding:0 10px
}
.home-tj li a::after {
    content:"";
    position:absolute;
    left:-10px;
    top:20%;
    width:1px;
    height:60%;
    border-left:1px solid #eee
}
.home-tj li a:nth-child(2)::after {
    display:none
}
.home-tj li a.on, .home-tj li a:hover {
    color:#fff
}
.home-flash .swiper-slide img {
    width:100%;
    height:307px;
    -o-object-fit:cover;
    object-fit:cover
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    background-image:none;
    background-color:rgba(0, 0, 0, .6);
    color:#fff;
    line-height:44px;
    text-align:center;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.swiper-button-next {
    right:-40px
}
.swiper-button-prev {
    left:-40px
}
.swiper-container:hover .swiper-button-next {
    right:0
}
.swiper-container:hover .swiper-button-prev {
    left:0
}
.tab-hd li {
    cursor:pointer
}
.home-tab .tab-hd {
    border-bottom:1px solid #eee
}
.home-tab .tab-hd li {
    float:left;
    line-height:40px;
    padding:0 20px;
    position:relative;
    font-size:17px
}
.home-tab .tab-hd li.active::after, .list-tab1 .tab-hd li.active::after, .user-tab .tab-hd li.active::after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-10px;
    width:20px;
    border-bottom:3px solid #148eff
}
.home-tab-li li {
    padding:8px 80px 8px 35px;
    position:relative;
    line-height:22.4px
}
.home-tab-li li>i {
    position:absolute;
    left:15px;
    top:8px;
    color:#ed7263;
    font-style:normal;
    z-index:10
}
.home-tab-li li>a {
    transition:all 0s ease 0s;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.home-tab-li li>a .img-70, .home-tab-li li>a p {
    display:none
}
.home-tab-li li a>span {
    position:absolute;
    right:15px;
    top:10px
}
.home-tab-li li.on {
    background:#f7f7f7;
    padding:15px;
    line-height:24px
}
.home-tab-li li.on>a .img-70, .home-tab-li li.on>a p {
    display:block
}
.home-tab-li li.on a>span {
    display:none
}
.home-tab-li li.on>i {
    background-color:red;
    width:20px;
    height:20px;
    color:#fff;
    text-align:center;
    top:15px;
    left:10px
}
.info-con {
    line-height:1.7
}
.home-tab-li li.on>a {
    display:block;
    position:relative;
    z-index:5;
    padding-left:95px;
    min-height:78px
}
.home-tab-li li.on>a .img-70 {
    position:absolute;
    left:0;
    top:0
}
.pd15-4 {
    padding:30px 15px 10px 15px
}
.ico-title {
    position:absolute;
    left:15px;
    top:0;
    display:block;
    padding:0 20px;
    color:#fff;
    line-height:24px
}
.item-box section {
    overflow:hidden
}
.i100 {
    width:100px
}
.i150 {
    width:150px
}
.img-left {
    display:block;
    position:relative;
    z-index:5;
    padding-left:95px;
    min-height:80px
}
.img-left .img-70 {
    position:absolute;
    left:0;
    top:0
}
.img-70 {
    width:80px;
    height:80px;
    display:inline-block
}
.img-90 {
    width:100px;
    height:100px;
    display:inline-block
}
.img-55 {
    width:50px;
    height:50px;
    display:inline-block
}
.img-border {
    display:block;
    border:1px solid #eee;
    padding:15px;
    border-radius:2px;
    box-shadow:0 0 1px rgba(0, 0, 0, .05);
    background-color:#fff
}
.img-border:hover, .tx-box:hover {
    box-shadow:0 1px 10px rgba(0, 0, 0, .05)
}
.home-img li a {
    display:block;
    margin-bottom:10px
}
.home-img img {
    width:100%;
    display:block;
    line-height:1;
    -o-object-fit:cover;
    object-fit:cover
}
.img-50 img {
    height:150px
}
.img-100 img {
    height:300px
}
.item-app1 {
    display:block;
    position:relative;
    padding:0 80px 0 120px;
    min-height:100px
}
.item-app1 .img-90 {
    position:absolute;
    left:0;
    top:0
}
.item-app1>i.fa {
    position:absolute;
    right:0;
    top:50%;
    margin-top:-25px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%
}
.a-hover-h:hover p {
    color:#888
}
.item-app1:hover>i.fa {
    color:#fff
}
.item-news {
    display:block;
    position:relative;
    padding-left:150px
}
.item-news>i {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:135px
}
.img-box-hover>a {
    display:block;
    overflow:hidden;
    position:relative
}
.img-box-hover>a>small {
    position:absolute;
    bottom:-40px;
    left:0;
    width:100%;
    padding:0 15px;
    background:rgba(255, 255, 255, .8);
    -webkit-transition:bottom .4s;
    -moz-transition:bottom .4s;
    -ms-transition:bottom .4s;
    -o-transition:bottom .4s;
    transition:bottom .4s;
    line-height:40px;
    height:40px;
    overflow:hidden
}
.img-box-hover>a:hover>small {
    bottom:0
}
.img-box-hover>a:hover>small {
    display:block
}
.img-box-hover h3 {
    padding:15px
}
.hover-gray li {
    transition:all .45s ease 0s
}
.hover-gray li:hover {
    box-shadow:0 1px 10px rgba(0, 0, 0, .03)
}
.ranking li {
    padding:10px 0 10px 30px;
    border-bottom:1px solid #eee;
    position:relative;
    line-height:22px
}
.ranking li:last-child {
    border-bottom:0
}
.ranking li>i:first-child {
    position:absolute;
    left:0;
    top:10px;
    width:15px;
    background-color:#eee;
    color:#999;
    font-style:normal;
    text-align:center
}
.ranking li a, .ranking li.on p.f-12 {
    display:block
}
.ranking li a {
    padding-right:50px;
    position:relative
}
.ranking li a>i.img-55, .ranking li p.f-12 {
    display:none
}
.ranking li>a i.fa {
    position:absolute;
    right:0;
    top:50%;
    width:22px;
    height:22px;
    margin-top:-11px;
    text-align:center;
    line-height:22px;
    font-size:12px;
    border-radius:2px;
    color:#999;
    background-color:#eee
}
.ranking li.on a {
    position:relative;
    padding-left:60px;
    min-height:50px
}
.ranking li.on a>i.img-55 {
    position:absolute;
    left:0;
    top:0;
    display:block
}
.ranking li.on>a i.fa, .ranking li:hover>a i.fa {
    color:#fff
}
.ranking li.on>i:first-child {
    height:50px;
    line-height:50px;
    color:#fff
}
.info-con h2, .info-con h3, .info-con h4, .info-con p {
    margin-bottom:8px
}
.info-con ol li {
    list-style:decimal
}
.info-con h2, .info-con h3 {
    border-left:4px solid #ddd;
    background-color:rgba(102, 128, 153, .05);
    padding:10px 20px;
    font-size:18px
}
.info-con h3 {
    font-size:18px
}
.info-con iframe, .info-con img {
    max-width:100%!important
}
.info-con img {
    height:auto!important
}
.info-con blockquote {
    border-left:10px solid rgba(102, 128, 153, .075);
    background-color:rgba(102, 128, 153, .05);
    border-radius:0 5px 5px 0;
    padding:15px 20px;
    margin:0 0 6px 0;
    color:#666
}
.tx-text-em a {
    border-bottom:2px solid #84cf6d;
    text-decoration:none
}
.tx-text-em a:hover {
    -webkit-transition:box-shadow .2s linear;
    transition:box-shadow .2s linear;
    box-shadow:inset 0 -10px #84cf6d;
    color:#000
}
.tx-text hr {
    margin-bottom:10px
}
.soft-box {
    position:relative
}
.soft-box>div {
    position:absolute;
    bottom:0;
    right:0;
    width:100px
}
.soft-box>ul {
    margin-bottom:18px
}
.soft-down a {
    padding:0 33px;
    position:relative;
    z-index:50
}
.soft-down a>span {
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    height:auto;
    background-color:#fff;
    padding:2px;
    border:5px solid #aaa;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    z-index:0;
    color:#999;
    text-align:center;
    opacity:0;
    visibility:hidden
}
.soft-down a>span::after {
    content:"";
    position:absolute;
    top:-20px;
    left:50%;
    margin-left:-5px;
    width:0;
    height:0;
    border-width:10px;
    border-color:transparent transparent #aaa transparent;
    border-style:solid
}
.soft-down a:hover>span {
    top:40px;
    opacity:1;
    visibility:visible
}
.soft-down a em {
    display:block;
    line-height:1;
    margin-bottom:6px
}
.btn-border {
    background-color:transparent;
    border:1px solid #ddd;
    color:#333
}
.soft-screenshot .swiper-slide img {
    width:100%;
    height:300px;
    -o-object-fit:cover;
    object-fit:cover
}
.side-box dl {
    margin-bottom:20px
}
.side-box dl dd {
    padding:10px 15px
}
.side-box dl dd ul::after {
    display:table;
    content:" ";
    clear:both
}
.side-box dl dd ul li {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:2
}
.side-box dl#divArchives ul li, .side-box dl#divCatalog ul li, .side-box dl#divFavorites ul li, .side-box dl#divLinkage ul li, .side-box dl#divTags ul li {
    float:left;
    width:48%
}
.side-box dl#divArchives ul li:nth-child(2n), .side-box dl#divCatalog ul li:nth-child(2n), .side-box dl#divFavorites ul li:nth-child(2n), .side-box dl#divLinkage ul li:nth-child(2n), .side-box dl#divTags ul li:nth-child(2n) {
    float:right
}
.side-box dl table {
    width:100%;
    border-collapse:collapse
}
.side-box dl table td, .side-box dl table th {
    border:1px solid #ddd;
    padding:5px;
    overflow:hidden;
    text-align:center
}
.side-box dl table caption {
    margin-bottom:10px
}
.side-box dl table td a {
    color:#e25239
}
.side-box dl#divSearchPanel dd form {
    display:block;
    position:relative;
    width:100%;
    padding-right:50px
}
.side-box dl#divSearchPanel dd>div input[type=text] {
    width:100%;
    border:0;
    padding:0 10px;
    line-height:30px;
    background-color:#e7e2dd
}
.side-box dl#divSearchPanel dd>div input[type=submit] {
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#fff;
    border:0;
    border-radius:0;
    padding:0;
    background-color:#e25239
}
.side-zt li {
    margin-bottom:15px
}
.side-zt li:last-child {
    margin-bottom:0
}
.more {
    vertical-align:middle;
    display:inline-block
}
.last-li li:last-child {
    margin-bottom:0
}
.info-zan>a {
    display:inline-block;
    width:50px;
    height:50px;
    border-radius:50%;
    text-align:center;
    margin:0 5px;
    color:#eee;
    overflow:hidden
}
.info-zan>a:hover {
    color:#fff
}
.info-zan>a.zan {
    line-height:14px;
    padding-top:9px;
    font-size:12px;
    background:#ff6838
}
.info-zan>a i {
    font-size:18px;
    color:#999;
    line-height:20px;
    line-height:50px;
    color:#eee;
    margin:0;
    padding:0
}
.info-zan>a.zan i {
    line-height:20px
}
.info-zan>a.share-on {
    background:#34a9ff
}
.info-zan>a.ico-favorite {
    background:red;
    line-height:50px;
    font-size:12px
}
.share-box ul li {
    margin-right:10px;
    line-height:32px;
    display:inline-block
}
.share-box ul li a {
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/share_icon.png) no-repeat;
    width:32px;
    height:32px;
    border-radius:3px
}
.share-box ul li.share_weibo a {
    background-position:-42px 0
}
.share-box ul li.share_qwei a {
    background-position:-84px 0
}
.share-box ul li.share_baidu a {
    background-position:-126px 0
}
.share-box ul li.share_renren a {
    background-position:-168px 0
}
.share-box ul li.share_kaixin a {
    background-position:-210px 0
}
.links {
    padding:15px 0 0 15px
}
.links li {
    float:left;
    margin:0 15px 15px 0
}
.footer {
    color:#ddd;
    background-image:url(../images/foot-bg.png)
}
.footer>.wide {
    padding:30px 0 0 0
}
.footer a {
    color:#dfdfdf
}
.copy {
    background-color:rgba(0, 0, 0, .1);
    padding:15px 0
}
.foot-code img {
    width:100%;
    height:auto
}
.gotop {
    position:fixed;
    bottom:40px;
    right:20px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#fff;
    border-radius:50%;
    cursor:pointer;
    z-index:1999
}
.gotop:hover {
    opacity:.8
}
.gotop i {
    font-size:20px
}
.alert {
    border:1px solid transparent
}
.alert-danger {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}
.alert-warning {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}
.alert-success {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
.style-on {
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    background-color:rgba(0, 0, 0, .2);
    margin:12px 10px 0 0;
    border-radius:3px;
    color:#eee
}
.tx-night {
    background-color:#111;
    color:#eee
}
.tx-night .header {
    box-shadow:0 5px 15px rgba(0, 0, 0, .5)
}
.tx-night .footer, .tx-night .footer a, .tx-night .nav li a, .tx-night a {
    color:#f1f1f1
}
.tx-night .footer, .tx-night .header, .tx-night .img-border, .tx-night .nav li ul, .tx-night .pagebar a, .tx-night .side-box dl, .tx-night .tx-box, .tx-night .wap-nav {
    background-color:#293238
}
.tx-night .btn-border, .tx-night .home-tab .tab-hd, .tx-night .home-tj li a::after, .tx-night .img-border, .tx-night .pop-con>h2, .tx-night .ranking li, .tx-night .side-box dl, .tx-night .tx-box, .tx-night .tx-comment-box, .tx-night .tx-comments>ul.msg, .tx-night .tx-hr, .tx-night .tx-text hr {
    border-color:#292929
}
.tx-night .home-tab-li li.on, .tx-night .hover-gray li:hover, .tx-night .img-box-hover>a>small, .tx-night .item-app1>i.fa, .tx-night .ranking li>a i.fa, .tx-night .ranking li>i:first-child, .tx-night .tx-comment-box {
    background-color:rgba(0, 0, 0, .2)
}
.tx-night .tx-comment input[type=text], .tx-night .tx-comment textarea {
    background-color:transparent;
    color:#ddd
}
@-webkit-keyframes xuanzhuan {
    0% {
        -webkit-transform:rotate(0)
    }
    50% {
        -webkit-transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}
.pop-off2 {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .9);
    z-index:100;
    display:none
}
.pop-box {
    position:fixed;
    left:50%;
    top:10px;
    width:400px;
    margin-left:-200px;
    z-index:101;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    opacity:0;
    visibility:hidden
}
.pop-box-on {
    opacity:1;
    visibility:visible
}
.pop-con>h2 {
    border-bottom:1px solid #eee;
    padding:10px 15px
}
.tx-social>p {
    position:relative;
    line-height:40px
}
.tx-social>p:after {
    display:block;
    content:" ";
    width:30%;
    height:1px;
    position:absolute;
    top:50%;
    left:0;
    z-index:1;
    border-bottom:1px solid #ddd
}
.tx-social>p:before {
    display:block;
    content:" ";
    width:30%;
    height:1px;
    position:absolute;
    top:50%;
    right:0;
    z-index:1;
    border-bottom:1px solid #ddd
}
.tx-social>p>span {
    position:relative;
    z-index:2;
    padding:0 20px
}
.tx-social>a {
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    line-height:40px;
    color:#fff
}
.tx-social>a:hover {
    color:#fff;
    opacity:.9
}
.pop-box>a.pop-off1 {
    position:absolute;
    top:0;
    right:5px;
    line-height:40px;
    width:30px;
    background-color:rgba(0, 0, 0, .8);
    text-align:center;
    color:#fff;
    border-radius:0 0 50px 50px;
    z-index:10
}
.pop-box>a.pop-off1:hover {
    color:#fff;
    opacity:.9
}
.pop-box>a.pop-off1:hover i {
    animation:xuanzhuan 1s infinite linear
}
@media screen and (max-width:1198px) {
    .wide {
        padding-left:10px;
        padding-right:10px
    }
    .col-1, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-2, .col-20, .col-21, .col-22, .col-23, .col-24, .col-25, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
        width:auto
    }
    .col-m-1 {
        width:4.1666%
    }
    .col-m-2 {
        width:8.3332%
    }
    .col-m-3 {
        width:12.4998%
    }
    .col-m-4 {
        width:16.6664%
    }
    .col-m-5 {
        width:20.833%
    }
    .col-m-6 {
        width:24.9996%
    }
    .col-m-7 {
        width:29.1662%
    }
    .col-m-8 {
        width:33.3328%
    }
    .col-m-9 {
        width:37.4994%
    }
    .col-m-10 {
        width:41.666%
    }
    .col-m-11 {
        width:45.8326%
    }
    .col-m-12 {
        width:50%
    }
    .col-m-13 {
        width:54.1658%
    }
    .col-m-14 {
        width:58.3324%
    }
    .col-m-15 {
        width:64.499%
    }
    .col-m-16 {
        width:66.6656%
    }
    .col-m-17 {
        width:70.8322%
    }
    .col-m-18 {
        width:74.9988%
    }
    .col-m-19 {
        width:79.1654%
    }
    .col-m-20 {
        width:83.332%
    }
    .col-m-21 {
        width:87.4986%
    }
    .col-m-22 {
        width:91.6652%
    }
    .col-m-23 {
        width:95.8318%
    }
    .col-m-24 {
        width:100%
    }
    .info-con img {
        width:auto!important;
        height:auto!important
    }
    .wap-nav {
        position:fixed;
        right:-300px;
        top:0;
        width:260px;
        height:100%;
        background-color:#404553;
        z-index:50;
        overflow-y:scroll
    }
    .nav, .search {
        float:none
    }
    .nav>ul>li>a::after {
        display:none
    }
    .nav li {
        margin:0;
        width:100%;
        float:none
    }
    .nav li::after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:1px;
        border-bottom:1px solid rgba(0, 0, 0, .2)
    }
    .nav>ul>li>a {
        line-height:40px;
        padding:0 20px
    }
    .nav li ul {
        position:relative;
        opacity:1;
        visibility:visible;
        top:auto;
        padding-left:40px;
        left:auto
    }
    .nav li:hover ul {
        padding:0 0 0 40px;
        top:auto
    }
    .nav>ul>li ul li a {
        line-height:36px;
        padding:0
    }
    .nav>ul>li ul li:last-child {
        border-bottom:0
    }
    .logo a, .logo img {
        height:30px
    }
    .nav-on {
        position:absolute;
        right:10px;
        top:0;
        line-height:50px;
        color:#fff;
        z-index:10;
        display:block
    }
    .search {
        padding:10px;
        position:relative
    }
    .search form {
        width:100%
    }
    .search-yt {
        padding:10px 55px 10px 10px
    }
    .header-user {
        position:absolute;
        right:10px;
        top:10px
    }
    .wap-nav-off {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0, 0, 0, .5);
        z-index:98;
        display:none
    }
    .main {
        padding-top:60px
    }
    .side-box dl {
        margin-bottom:12px
    }
    .home-flash .swiper-slide img {
        height:auto
    }
    .home-top li:last-child {
        display:none
    }
    .footer {
        text-align:center
    }
    .footer>.wide {
        padding:20px 10px 0 10px
    }
    .foot-code img {
        max-width:180px
    }
    .home-tj li>* {
        margin:0 10px 8px 0
    }
    .info-next .ta-r {
        text-align:left;
        margin-top:10px
    }
    .style-on {
        background-color:transparent;
        margin:0 25px 0 0;
        line-height:50px;
        height:50px
    }
}
@media screen and (max-width:460px) {
    .wide {
        padding-left:8px;
        padding-right:8px
    }
    .row {
        margin-left:-4px;
        margin-right:-4px
    }
    [class*=col-] {
        padding-left:4px;
        padding-right:4px
    }
    .foot-code img {
        max-width:120px
    }
    .soft-down {
        display:flex
    }
    .soft-down a {
        padding:0 12px;
        flex:1
    }
    .soft-down a:last-child {
        margin-right:0
    }
    .wap-btn-1 a {
        width:100%;
        margin-right:0
    }
    .wap-btn-2 a {
        width:49%
    }
    .soft-wrap {
        position:relative;
        padding-bottom:100px
    }
    .soft-box>ul {
        margin-bottom:8px
    }
    .soft-wrap dd.col-20 {
        padding-left:12px
    }
    .soft-wrap .col-m-19 {
        position:inherit
    }
    .soft-box {
        position:absolute;
        bottom:12px;
        left:0;
        width:100%;
        padding-left:12px;
        padding-right:12px
    }
    .wap-12-1 .col-m-12 {
        width:100%
    }
    .i150 {
        width:70px
    }
    .item-app1>p.f-gray1, .item-box section>p {
        display:none
    }
    .item-box section h2 {
        line-height:24px;
        max-height:48px;
        white-space:normal;
        font-size:15px
    }
    .soft-down a:hover>span {
        display:none
    }
    .item-app1 .img-90 {
        width:70px
    }
    .item-app1 {
        padding:0 60px 0 80px;
        min-height:70px
    }
    .gotop {
        bottom:10px;
        right:10px;
        width:30px;
        height:30px;
        line-height:30px
    }
    .gotop i {
        font-size:13px
    }
    .pop-box {
        width:90%;
        left:5%;
        margin-left:0
    }
}
@media screen and (max-width:310px) {
    .wap-12 .col-m-12 {
        width:100%
    }
}
#nr {
    font-size:20px;
    margin: 0;
    background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    animation: masked-animation 2s infinite linear;
}
@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100%, 0;
    }
}