::-webkit-scrollbar
{
    width: 5px;
}
::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background: rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb:window-inactive
{
    background: rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:vertical:hover
{
    background-color: rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb:vertical:active
{
    background-color: rgba(0,0,0,.7);
}
::selection
{
    color: #fff;
    background: #159cff;
}
::-moz-selection
{
    color: #fff;
    background: #159cff;
}
a, img, button, input, textarea
{
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: 0;
    vertical-align: baseline;
}
body
{
    font-size: 14px;
    color: #333;
    font-family: Arial,"microsoft yahei";
    background: #fff;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}
a
{
    color: #0188fb;
    text-decoration: none;
    -webkit-transition: background-color .15s linear,color .15s linear;
    -moz-transition: background-color .15s linear,color .15s linear;
    -o-transition: background-color .15s linear,color .15s linear;
    -ms-transition: background-color .15s linear,color .15s linear;
    transition: background-color .15s linear,color .15s linear;
}
a:hover
{
    color: #0188fb;
    text-decoration: none;
}
area
{
    behavior: url(/zb_users/theme/qzss_zt1/style/images/area.htc);
    outline: 0;
}
i
{
    font-style: normal;
}
ul, ol
{
    list-style-type: none;
}
img
{
    max-width: 90%;
    height: auto;
    width: auto\9;
    border: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
}
input, textarea
{
    font-size: 14px;
    font-family: Arial,"微软雅黑";
    outline: 0;
}
@font-face
{
    font-family: 'iconfont';
    src: url('../eot/mbps9d.eot?');
    src: url('../eot/svvavt.eot?') format('embedded-opentype'),url('../woff2/cr7rlc.woff2') format('woff2'),url('../woff/9flzqg.woff') format('woff'),url('../ttf/9flzqg.ttf') format('truetype'),url('../svg/zmr41k.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.zoom
{
    display: inline-block;
    vertical-align: top;
}
.nowrap
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.shadow
{
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.hide
{
    display: none!important;
}
.wrap
{
    width: 1100px;
    margin: 0 auto;
    zoom: 1;
}
.wrap:after
{
    content: "";
    display: block;
    clear: both;
}
.header
{
    border-top: 2px solid #f8f8f8;
}
.header.headbg
{
    position: fixed;
}
.header.static
{
    position: static;
}
.header.fix
{
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.header .wrap
{
    overflow: visible;
}
.fixmask
{
    width: 100%;
    height: 0;
    margin: 84px 0 0;
}
.lazyline
{
    height: 1px;
    background-color: #0188fb;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 110;
}
.lazynum
{
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ccc;
    position: fixed;
    right: 0;
    bottom: 5px;
    z-index: 110;
}
.head
{
    position: relative;
    zoom: 1;
}
.head:after
{
    content: "";
    display: block;
    clear: both;
}
.headbg
{
    width: 100%;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    background: rgba(255,255,255,.9);
    position: fixed;
    top: 0;
    z-index: 999;
}
.headbg .logo
{
    height: 60px;
}
.headbg .logo a
{
    height: 60px;
}
.headbg .logo a img
{
    height: 40px;
}
.headbg .menu li
{
    line-height: 60px;
}
.headbg .menu li:after
{
    top: 21px;
}
.headbg .menu .subnav
{
    top: 58px;
}
.headbg .searchico
{
    margin-top: 10px;
}
.headbg .searchform
{
    height: 60px;
}
.headbg .searchform .schtxt
{
    height: 60px;
}
.headbg .searchform .schbtn
{
    margin-top: 16px;
}
.logo
{
    height: 82px;
    float: left;
    display: inline;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.logo a
{
    width: 100%;
    height: 82px;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.logo a img
{
    height: 44px;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.logo a img:first-child
{
    display: none;
}
.logo a img:last-child
{
    display: block;
}
.logo h1 a
{
    font-size: 20px;
}
.logo.on a::before
{
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
    -webkit-transform: skewX(-17deg);
    -moz-transform: skewX(-17deg);
    -o-transform: skewX(-17deg);
    -ms-transform: skewX(-17deg);
    transform: skewX(-17deg);
}
.logo a:hover::before
{
    -webkit-animation: shine 1s;
    -moz-animation: shine 1s;
    animation: shine 1s;
}
@-webkit-keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@keyframes shine
{
    100%
    {
        left: 125%;
    }
}
.account
{
    float: right;
    display: inline;
}
.signuser
{
    margin-left: 10px;
    padding: 23px 13px 0;
    font-size: 0;
    border-top: 2px solid transparent;
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 45px;
}
.headbg .signuser
{
    padding: 13px 13px 0;
}
.signuser .uimg
{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.signuser.normal:hover
{
    border-color: #0188fb;
    background: #fff;
}
.signuser.normal:hover .signuserpop
{
    display: block;
}
.signuser.simple:hover
{
    border-color: transparent;
}
.signuser .uimg img
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
}
.signuser .uname
{
    width: 70px;
    margin-left: 8px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.signuserpop
{
    width: 100%;
    padding-top: 0;
    box-shadow: 0 2px 24px 0 rgb(0 0 0/8%);
    user-select: none;
    background: #fff;
    position: absolute;
    top: 56px;
    right: 0;
    display: none;
}
.signusermenu
{
    text-align: center;
    line-height: 36px;
    position: relative;
    z-index: 1;
}
.signusermenu a
{
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    display: block;
}
.sign
{
    float: left;
    display: inline;
    font-size: 14px;
    line-height: 82px;
}
.sign span
{
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
.sign span a
{
    margin: 0 10px 0 0;
    padding: 0 14px;
    font-size: 14px;
    color: #0188fb;
    line-height: 28px;
    border: 1px solid #0188fb;
    border-radius: 15px;
    display: inline-block;
}
.menu
{
    float: right;
    display: inline;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menu ul
{
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.menu li
{
    line-height: 82px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.menu li a
{
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    position: relative;
    display: block;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.menu li a:after
{
    content: "";
    width: 0;
    height: 2px;
    background: #0188fb;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.menu li a.on, .menu li a:hover
{
    color: #0188fb;
    _border-bottom: 2px solid #0188fb;
}
.menu li a.on:after, .menu li a:hover:after
{
    width: 100%;
    margin-left: -50%;
}
.menu li .subnav
{
    min-width: 150px;
    padding: 5px 10px 10px 0;
    border-bottom: 2px solid #0188fb;
    background: #fff;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 10;
    display: none;
}
.menu li .subnav a
{
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 36px;
    border: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.menu li .subnav a.on, .menu li .subnav a:hover
{
    color: #0188fb;
}
.menu li .subnav a.on:after, .menu li .subnav a:hover:after
{
    display: none;
}
.menu li .subnav a:before
{
    content: "";
    width: 10px;
    margin-right: 5px;
    font-family: iconfont;
    display: inline-block;
    vertical-align: top;
}
.menu li.subcate:hover .subnav
{
    display: block;
}
.menu li:after
{
    content: "";
    width: 0;
    height: 16px;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 33px;
    right: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.menuico
{
    width: 38px;
    height: 38px;
    float: right;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    z-index: 10;
    top: 10px;
    display: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.menuico span
{
    width: 21px;
    height: 2px;
    background-color: #0188fb;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.menuico span:first-child
{
    margin-top: -6px;
}
.menuico span:last-child
{
    margin-top: 6px;
}
.menuico.on span:first-child
{
    width: 20px;
    margin-top: -8px;
    margin-left: -7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuico.on span:nth-child(2)
{
    opacity: 0;
    width: 2px;
    left: 20px;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.menuico.on span
{
    background-color: #333;
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    transform-origin: 0;
}
.menuico.on span:last-child
{
    width: 20px;
    margin-top: 6px;
    margin-left: -7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sch
{
    height: 36px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.searchico
{
    width: 40px;
    height: 40px;
    margin-top: 22px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    transition: all ease .3s;
}
.searchico:after
{
    content: "";
    font-size: 30px;
    color: #666;
    font-family: iconfont;
    position: relative;
    z-index: 10;
}
.searchico.close:after
{
    content: "";
    font-size: 30px;
    color: #999;
    font-family: iconfont;
}
.searchform
{
    width: 0;
    height: 82px;
    background: #f3f5f7;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -20px;
}
.searchform .schtxt
{
    width: 135px;
    height: 82px;
    font-size: 14px;
    color: #333;
    line-height: 82px;
    border: 0;
    outline: 0;
    background: #f3f5f7;
}
.searchform .schbtn
{
    float: left;
    display: inline;
    margin: 27px 0 0 5px;
    border: 0;
    cursor: pointer;
    background: none;
    vertical-align: top;
}
.searchform .schbtn:after
{
    content: "";
    font-size: 26px;
    color: #666;
    font-family: iconfont;
    position: relative;
    z-index: 10;
}
.slide
{
    width: 100%;
    font-size: 0;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.slide a
{
    margin: 0;
    text-align: center;
    display: block;
}
.slide img
{
    margin: 0 auto;
    display: block;
}
.slideurl
{
    width: 100%;
    height: 100%;
    display: block;
}
.slidetitle
{
    width: 80%;
    margin-top: -20px;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 20;
}
.slidetitle h3
{
    font-size: 50px;
    color: #fff;
    position: relative;
}
.slidetitle h3:after
{
    content: "";
    width: 50px;
    height: 4px;
    margin-bottom: -30px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.slideshadow
{
    width: 100%;
    height: 100%;
    background: rgba(27,63,88,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.loader
{
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border-top: 1px solid rgba(0,0,0,.08);
    border-right: 1px solid rgba(0,0,0,.08);
    border-bottom: 1px solid rgba(0,0,0,.08);
    border-left: 1px solid rgba(0,0,0,.5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    -webkit-animation: loader 700ms infinite linear;
    animation: loader 700ms infinite linear;
}
@keyframes loader
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}
.swiper-slide
{
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{
    bottom: 10px;
}
.swiper-pagination-bullet
{
    width: 30px;
    height: 3px;
    margin: 0 5px;
    padding: 14px 0;
    border-radius: 0;
    opacity: .8;
    background-color: #fff;
    background-clip: content-box;
    vertical-align: top;
}
.swiper-pagination-bullet-active
{
    background-color: #0188fb;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    right: 5%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    left: 5%;
}
.swiper-button-prev, .swiper-button-next
{
    margin-top: -32px;
    padding: 10px 16px;
    border-radius: 5px;
    opacity: .5;
    background-color: rgba(68,68,68,.2);
    background-size: 30%;
    z-index: 99;
}
.swiper-button-prev:hover, .swiper-button-next:hover
{
    opacity: .8;
    background-color: #444;
}
.swiper-button-prev:after
{
    content: "";
}
.swiper-button-next:after
{
    content: "";
}
.display
{
    background-size: cover;
}
.main
{
    padding: 30px 0 10px;
    background: #f3f5f7;
    position: relative;
    z-index: 99;
    zoom: 1;
}
.main:after
{
    content: "";
    display: block;
    clear: both;
}
.single
{
    margin: 0 auto 20px;
}
.cateimg
{
    text-align: center;
    position: relative;
}
.cateimg::before
{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.cateimg img
{
    margin: 0 auto;
    display: block;
}
.sidenav
{
    width: 290px;
    float: left;
    display: inline;
}
.sidebox
{
    margin-bottom: 15px;
    padding: 15px 20px;
    background: #fff;
}
.sidebox.fixed
{
    width: 250px;
    position: fixed;
    top: 70px;
}
.sidetitle
{
    border-bottom: 1px solid #e0e0e0;
}
.sidetitle h3
{
    margin-bottom: -1px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px solid #0188fb;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.sidecon
{
    padding: 10px 0;
    overflow: hidden;
    zoom: 1;
}
.sidecon:after
{
    content: "";
    display: block;
    clear: both;
}
.sidecon li
{
    font-size: 14px;
    color: #ccc;
    line-height: 45px;
    border-bottom: 1px dotted #e0e0e0;
}
.sidecon li:before
{
    content: "";
    margin-right: 5px;
    font-size: 12px;
    font-family: iconfont;
}
.sidecon li a
{
    color: #333;
}
.sidecon li a:hover
{
    color: #0188fb;
}
.sidecate li a.on
{
    color: #0188fb;
}
.sideitem
{
    margin-bottom: 10px;
    padding-bottom: 8px;
    line-height: 26px;
    border-bottom: 1px dotted #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    zoom: 1;
}
.sideitem:after
{
    content: "";
    display: block;
    clear: both;
}
.sideitem:last-child
{
    margin: 0;
    padding: 0;
}
.sideitemimg
{
    background: #333;
}
.sideitemimg a
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}
.sideitemimg a img
{
    min-width: 100%;
    min-height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.sideitem:hover .sideitemimg img
{
    opacity: .8;
}
.sideitem:hover .sidelink
{
    background: rgba(0,0,0,.4);
    bottom: 0;
}
.sideitem .itemtitle
{
    max-height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sideitem .hasimg
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sideitem .hasimg a
{
    display: inline;
}
.sideitem.noimg .itemtitle
{
    color: #333;
}
.sideitem.noimg .sideinfo
{
    color: #888;
}
.sideitem.noimg .sidelink
{
    padding: 0;
    background: none;
    position: static;
}
.sideimg
{
    width: 70px;
    float: left;
    display: inline;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.sideimg a
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}
.sideimg a img
{
    min-width: 100%;
    min-height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.sideimg:hover img
{
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.sidelink
{
    padding: 5px 10px 5px;
    color: #fff;
    background: rgba(0,0,0,.2);
    position: absolute;
    top: auto;
    right: 0;
    bottom: -25px;
    left: 0;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
}
.sidelink a
{
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}
.sidelink .sideinfo
{
    color: #e0e0e0;
}
.sideinfo
{
    font-size: 12px;
    color: #888;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    zoom: 1;
}
.sideinfo:after
{
    content: "";
    display: block;
    clear: both;
}
.sideinfo span, .sideinfo em
{
    float: left;
    display: inline;
    margin-right: 10px;
    font-style: normal;
}
.sideinfo span:before, .sideinfo em:before
{
    margin-right: 3px;
    font-size: 16px;
    font-family: iconfont;
    vertical-align: middle;
}
.sideinfo span.view:before, .sideinfo em.view:before
{
    content: "";
}
.sideinfo span.cmt:before, .sideinfo em.cmt:before
{
    content: "";
}
.sideinfo span.date:before, .sideinfo em.date:before
{
    content: "";
}
.sideinfo em span
{
    float: none;
}
.sidecmtinfo
{
    font-size: 13px;
    color: #888;
    text-align: right;
    zoom: 1;
}
.sidecmtinfo:after
{
    content: "";
    display: block;
    clear: both;
}
.sidecmtinfo em
{
    float: left;
    display: inline;
    color: #333;
    font-style: normal;
}
.sidecmtinfo em:before
{
    content: "";
    font-size: 17px;
    font-family: iconfont;
    vertical-align: top;
}
.sidecmtcon
{
    margin: 5px 0;
    padding: 5px 10px;
    font-size: 13px;
    color: #888;
    line-height: 22px;
    border: 1px solid #eee;
    background: #f7f7f7;
    position: relative;
}
.sidecmtcon a
{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
}
.sidecmtarticle
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sidecmtarticle a
{
    font-size: 13px;
    color: #0188fb;
}
.sidecmtarticle a:before
{
    content: "";
    font-size: 18px;
    font-family: iconfont;
    vertical-align: bottom;
}
.contact
{
    font-size: 14px;
}
.contact img
{
    margin-bottom: 10px;
    display: block;
}
.contact p
{
    line-height: 24px;
}
.content
{
    width: 790px;
    margin-left: 310px;
    padding: 15px 20px;
    box-sizing: border-box;
    background: #fff;
}
.contitle
{
    line-height: 38px;
    border-bottom: 1px solid #eee;
}
.contitle h1, .contitle h2
{
    margin-bottom: -1px;
    font-size: 16px;
    border-bottom: 1px solid #0188fb;
    display: inline-block;
    vertical-align: top;
}
.sitemap
{
    margin-bottom: 5px;
    font-size: 14px;
    color: #888;
    line-height: 24px;
}
.sitemap a
{
    font-size: 14px;
    color: #888;
}
.sitemap a:hover
{
    color: #0188fb;
}
.catecon
{
    padding: 25px 0 0;
}
.imgitem
{
    margin-left: -3%;
    font-size: 0;
}
.imgitem li
{
    width: 30.333%;
    margin: 0 0 3% 3%;
    display: inline-block;
    vertical-align: top;
}
.imgitem li.on a
{
    color: #0188fb;
}
.imgitem li.on img
{
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.imgitem .itemimg.istop a:before
{
    content: "置顶";
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    background: #0188fb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.imgitem .itemimg a
{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}
.imgitem .itemimg img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.imgitem .itemname
{
    width: 100%;
    padding: 20px 0 10px;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
.imgitem .itemname a
{
    font-size: 16px;
    color: #333;
}
.imgitem .itemintro
{
    max-height: 65px;
    font-size: 13px;
    color: #999;
    line-height: 22px;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list
{
    margin-bottom: 30px;
    padding: 20px 30px 0;
    background: #fff;
    zoom: 1;
}
.list:after
{
    content: "";
    display: block;
    clear: both;
}
.listbox
{
    margin-left: -3%;
}
.listdetail
{
    width: 30.33%;
    float: left;
    display: inline;
    margin: 0 0 3% 3%;
}
.listdetail dt
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e0e0e0;
    zoom: 1;
}
.listdetail dt:after
{
    content: "";
    display: block;
    clear: both;
}
.listdetail dd
{
    line-height: 37px;
    border-bottom: 1px dotted #e0e0e0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.listdetail dd span
{
    margin-right: 10px;
    font-size: 14px;
    color: #999;
}
.listdetail dd a
{
    font-size: 14px;
    color: #333;
}
.listdetail dd a:hover
{
    color: #0188fb;
}
.listdetail dd:before
{
    content: "";
    margin: 0 5px 0 -5px;
    color: #ccc;
    font-family: iconfont;
    vertical-align: top;
}
.listtitle
{
    margin-bottom: 20px;
    line-height: 36px;
    border-bottom: 1px solid #e0e0e0;
    zoom: 1;
}
.listtitle:after
{
    content: "";
    display: block;
    clear: both;
}
.listtitle h4
{
    float: left;
    display: inline;
    margin-bottom: -1px;
    font-size: 18px;
    border-bottom: 2px solid #0188fb;
}
.listtitle a
{
    float: right;
    display: inline;
    font-size: 14px;
    color: #999;
}
.listtitle a:hover
{
    color: #0188fb;
}
.listimg
{
    width: 86px;
    float: left;
    display: inline;
}
.listimg a
{
    width: 100%;
    height: 0;
    float: left;
    display: inline;
    padding-bottom: 70%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}
.listimg a img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.listinfo
{
    padding-left: 100px;
}
.listinfo a
{
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.listinfo a:hover
{
    color: #0188fb;
}
.listintro
{
    font-size: 14px;
    color: #999;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.listitem
{
    width: 100%;
    font-size: 0;
}
.listitem li
{
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #e0e0e0;
    overflow: hidden;
    zoom: 1;
}
.listitem li:after
{
    content: "";
    display: block;
    clear: both;
}
.listitem li.on a
{
    color: #0188fb;
}
.listitem li.on img
{
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.listitem .itemimg
{
    width: 180px;
}
.listitem .itemimg.istop a:before
{
    content: "置顶";
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    background: #0188fb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.listitem .itemimg a
{
    width: 100%;
    height: 0;
    float: left;
    display: inline;
    padding-bottom: 70%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}
.listitem .itemimg a img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.listitem .iteminfo
{
    min-height: 120px;
    margin-left: 200px;
}
.listitem .itemname
{
    margin: 5px 0 12px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
.listitem .itemname a
{
    font-size: 18px;
    color: #333;
}
.listitem .itemname a:hover
{
    color: #0188fb;
}
.listitem .itemintro
{
    max-height: 45px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #999;
    line-height: 22px;
    overflow: hidden;
}
.listitem .itemdate
{
    font-size: 12px;
    color: #999;
    line-height: 17px;
}
.listitem .itemdate span
{
    margin-right: 20px;
}
.listitem .itemdate span:before
{
    margin-right: 3px;
    font-size: 18px;
    font-family: iconfont;
    vertical-align: top;
}
.listitem .itemdate .time:before
{
    content: "";
}
.listitem .itemdate .views:before
{
    content: "";
}
.pagebar, .cmtpagebar
{
    width: 100%;
    margin: 0 auto 20px;
    font-size: 14px;
    text-align: center;
    background: #fff;
}
.pagebar .now-page, .cmtpagebar .now-page
{
    display: inline-block;
    color: #fff;
    font-weight: bolder;
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #0188fb;
    background: #0188fb;
}
.pagebar a, .cmtpagebar a
{
    margin: 4px;
    padding: 5px 10px;
    color: #777;
    font-weight: bolder;
    border: 1px solid #e2e2e2;
    background: #fff;
}
.pagebar a:hover, .cmtpagebar a:hover
{
    color: #0188fb;
    border: 1px solid #0188fb;
    background: #fff;
}
.pagebar .now-page
{
    margin: 20px 5px;
}
.pagination-loading
{
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    border-radius: 2px;
    background: #ebebeb;
}
.ias_trigger, .ias_loader
{
    margin: 0 0 20px;
    font-size: 16px;
    color: #888;
}
.ias_trigger a, .ias_loader a
{
    padding: 10px 0;
    font-size: 16px;
    color: #666;
    text-align: center;
    border: 1px solid #e0e0e0;
    background: #fff;
    display: block;
}
.ias_trigger a:hover, .ias_loader a:hover
{
    color: #888;
    background: #e0e0e0;
}
.conbox
{
    padding: 20px 0 0;
}
.conbox .articlebox:last-child
{
    margin: 0;
}
.articlebox
{
    margin: 0 0 30px;
}
.goodsimg
{
    position: relative;
    display: inline;
}
.goodsimgzoom
{
    width: 39.2%;
    display: inline-block;
    vertical-align: top;
}
.goodsimgzoom span
{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    display: block;
}
.goodsimglist
{
    width: 7%;
    float: left;
    display: inline;
    margin-right: 2%;
}
.goodsimglist ul.orange li a.on
{
    border: 2px solid #ff6700;
}
.goodsimglist li
{
    width: 100%;
    margin: 0 0 15%;
}
.goodsimglist li a
{
    width: 100%;
    height: 0;
    padding-bottom: calc(100% - 2px);
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    display: block;
}
.goodsimglist li a.on
{
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: calc(100% - 4px);
    border: 2px solid #0188fb;
    box-sizing: border-box;
}
.goodsimglist li a.on img
{
    opacity: 1;
}
.goodsimglist li a img
{
    width: 100%;
    min-height: 100%;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
}
.goodsimglist li:last-child
{
    margin: 0;
}
.jqzoom
{
    position: relative;
}
.jqzoom img
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.zoomdiv
{
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    text-align: center;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 102%;
    z-index: 100;
    display: none;
}
.zoomdiv img
{
    width: 800px;
    max-width: none;
    height: auto;
}
.jqZoomPup
{
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    background: #fff top no-repeat;
    opacity: .1;
    -moz-opacity: .1;
    -khtml-opacity: .1;
    filter: alpha(opacity=10);
    border-radius: 3px;
    cursor: none;
}
.salebox
{
    margin-bottom: 20px;/*  padding: 20px;*/
    font-size: 0;
    background: #fff;
    zoom: 1;
}
.salebox:after
{
    content: "";
    display: block;
    clear: both;
}
.saleimg
{
    width: 350px;
    float: left;
    display: inline;
}
.saleimg span
{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.saleimg span img
{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.salecon
{
    width: 48%;/*  padding: 10px 0 0;*/
    float: right;
    display: inline;
}
.saletitle
{
    margin-bottom: 10px;
}
.saletitle h1
{
    font-size: 24px;
    color: #333;
}
.saletip
{
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #0188fb;
    border-bottom: 1px solid #e0e0e0;
}
.saletip.orange
{
    color: #ff6700;
}
.saleinfo
{
    margin-bottom: 20px;
    font-size: 14px;
}
.saleinfo li
{
    line-height: 24px;
}
.saleinfo li span
{
    width: 70px;
    color: #999;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.saleprice
{
    margin-bottom: 20px;
    padding: 15px 20px;
    font-size: 16px;
    color: #0188fb;
    background: #eee;
}
.saleprice.orange
{
    color: #ff6700;
}
.saleprice em
{
    margin-right: 2px;
    font-size: 28px;
    font-style: normal;
    vertical-align: top;
}
.saleprice span
{
    margin-top: 8px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}
.saleprice p del
{
    font-size: 14px;
    color: #999;
}
.salebtn
{
    width: 290px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 4px 10px 0 rgba(29,174,248,.43);
    border-radius: 3px;
    background-image: -webkit-gradient(linear,left top,right top,from(#459aff),to(#0ac4ff));
    background-image: linear-gradient(90deg,#459aff,#0ac4ff);
    -webkit-box-shadow: 0 4px 10px 0 rgba(29,174,248,.43);
}
.salebtn.orange
{
    box-shadow: 0 4px 10px 0 rgba(255,133,0,.43);
    background-image: -webkit-gradient(linear,left top,right top,from(#ff6f00),to(#ff8d00));
    background-image: linear-gradient(-88deg,#ff6f00 3%,#ff8d00);
    -webkit-box-shadow: 0 4px 10px 0 rgba(255,133,0,.43);
}
.salebtn a
{
    font-size: 16px;
    color: #fff;
    display: block;
}
.salebtn a:hover
{
    color: #fff;
}
.saleads
{
    margin-bottom: 20px;
}
.mutuality .articlecon ul
{
    margin-top: 20px;
    margin-left: -3.33%;
}
.mutuality .relate
{
    width: 30%;
    margin: 0 0 3.33% 3.33%;
    padding: 0;
    border: 0;
    display: inline-block;
    vertical-align: top;
}
.mutuality .relateimg
{
    width: 100%;
    float: none;
    margin-bottom: 10px;
    display: inline-block;
}
.mutuality .relateimg a
{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.mutuality .relateimg a img
{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mutuality .relateinfo
{
    width: 100%;
    margin: 0;
}
.mutuality .relateinfo h3
{
    line-height: 22px;
}
.mutuality .relateinfo h3 a
{
    font-size: 14px;
}
.mutuality .relateinfo p
{
    display: none;
}
.wechat
{
    width: 39px;
    height: 39px;
    margin-left: 2%;
    text-align: center;
    line-height: 39px;
    border: 1px solid #5bbf23;
    border-radius: 50%;
    cursor: pointer;
    background: #5bbf23;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.wechat:before
{
    content: "";
    font-size: 22px;
    color: #fff;
    font-family: iconfont;
}
.wechatqr
{
    width: 120px;
    margin-left: -70px;
    padding: 15px 10px;
    box-shadow: 0 0 2px 0 #ddd;
    background: #fff;
    position: absolute;
    bottom: 55px;
    left: 50%;
    z-index: 30;
    display: none;
}
.wechatqr span
{
    margin-top: 5px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    display: inline-block;
}
.wechatqr:before
{
    content: "";
    width: 0;
    height: 0;
    margin: 0 0 -21px -10px;
    border: 10px solid transparent;
    border-top-color: #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 3;
}
.wechatqr:after
{
    content: "";
    width: 0;
    height: 0;
    margin: 0 0 -20px -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 3;
}
.wechat:hover .wechatqr
{
    display: block;
}
.proimg
{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.proimg img
{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.singletitle h1
{
    font-size: 28px;
    color: #333;
    text-align: center;
}
.singleinfo
{
    margin: 20px 0 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    background: #f5f5f5;
}
.singleinfo span
{
    margin-right: 15px;
    font-size: 12px;
    color: #999;
}
.qzss_index_span
{
    margin-right: 15px;
    font-size: 12px;
    color: #999;
    background-position: -186px -54px;
}
.singleinfo span span
{
    margin: 0;
}
.singleinfo span:before
{
    margin-right: 5px;
    font-size: 18px;
    font-family: iconfont;
    vertical-align: top;
}
.singleinfo .time:before
{
    content: "";
}
.singleinfo .views:before
{
    content: "";
}
.singleinfo .ctrl
{
    display: inline-block;
}
.singleinfo .ctrl a
{
    width: 21px;
    height: 20px;
    margin: 5px 0 0 8px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px;
    background: #e0e0e0;
    display: inline-block;
    vertical-align: top;
}
.singleinfo .ctrl a:before
{
    content: "A⁺";
    font-size: 16px;
    color: #999;
    font-family: iconfont;
}
.singleinfo .ctrl a:nth-child(2):before
{
    content: "A⁻";
}
.singleinfo .ctrl a:nth-child(3):before
{
    content: "A";
}
.postcon
{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
    word-break: break-all;
    overflow: hidden;
}
.postcon ul, .postcon ol
{
    margin-bottom: 20px;
    list-style-position: inside;
}
.postcon ul p, .postcon ol p
{
    display: inline;
}
.postcon p
{
    margin-bottom: 1em;
    text-align: justify;
    text-justify: inter-ideograph;
    position: relative;
}
.postcon p img.ue-image
{
    margin: 0 auto 1em;
    display: block;
}
.postcon p img.ue-emoticon
{
    vertical-align: middle;
}
.postcon p.ue-upload
{
    padding: 10px;
    border: 1px dashed #e0e0e0;
}
.postcon p.ue-upload img
{
    vertical-align: top!important;
}
.postcon p.ue-upload a
{
    font-size: 14px!important;
    color: #0188fb!important;
}
.postcon p .ue-image img
{
    margin: 0 auto 1em;
    display: block;
}
.postcon h1, .postcon h2, .postcon h3, .postcon h4, .postcon h5, .postcon h6
{
    margin-bottom: 20px;
    padding: 10px 0 10px;
    line-height: 1.5;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}
.postcon h1:after, .postcon h2:after, .postcon h3:after, .postcon h4:after, .postcon h5:after, .postcon h6:after
{
    content: "";
    width: 24px;
    height: 0;
    border-bottom: 2px solid #0188fb;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.postcon h1
{
    font-size: 32px;
}
.postcon h2
{
    font-size: 28px;
}
.postcon h3
{
    font-size: 24px;
}
.postcon h4
{
    font-size: 22px;
}
.postcon h5
{
    font-size: 18px;
}
.postcon h6
{
    font-size: 16px;
}
.postcon blockquote
{
    margin-bottom: 20px;
    padding: 10px 20px 10px 50px;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    border: 1px dotted #ccc;
    background: #f8f8f8;
    position: relative;
}
.postcon blockquote:before
{
    content: "“";
    font-size: 70px;
    color: #e0e0e0;
    font-family: arial;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 14px;
}
.postcon blockquote p
{
    margin: 0;
}
.postcon table
{
    margin-bottom: 20px;
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
}
.postcon .th
{
    width: 100px;
    background: #f5f5f5;
}
.postcon td
{
    padding: 5px 10px;
    color: #666;
    line-height: 24px;
    word-break: break-all;
    border: 1px solid #e0e0e0;
}
.postcon div.prism-show-language>div.prism-show-language-label[data-language]
{
    font-size: 14px;
}
.postcon pre[class*="language-"]
{
    margin-bottom: 20px;
    font-size: 14px;
}
.postcon.indent p, .postcon.indent ol, .postcon.indent ul
{
    text-indent: 2em;
}
.postcon.indent blockquote p
{
    text-indent: 0;
}
.videowrap
{
    overflow: hidden;
}
.videobox
{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: block;
}
.videobox object, .videobox video, .videobox embed, .videobox iframe
{
    width: 100%;
    height: 100%;
    outline: 0;
    position: absolute;
    display: block;
}
.videobox object video, .videobox video video, .videobox embed video, .videobox iframe video
{
    width: 100%;
}
.videobox video
{
    background: #262626;
}
.down
{
    margin: 20px 0 0;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #f8f8f8;
    zoom: 1;
}
.down:after
{
    content: "";
    display: block;
    clear: both;
}
.downimg
{
    width: 110px;
    float: left;
    display: inline;
}
.downimg span
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    display: block;
}
.downimg span img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.downinfo
{
    padding-left: 130px;
}
.downinfo h3
{
    margin-bottom: 8px;
    font-size: 16px;
    color: #0188fb;
    line-height: 28px;
}
.downinfo.noimg
{
    padding: 0;
}
.downbtn
{
    padding: 0 20px 0 14px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 4px;
    background: #0188fb;
    display: inline-block;
    vertical-align: top;
}
.downbtn:hover
{
    color: #fff;
}
.downbtn:before
{
    content: "";
    margin-right: 2px;
    font-size: 20px;
    color: #fff;
    font-family: iconfont;
    display: inline-block;
    vertical-align: top;
}
.postsale
{
    margin-top: 20px;
}
.tags
{
    margin: 20px 0;
}
.tags a
{
    margin: 0 5px 10px;
    padding: 0 12px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background: #fff;
    display: inline-block;
}
.tags a:hover
{
    color: #0188fb;
    border: 1px solid #0188fb;
}
.sharebox .label
{
    color: #999;
    line-height: 30px;
}
.sharebox .label, .sharebox .sharebtn
{
    display: inline-block;
}
.pages
{
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    overflow: hidden;
    zoom: 1;
}
.pages:after
{
    content: "";
    display: block;
    clear: both;
}
.pages a
{
    color: #333;
}
.pages p
{
    height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
a.backtolist
{
    float: right;
    display: inline;
    margin: 8px 0 0;
    padding: 3px 30px;
    font-size: 14px;
    color: #0188fb;
    line-height: 28px;
    border: 1px solid #0188fb;
    border-radius: 3px;
}
a.backtolist:hover
{
    color: #fff;
    background: #0188fb;
}
.relate:first-child, .comment:first-child
{
    border-top: 1px solid #eee;
}
.relateinfo
{
    width: 72%;
    float: left;
    display: inline;
    margin: 0 3% 0 0;
}
.relateinfo h3
{
    margin: 0 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.relateinfo h3 a
{
    font-size: 18px;
    color: #333;
}
.relateinfo h3 a:hover
{
    color: #0188fb;
}
.relateinfo p
{
    max-height: 78px;
    font-size: 13px;
    color: #888;
    line-height: 26px;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.relateimg
{
    width: 22%;
    float: right;
    display: inline;
}
.relateimg a
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
    display: block;
}
.relateimg a img
{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.relateimg a img:hover
{
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.articletitle
{
    font-size: 16px;
    line-height: 45px;
}
.articletitle h4
{
    margin-bottom: -1px;
    font-size: 16px;
    border-bottom: 1px solid #0188fb;
    display: inline-block;
}
.cmt, .comment, .relate, .pages
{
    padding: 20px 0;
    font-size: 14px;
    line-height: 26px;
    border-top: 1px dotted #eee;
    overflow: hidden;
    zoom: 1;
}
.cmt:after, .comment:after, .relate:after, .pages:after
{
    content: "";
    display: block;
    clear: both;
}
.cmtimg
{
    width: 70px;
    float: left;
}
.cmtimg img
{
    width: 48px;
    height: 48px;
}
.cmtinfo
{
    padding-left: 70px;
    font-size: 14px;
    word-break: break-all;
}
.cmtinfo a
{
    color: #333;
}
.cmtinfo a:hover
{
    color: #0188fb;
}
.cmtinfo .cmt
{
    margin: 15px 0 0 -20px;
    padding-bottom: 0;
}
.cmtinfo .cmt .cmt
{
    margin: 15px 0 0 -20px;
    padding-bottom: 0;
}
.cmtinfo .cmt .cmt .cmt
{
    margin: 15px 0 0 -20px;
    padding-bottom: 0;
}
.cmtinfo .cmtinfo
{
    width: 500px;
}
.cmtinfo .cmtinfo .cmtinfo
{
    width: 430px;
}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo
{
    width: 360px;
}
.cmttime, .cmttime a
{
    font-size: 12px;
    color: #999;
}
.cmtarea
{
    width: 670px;
    float: left;
    display: inline;
}
.cmtarea textarea
{
    width: 100%;
    margin: 0 0 10px;
    padding: 5px;
    font-size: 14px;
    color: #333;
    border: 1px solid #ddd;
    outline: 0;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
}
.cmtsubmit input
{
    width: 100px;
    height: 32px;
    margin: 0 10px 0 0;
    color: #fff;
    line-height: 31px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    background: #0188fb;
}
.cmtsubmit span
{
    font-size: 14px;
    color: #999;
}
.cmtform
{
    float: left;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dotted #e0e0e0;
    overflow: hidden;
    display: none;
}
.cmtform p
{
    width: 49%;
    float: left;
    padding: 5px 0;
}
.cmtform input
{
    width: 180px;
    height: 27px;
    padding: 2px 6px;
    border: 1px solid #e0e0e0;
    outline: 0;
}
.cmtform input
{
    *display: inline;
}
.cmtform label
{
    padding: 0 10px;
    line-height: 27px;
}
.cmtform #inpVerify
{
    width: 100px;
}
.cmtform img
{
    width: 70px;
    height: 33px;
    margin-left: 10px;
    vertical-align: top;
}
.can
{
    margin-bottom: 30px;
    padding: 40px 30px 20px;
    font-size: 0;
    background: #fff;
    zoom: 1;
}
.can:after
{
    content: "";
    display: block;
    clear: both;
}
.cantitle
{
    margin: 0 0 40px;
}
.cantitle h3
{
    font-size: 30px;
    color: #333;
    text-align: center;
}
.cantitle p
{
    padding: 10px 0 0;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.cancon ul
{
    margin-left: -26px;
    font-size: 0;
}
.cancon li
{
    width: 200px;
    margin-left: 26px;
    padding: 30px 20px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.cancon li a
{
    display: block;
}
.cancon li a:hover .canname
{
    color: #0188fb;
}
.cancon li.on
{
    box-shadow: 0 0 1px #999;
}
.canimg
{
    margin: 0 0 20px;
    text-align: center;
}
.canname
{
    margin: 0 0 20px;
    font-size: 22px;
    color: #333;
    text-align: center;
    transition: all .15s;
}
.canintro
{
    font-size: 13px;
    color: #999;
    text-align: center;
    line-height: 20px;
}
.world
{
    margin-bottom: 30px;
    padding: 40px 30px;
    font-size: 0;
    background: #fff;
    zoom: 1;
}
.world:after
{
    content: "";
    display: block;
    clear: both;
}
.worldtitle
{
    margin: 0 0 40px;
}
.worldtitle h3
{
    font-size: 30px;
    color: #333;
    text-align: center;
}
.worldtitle p
{
    padding: 10px 0 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.worldcon img
{
    width: 100%;
}
.brand
{
    margin-bottom: 30px;
    padding: 40px 30px 20px;
    font-size: 0;
    background: #fff;
    zoom: 1;
}
.brand:after
{
    content: "";
    display: block;
    clear: both;
}
.brandtitle
{
    margin: 0 0 40px;
}
.brandtitle h3
{
    font-size: 30px;
    color: #333;
    text-align: center;
}
.brandtitle p
{
    padding: 10px 0 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.brandcon ul
{
    margin-left: -20px;
    font-size: 0;
}
.brandcon li
{
    width: 16.6666%;
    margin: 0 0 20px 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.brandcon li a
{
    margin-left: 20px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    background: #f8f8f8;
    display: block;
}
.brandcon li img
{
    width: 100%;
}
.friendlink
{
    margin-bottom: 30px;
    padding: 25px 30px 20px;
    font-size: 0;
    background: #fff;
    zoom: 1;
}
.friendlink:after
{
    content: "";
    display: block;
    clear: both;
}
.friendlink h3
{
    float: left;
    display: inline;
    font-size: 14px;
    color: #888;
    line-height: 20px;
}
.friendlink ul
{
    padding-left: 70px;
    line-height: 22px;
}
.friendlink ul li
{
    margin: 0 0 5px 0;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
}
.friendlink ul li a
{
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: top;
}
.friendlink ul li a:hover
{
    color: #0188fb;
}
.do
{
    margin-bottom: 30px;
    padding: 40px 30px;
    font-size: 0;
    background: #fff;
    zoom: 1;
}
.do:after
{
    content: "";
    display: block;
    clear: both;
}
.dotitle
{
    margin: 0 0 30px;
}
.dotitle h3
{
    font-size: 30px;
    color: #333;
    text-align: center;
}
.dotitle p
{
    padding: 10px 0 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.docon ul
{
    margin-left: -3%;
}
.docon li
{
    width: 30.33%;
    margin: 0 0 3% 3%;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.docon li.on img
{
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.docon li.on .doname a
{
    color: #0188fb;
}
.doimg a
{
    width: 100%;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.doimg img
{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.doname
{
    margin-bottom: 10px;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.doname a
{
    font-size: 18px;
    color: #333;
}
.dointro
{
    max-height: 72px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.domore
{
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.domore a
{
    font-size: 16px;
    color: #0188fb;
    *font-family: "microsoft yahei";
    line-height: 36px;
    border: 1px solid #0188fb;
    border-radius: 3px;
    display: block;
}
.domore a:hover
{
    color: #fff;
    border: 1px solid #0188fb;
    background: #0188fb;
}
.co
{
    margin-bottom: 30px;
    padding: 30px;
    background: #fff;
    zoom: 1;
}
.co:after
{
    content: "";
    display: block;
    clear: both;
}
.cotitle
{
    line-height: 36px;
}
.cotitle h3
{
    height: 37px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}
.cotitle h3 span
{
    padding: 0 5px;
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
}
.cotitle ul.newstab
{
    float: right;
    display: inline;
    margin: -39px 0 0;
    font-size: 0;
}
.cotitle ul.newstab li
{
    line-height: 39px;
    border-left: 1px solid #e0e0e0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.cotitle ul.newstab li a
{
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    display: block;
}
.cotitle ul.newstab li a:hover
{
    color: #fff;
    background: #0188fb;
}
.cotitle ul.newstab li.on a
{
    color: #fff;
    background: #0188fb;
}
.cobox
{
    margin-left: -3%;
    zoom: 1;
}
.cobox:after
{
    content: "";
    display: block;
    clear: both;
}
.cocon
{
    margin-top: 10px;
    zoom: 1;
}
.cocon:after
{
    content: "";
    display: block;
    clear: both;
}
.coabout
{
    width: 30.33%;
    float: left;
    display: inline;
    margin-left: 3%;
}
.coaboutimg
{
    width: 150px;
    float: left;
    display: inline;
    margin: 5px 20px 0 0;
}
.coaboutimg a
{
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
    display: block;
}
.coaboutimg a img
{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.coabouttxt
{
    font-size: 14px;
    line-height: 23px;
    text-overflow: ellipsis;
    word-break: break-all;
}
.coabout .aboutmore
{
    float: right;
    display: inline;
}
.conews
{
    width: 30.33%;
    float: left;
    display: inline;
    margin-left: 3%;
}
.conews ul.newsitem
{
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    display: none;
}
.conews ul.newsitem li
{
    height: 37px;
    color: #ccc;
    line-height: 37px;
    border-bottom: 1px dotted #e0e0e0;
    overflow: hidden;
    position: relative;
}
.conews ul.newsitem li:before
{
    content: "";
    float: left;
    display: inline;
    margin: 0 5px 0 -5px;
    font-family: iconfont;
}
.conews ul.newsitem li span
{
    padding-left: 5px;
    color: #999;
    font-family: arial;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.conews ul.newsitem li time
{
    display: none;
}
.conews ul.newsitem li a
{
    width: 75%;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.conews ul.newsitem li a:hover
{
    color: #0188fb;
}
.conews ul.newsitem.on
{
    display: block;
}
.coslide
{
    width: 30.33%;
    float: left;
    display: inline;
    margin-left: 3%;
    overflow: hidden;
    position: relative;
}
.coslide .slidebox
{
    position: relative;
}
.coslide .slidebox .slideimg
{
    width: 100%;
    position: relative;
}
.coslide .slidebox .slideimg a
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}
.coslide .slidebox .slideimg a img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.coslide .slidebox .slideimg.on
{
    display: block;
}
.coslide .slidebox .slidename a
{
    height: auto;
    padding: 0;
    color: #fff;
    text-align: left;
}
.coslide .slidebg
{
    width: 100%;
    height: 38px;
    background: #000;
    opacity: .6;
    position: absolute;
    bottom: 0;
}
.coslide .slidename
{
    width: 200px;
    height: 38px;
    padding-left: 18px;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.coslide .slidename a
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.coslide .slidepoint
{
    width: auto;
    position: absolute;
    right: 18px;
    bottom: 10px;
    left: auto;
}
.coslide .slidepoint .swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    margin: 0 0 0 5px;
    padding: 0;
    border-radius: 50%;
    text-indent: -99px;
    border: 2px solid #fff;
    cursor: pointer;
    background: transparent;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.coslide .slidepoint .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background: #fff;
}
#divCalendar table
{
    width: 100%;
    table-layout: fixed;
}
#divCalendar caption
{
    height: 24px;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px dotted #eee;
}
#divCalendar caption a
{
    padding: 0 10px;
    font-size: 14px;
}
#divCalendar th
{
    height: 25px;
    color: #fff;
    line-height: 25px;
    text-transform: uppercase;
    border: 1px solid #0188fb;
    border-radius: 2px;
    background: #0188fb;
}
#divCalendar td
{
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #efefef;
    background: #fff;
}
#divCalendar td.pad
{
    border: none;
}
#divCalendar td a
{
    color: #fff;
    line-height: 30px;
    background: #5eaae4;
    display: block;
}
#today
{
    font-weight: bold;
}
#divSearchPanel input[type="text"]
{
    width: 70%;
    height: 27px;
    border: 1px solid #0188fb;
    outline: 0;
    background: #fff;
    font-family: "微软雅黑";
    display: inline-block;
}
#divSearchPanel input[type="text"]
{
    *display: inline;
}
#divSearchPanel input[type="submit"]
{
    width: 25%;
    height: 31px;
    float: right;
    color: #fff;
    line-height: 29px;
    border: 1px solid #0188fb;
    background: #0188fb;
    display: inline-block;
    vertical-align: top;
    vertical-align: baseline\9;
}
#divNavBar li, #divCatalog li, #divLinkage li, #divFavorites li, #divArchives li, #divAuthors li
{
    width: 50%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: none;
    overflow: hidden;
}
#divNavBar .subnav
{
    display: none;
}
#divMisc li
{
    width: 50%;
    float: left;
    padding: 0;
    text-indent: 0;
    border: 0;
    background: none;
}
#divMisc li:before
{
    display: none;
}
#divMisc li img
{
    vertical-align: middle;
}
#divTags ul li
{
    width: auto;
    height: 30px;
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    border: 0;
}
#divTags ul li:before
{
    display: none;
}
#divTags ul li a, .tags-cloud a
{
    margin: 0 10px 10px 0;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    display: inline-block;
    vertical-align: top;
}
#divTags ul li a:hover, .tags-cloud a:hover
{
    color: #0188fb;
    text-decoration: none;
}
.tag-count
{
    display: none;
}
#divPrevious li, #divComments li, #divFavorites li, #divLinkage li, #divAuthors li
{
    height: 45px;
    line-height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#divStatistics .sidecon li
{
    color: #333;
    list-style: none;
    background: none;
}
#qzss_zt1_NewArticle .sidecon li, #qzss_zt1_RecArticle .sidecon li, #qzss_zt1_HotViewArticle .sidecon li, #qzss_zt1_NewComment .sidecon li, #qzss_zt1_HotCmtArticle .sidecon li
{
    line-height: 26px;
}
#qzss_zt1_NewArticle .sidecon li::before, #qzss_zt1_RecArticle .sidecon li::before, #qzss_zt1_HotViewArticle .sidecon li::before, #qzss_zt1_NewComment .sidecon li::before, #qzss_zt1_HotCmtArticle .sidecon li::before
{
    display: none!important;
}
#qzss_zt1_Contact .contactimg
{
    margin-bottom: 10px;
}
#qzss_zt1_Contact p
{
    line-height: 24px;
}
#qzss_zt1_RecArticle .sidecon li a
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
#qzss_zt1_RecArticle .sideitem
{
    margin-bottom: 10px;
    padding: 0;
    border: 0;
}
#qzss_zt1_RecArticle .sideitem:last-child
{
    margin: 0;
}
#qzss_zt1_RecArticle .noimg
{
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #e0e0e0;
    border-radius: 0;
}
#qzss_zt1_User
{
    padding: 0;
}
#qzss_zt1_User dt
{
    display: none;
}
#qzss_zt1_User .sidecon
{
    padding: 0;
}
.sideuserhead
{
    height: 110px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sideusercon
{
    text-align: center;
}
.sideusercon .avatar
{
    width: 90px;
    height: 90px;
    margin: -70px auto 5px;
    padding: 5px;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(255,255,255,.3);
    overflow: hidden;
}
.sideusercon .avatar img
{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.sideusercon h4
{
    margin-bottom: 5px;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
.sideusercon p
{
    padding: 0 20px;
    font-size: 14px;
    color: #888;
    line-height: 24px;
}
.sideuserlink
{
    padding: 20px;
    font-size: 0;
}
.sideuserlink p
{
    width: 20%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.sideuserlink p a
{
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}
.sideuserlink p a:after
{
    font-family: iconfont;
}
.sideuserlink p a.qq
{
    border: 1px solid #12b7f5;
}
.sideuserlink p a.qq:after
{
    content: "";
    font-size: 28px;
    color: #12b7f5;
}
.sideuserlink p a.sidewechat
{
    border: 1px solid #4cbf2a;
}
.sideuserlink p a.sidewechat span
{
    width: 120px;
    margin-left: -70px;
    padding: 15px 10px 10px;
    border-top: 2px solid #0188fb;
    box-shadow: 0 0 2px 0 #bbb;
    background: #fff;
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 30;
    display: none;
}
.sideuserlink p a.sidewechat span:before
{
    content: "";
    width: 0;
    height: 0;
    margin: -21px 0 0 -10px;
    border: 10px solid transparent;
    border-top-color: #e0e0e0;
    border-bottom-color: transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 3;
}
.sideuserlink p a.sidewechat span:after
{
    content: "";
    width: 0;
    height: 0;
    margin: -20px 0 0 -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
    border-bottom-color: transparent;
    position: absolute;
    bottom: -18px;
    left: 50%;
    z-index: 3;
}
.sideuserlink p a.sidewechat span img
{
    width: 100%;
    display: block;
}
.sideuserlink p a.sidewechat:after
{
    content: "";
    font-size: 32px;
    color: #4cbf2a;
}
.sideuserlink p a.email
{
    border: 1px solid #f9671c;
}
.sideuserlink p a.email:after
{
    content: "";
    font-size: 20px;
    color: #f9671c;
}
.sideuserlink p a.weibo
{
    border: 1px solid #e6162d;
}
.sideuserlink p a.weibo:after
{
    content: "";
    font-size: 32px;
    color: #e6162d;
}
.sideuserlink p a.group
{
    border: 1px solid #38638c;
}
.sideuserlink p a.group:after
{
    content: "";
    font-size: 24px;
    color: #38638c;
}
.sideuserfoot
{
    border-top: 1px solid #eee;
    zoom: 1;
}
.sideuserfoot:after
{
    content: "";
    display: block;
    clear: both;
}
.sideuserfoot p
{
    width: 33.333%;
    float: left;
    display: inline;
    padding: 10px 0;
    line-height: 20px;
    position: relative;
}
.sideuserfoot p:not(:last-child):after
{
    content: "";
    width: 1px;
    height: 40px;
    background: #eee;
    position: absolute;
    top: 10px;
    right: 0;
}
.sideuserfoot p strong
{
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
.sideuserfoot p span
{
    font-size: 14px;
    color: #888;
    display: block;
}
#hcsticky .sidebox:last-child
{
    margin-bottom: 0;
}
.footer
{
    padding-top: 30px;
}
.sns
{
    padding-bottom: 15px;
    font-size: 0;
    text-align: center;
}
.sns a
{
    width: 32px;
    height: 32px;
    margin: 0 10px;
    color: #fff;
    line-height: 32px;
    border-radius: 50%;
    background-color: #ccc;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    *text-indent: 0;
    *font-size: 0;
    *line-height: 0;
}
.sns a.weibo:after
{
    content: "";
    font-size: 34px;
    font-family: iconfont;
    line-height: 30px;
}
.sns a.weibo:hover
{
    color: #fff;
    background-color: #e6162d;
}
.sns a.weixin
{
    background-position: -32px 0;
    position: relative;
}
.sns a.weixin span
{
    width: 120px;
    margin-left: -76px;
    padding: 20px 15px 10px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #e0e0e0;
    background: #fff;
    position: absolute;
    bottom: 45px;
    left: 50%;
    z-index: 110;
    display: none;
}
.sns a.weixin span img
{
    width: 110px;
    height: 110px;
    margin: 0 auto 8px;
    display: block;
}
.sns a.weixin span b
{
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.sns a.weixin span:before
{
    content: "";
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: 50%;
    z-index: 1;
}
.sns a.weixin span:after
{
    content: "";
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e0e0e0 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
}
.sns a.weixin:after
{
    content: "";
    font-size: 30px;
    font-family: iconfont;
}
.sns a.weixin:hover
{
    color: #fff;
    background-color: #00d500;
}
.sns a.group
{
    background-position: -64px 0;
}
.sns a.group:after
{
    content: "";
    font-size: 24px;
    font-family: iconfont;
}
.sns a.group:hover
{
    color: #fff;
    background-color: #38638c;
}
.sns a.qzone
{
    background-position: -97px 0;
}
.sns a.qzone:after
{
    content: "";
    font-size: 28px;
    font-family: iconfont;
    line-height: 31px;
}
.sns a.qzone:hover
{
    color: #fff;
    background-color: #ffce00;
}
.sns a.feed
{
    background-position: -97px 0;
}
.sns a.feed:after
{
    content: "";
    font-size: 24px;
    font-family: iconfont;
    line-height: 31px;
}
.sns a.feed:hover
{
    color: #fff;
    background-color: #0188fb;
}
.footlink
{
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.footlink li
{
    display: inline;
}
.footlink a
{
    margin: 0 10px;
    color: #888;
}
.footlink a:hover
{
    color: #0188fb;
}
.copyright
{
    padding: 10px 0 25px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
.copyright a
{
    color: #999;
}
.copyright a:hover
{
    color: #0188fb;
}
.errorpage
{
    width: 420px;
    margin: 0 auto 50px;
    text-align: center;
}
.errorpage h3
{
    font-size: 98px;
    line-height: 80px;
    font-weight: bold;
    color: #333;
    text-shadow: rgba(61,61,61,.3) 1px 1px,rgba(61,61,61,.2) 2px 2px,rgba(61,61,61,.3) 3px 3px;
}
.errorpage h4
{
    font-size: 30px;
    color: #333;
    line-height: 35px;
}
.errorpage h3, .errorpage h4
{
    margin: 10px 0;
    border: 0;
}
.errorpage h3::after, .errorpage h4::after
{
    display: none;
}
.errorpage p
{
    font-size: 14px;
    color: #333;
    margin: 0 0 10px;
}
.errschtxt
{
    float: left;
    width: 71%;
    position: relative;
    font-size: 14px;
    color: #333;
    padding: 12px 17px;
    background-color: #fafafa;
    border: 1px solid #0188fb;
    border-radius: 2px;
    outline: 0;
    z-index: 2;
}
.errschbtn
{
    width: 20%;
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    line-height: 22px;
    border: 0;
    border-radius: 2px;
    background: #0188fb;
    outline: 0;
    cursor: pointer;
}
.goback
{
    padding: 10px 30px;
    font-size: 16px;
    color: #0188fb;
    text-align: center;
    border: 1px solid #0188fb;
    border-radius: 2px;
}
.goback:hover
{
    color: #fff;
    text-decoration: none;
    background: #159cff;
}
a.backtotop
{
    width: 45px;
    height: 45px;
    margin-left: 570px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    cursor: pointer;
    opacity: .8;
    position: fixed;
    _position: absolute;
    right: 30px;
    bottom: 30px;
    _bottom: 30px;
    background: rgba(10,10,10,.2);
    overflow: hidden;
    z-index: 100;
}
a.backtotop i:after
{
    content: "";
    font-size: 32px;
    color: #fff;
    font-family: iconfont;
}
a.backtotop:hover
{
    background: #0188fb;
}
a.setnight
{
    width: 45px;
    height: 45px;
    margin-left: 570px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    cursor: pointer;
    opacity: .8;
    position: fixed;
    _position: absolute;
    right: 30px;
    bottom: 88px;
    _bottom: 88px;
    background: rgba(10,10,10,.2);
    overflow: hidden;
    z-index: 100;
}
a.setnight:after
{
    content: "";
    font-size: 36px;
    color: #fff;
    font-family: iconfont;
}
a.setnight.black:after
{
    content: "";
}
a.setnight:hover
{
    background: #0188fb;
}
.schwords
{
    color: #0188fb;
}
.loading
{
    height: 2px;
    background: #0188fb;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: opacity 500ms linear;
}
.loading.done
{
    width: 100%;
}
.headbg .loading.done, .fix .loading.done
{
    position: absolute;
    top: -2px;
}
@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.tagscloud
{
    margin-left: -2%;
    font-size: 0;
}
.tagscloud li
{
    width: 23%;
    margin: 0 0 2% 2%;
    line-height: 30px;
    background: #f5f5f5;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.tagscloud li a
{
    width: 100%;
    padding: 0 50px 0 10px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transition: background-color 0s linear,color 0s linear;
}
.tagscloud li span
{
    font-size: 12px;
    color: #999;
    font-family: arial;
    line-height: 28px;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1;
}
.tagscloud li:hover
{
    color: #fff;
    background: #0188fb;
}
.tagscloud li:hover a, .tagscloud li:hover span
{
    color: #fff;
}
.tagsnull
{
    padding: 10% 0;
    color: #888;
    text-align: center;
}
.tagsnull:before
{
    content: "";
    margin-bottom: 10px;
    font-size: 100px;
    color: #e0e0e0;
    font-family: iconfont;
    line-height: 1;
    display: block;
}
.archivedate
{
    margin-bottom: 10px;
    font-size: 16px;
    color: #0188fb;
    line-height: 1.9;
    border-bottom: 1px solid #eee;
}
.archivelist
{
    margin-bottom: 20px;
}
.archivelist li
{
    line-height: 28px;
    overflow: hidden;
    zoom: 1;
}
.archivelist li:after
{
    content: "";
    display: block;
    clear: both;
}
.archivelist h3
{
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: inherit;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.archivelist h3 a
{
    font-size: 14px;
    color: #333;
}
.archivelist h3 a:hover
{
    color: #0188fb;
}
.archivelist h3:after
{
    display: none;
}
.archivetime
{
    float: left;
    display: inline;
    margin-right: 10px;
    font-size: 14px;
    color: #999;
}
.archivenull
{
    padding: 20% 0;
    color: #888;
    text-align: center;
}
.archivenull:before
{
    content: "";
    margin-bottom: 10px;
    font-size: 100px;
    color: #e0e0e0;
    font-family: iconfont;
    line-height: 1;
    display: block;
}
.postcon
{
    overflow: hidden;
    position: relative;
}
.teles, .telesmore
{
    width: 100%;
    height: 150px;
    color: #0188fb;
    text-align: center;
    font-size: 14px;
    text-indent: 0;
    cursor: pointer;
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff 50%);
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
}
.telesmore i
{
    margin: 100px auto 0;
    line-height: 36px;
    text-align: center;
    border: 1px solid #0188fb;
    border-radius: 3px;
    background: #fff;
    display: block;
}
.telesmore i:after
{
    content: "";
    font-size: 22px;
    font-family: iconfont;
    display: inline-block;
    vertical-align: top;
    -webkit-animation: telesmoreico .4s infinite alternate;
}
.teles i
{
    margin: 90px 0 20px;
    font-size: 18px;
    font-style: normal;
    text-indent: 0;
    line-height: 28px;
    display: inline-block;
}
.teles i:after
{
    content: "";
    width: 33px;
    margin-left: -20px;
    font-size: 30px;
    font-family: iconfont;
    position: absolute;
    bottom: 6px;
    left: 50%;
    -webkit-animation: telesico .4s infinite alternate;
    -ms-animation: telesico .4s infinite alternate;
}
@-webkit-keyframes telesico
{
    0%
    {
        -webkit-transform: translate(0,-2px);
    }
    100%
    {
        -webkit-transform: translate(0,3px);
    }
}
@-webkit-keyframes telesmoreico
{
    0%
    {
        -webkit-transform: translate(0,-2px);
    }
    100%
    {
        -webkit-transform: translate(0,3px);
    }
}
@-webkit-keyframes arrow
{
    from
    {
        -webkit-transform: translate3d(-webkit-calc(-44%),5px,0);
        transform: translate3d(calc(-50% + 6px),5px,0);
    }
    to
    {
        -webkit-transform: translate3d(-webkit-calc(-44%),0,0);
        transform: translate3d(calc(-50% + 6px),0,0);
    }
}
@keyframes arrow
{
    from
    {
        -webkit-transform: translate3d(-webkit-calc(-44%),5px,0);
        transform: translate3d(calc(-50% + 6px),5px,0);
    }
    to
    {
        -webkit-transform: translate3d(-webkit-calc(-44%),0,0);
        transform: translate3d(calc(-50% + 6px),0,0);
    }
}
.readerimg
{
    margin-bottom: 5px;
    display: block;
}
.readerimg img
{
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
}
.readername
{
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.readernum
{
    font-size: 12px;
    color: #999;
    line-height: 20px;
    display: block;
}
.readernum::before
{
    content: "";
    margin: 0 3px 0 0;
    font-size: 18px;
    color: #999;
    font-family: iconfont;
    display: inline-block;
    vertical-align: top;
}
.readers ul
{
    margin-left: -3%;
    font-size: 0;
}
.readers li
{
    width: 30.33%;
    margin: 0 0 3% 3%;
    padding: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
}
.readers li:after
{
    content: "";
    display: block;
    clear: both;
}
.readers li a
{
    display: block;
}
.readers li a::after
{
    content: "";
    font-size: 16px;
    color: #ccc;
    font-family: iconfont;
    position: absolute;
    top: -2px;
    right: 5px;
}
.readers li.top
{
    padding: 15px 10px 10px;
}
.readers li.top .readersimg
{
    float: none;
}
.readers li.top .readersimg img
{
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.readers li.top .readersinfo
{
    margin-top: 8px;
    padding: 0;
    text-align: center;
}
.readers li.top:nth-child(1) .honor
{
    background: #df951a;
}
.readers li.top:nth-child(2) .honor
{
    background: #91a3a7;
}
.readers li.top:nth-child(3) .honor
{
    background: #d98a63;
}
.readers li.top a::after
{
    display: none;
}
.readers li .honor
{
    width: 100px;
    height: 22px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    background: #0c60ee;
    position: absolute;
    top: 10px;
    right: -29px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.readersimg
{
    float: left;
    display: inline;
    margin-right: 10px;
}
.readersimg img
{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
}
.readersinfo
{
    padding-left: 60px;
    font-size: 12px;
    color: #888;
    line-height: 25px;
    display: block;
}
.readersinfo span
{
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.closepage
{
    background: #f6f8f9;
}
.closesite
{
    width: 750px;
    margin: 0 auto;
    padding: 30px 40px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}
.closesite h1
{
    margin: 0 0 20px -40px;
    padding-left: 33px;
    font-size: 28px;
    color: #333;
    font-weight: 600;
    border-left: 5px solid #0188fb;
}
.closesitebg
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.closesitebg.bgmask::before
{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.closelogo
{
    margin-bottom: 20px;
    font-size: 16px;
    color: #999;
}
.closelogo img
{
    width: 100px;
}
.closecon
{
    font-size: 16px;
    color: #666;
    text-align: justify;
    line-height: 1.9;
}
.night
{
    color: #bbb;
    background: #191919;
}
.night .header
{
    background: #202020;
}
.night .logo img:first-child
{
    display: block;
}
.night .logo img:last-child
{
    display: none;
}
.night .menu li a
{
    color: #bbb;
}
.night .menu li a:hover
{
    color: #0188fb;
}
.night .menu li .subnav
{
    background: #202020;
}
.night .menu li:after
{
    border-color: #3a3a3a;
}
.night .menuico.on span
{
    background-color: #888;
}
.night .searchico:after
{
    color: #bbb;
}
.night .searchform
{
    background: #3a3a3a;
}
.night .searchform .schtxt
{
    color: #bbb;
    background: #3a3a3a;
}
.night .searchform .schbtn:after
{
    color: #bbb;
}
.night .main
{
    background: #191919;
}
.night .can, .night .do, .night .list, .night .co, .night .world, .night .brand, .night .friendlink, .night .content, .night .sidebox, .night .salebox
{
    background: #262626;
}
.night .cantitle h3, .night .dotitle h3, .night .worldtitle h3, .night .brandtitle h3
{
    color: #bbb;
}
.night .cantitle p, .night .dotitle p, .night .worldtitle p, .night .brandtitle p
{
    color: #888;
}
.night .canname
{
    color: #bbb;
}
.night .doname a
{
    color: #bbb;
}
.night .dointro
{
    color: #888;
}
.night .imgitem .itemname a
{
    color: #bbb;
}
.night .imgitem .itemname a:hover
{
    color: #0188fb;
}
.night .listtitle
{
    border-color: #3a3a3a;
}
.night .listtitle h4
{
    color: #bbb;
}
.night .listinfo a
{
    color: #bbb;
}
.night .listinfo a:hover
{
    color: #0188fb;
}
.night .listintro
{
    color: #888;
}
.night .listdetail dt, .night .listdetail dd
{
    border-color: #3a3a3a;
}
.night .listdetail dd
{
    color: #bbb;
}
.night .listdetail dd:before
{
    color: #888;
}
.night .listdetail dd span
{
    color: #888;
}
.night .listdetail dd a
{
    color: #bbb;
}
.night .listdetail dd a:hover
{
    color: #0188fb;
}
.night .listitem li
{
    border-color: #3a3a3a;
}
.night .listitem .itemname a
{
    color: #bbb;
}
.night .listitem .itemintro
{
    color: #888;
}
.night .listitem .itemdate
{
    color: #888;
}
.night .goodsimglist li a
{
    border-color: #999;
}
.night .saletitle h1
{
    color: #bbb;
}
.night .saletip
{
    border-color: #3a3a3a;
}
.night .saleprice
{
    background: #303030;
}
.night .saleinfo li span
{
    color: #666;
}
.night .postcon h1, .night .postcon h2, .night .postcon h3, .night .postcon h4, .night .postcon h5, .night .postcon h6
{
    border-color: #3a3a3a;
}
.night .postcon p.ue-upload
{
    border-color: #3a3a3a;
}
.night .postcon blockquote
{
    color: #888;
    border-color: #444;
    background: #232323;
}
.night .postcon blockquote:before
{
    color: #555;
}
.night .postcon td
{
    color: #888;
    border-color: #3a3a3a;
}
.night .postcon code[class*="language-"], .night .postcon pre[class*="language-"]
{
    text-shadow: 0 1px #3a3a3a;
    background: #333;
}
.night .postcon div.prism-show-language>div.prism-show-language-label[data-language]
{
    background: #666;
}
.night .postcon table
{
    background: #232323;
}
.night .singletitle h1
{
    color: #bbb;
}
.night .singleinfo
{
    background: #303030;
}
.night .ctrl a
{
    color: #bbb;
    background: #4a4a4a;
}
.night .down
{
    border-color: #444;
    background: #333;
}
.night .pages p
{
    color: #888;
}
.night .pages a
{
    color: #bbb;
}
.night .pages a.backtolist:hover
{
    color: #fff;
}
.night .pages a:hover
{
    color: #0188fb;
}
.night .ias_trigger a, .night .ias_loader a, .night .pagination-loading
{
    border-color: #3a3a3a;
    background: #202020;
}
.night .relateinfo h3 a
{
    color: #bbb;
}
.night .relateinfo h3 a:hover
{
    color: #0188fb;
}
.night .tagscloud li
{
    background: #3a3a3a;
}
.night .tagscloud li a
{
    color: #bbb;
}
.night .tagscloud li:hover a
{
    color: #fff;
}
.night .archivedate
{
    border-color: #3a3a3a;
}
.night .archivelist h3 a
{
    color: #bbb;
}
.night .archivelist h3 a:hover
{
    color: #0188fb;
}
.night .readername
{
    color: #bbb;
}
.night .readers li
{
    border-color: #505050;
    background: #333;
}
.night .readers li a::after
{
    color: #888;
}
.night .readersinfo span
{
    color: #bbb;
}
.night .cotitle h3
{
    color: #bbb;
    border-color: #3a3a3a;
}
.night .cotitle ul.newstab li
{
    border-color: #3a3a3a;
    background: #3a3a3a;
}
.night .cotitle ul.newstab li a
{
    color: #bbb;
}
.night .cotitle ul.newstab li a:hover
{
    color: #fff;
}
.night .cotitle ul.newstab li.on a
{
    color: #fff;
}
.night .coabouttxt
{
    color: #888;
}
.night .conews ul.newsitem li
{
    border-color: #3a3a3a;
}
.night .conews ul.newsitem li:before
{
    color: #888;
}
.night .conews ul.newsitem li a
{
    color: #bbb;
}
.night .conews ul.newsitem li a:hover
{
    color: #0188fb;
}
.night .conews ul.newsitem li span
{
    background: #262626;
}
.night .brandcon a
{
    border-color: #3a3a3a;
    background: #262626;
}
.night .friendlink ul li a
{
    color: #bbb;
}
.night .friendlink ul li a:hover
{
    color: #0188fb;
}
.night .sidetitle
{
    border-color: #3a3a3a;
}
.night .sidetitle h3
{
    color: #bbb;
}
.night .sidecon li
{
    border-color: #3a3a3a;
}
.night .sidecon li:before
{
    color: #888;
}
.night .sidecon li a
{
    color: #bbb;
}
.night .sidecon li a:hover
{
    color: #0188fb;
}
.night .sideitem
{
    border-color: #3a3a3a;
}
.night .sideitem .hasimg
{
    color: #bbb;
}
.night .sidelink .sideinfo
{
    color: #bbb;
}
.night .sidecmtinfo em
{
    color: #bbb;
}
.night .sidecmtcon
{
    border: 1px dotted #444;
    background: #232323;
}
.night #qzss_zt1_RecArticle .noimg, .night .sideuserfoot, .night .friendlink span
{
    border-color: #3a3a3a;
}
.night .sideusercon h4, .night .sideuserfoot p strong, .night .friendlink span, .night .friendlink li a
{
    color: #bbb;
}
.night .block, .night .friendlink, .night .sidebox, .night .pagebar, .night .cmtpagebar, .night .sideuserfoot
{
    background: #262626;
}
.night .sideuserfoot p:not(:last-child):after
{
    background: #3a3a3a;
}
.night #divCatalog li, .night #divPrevious li, .night #divLinkage li, .night #divNavBar li, .night #divComments li, .night #divAuthors li, .night #divFavorites li, .night #divStatistics li
{
    border-bottom: 1px dotted #3a3a3a;
}
.night #divCatalog li:before, .night #divPrevious li:before, .night #divLinkage li:before, .night #divNavBar li:before, .night #divComments li:before, .night #divAuthors li:before, .night #divFavorites li:before, .night #divStatistics li:before
{
    color: #888;
}
.night #divTags li a
{
    color: #888;
    border-color: #3a3a3a;
    box-shadow: none;
}
.night #divTags li a:hover
{
    border-color: #0188fb;
}
.night #divStatistics .sidecon li
{
    color: #bbb;
}
.night .contitle
{
    color: #bbb;
    border-color: #3a3a3a;
}
.night .cmt, .night .comment, .night .relate, .night .pages, .night .cmtform
{
    border-color: #3a3a3a;
}
.night .cmtarea textarea, .night .cmtform input
{
    color: #ccc;
    border-color: #3a3a3a;
    background: #202020;
}
.night .cmtsubmit span
{
    color: #888;
}
.night .cmttime, .night .cmttime a
{
    color: #888;
}
.night .cmtinfo
{
    color: #bbb;
}
.night .cmtinfo a:hover
{
    color: #0188fb;
}
.night .tags a, .night a.backtolist
{
    color: #888;
    border-color: #3a3a3a;
    background: none;
}
.night .footer
{
    border-top: 1px solid #3a3a3a;
    background: #202020;
}
.night .sns a
{
    color: #888;
    background: #3a3a3a;
}
.night .sns a.weixin span
{
    border-color: #3a3a3a;
    background: #262626;
}
.night .sns a.weixin span:before
{
    border-color: #262626 transparent transparent transparent;
}
.night .sns a.weixin span img
{
    border: 3px solid #fff;
}
.night .sns a.weixin span b
{
    color: #bbb;
}
.night .sns a.weixin span:after
{
    border-color: #3a3a3a transparent transparent transparent;
}
.night .footlink
{
    border-color: #3a3a3a;
}
.night .copyright
{
    color: #666;
}
.night .copyright a
{
    color: #666;
}
.night .teles, .night .telesmore
{
    background: linear-gradient(to bottom,rgba(255,255,255,0),#262626 50%);
}
.night .telesmore i
{
    background: #262626;
}
.night .lazynum
{
    color: #999;
    background: #444;
}
.night a.backtotop, .night .setnight
{
    background: rgba(68,68,68,.8);
}
.night a.backtotop:hover
{
    background: #0188fb;
}
.night .errorpage
{
    background: #262626;
}
.night .errorpage h3, .night .errorpage h4, .night .errorpage p
{
    color: #bbb;
}
.night .errorpage .errschtxt
{
    color: #ccc;
    border-color: #3a3a3a;
    background: #202020;
}
.night .errorpage .errschtxt:focus
{
    color: #0188fb;
}
.night .errorpage .errschbtn
{
    color: #fff;
    border-color: #0188fb;
    background: #0188fb;
}
.night .errorpage .goback
{
    color: #888;
    border: 1px solid #3a3a3a;
    background: none;
}
.night .errorpage .goback:hover
{
    color: #0188fb;
    border-color: #0188fb;
}
.night .advice_content, .night .advice_contactcon, .night .advice_verifycode
{
    border-color: #3a3a3a;
}
.night .advice_content textarea, .night .advice_contactcon input
{
    color: #ccc;
    background: #202020;
    display: block;
}
.night .advice_verifycode
{
    color: #ccc;
    background: #202020;
}
@media screen and (max-width: 1920px)
{
    a.backtotop
    {
        left: 50%;
        bottom: 30px;
        _bottom: 30px;
    }
    a.setnight
    {
        left: 50%;
        bottom: 80px;
        _bottom: 80px;
    }
}
@media screen and (max-width: 1100px)
{
    .wrapper, .wrap, .advice
    {
        width: 100%;
        min-width: 100%;
    }
    .logo
    {
        height: 60px;
        margin-left: 10px;
    }
    .logo a
    {
        height: 60px;
    }
    .logo a img
    {
        height: 40px;
    }
    .headbg .menu li
    {
        line-height: 40px;
    }
    .headbg .searchform
    {
        height: 50px;
    }
    .headbg .searchform .schtxt
    {
        height: 50px;
    }
    .headbg .searchform .schbtn
    {
        margin-top: 0;
    }
    .menu
    {
        width: 100%;
        height: auto;
        float: left;
        margin: 0;
        border-top: 1px solid #e0e0e0;
        display: none;
    }
    .menu ul
    {
        width: 100%;
        margin-bottom: 10px;
        border-left: 0;
    }
    .menu ul li
    {
        width: 100%;
        padding: 0;
        color: #ddd;
        line-height: 40px;
        border-bottom: 1px solid #e0e0e0;
        border-right: 0;
    }
    .menu ul li a
    {
        font-size: 16px;
        color: #333;
        border-left: 3px solid transparent;
        display: block;
    }
    .menu ul li a:after
    {
        display: none;
    }
    .menu ul li a.on, .menu ul li a:hover
    {
        border-color: #0188fb;
    }
    .menu ul li.subcate:hover .subnav
    {
        display: none;
    }
    .menu ul li.subcate>a:before
    {
        content: "";
        margin-left: 10px;
        font-size: 22px;
        color: #e0e0e0;
        font-family: iconfont;
        position: absolute;
        top: 0;
        right: 10px;
    }
    .menu ul li.subcate.slidedown>a:before
    {
        content: "";
    }
    .menu ul li.subcate.slidedown .subnav
    {
        padding: 0;
        line-height: 40px;
        border: 0;
        border-top: 1px solid #e0e0e0;
        background: #f3f5f7;
        position: static;
        display: block;
    }
    .menu ul li:after
    {
        display: none;
    }
    .menu.on
    {
        width: 100%;
        display: block;
    }
    .menuico
    {
        right: 5px;
        display: block;
    }
    .signuser
    {
        padding: 13px 13px 0;
    }
    .sign
    {
        line-height: 60px;
    }
    .subnav
    {
        display: none;
    }
    .fixmask
    {
        margin-top: 60px;
    }
    .main
    {
        padding: 20px 10px;
    }
    .swiper-button-prev, .swiper-button-next, .sidenav, .menu, .searchico, .comment .cmtimg
    {
        display: none;
    }
    .sch
    {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
    }
    .searchform
    {
        width: auto;
        height: 50px;
        margin: 0 10px;
        padding: 0 20px;
        position: static;
    }
    .searchform .schtxt
    {
        width: 90%;
        height: 50px;
    }
    .searchform .schbtn
    {
        margin-top: 0;
        position: absolute;
        top: 11px;
        right: 20px;
    }
    .content
    {
        width: auto;
        margin: 0;
        padding: 10px 15px;
    }
    .cancon ul
    {
        width: 100%;
        margin: 0;
    }
    .cancon li
    {
        width: 23%;
        margin: 0 1%;
        padding: 30px 0;
    }
    .cantitle
    {
        margin-bottom: 20px;
    }
    .cantitle h3
    {
        font-size: 24px;
    }
    .canname
    {
        font-size: 16px;
    }
    .do
    {
        zoom: 1;
    }
    .do:after
    {
        content: "";
        display: block;
        clear: both;
    }
    .doimg a
    {
        margin-bottom: 10px;
    }
    .docon ul
    {
        margin-left: 0;
    }
    .docon ul li
    {
        width: 30.3333%;
        margin: 0 1.5% 3%;
    }
    .dotitle
    {
        margin-bottom: 10px;
    }
    .dotitle h3
    {
        font-size: 24px;
    }
    .doname
    {
        margin-bottom: 10px;
    }
    .listbox
    {
        margin-left: 0;
    }
    .listdetail
    {
        width: 30.33%;
        margin: 0 1.5% 3%;
    }
    .co
    {
        padding: 20px 30px;
    }
    .cotitle
    {
        position: relative;
        zoom: 1;
    }
    .cotitle:after
    {
        content: "";
        display: block;
        clear: both;
    }
    .cotitle h3
    {
        height: 40px;
        font-size: 18px;
        border-top: 0;
    }
    .cotitle h3 span
    {
        font-size: 16px;
    }
    .cotitle ul.newstab
    {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .cotitle ul.newstab li a
    {
        font-size: 16px;
        line-height: 40px;
    }
    .cobox
    {
        margin: 0;
    }
    .coabout
    {
        width: 100%;
        margin: 0 0 30px 0;
        vertical-align: top;
    }
    .coabouttxt
    {
        height: auto;
        font-size: 16px;
        line-height: 30px;
    }
    .conews
    {
        width: 100%;
        margin: 0 0 10px;
        overflow: hidden;
        zoom: 1;
    }
    .conews:after
    {
        content: "";
        display: block;
        clear: both;
    }
    .conews ul.newsitem li
    {
        height: 50px;
        line-height: 50px;
    }
    .cocon li a
    {
        font-size: 16px;
    }
    .coslide
    {
        width: 100%;
        margin: 0 0 30px 0;
        vertical-align: top;
    }
    .imgitem
    {
        margin-left: -2%;
    }
    .imgitem li
    {
        width: 31.333%;
        margin: 0 0 2% 2%;
    }
    .catecon ul
    {
        display: block;
    }
    .listitem .itemname a
    {
        font-size: 18px;
    }
    .listitem .itemintro
    {
        font-size: 14px;
    }
    .listitem .itemdate
    {
        font-size: 12px;
    }
    .listinfo a
    {
        font-size: 18px;
    }
    .listdetail dd
    {
        line-height: 50px;
    }
    .listdetail dd span, .listdetail dd a
    {
        font-size: 16px;
    }
    .worldtitle
    {
        margin-bottom: 20px;
    }
    .worldtitle h3
    {
        font-size: 24px;
    }
    .worldtitle p
    {
        padding: 10px 0 0;
    }
    .brandtitle
    {
        margin: 0;
    }
    .cmtinfo
    {
        width: auto;
        float: none;
    }
    .cmtarea
    {
        width: 100%;
    }
    .cmtform
    {
        float: none;
    }
    .cmtform p
    {
        width: 50%;
    }
    .cmtform p input
    {
        width: 70%;
    }
    a.backtotop
    {
        width: 36px;
        height: 36px;
        margin: auto;
        line-height: 36px;
        right: 10px;
        bottom: 30px;
        left: auto;
    }
    a.backtotop i:after
    {
        font-size: 26px;
    }
    a.setnight
    {
        width: 36px;
        height: 36px;
        margin: auto;
        line-height: 36px;
        right: 10px;
        bottom: 72px;
        left: auto;
    }
    a.setnight:after
    {
        font-size: 30px;
    }
    .night .menu
    {
        border-color: #3a3a3a;
    }
    .night .menu ul li
    {
        border-color: #3a3a3a;
    }
    .night .menu ul li.subcate.slidedown .subnav
    {
        border-color: #3a3a3a;
        background: #3a3a3a;
    }
}
@media screen and (max-width: 850px)
{
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
    {
        bottom: 0;
    }
    .swiper-pagination-bullet
    {
        width: 20px;
    }
    .can
    {
        margin-bottom: 20px;
        padding: 30px 15px;
    }
    .cancon ul
    {
        width: 100%;
    }
    .cancon li
    {
        width: 46%;
        margin: 0 2%;
        padding: 20px 0;
    }
    .cancon li.on
    {
        box-shadow: none;
    }
    .do
    {
        margin-bottom: 20px;
        padding: 30px 15px;
    }
    .docon ul
    {
        margin-left: -2%;
    }
    .docon ul li
    {
        width: 48%;
        margin: 0 0 2% 2%;
    }
    .list
    {
        margin-bottom: 20px;
        padding: 10px 15px;
    }
    .listdetail
    {
        width: auto;
        float: none;
        margin: 0 0 3%;
        display: block;
    }
    .co
    {
        margin-bottom: 20px;
        padding: 10px 15px 10px;
    }
    .world
    {
        margin-bottom: 20px;
        padding: 30px 15px;
    }
    .brand
    {
        margin-bottom: 20px;
        padding: 30px 15px;
    }
    .brandcon li
    {
        width: 33.33%;
    }
    .friendlink
    {
        margin-bottom: 0;
        padding: 20px 15px 10px;
    }
    .newsitem span
    {
        display: none;
    }
    .imgitem li
    {
        width: 48%;
    }
    .imgitem .itemname
    {
        line-height: normal;
    }
    .imgitem .itemintro
    {
        font-size: 14px;
    }
    .catecon ul
    {
        display: block;
    }
    .singleinfo .time
    {
        background-position: -186px -26px;
    }
    .singleinfo .views
    {
        background-position: -186px -54px;
    }
    .relateinfo p
    {
        max-height: 52px;
        -webkit-line-clamp: 2;
    }
    .cmtinfo .cmt
    {
        margin-left: -70px;
    }
    .cmtinfo .cmt .cmt
    {
        margin-left: -70px;
    }
    .cmtinfo .cmt .cmt .cmt
    {
        margin-left: -70px;
    }
    .footer
    {
        padding: 30px 10px 0;
    }
}
@media screen and (max-width: 750px)
{
    .goodsimgzoom
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .goodsimglist
    {
        width: 100%;
        margin: 0;
    }
    .goodsimglist ul
    {
        margin-left: -2%;
    }
    .goodsimglist li
    {
        width: 18%;
        margin: 0 0 0 2%;
        display: inline-block;
    }
    .goodsimglist li:last-child
    {
        margin: 0 0 0 2%;
    }
    .jqZoomPup, .zoomdiv
    {
        display: none!important;
    }
    .salebox
    {
        padding: 15px;
    }
    .salecon
    {
        width: 100%;
    }
    .saletitle h1
    {
        font-size: 22px;
    }
    .salebtn
    {
        width: 100%;
    }
    .readers li
    {
        width: 47%;
        padding: 15px 10px 10px;
    }
    .readers li img
    {
        width: 60px;
        height: 60px;
    }
    .readersimg
    {
        float: none;
    }
    .readersimg img
    {
        margin: 0 auto;
    }
    .readersinfo
    {
        margin-top: 8px;
        padding: 0;
        text-align: center;
        line-height: 20px;
    }
}
@media screen and (max-width: 600px)
{
    .main
    {
        padding: 10px 5px;
    }
    .mfocus
    {
        display: inline;
    }
    .co
    {
        padding: 20px 15px 20px;
    }
    .coabout
    {
        width: auto;
        float: none;
        display: block;
        vertical-align: top;
    }
    .cotitle ul.newstab
    {
        width: 100%;
        border: 0;
        position: relative;
    }
    .cotitle ul.newstab li
    {
        width: 33.3333%;
        text-align: center;
        border: 0;
        background: #f8f8f8;
    }
    .conews
    {
        overflow: hidden;
    }
    .conews .cotitle h3
    {
        display: none;
    }
    .imgitem
    {
        margin: 0;
    }
    .imgitem li
    {
        width: 100%;
        margin: 0 0 20px;
    }
    .listitem .itemimg
    {
        width: 100%;
        float: none;
        overflow: hidden;
        display: inline-block;
    }
    .listitem .iteminfo
    {
        min-height: auto;
        margin: 0;
    }
    .listitem .itemname
    {
        width: 100%;
        margin: 20px 0 10px;
        line-height: 25px;
    }
    .listitem .itemintro
    {
        font-size: 14px;
    }
    a.backtolist
    {
        width: 99%;
        float: none;
        margin-bottom: 20px;
        padding: 3px 0;
        text-align: center;
        display: block;
    }
    .relate
    {
        width: 48%;
        margin: 0 1%;
        display: inline-block;
        vertical-align: top;
    }
    .relateimg, .relateinfo
    {
        width: 100%;
    }
    .relateimg
    {
        margin-bottom: 15px;
    }
    .relateinfo h3
    {
        margin-bottom: 10px;
    }
    .relateinfo h3 a
    {
        font-size: 16px;
    }
    .relateinfo p
    {
        max-height: 40px;
        line-height: 20px;
    }
    .tagscloud li
    {
        width: 48%;
    }
    .cmtform
    {
        width: 100%;
    }
    .cmtform p
    {
        width: 100%;
        float: none;
    }
    .cmtform p .text
    {
        width: 70%;
    }
    .cmtform p label
    {
        width: 30%;
    }
    .cmtsubmit input
    {
        width: 100%;
    }
    .cmtsubmit span
    {
        display: none;
    }
    .friendlink
    {
        width: auto;
        padding: 25px 20px 10px;
    }
    .friendlink h3
    {
        float: none;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 20px;
        display: inline-block;
    }
    .friendlink ul
    {
        padding: 0;
        line-height: 18px;
    }
    .friendlink ul li
    {
        margin: 0 10px 10px 0;
        padding: 0;
        line-height: 22px;
    }
    .friendlink ul li a
    {
        padding: 0 10px;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
    }
    .can, .do, .co, .world, .brand, .friendlink
    {
        margin-bottom: 10px;
    }
    .single
    {
        margin: 0 auto;
    }
    .singletitle h1
    {
        font-size: 20px;
    }
    .errorsearch
    {
        text-align: center;
    }
    .errorpage
    {
        width: auto;
    }
    .errschtxt
    {
        width: 60%;
        float: none;
    }
}
@media screen and (max-width: 500px)
{
    .imgitem
    {
        width: 100%;
    }
    .listitem .itemimg
    {
        width: 100%;
        float: none;
        overflow: hidden;
        display: inline-block;
    }
    .relateimg, .relateinfo
    {
        width: 100%;
    }
}
@media screen and (max-width: 380px)
{
    .logo
    {
        width: auto;
    }
    .imgitem
    {
        width: 100%;
    }
    .imgitem li
    {
        width: 100%;
        margin: 0 0 30px;
    }
    .imgitem .itemname a
    {
        font-size: 20px;
    }
    .listitem li
    {
        margin-bottom: 30px;
        padding: 0;
        border: 0;
    }
    .listitem .iteminfo
    {
        margin: 0;
    }
    .listitem .itemname a
    {
        font-size: 20px;
    }
    .listitem .itemdate, .listitem .views
    {
        display: none;
    }
}
@media only screen and (max-width: 600px)
{
    .carouselBanner .carouselarrow .carouselLeft, .carouselBanner .carouselarrow .carouselRight
    {
        width: 40px;
        height: 80px;
        background: #000;
        opacity: .3;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-family: "宋体";
        font-size: 52px;
        color: #fff;
        line-height: 80px;
        text-align: center;
    }
    .carouselarrow .carouselLeft
    {
        left: 0;
    }
    .carouselarrow .carouselRight
    {
        right: 0;
    }/*鼠标经过盒子，让箭头显示出来*/
    .carouselBanner:hover .carouselarrow
    {
        display: block;
        cursor: pointer;
    }
    .carouselBanner
    {
        width: 100%;
        height: 200px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
    .carouselBanner ul
    {
        list-style: none;
        width: 100%;
        height: 200px;
        position: absolute;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    .carouselBanner ul li
    {
        position: absolute;
        width: 100%;
        font-size: 115px;
        height: 200px;
        float: left;
        text-align: center;
        background: #5ea3ba;
        line-height: 200px;
    }
    .carouselBanner ul li img
    {
        width: 100%;
        height: 200px;
    }/*小圆点样式*/
    .carouselBanner2 ol
    {
        height: 100px;
        text-align: center;
        list-style: none;
        padding: 0 0 0 0;
        margin: 5px 0 0 0;
    }
    .carouselBanner2 ol li
    {
        width: 24.7%;
        height: 103px;
        display: inline-block;
        margin: 0 -3px 0 -1px;
    }
    .carouseOlLIDiv>img
    {
        width: 100%;
        margin: 0 0 0 -2px;
        display: none;
    }
    .carouselBanner2
    {
        height: 95px;
    }
    .carouseOlLIDiv
    {
        width: 98%;
        height: 100%;
        text-align: center;
        background-color: #5ea3ba;
    }
    .carouseOlLIDiv span
    {
        display: inline-block;
        font-size: 20px;
        margin: 12px 0;
    }
    .carouselBanner .carouselarrow
    {
        display: none;
    }/* 鼠标经过 */
    .carouselBanner:hover .carouselarrow
    {
        display: block;
        cursor: pointer;
    }
}
@media only screen and (min-width: 600px)
{
    *
    {
        margin: 0;
        padding: 0;
    }
    .carouselBanner ul li img
    {
        width: 100%;
        height: 100%;
    }
    .carouselBanner .carouselarrow .carouselLeft, .carouselBanner .carouselarrow .carouselRight
    {
        width: 40px;
        height: 80px;
        background: #000;
        opacity: .3;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-family: "宋体";
        font-size: 52px;
        color: #fff;
        line-height: 80px;
        text-align: center;
    }
    .carouselarrow .carouselLeft
    {
        left: 0;
    }
    .carouselarrow .carouselRight
    {
        right: 0;
    }
    .carouselBanner .carouselarrow
    {
        display: none;
    }/* 鼠标经过 */
    .carouselBanner:hover .carouselarrow
    {
        display: block;
        cursor: pointer;
    }
    .carouselBanner
    {
        width: 90.1%;
        margin: 0 auto;
        height: 400px;
        text-align: center;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
    .carouselBanner ul
    {
        list-style: none;
        width: 100%;
        height: 400px;
        position: absolute;
    }
    .carouselBanner ul li
    {
        position: absolute;
        width: 100%;
        font-size: 287px;
        height: 400px;
        float: left;
        text-align: center;
        background: #5ea3ba;
        line-height: 387px;
    }/*小圆点样式*/
    .carouselBanner2 ol
    {
        text-align: center;
        list-style: none;
    }
    .carouselBanner2 ol li
    {
        width: 22.33%;
        height: 40%;
        display: inline-block;
        margin: 0 auto;
    }
    .carouseOlLIDiv>img
    {
        width: 100%;
        display: none;
    }
    .carouselBanner2
    {
        margin: 20px 0 0 0;
    }
    .carouseOlLIDiv
    {
        cursor: pointer;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: #5ea3ba;
    }
    .carouseOlLIDiv span
    {
        display: inline-block;
        font-size: 50px;
        margin: 12px 0;
        line-height: 200px;
    }
}