body {
    color:#343a3c;
}
::selection {
    background:#ff5e52;
    color:#fff;
}
::-moz-selection {
    background:#ff5e52;
    color:#fff;
}
::-webkit-selection {
    background:#ff5e52;
    color:#fff;
}
ul, ol, dl, dt, dd {
    margin:0;
    padding:10px 10px 0 10px;
}
ul {
    list-style:none;
}
table {
    font-size:12px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align:middle;
    padding:10px;
    border-top-color:#eee
}
a {
    color:#343a3c;
}
a:hover {
    color:#4e89ff;
    text-decoration:none;
}
a:focus {
    outline:0;
    text-decoration:none
}
.thumbnail {
    border:0;
    padding:0;
    margin:0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
.btn {
    border-radius:0px;
    padding:6px 15px;
}
.btn-xs, .btn-group-xs>.btn {
    border-radius:2px;
    padding:3px 6px
}
.btn-sm, .btn-group-sm>.btn {
    border-radius:2px;
    padding:5px 12px;
    margin-top:10px
}
.btn-lg, .btn-group-lg>.btn {
    font-size:18px;
    border-radius:4px;
    padding:12px 28px
}
.btn-default {
    border-color:#ddd;
    color:#666
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    border-color:#bbb;
    color:#444
}
.btn-primary {
    background:#4e89ff;
    border:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background:#3782c7;
    border:none;
    opacity:1;
    filter:alpha(opacity=85);
}
.label {
    border-radius:2px;
    font-weight:normal;
    padding:0 3px;
}
.label-primary {
    background-color:#4e89ff
}
.modal-content {
    border-radius:0;
    border:0;
}
@media(min-width:768px) {
    .container {
        width:auto
    }
}
@media(min-width:992px) {
    .container {
        width:auto
    }
}
@media(min-width:1200px) {
    .container {
        width:auto
    }
}
img {
    max-width:100%;
}
body {
    background-color:#f6f6f6;
    position:relative;
    max-width:100%;
    font-family:"mp-quote", -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
}
.category {
    margin-top:87px;
}
.roll-off {
    overflow-x:hidden;
    overflow-y:hidden;
}
.mbx {
    font-size:12px;
    color:#999;
    border-left:5px solid #4e89ff;
    max-width:1300px;
    padding-left:5px;
}
.mbx a {
    padding-right:5px;
    font-size:12px;
    color:#fff;
    background:#4e88fe;
    padding:0 5px;
    border-radius:4px;
}
.mbx a:hover {
    background:#3090c7
}
.tattl {
    overflow:hidden;
    padding:10px 0;
}
.tattl dt {
    float:left;
    width:40px;
    font-weight:700;
    padding:0;
}
.tattl dd {
    margin-left:40px;
    color:#999;
    padding:0;
    font-size:12px;
}
.tattl .attnm a {
    color:#369 !important;
    text-decoration:underline !important;
    font-size:14px !important;
}
.tattl a:hover {
    color:#f55 !important;
}
.container {
    padding:0;
    position:relative;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
    top:0;
}
.container-single {
    padding-left:15px;
    padding-right:15px;
}
.container-about {
    margin:0 auto;
    background-color:#4e89ff;
    color:#fff;
    text-align:center;
    padding:20px 0;
    background-position:center center;
    background-size:cover;
    background-repeat:repeat;
    background-attachment:fixed;
    margin-top:20px;
    overflow:hidden;
    position:relative;
}
.sweet-alert {
    background-color:white;
    font-family:'Microsoft Yahei';
    width:600px;
    position:fixed;
    left:50%;
    top:0%;
    margin-left:-300px;
    overflow:hidden;
    z-index:999999;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
}
.sweet-alert h2 {
    margin:0;
    text-align:center;
    font-size:20px;
    background:#f6f6f6;
    padding:15px 0;
}
.sweet-alert h3 {
    font-size:15px;
    margin:0;
    margin-bottom:10px;
    font-weight:bold;
}
.sweet-alert .excerpt-minic {
    padding:20px;
}
.minicat-btn {
    text-align:center;
    padding:15px 0;
    background:#f6f6f6;
}
.m-menubar {
    display:none;
    z-index:9990;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    height:55px;
    background-color:#fff;
    box-shadow:0 0 10px rgba(37, 45, 51, .1);
}
.m-menubar:before {
    content:'1';
    color:transparent;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background-color:rgba(0, 0, 0, 0.1);
    display:block;
    overflow:hidden;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}
.m-menubar ul {
    display:flex;
    text-align:center;
    padding:0;
}
.m-menubar .active .sub-menu {
    visibility:inherit;
    opacity:1;
}
.m-menubar .sub-menu {
    position:fixed;
    top:auto;
    bottom:55px;
    left:0;
    right:0;
    margin:0;
    width:100%;
    background-color:#fff;
    color:#555;
    padding:15px;
    font-size:14px;
    font-weight:bold;
    height:auto;
    box-shadow:0 -15px 15px rgba(0, 0, 0, 0.2);
    display:block;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.m-menubar .sub-menu .menu-item {
    margin:1%;
    font-size:12px;
    padding:5px 15px;
    background-color:#f6f6f6;
    color:#888;
    font-weight:100;
    width:31.333%;
    float:left;
}
.m-menubar .menu-item {
    flex:1;
    text-align:center;
    font-size:12px;
}
.m-menubar .menu-item i.fa {
    display:block;
    font-size:22px;
    margin-bottom:3px;
    margin-top:8px;
    font-weight:normal;
}
.menubar_header, .menubar_usermenu {
    padding-bottom:10px;
    text-align:initial;
    display:-webkit-flex;
    padding:0;
    width:100%;
    flex-wrap:wrap;
    margin:10px 0;
}
.menubar_usermenu li {
    display:block;
    width:23%;
    font-weight:100;
    margin:1%;
    background:#f6f6f6;
    padding-bottom:8px;
    font-size:12px;
}
.menubar_top {
    text-align:left;
    padding:0px 0px 0 60px;
    display:block;
    width:60%;
}
.menubar_right {
    text-align:right;
    display:block;
    width:40%;
    font-size:1px;
    font-weight:100;
}
.mendown {
    font-size:12px;
}
.menubar_down {
    display:inline-block;
    background:#ddebff;
    margin-left:4px;
    padding:0 4px;
    border-radius:5px;
    color:#5c84bf;
    margin-bottom:8px;
}
.menubar_right .btn {
    display:inline-block;
    margin-bottom:8px;
    margin-left:5px;
}
.menubar_top .avatar {
    -webkit-border-radius:50%;
    border-radius:50%;
    width:60px;
    border:2px solid #f6f6f6;
    padding:5px;
    float:left;
    margin-left:-65px;
    height:60px;
}
.menubar_top h4 {
    padding-top:5px;
    margin:0 0 8px;
    font-size:15px;
    line-height:1;
    font-weight:bold;
}
.menubar_top h5 {
    margin:0;
    font-size:13px;
    line-height:1;
    color:#999;
}
.m-menubar .menu-item.m-pay-loader {
    line-height:50px;
    display:flex;
}
.m-menubar .menu-item.m-pay-loader .btn {
    margin:12px 6px;
    border-radius:50px;
    flex:1;
}
.m-menubar .menu-item.m-pay-loader i.fa {
    display:initial;
    font-size:14px;
}
.menuwhact {
    padding:10px;
}
.menuwhact img {
    width:50%;
}
.tanc_ico {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.tanc_ico .fa {
    line-height:35px;
    margin-right:5px;
}
.tanc_ico .fa-weixin {
    color:#49ce59;
}
.tanc_ico .fa-qq {
    color:#4e89ff;
}
.tanc_ico a {
    text-decoration:underline;
}
.home-overlay {
    background-color:rgba(44, 62, 80, 0.3);
    background-image:url(../img/pattern.png);
    background-repeat:repeat;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
}
.container-about h3 {
    margin-bottom:0;
    color:#fff;
    text-align:center;
    margin:50px 0 20px;
    font-size:20px;
    font-weight:bold;
}
.container-about p {
    margin-bottom:20px;
    text-align:center;
    font-size:15px;
}
.btn-wiht {
    border-color:#fff;
    background-color:transparent;
    color:#fff;
    padding:6px 30px;
    margin:0 0 50px;
    border-radius:4px;
}
.btn-wiht:hover {
    color:#dadada;
}
.nav-reveal .prev {
    left:0;
}
.nav-reveal .next {
    right:0;
}
.nav-reveal .next, .nav-reveal .prev {
    width:50px;
    position:absolute;
    height:100%;
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    transition:all .25s ease-in;
    background:none;
    top:0;
}
.nav-reveal .next:hover, .nav-reveal .prev:hover {
    width:150px;
    background:#2f3c4d;
}
.next .icon-wrap, .prev .icon-wrap {
    position:absolute;
    z-index:100;
    width:30px;
    color:#ffffff;
    text-shadow:0.8px 0 2px #000;
    font-size:30px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.next .icon-wrap {
    right:0;
    padding:39px 10px;
    text-align:right;
}
.prev .icon-wrap {
    left:0;
    padding:39px 10px;
    text-align:left;
}
.prev-bg, .next-bg {
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .25s, visibility .25s, top .25s;
    -moz-transition:opacity .25s, visibility .25s, top .25s;
    -ms-transition:opacity .25s, visibility .25s, top .25s;
    -o-transition:opacity .25s, visibility .25s, top .25s;
    transition:opacity .25s, visibility .25s, top .25s;
    position:relative;
    z-index:2;
}
.prev:hover .prev-bg {
    visibility:initial;
    background-position:left;
    opacity:1;
    animation:pvre 10s infinite;
}
.next:hover .next-bg {
    visibility:initial;
    background-position:right;
    opacity:1;
    animation:next 10s infinite;
}
.prev-bg h3 {
    left:50%;
}
.next-bg h3 {
    right:50%;
}
.prev-bg h3, .next-bg h3 {
    margin:0;
    top:30%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-30%);
    font-size:14px;
    color:#fff;
    text-shadow:0.8px 0 4px #000;
    writing-mode:tb-rl;
    line-height:20px;
}
@-webkit-keyframes pvre {
    0% {
        background-position:left;
    }
    50% {
        background-position:right;
    }
    100% {
        background-position:left;
    }
}
@-webkit-keyframes next {
    0% {
        background-position:right;
    }
    50% {
        background-position:left;
    }
    100% {
        background-position:right;
    }
}
.header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
    padding:10px 0;
    background:#2C3747;
    -webkit-transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.header.scrolled, .oldtb.scrolled {
    background:#2C3747;
    box-shadow:0 0 10px rgba(37, 45, 51, .1);
    padding:0;
    -webkit-transition:all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition:all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -o-transition:all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition:all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
.oldtb.scrolled {
    background:#fff !important;
    position:fixed;
}
.oldtb {
    position:fixed;
    background-color:#ffffff;
    margin:0 auto;
    top:0;
    left:0;
    right:0;
    z-index:99998;
    height:66px;
    border-bottom:1px solid #EAEAEA;
    box-shadow:0 1px 4px rgba(0, 0, 0, .05);
    border-color:rgba(0, 0, 0, .08);
}
.oldtb .site-navbar a {
    color:#666;
}
.oldtb .wel .wel-item a {
    color:#666;
}
#zhucebtn {
    color:#fff
}
.oldtb .wel .wel-item .user-reg {
    color:#fff;
    margin:17px 15px 0 15px;
}
.oldtb .wel .has-sub-menu>a::after {
    border-top:4px solid #394048;
}
.oldtb .logo a {
    color:#666;
    text-shadow:none;
}
.oldtb .wel .wel-item>a {
    text-shadow:none;
}
.oldtb .site-navbar>ul>li>a {
    text-shadow:none;
}
.oldtb .search-i a {
    color:#666;
}
.oldtb .sb-search-input {
    border:1px solid #999;
    padding:18px;
}
#image_container img {
    cursor:pointer;
}
.site-minicat .header, .page-template-pagesnavs-php .header, .page-template-pagestheme-php .header, .page-template-pagestools-php .header, .page-template-pagesthemes-php .header, .category-job .header {
    box-shadow:none;
    border-bottom:0;
    margin-bottom:0
}
.excerpt .m-zd {
    color:#fff;
    padding:0px 6px;
    font-size:12px;
    display:inline-block;
    position:relative;
    top:-2px;
    margin-right:6px;
    border-radius:3px;
    background:#fd4b4b;
    border:none;
}
.excerpt .m-zd:hover {
    opacity:.85;
    filter:alpha(opacity=85)
}
.position {
    margin:8px;
    color:#999;
}
.position a {
    padding:8px;
    color:#999;
    font-size:18px;
}
#comt_ins_err {
    color:#999;
    font-weight:inherit;
}
#comt_ins_err>.fa-check-circle {
    color:#1cbb6c;
}
#comt_ins_err>.fa-exclamation-triangle {
    color:#ff5e52;
}
#comt_ins_err>.fa-spinner {
    color:#4e89ff;
}
.yanzheng {
    position:absolute;
    right:100px;
    margin:-3px 10px
}
.math_textfield {
    width:32px;
    border:1px solid #eee;
    height:25px;
}
.content-wrap {
    width:100%;
    float:left;
    padding-left:15px;
    padding-right:15px;
}
.slibottom {
    margin-bottom:85px;
}
.c-banner {
    position:relative;
    overflow:hidden;
}
.theme-item-sidebar {
    float:left;
    width:35%;
    position:relative;
}
.theme-item-fcontent {
    float:left;
    width:48%;
    margin-left:3%;
}
.theme-item-counter {
    float:right;
    margin-top:5px;
    color:#bbb;
    font-size:12px;
}
.theme-item-price {
    margin:20px 0;
    padding:15px 0;
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
}
.theme-item-price strong {
    float:right;
    font-size:30px;
    line-height:1;
    color:#fd4b50;
    font-weight:inherit;
}
.theme-item-price s {
    font-size:14px;
    bottom:0;
    margin-right:15px;
    color:#343a3c;
}
.theme-item-price strong dfn {
    font-weight:bold;
    font-style:normal;
    font-size:16px;
    position:relative;
    top:0px;
    margin-right:7px;
}
.theme-item-price h5 {
    font-size:14px;
    line-height:30px;
    margin:0;
    font-weight:bold;
}
.theme-item-sv {
    margin-bottom:24px;
}
.theme-item-sv h6 {
    margin:0 0 15px;
    font-size:14px;
    font-weight:bold;
}
.theme-item-sv ul {
    overflow:hidden;
    font-size:0;
    margin-right:-1%;
    padding:0;
}
.theme-item-sv li {
    color:#666;
    vertical-align:top;
    margin-right:1%;
    margin-bottom:1%;
    display:inline-block;
    padding:10px 15px;
    background-color:#f6f6f6;
    border-radius:8px;
}
.theme-item-sv li .fa {
    position:relative;
    top:1px;
    display:inline-block;
    font-size:15px;
    width:15px;
    text-align:center;
    margin-right:10px;
}
.theme-item-sv li span {
    font-size:12px;
}
.theme-item-orderarea {
    font-size:0;
}
.theme-item-orderarea .btn {
    vertical-align:top;
    padding:0 25px;
    height:44px;
    line-height:44px;
    font-size:15px;
    margin-right:10px;
    margin-bottom:10px;
    border-radius:50px;
}
.theme-item-brand {
    float:right;
    width:11%;
}
.theme-item-brand-asb {
    color:#999;
    background-color:#f6f6f6;
    padding:8px;
    border-radius:8px;
    text-align:center;
    margin-bottom:10px;
    font-size:12px;
}
.theme-item-menubar {
    position:relative;
    z-index:9;
    background-color:#fff;
    font-size:15px;
    font-weight:bold;
}
.theme-item-menubar.affix-top {
    position:relative;
    top:0;
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    transition:all .15s ease-in;
}
.theme-item-menubar.affix {
    position:fixed;
    top:66px;
    left:0;
    right:0;
    border-radius:0;
    background:none;
    padding-top:0;
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    transition:all .15s ease-in;
}
.theme-item-menubar ul li.active {
    color:#4e89ff;
    font-weight:bold;
}
.theme-item-menubar ul {
    padding:0;
}
.theme-item-menubar.affix ul {
    margin-right:300px;
    background-color:#fff;
    box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    display:flow-root;
    padding:0;
}
.theme-item-menubar ul:before, .theme-item-menubar ul:after {
    display:table;
    content:"";
    line-height:0;
}
.theme-item-menubar ul li {
    cursor:pointer;
    float:left;
    position:relative;
    line-height:1;
    padding:20px 30px;
}
.theme-item-menubar ul li.active::after {
    content:'';
    position:absolute;
    bottom:8px;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:4px;
    border-radius:10px;
    background-color:#4e89ff;
}
.theme-item-menubar.affix .btn {
    position:absolute;
    right:0px;
    top:0;
    display:block;
    width:300px;
    height:54px;
    line-height:54px;
    padding:0;
    border-radius:0;
    font-size:15px;
}
.theme-item-menubar .btn {
    display:none;
}
.c-banner img {
    width:100%;
}
.c-banner .banner .gallery {
    position:relative;
    border:1px solid #eee;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:30px;
    height:386px;
    overflow:hidden;
}
.c-banner .banner .gallery br {
    display:none !important;
}
.c-banner .banner .gallery dl {
    position:absolute;
    display:none;
    opacity:0;
    padding:0;
    width:100%;
}
.c-banner .banner .gallery dl dt {
    padding:0;
    width:100%;
}
.c-banner .banner .gallery dl:nth-child(1) {
    opacity:1;
    display:block;
    padding:0;
}
.c-banner .nexImg, .c-banner .preImg {
    position:absolute;
    top:50%;
    margin-top:-20px;
    opacity:0.2;
    z-index:10;
    padding:5px 8px;
    background:#000;
}
.c-banner .nexImg .fa, .c-banner .preImg .fa {
    color:#f5f5f5;
    font-size:30px;
}
.c-banner .nexImg:hover, .c-banner .preImg:hover {
    opacity:0.5;
}
.c-banner .nexImg {
    right:0px;
}
.c-banner .nexImg img, .c-banner .preImg i {
}
.c-banner .jumpBtn {
    width:100%;
    position:absolute;
    bottom:20px;
    text-align:center;
}
.c-banner .jumpBtn ul {
    margin-bottom:0px;
    padding:0px;
}
.c-banner .jumpBtn ul li {
    width:8px;
    height:8px;
    border-radius:15px;
    display:inline-block;
    background-color:#e8e8e9;
    opacity:0.9;
    margin-left:10px;
    box-shadow:0px 0 2px #333;
}
.c-banner .jumpBtn ul li:first-child {
    margin-left:0px;
}
.mallleftsd {
    margin-top:0;
    float:left;
    margin-left:-300px;
    width:300px;
    position:relative;
    opacity:1;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    z-index:0;
}
#mallsd.affix-top {
    position:relative;
    width:300px;
    top:0;
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    transition:all .15s ease-in;
}
#mallsd.on {
    position:fixed;
    width:300px;
    top:78px;
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    transition:all .15s ease-in;
}
#mallsd.affix {
    position:fixed;
    width:300px;
    top:120px;
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    transition:all .15s ease-in;
}
#mallsd .btn-line .btn {
    display:none;
}
#mallsd.affix .btn-line .btn {
    min-width:100%;
    height:45px;
    line-height:45px;
    font-size:18px;
    display:inline-block;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 6px;
    -webkit-transition:all .5s cubic-bezier(0, 1, .5, 1);
    -o-transition:all .5s cubic-bezier(0, 1, .5, 1);
    transition:all .5s cubic-bezier(0, 1, .5, 1);
}
.mall-desc-line {
    background:#fff;
    padding:15px;
    padding-top:20px;
    margin-bottom:15px;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
}
.mall-desc-line li {
    list-style:none;
    padding-left:45%;
    position:relative;
    text-align:right;
    padding:10px 0;
    font-size:12px;
    color:#999;
}
.mall-desc-line li b {
    color:#3b424a;
    position:absolute;
    left:0;
    width:45%;
    text-align:left;
}
.mall-desc-line li b .fa {
    color:#4e89ff;
    margin-right:5px;
}
.nav-title {
    width:100%;
    background-color:#ffffff;
    z-index:5;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
}
.nav-title.affix {
    top:66px;
    width:985px;
    box-shadow:0 0px 10px rgba(0, 0, 0, 0.2);
}
.nav-title .info-nav {
    overflow:hidden;
    padding:0;
    position:relative;
    height:45px;
}
.nav-title .info-nav-item {
    float:left;
    line-height:13px;
    font-size:13px;
    text-align:center;
    cursor:pointer;
    padding:16px 40px;
    position:relative;
    border:none;
}
.nav-title .info-nav-item:hover {
    color:#4e89ff;
}
.nav-title .info-nav-item.active:before {
    border-bottom:4px solid #4e89ff;
    -webkit-transition:left .2s linear;
    -o-transition:left .2s linear;
    transition:left .2s linear;
    position:absolute;
    content:" ";
    bottom:0px;
    height:2px;
    width:100%;
    left:0;
}
.nav-title .info-nav-item:after {
    content:" ";
    height:13px;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:rgb(204, 204, 204);
    position:absolute;
    right:0;
}
.theme-item-breadcrumbs small {
    color:#bbb;
    margin:0 5px;
    display:inline-block;
    font-size:15px;
}
.m-price {
    display:none;
}
.modal-dialog-haibao {
    position:fixed;
    z-index:9999;
    margin:0;
    left:50%;
    margin-right:auto;
    margin-left:-140px;
    width:280px;
    height:500px;
    top:8%;
}
.modal-footer-haibao {
    position:fixed;
    bottom:0;
    background:#fff;
    width:100%;
    left:0;
    text-align:center;
    padding:15px;
}
.modal-footer-haibao>p {
    color:#525252;
    font-size:12px;
}
.modal-footer-haibao>p>b {
    margin:0px 8px;
    font-size:18px;
    color:#f75e5e;
}
.modal-footer-haibao>p>span {
    margin:0px 6px;
    color:#4e88fe;
    font-weight:bold;
}
.theme-item-focus {
    overflow:hidden;
    position:relative;
    background-color:#fff;
    padding:30px 0;
    margin-bottom:20px;
}
.theme-item-breadcrumbs {
    line-height:1;
    margin-bottom:15px;
    font-size:15px;
}
.name.clearfix {
}
.promotion-box {
    margin-bottom:18px;
    color:#2c3747;
    font-size:12px;
}
.promotion-box a:hover {
    opacity:0.8;
}
.promotion-box b {
    color:#fd4b50;
    margin:0 3px;
}
.sku-container .name .good-name {
    vertical-align:middle;
    line-height:26px;
    font-size:20px;
    color:#333;
    padding-bottom:20px;
    font-weight:bold;
}
.Ptable-item {
    padding:12px 0;
    line-height:220%;
    color:#5f5f5f;
    font-size:12px;
    border-bottom:1px solid #eee;
    background:#fff;
}
.theme-itembox #state {
    background:#fff;
    padding:20px 40px;
    color:#999;
}
.theme-itembox #state strong {
    color:#4e89ff;
}
.Ptable-item h3 {
    width:110px;
    text-align:right;
    font-weight:400;
    font-size:12px;
    float:left;
    margin:0;
    padding-top:20px;
    color:#616161;
}
.content {
    position:relative;
    min-height:500px;
    padding-right:315px;
}
.dity-content {
    position:relative;
    padding-right:315px;
    margin-top:0px;
    float:left;
    padding-left:0;
}
.Ptable-item dl {
    margin-left:110px;
    padding:4px;
}
.Ptable-item dt {
    width:160px;
    float:left;
    text-align:right;
    padding-right:5px;
}
.Ptable-item dd {
    margin-left:180px;
    color:#999;
}
.content.vist {
    padding-right:0;
}
.oldtbcontent {
    position:relative;
    min-height:400px;
}
.oldtbcontent .carousel-indicators {
    position:absolute;
    top:0px;
    right:0px;
    z-index:15;
    padding-right:0;
    margin-right:0%;
    text-align:right;
    list-style:none;
    height:0px;
    margin:0;
    left:38%;
    right:0;
}
.single-content {
    position:relative;
    min-height:500px;
    margin-right:315px;
    margin-bottom:15px;
    margin-left:215px;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    overflow:hidden;
    margin-top:70px;
}
.mall-content {
    position:relative;
    min-height:500px;
    margin-right:0px;
    margin-bottom:15px;
    margin-left:260px;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    margin-top:30px;
}
.smhb {
    background:#fff;
    padding:15px;
}
.smhb small {
    color:#bbb;
    margin:0 5px;
    display:inline-block;
    font-size:15px;
}
.tg-info {
    background:#f3f3f3;
    color:#4e585a;
    border-radius:0;
    border:none;
    margin-bottom:10px;
}
.tg-info>b {
    color:#fa542f;
    margin:0 4px;
    font-size:18px;
}
.vipimgicon {
    font-size:12px;
    padding:2px 8px;
    color:#fff;
    border-radius:5px;
}
.vipimgicon.vp0 {
    background:#999;
}
.vipimgicon.vp1 {
    background:linear-gradient(to top, #78b1e6, #8e78e6);
}
.vipimgicon.vp2 {
    background:linear-gradient(to top, #f37f5c, #f3c55c);
}
.vipimgicon.vp3 {
    background:linear-gradient(to top, #45472c, #6f5e21);
    color:#f7dcac;
}
.hidebianlan {
    margin-left:0;
    margin-right:0;
}
.boxhidesd .content-box {
    margin-right:15px;
    margin-left:15px;
    float:none;
}
.boxhidesd .content-single {
    display:none;
}
.site-layout-1 .content {
    margin-right:0
}
.article-focusbox.bgimg-fixed {
    background-position:center 80%;
    background-size:cover;
    background-repeat:repeat;
    background-attachment:fixed;
    height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.article-focusbox {
    position:relative;
    z-index:1;
    background-color:#394048;
    color:#eee;
    text-align:center;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.article-focusbox:before {
    content:'';
    background-image:url(../img/pattern.png);
    background-repeat:repeat;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
}
.leftsd .left {
    width:200px;
    float:left;
    top:50px;
    margin-right:15px;
    margin-top:20px;
    display:block;
    position:absolute;
    opacity:1;
    margin-left:0;
}
.leftsd-on .left {
    margin-left:-120px;
    visibility:hidden;
    opacity:0;
}
.introduce {
    background:#fff;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    overflow:hidden;
    margin-bottom:10px;
}
.introduce_author {
    padding:15px;
    position:relative;
}
.introduce_author p {
    margin-top:15px;
    text-align:left;
    color:#6d6d6d;
    font-size:12px;
    position:relative;
}
.introduce_author p span {
    position:absolute;
    right:0;
    top:-6px;
    color:#4e89ff;
    font-size:18px;
    font-weight:700;
}
.introduce_author strong {
    position:absolute;
    right:15px;
    top:30px;
}
.introduce_author .avatar {
    border-radius:50px;
    border:2px solid #e6e6e6;
    padding:1px;
}
.leftsd .affix {
    position:fixed;
    top:61px !important;
}
.product_wppay {
    padding:20px;
    text-align:center;
}
#index-ul {
    padding:15px;
}
.product_author {
    padding:10px 20px;
    position:relative;
    background-size:100%;
    background-repeat:repeat;
    width:300px;
    z-index:1;
    height:50%;
}
.product_author a {
    font-family:"Montserrat", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display:inline-block;
    color:#fff;
}
.product_author .avatar {
    border-radius:50%;
    width:50px;
    height:50px;
    z-index:2;
    position:relative;
}
.product_author strong {
    display:inline-block;
    font-weight:100;
    font-size:12px;
    color:#fff;
    text-shadow:0px 0px 2px rgba(0, 0, 0, 1);
    z-index:2;
    margin-top:6%;
}
.product_author strong span {
    position:absolute;
    right:30px;
}
.product_tags {
    font-size:13px;
    line-height:28px;
    text-align:center;
    border-bottom:1px solid #f2f4f7;
    padding:25px 20px;
}
.product_tags h2, .product_wppay_h3 h3, #index-ul h4 {
    font-family:"Montserrat", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:400;
    margin:0 0 20px 0;
    text-align:center;
    color:#5e6471;
}
#index-ul h4 {
    text-align:left;
    font-weight:700;
}
.product_wppay_price {
    margin-bottom:20px;
}
.product_wppay_price strong {
    font-size:20px;
}
.product_wppay_price p {
    margin:5px 0;
    font-size:12px;
    color:#999;
}
.product_wppay_btn .btn {
    padding:6px 20px;
}
.product_tags a, #index-ul li a {
    border-bottom:1px solid rgba(0, 0, 0, .08);
    color:rgba(66, 66, 66, .7);
    padding-bottom:1px;
    font-size:13px;
    line-height:18px;
    text-align:center;
    display:inline-block;
}
#index-ul li {
    margin:8px 0;
}
#index-ul li a {
    font-size:13px;
    text-align:left;
    border:none;
    color:#3f3f3f;
}
#index-ul li a b {
    color:#000;
}
#index-ul li a:hover {
    color:#4e89ff;
}
.product_social {
    padding:0;
    opacity:1 !important;
    z-index:2;
    position:relative;
    padding-top:6%;
    height:50%;
}
.social-menu {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.product_social ul li {
    display:inline-block;
}
.product_social ul li>.btn {
    border-radius:50px;
    height:30px;
    margin:0 3px;
    text-align:center;
    transition:all linear .15s;
}
.product_social ul li>.btn>.fa {
    border-radius:0;
    height:auto;
    width:auto;
    margin:auto;
    text-align:initial;
    line-height:inherit;
}
.social-menu i.fa {
    border-radius:50%;
    height:30px;
    line-height:30px;
    margin:0 3px;
    text-align:center;
    transition:all linear .15s;
    width:30px;
}
.social-menu i.fa.fa-weixin {
    background:#76cb43;
    color:#fff;
}
.social-menu i.fa.fa-weibo {
    background:#fa2f2f;
    color:#fff;
}
.social-menu i.fa.fa-qq {
    background:#4e89ff;
    color:#fff;
}
.social-menu i.fa:hover {
    opacity:.8;
}
.home-firstitems {
    padding-top:30px;
    padding-bottom:35px;
    background:#fff;
}
.home-firstitems ul {
    text-align:center;
    border-right:1px solid #eee;
    overflow:hidden;
    padding:0;
}
.home-firstitems ul li {
    float:left;
    width:25%;
    border-left:1px solid #eee;
    padding:20px 20px;
    height:128px;
    overflow:hidden;
}
.home-firstitems ul li a {
    display:block;
    position:relative;
    top:0;
    -webkit-transition:top .28s ease-in-out;
    transition:top .28s ease-in-out;
}
.home-firstitems ul li a:hover {
    top:-50px;
}
.home-firstitems ul li a .fa {
    font-size:3rem;
    font-weight:200;
    margin-bottom:10px;
    color:#55595c;
    opacity:1;
    -webkit-transition:opacity .4s ease-in-out;
    transition:opacity .4s ease-in-out;
}
.home-firstitems ul li a strong {
    display:block;
    color:#55595c;
}
.home-firstitems ul li a p {
    color:#999;
    margin:5px 0 10px;
}
.section-info {
    position:relative;
    display:block;
    padding:20px 0 30px;
    text-align:center;
}
.vieuttitle {
    font-weight:600;
    font-size:20px;
    margin:10px 0;
    overflow:hidden;
}
.vieu-description {
    color:#999;
}
.cms-row-up .vieu-description {
    font-size:12px;
    margin-bottom:15px;
    display:block;
}
.cms-row-up .vieuttitle {
    margin-top:0;
}
.container-single .nav {
    position:absolute;
    bottom:-50px;
    left:0;
    z-index:70;
    padding-left:15px;
    padding-right:15px;
    width:100%;
}
.container-single .nav-content {
    background:#fff;
    box-shadow:0 4px 18px 0 rgba(0, 0, 0, 0.05);
    padding:30px 315px 30px 30px;
    position:relative;
    overflow:hidden;
}
.vieu-deschref {
    margin:25px 0 0;
}
.vieu-deschref a {
    background-color:#ececec;
    text-decoration:none;
    opacity:1;
    text-shadow:0 -1px 0 rgba(0, 0, 0, .1);
    padding:.35rem 1.5rem;
    margin:3px 7px;
    border-radius:4px;
    display:inline-block;
}
.excerpt-page {
    width:24%;
    position:relative;
    margin-right:0.5%;
    margin-bottom:1%;
    padding:10px;
    background-color:#fff;
    background-clip:padding-box;
    vertical-align:top;
    opacity:1;
    transition:box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transform:translate(0, 0);
    margin-left:0.5%;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    float:left;
}
.excerpt-page:hover {
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(213, 213, 213, 0.4);
}
.excerpt-page .thumbnail {
    height:200px;
}
.excerpt-page .thumbnail img {
    /* height:100%; */
}
.excerpt-page>h2 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:15px;
    margin-top:10px;
    font-weight:inherit;
    font-size:14px;
    position:relative;
}
.excerpt-page footer {
    color:#999;
    font-size:12px;
}
.excerpt-page footer strong {
    font-weight:100;
    margin-right:15px;
}
.excerpt-page footer .page-list {
    width:22px;
    height:22px;
    background-color:#e6e6e6;
    display:inline-block;
    text-align:center;
    margin-right:4px;
    border-radius:25px;
    line-height:22px;
    color:#666;
}
.excerpt-page:nth-child(1) .page-list {
    background-color:#ff5a3c;
    color:#fff;
}
.excerpt-page:nth-child(2) .page-list {
    background-color:#13b755;
    color:#fff;
}
.excerpt-page:nth-child(3) .page-list {
    background-color:#4e88fe;
    color:#fff;
}
.notices {
    cursor:default;
    width:400px;
    position:fixed;
    bottom:20px;
    left:20px;
    background-color:rgb(71, 71, 71);
    z-index:999;
    display:none;
    margin:0;
    top:auto;
}
.notices .notices-icon {
    width:50px;
    height:50px;
    position:absolute;
    left:20px;
    top:30%;
}
.notices .notices-icon img {
    width:100%;
    height:100%;
}
.notices-content {
    padding:10px 10px 10px 80px;
}
.notices-body {
    color:#ececec;
    font-size:14px;
    padding:5px 0 0;
}
.notices-info {
    color:#adadad;
    font-size:12px;
    padding:5px 0 0;
    font-weight:bold;
}
.notices-content h4 {
    color:#fff;
    margin:0;
    font-weight:bold;
}
.notices>.fa {
    color:#fff;
    padding:10px;
    z-index:9999;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
}
.survey-container {
    position:fixed;
    bottom:40px;
    right:40px;
    display:block;
    z-index:1000;
}
.survey-body {
    position:absolute;
    bottom:60px;
    right:0;
    opacity:0;
    width:400px;
    height:230px;
    background-color:#ffffff;
    box-shadow:0 5px 35px rgba(37, 45, 51, 0.2);
    display:flex;
    visibility:hidden;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
}
.survey-body.is-open {
    visibility:inherit;
    bottom:80px;
    opacity:1;
    z-index:999999;
}
.survey-body .survey-content {
    padding:24px;
    width:100%;
    display:flex;
    flex-direction:column;
}
.survey-title {
    color:#4e89ff;
    font-family:"Raleway", sans-serif;
    font-size:20px;
    font-weight:800;
    margin-bottom:12px;
}
.survey-title img {
    max-width:30px;
    margin-left:8px;
    margin-top:-8px;
}
.survey-description {
    color:#707474;
    font-size:14px;
    line-height:22px;
}
.survey-action {
    margin-top:auto;
}
.survey-action .btn {
    width:100%;
    padding:10px 15px;
}
.survey-body .survey-content-green {
    min-width:124px;
    background-color:#3CB878;
    height:100%;
    position:relative;
    background-image:url(../img/survey-right.png);
    background-size:contain;
}
.survey-body .survey-content-green:before {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    bottom:-12px;
    right:16px;
    border-style:solid;
    border-width:12px 10px 0 10px;
    border-color:#4e89ff transparent transparent transparent;
}
.btn-survey {
    display:none;
    position:relative;
    height:51px;
    width:51px;
    border-radius:100%;
    border-width:0px;
    text-align:center !important;
    font-size:18px;
    background:#4e89ff;
    color:#ffffff;
    transition:all ease-in .15s;
    outline:0;
    cursor:pointer;
}
.textwidget {
    padding:0;
    color:#777;
    margin-bottom:10px;
}
.textwidget a {
    color:#4e88fe
}
.textwidget a:hover {
    color:#4e88fe;
    text-decoration:underline
}
.textwidget ul {
    margin-bottom:10px;
    margin-left:32px;
    list-style-type:disc
}
.textwidget ol {
    margin-bottom:10px;
    margin-left:32px;
    list-style-type:decimal
}
.textwidget p:last-child, .textwidget ul:last-child, .textwidget ol:last-child {
    margin-bottom:0
}
.content-ggbox:nth-child(2n+1) .zdgd {
}
.content-ggbox:nth-child(2n+1) .zdgd time {
}
.content-ggbox:nth-child(2n+2) .zdgd {
}
.content-ggbox:nth-child(2n+2) .zdgd time {
}
.introduce .contact a {
    color:#fff;
    padding:0;
    font-size:12px
}
.introduce .contact i:hover {
    background-color:#999
}
.introduce .contact i {
    padding:5px;
    border-radius:100px
}
.introduce .contact .fa-qq {
    background-color:#4e88fe
}
.introduce .contact .fa-weixin {
    background-color:#3bda86
}
.introduce .contact .fa-weibo {
    background-color:#ff5e52
}
.introduce .qrcode small {
    margin-top:4px;
    display:block;
    text-align:center;
    color:#bfbfbf
}
.sticky-box {
    background-color:#fff;
    padding:15px;
    border:1px #f2f2f2 solid;
    position:relative;
    font-size:12px;
    margin:20px 0;
}
.sticky-box h2 {
    border-bottom:1px #f2f2f2 solid;
    padding-bottom:6px;
    margin-bottom:-5px;
    font-size:16px;
    margin-top:0;
}
.sticky-box ul {
    padding:0;
}
.sticky-box .postlist {
    overflow:hidden;
    padding:20px 0 0px 116px;
    border:none;
}
.sticky-box .postlist:hover {
    border:none
}
.sticky-box .postlist figure {
    margin-left:-116px;
    float:left;
    height:70px;
}
.sticky-box figure a {
    display:block;
    overflow:hidden;
    position:relative;
}
.sticky-box .postlist figure img.thumb {
    width:100px;
    height:70px;
}
.sticky-box .postlist h3 {
    font-size:14px;
    margin-bottom:4px;
    margin-top:-2px;
    line-height:24px;
    font-weight:normal;
    color:#333;
}
.sticky-box .postlist h3 a {
    max-height:48px;
    min-height:48px;
    overflow:hidden;
    display:block;
}
.sticky-box .homeinfo {
    color:#999;
}
.sticky-box .homeinfo .date {
    float:left;
}
.sticky-box .homeinfo .count {
    float:left;
    margin-left:15px;
}
.sticky-box .homeinfo .category {
    padding-right:6px;
    position:relative;
    display:inline-block;
    max-width:50%;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:middle;
}
.sidebar {
    float:left;
    margin-left:-315px;
    width:300px;
    position:relative;
    opacity:1;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    z-index:0;
}
.oldtbsidebar {
    float:left;
    margin-left:-360px;
    width:345px;
    position:relative;
}
.sid-on {
    margin-left:0;
    visibility:hidden;
    width:0;
    opacity:0;
}
.sidebar article {
    border:none
}
.sidebar article:hover {
    border:none
}
.single .content {
    padding:0;
    background-color:#fff;
    border-radius:4px;
}
.single-format-aside .content {
    margin-right:0
}
.lead-title {
    padding:10px 0;
    overflow:hidden;
}
.lead-title h3, .pagetitle h1, .pagetitle h2 {
    font-size:18px;
    margin:0;
    float:left;
    font-weight:inherit;
}
.lead-title .more {
    float:right;
    position:relative;
    top:5px;
}
.lead-title .more a {
    display:inline-block;
    margin-left:20px;
    color:#999;
}
.lead-title .more a:hover {
    color:#4e88fe;
}
.wel {
    position:relative;
    float:right;
    font-size:14px;
    line-height:66px;
}
.wel:before, .wel:after {
    display:table;
    content:"";
    line-height:0
}
.wel:after {
    clear:both
}
.wel .wel-item {
    position:relative;
    float:left
}
.wel .wel-item>a {
    display:block;
    padding:0 12.5px;
    border-left-color:rgba(0, 0, 0, 0.2);
    color:#fff;
    text-shadow:0.8px 0 5px #333;
}
.wel .wel-item>a:hover {
    color:#4e88fe;
}
.wel .wel-item-btn>a {
    margin:17px 0px 0 15px;
    height:32px;
    line-height:32px;
    padding:0 20px;
    border-radius:50px;
    background-color:#4e88fe;
    color:#fff;
}
.wel .wel-item-btn>a:hover {
    color:#fff;
    background-color:#4e88fe;
}
.wel .has-sub-menu>a {
    padding-right:25px
}
.wel .has-sub-menu>a::after {
    position:relative;
    display:inline-block;
    margin-left:0;
    top:-2px;
    content:'';
    width:4px;
    height:4px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #fff;
}
.wel .has-sub-menu:hover>a::after {
    border-top-color:#4e88fe
}
.wel .has-sub-menu:hover .sub-menu {
    visibility:visible;
    opacity:1;
    top:56px;
}
.wel .avatar {
    float:left;
    margin-top:19px;
    width:28px;
    height:28px;
    border-radius:50%;
    margin-right:10px
}
.wel .sub-menu {
    position:absolute;
    right:10px;
    left:1px;
    top:100px;
    padding-top:10px;
    -webkit-transition:opacity .25s, visibility .25s, top .25s;
    -moz-transition:opacity .25s, visibility .25s, top .25s;
    -ms-transition:opacity .25s, visibility .25s, top .25s;
    -o-transition:opacity .25s, visibility .25s, top .25s;
    transition:opacity .25s, visibility .25s, top .25s;
    visibility:hidden;
    opacity:0;
}
.wel .sub-menu ul {
    position:relative;
    background-color:#FFF;
    -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
    font-size:14px;
    padding:5px 0;
}
.wel .sub-menu ul::before, .wel .sub-menu ul::after {
    content:'';
    position:absolute;
    top:-5px;
    left:50%;
    margin-left:-3px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}
.wel .sub-menu ul::before {
    border-bottom:5px solid rgba(0, 0, 0, 0.1);
}
.wel .sub-menu ul::after {
    border-bottom:5px solid #fff;
    margin-top:1px
}
.wel .sub-menu a {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:block;
    line-height:14px;
    padding:12px 15px;
    text-align:center
}
.wel .sub-menu a:hover {
    background-color:#f2f2f4
}
.wel-login {
    float:right;
    margin-left:60px
}
.wel-login a {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    padding:6px 20px;
    color:#4e88fe;
    border:1px solid #4e88fe;
    border-radius:50px
}
.wel-login a:hover {
    color:#fff;
    background-color:#4e88fe
}
.logo {
    float:left;
    padding-right:30px;
    margin:0;
    height:66px;
    font-size:16px;
    overflow:hidden;
}
.logo a {
    display:block;
    color:#fff;
    text-align:center;
    text-shadow:0.8px 0 5px #333;
    padding:18px 0;
}
.logo img {
    height:30px;
}
.logo a:hover {
    color:#4e88fe
}
.logo .fa {
    width:130px;
    font-size:30px;
}
.brand {
    font-size:14px;
    float:left;
    line-height:15px;
    color:#fff;
    padding-left:10px;
    position:relative;
    top:1px;
    border-left:2px solid #fff;
    margin-left:30px;
    overflow:hidden;
    height:30px
}
.site-navbar {
    float:left;
    font-size:14px
}
.site-navbar>ul {
    margin:0;
    padding:0;
    list-style:none
}
.site-navbar>ul>li>a {
    line-height:66px;
    padding:0 15px;
    color:#fff;
    text-shadow:0.8px 0 5px #333;
}
.site-navbar>ul>li>a:hover {
    color:#4e88fe
}
.site-navbar li {
    position:relative;
    float:left
}
.site-navbar li:hover {
    z-index:2
}
.site-navbar a {
    display:block;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.site-navbar li.has-sub-menu>a {
    padding-right:12px
}
.site-navbar li.has-sub-menu:hover>a::after {
    border-top-color:#4e88fe
}
.site-navbar li.has-sub-menu:hover .sub-menu {
    visibility:visible;
    opacity:1;
    top:56px
}
.site-navbar li.has-sub-menu>a::after {
    position:relative;
    display:inline-block;
    margin-left:3px;
    top:-2px;
    content:'';
    width:4px;
    height:4px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #fff
}
.site-navbar li.active>a {
    color:#4e88fe
}
.site-navbar li.active>a::after {
    border-top-color:#4e88fe
}
.site-navbar .sub-menu {
    position:absolute;
    padding:10px 0;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    visibility:hidden;
    opacity:0;
    width:140px;
    top:100px;
    left:50%;
    margin-left:-70px;
    -moz-box-shadow:0px 0px 20px #333333;
    background:#fff;
    -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
}
.site-navbar li:hover>.sub-menu .sub-menu {
    top:40px
}
.site-navbar .sub-menu li {
    float:none
}
.site-navbar .sub-menu a:hover {
    background-color:#f6f6f6
}
.site-navbar li:hover>.sub-menu {
    visibility:visible;
    opacity:1;
    top:66px;
}
.site-navbar li:hover .fa-angle-down {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.site-navbar li.current-menu-item>a, .site-nav li.current-menu-parent>a {
    color:#4e88fe;
}
.site-navbar .sub-menu ul::before, .site-navbar .sub-menu ul::after {
    content:'';
    position:absolute;
    top:-5px;
    left:50%;
    margin-left:-3px;
    border-left:5px solid transparent;
    border-right:5px solid transparent
}
.site-navbar .sub-menu ul::before {
    border-bottom:5px solid rgba(0, 0, 0, 0.1)
}
.site-navbar .sub-menu ul::after {
    border-bottom:5px solid #fff;
    margin-top:1px
}
.site-navbar .sub-menu li {
    float:none;
    margin:0;
    text-align:center;
}
.site-navbar .sub-menu li a {
    display:block;
    line-height:14px;
    padding:12px 0;
    text-align:center;
}
.site-navbar .sub-menu li a:hover {
    background-color:#f2f2f4;
    padding:12px 0
}
.m-navbar-start {
    display:none
}
.m-wel-start {
    display:none
}
.topbar .fa {
    width:14px
}
.topbar .fa-angle-down {
    width:9px
}
.topbar {
    position:absolute;
    top:-39px;
    left:0;
    right:0;
    margin-bottom:20px;
    margin-right:-15px;
    color:#999
}
.topbar a {
    color:#999
}
.topbar a:hover {
    color:#4e88fe
}
.topmenu {
    float:right
}
.topmenu li {
    position:relative;
    float:left
}
.topmenu li:hover {
    z-index:2
}
.topmenu a {
    display:block;
    padding:0 15px;
    color:#999
}
.topmenu .red {
    color:#ff5e52;
    display:inline-block
}
.topmenu .red:hover {
    color:#ff5e52;
    text-decoration:underline
}
.article-tags {
    display:none
}
.topbar-off .header {
    padding-top:20px
}
.collapse {
    margin:0.5em 0;
}
.site-nav .sub-menu {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background-color:#fff;
    font-size:12px;
    padding:6px 0;
    border:1px solid #ddd;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    line-height:32px;
    width:132px;
    font-weight:bold;
    border-radius:4px
}
.site-nav ul .sub-menu {
    left:100%;
    top:-7px;
    border-radius:0
}
.site-nav .sub-menu li {
    float:none
}
.site-nav .sub-menu a:hover {
    background-color:#f6f6f6
}
.site-nav li:hover>.sub-menu {
    display:block
}
.site-nav li:hover .fa-angle-down {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.site-nav li.current-menu-item>a, .site-nav li.current-menu-parent>a {
    color:#4e88fe
}
.sign-info {
    font-size:12px;
    clear:both;
    margin-top:10px
}
.search-i {
    position:relative;
    float:right;
    height:66px;
    list-style:none;
}
.oldtb .search-i a {
    text-shadow:none;
}
.search-i a {
    padding:10px;
    color:#fff;
    font-size:15px;
    line-height:64px;
    text-shadow:0.8px 0 5px #333;
}
.search-i a:hover {
    color:#4e88fe
}
.site-search {
    position:relative;
    float:right;
    height:0;
    width:250px;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    margin:0
}
.sb-search {
    position:relative;
    margin:13px 0;
    width:0;
    height:40px;
    float:right;
    overflow:hidden;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    opacity:0
}
.search-on .sb-search {
    width:100%;
    opacity:1
}
.sb-search-input {
    position:absolute;
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#fff;
    width:100%;
    height:40px;
    margin:0;
    z-index:10;
    padding:20px;
    font-family:inherit;
    font-size:12px;
    color:#8e8e8e;
    border-radius:100px;
}
.sb-search input::-webkit-input-placeholder {
    color:#8e8e8e
}
.article-action {
    padding:15px 15px 45px 15px;
    background:#fff;
    box-shadow:0 0 20px rgba(160, 160, 160, 0.1);
}
.title, .pagetitle {
    margin:15px;
    overflow:hidden;
    margin-top:95px;
}
.title h3, .pagetitle h1, .pagetitle h2 {
    font-size:20px;
    margin:0;
    float:left;
    font-weight:600;
}
.title .more {
    float:right;
    position:relative;
    top:5px
}
.title .more a {
    display:inline-block;
    margin-left:20px;
    color:#999
}
.title .more a:hover {
    color:#4e88fe
}
.relates-text {
    background:#fff;
    padding:15px 20px;
    border-top:0;
    box-shadow:0 0 20px rgba(160, 160, 160, 0.1);
    border-radius:0 0 5px 5px;
    overflow:hidden;
}
.relates-text .title {
    margin:0;
    padding:0;
}
.relates-thumb {
    background-color:#fff;
    padding:20px;
    border-top:0;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
}
.relates-thumb h3 {
    font-size:20px;
    font-weight:600;
    margin:15px 0 20px;
}
.pagetitle small {
    margin-left:10px;
    position:relative;
    top:2px;
    color:#999
}
.title .pull-right {
    font-size:12px;
    position:relative;
    bottom:-4px
}
.title .pull-right a {
    color:#bbb
}
.title .pull-right a:hover {
    color:#999
}
.single .title {
    padding-bottom:10px;
}
.asb {
    position:relative;
    overflow:hidden;
    text-align:center
}
.asb img {
    max-width:100%
}
.asb-large {
    margin-bottom:30px
}
.asb-large img {
    max-width:100%
}
.asb-post {
    margin-bottom:30px
}
.asb-post-01 {
    margin-bottom:20px
}
.asb-your {
    display:block;
    background-color:#fbfbfb;
    border:2px dashed #BBB;
    color:#AAA;
    font-size:15px;
    text-align:center;
    overflow:hidden;
    clear:both
}
.asb-your:hover {
    border-color:#ff5e52;
    color:#ff5e52
}
.article-nav {
    display:none
}
.post-actions {
    float:right;
}
.excerpt {
    position:relative;
    padding:0px 30px 0px 200px;
    margin-bottom:10px;
    overflow:hidden;
    background:#fff;
    width:100%;
    display:inline-block;
}
.excerpt.shuangkai {
    width:49%;
    margin:0.25% 0.5%;
    padding:0px 20px 0px 200px;
}
.shuangkai .title-icon {
    float:initial;
}
.excerpt .post-linkto {
    text-align:right;
    margin-bottom:0;
    margin-top:5px
}
.excerpt-text {
    padding-left:20px
}
.excerpt-text .note {
    margin-bottom:0
}
.excerpt .focus {
    float:left;
    margin-left:-200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 150px;
    overflow: hidden;
}
.excerpt .thumb {
    width: 190px;
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
    max-width: 190px;
    height: auto;
}
.excerpt .thumb:hover, .excerpt_cms1 .thumb:hover, .excerpt_cms2 .cms-thumb .thumb:hover, .excerpt_cms5 .thumb:hover, .excerpt_cms4 .cms-thumb .thumb:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.excerpt-post {
    padding:11px 5px;
}
.excerpt header {
    margin-bottom:15px;
}
.excerpt .cat {
    color:#fff;
    padding:0px 6px;
    font-size:12px;
    display:inline-block;
    position:relative;
    top:-2px;
    margin-right:6px;
    border-radius:0px;
    background:#4e89ff;
    border:none;
}
.excerpt .cat:hover {
    opacity:.85;
    filter:alpha(opacity=85)
}
.excerpt .cat i {
    position:absolute;
    top:50%;
    margin-top:-4px;
    right:-4px;
    display:inline-block;
    width:0;
    height:0;
    vertical-align:middle;
    border-left:4px solid #4e88fe;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
}
.excerpt h2 {
    display:inline;
    font-size:16px;
    line-height:1.4;
    margin-top:0;
}
.excerpt h2 a {
    color:#4e585a;
    font-size:16px;
    line-height:1.3;
}
.excerpt h2 a:hover {
    color:#4e88fe
}
.excerpt h2 a span {
    color:#ff5e52
}
.excerpt h2 a:hover span {
    color:#4e88fe
}
.excerpt .time, .excerpt .pv, .excerpt .pc, .excerpt .author, .cms-box .cmstop-meta span {
    margin-right:20px;
}
.excerpt .post-like {
    float:right
}
.excerpt .post-like:hover {
    float:right;
    color:#fff
}
.excerpt .note, .cmstop-excerpt, .cms-excerpt {
    font-size:12px;
    color:#bdbdbd;
    word-wrap:break-word;
    line-height:18px;
    margin-bottom:15px;
    font-weight:normal;
    overflow:hidden;
}
.excerpt .meta, .cms-box .cmstop-meta span, .cms-meta span {
    color:#999;
    font-size:12px;
    display:inline-block;
    bottom:10px;
}
.excerpt .meta .avatar {
    border-radius:50px;
    height:20px;
    width:20px;
    margin-right:5px;
    vertical-align:bottom;
}
.like .post-like {
    font-size:12px;
    display:inline-block;
    position:absolute;
    right:12px;
    bottom:10px;
    color:#aaaaaa;
    padding:2px 6px;
    border-radius:4px;
    background:rgb(246, 246, 246);
    transition:color .25s, background-color .25s;
}
.like .post-like:hover {
    background:rgb(234, 234, 234);
    color:#aaaaaa;
}
.excerpt .zdlike {
    background-color:#4e88fe
}
.excerpt .zdlike:hover {
    background-color:#4e88fe
}
.excerpt .meta .fa {
    margin-right:4px
}
.excerpt .meta a {
    color:#999
}
.excerpt .meta a:hover {
    color:#4e88fe
}
.list-comments-r .excerpt .meta .pc {
    float:right;
    margin-right:0
}
.sticky-icon {
    line-height:1;
    padding:4px 4px 3px;
    font-size:12px;
    background-color:#ff5e52;
    color:#fff;
    border-radius:2px;
    display:inline-block;
    position:relative;
    margin-left:5px;
    top:-2px
}
@media(max-width:640px) {
    .excerpt .like {
        display:none
    }
    .excerpt, .excerpt.shuangkai {
        border:0;
        padding: 0px 150px 0 0;
        margin-bottom:0;
        width:100%;
    }
    .excerpt-post, .cmstop-detail {
        padding:10px;
    }
    .excerpt .focus {
        float:right;
        margin-right: -150px;
        width: 150px;
    }
    .excerpt .thumb {
        height: 100%;
        max-height: 100%;
        width: auto;
        max-width: initial;
    }
    .excerpt header {
        text-indent:0;
        position:relative;
        overflow:hidden;
    }
    .excerpt .cat {
        display:none
    }
    .excerpt h2 a {
        font-size:14px;
    }
    .excerpt h2 a span {
        text-shadow:.2px 0 0 #ff5e52
    }
    .excerpt .author {
        display:none
    }
    .excerpt .meta {
        line-height:1;
        font-size:10px;
        margin-bottom:0;
        color:#d0d0d0;
        background:0;
        padding:0;
        position:relative;
        bottom:0;
    }
    .excerpt .meta .fa {
        display:none
    }
    .excerpt .meta time {
        margin-right:15px;
        display:none
    }
    .excerpt .meta .pc {
        color:#bbb;
    }
    .excerpt .meta .post-like {
        color:#bbb
    }
    .excerpt .meta .post-like .fa {
        display:inline-block
    }
    .sticky-icon {
        position:absolute;
        top:1px;
        left:0;
        font-size:10px;
        padding:0;
        text-align:center;
        height:15px;
        line-height:18px;
        width:28px;
        margin-left:0;
        text-indent:0
    }
    .excerpt-text {
        padding-right:15px
    }
    .excerpt-text header {
        height:auto
    }
    .m-excerpt-time .excerpt .meta time {
        display:inline-block;
        margin-right:10px
    }
    .m-excerpt-time .excerpt .meta .pv {
        margin-right:10px
    }
}
@media(max-width:360px) {
    .excerpt .meta {
        font-size:10px
    }
    .excerpt .meta time {
        margin-right:8px
    }
}
@media(max-width:640px) {
    .content-wrap {
        padding-left:10px;
        padding-right:10px;
    }
    .title, .pagetitle {
        margin-top:66px;
    }
    .containercc {
        padding-left:10px;
        padding-right:10px;
        overflow:hidden;
    }
    .excerpt-minic:hover {
        background-color:#fff
    }
    .excerpt-minic h2 {
        line-height:1;
        font-weight:normal;
        display:inline;
    }
    .excerpt-minic h2 a {
        color:#333;
    }
    .excerpt-minic-index .red {
        text-shadow:none
    }
    .excerpt-minic-index .note {
        font-size:12px;
        margin-top:7px;
        text-indent:0em;
        line-height:1.5;
    }
}
.article-header {
    border-bottom:0;
    border-radius:5px 5px 0 0;
}
.button-header {
    position:absolute;
    right:0;
    top:0;
    width:300px;
    height:100%;
    overflow:hidden;
    border-left:1px solid #eaeaea;
}
.article-title {
    margin-top:0;
    font-size:26px;
    line-height:36px
}
.article-title a, .article-title a:hover {
    color:#576366
}
.article-title a span {
    color:#ff5e52
}
.article-meta {
    font-size:12px;
    color:#999999;
    padding:1px 15px;
    z-index:2;
    position:relative;
    padding-bottom:10px;
}
.article-meta .item {
    margin:0 5px;
    display:inline-block;
}
.dess .item {
    margin-right:10px;
    color:#9c9c9c;
    font-size:12px;
}
.article-meta .item a {
    color:#999999;
}
.article-meta .item a:hover {
    color:#4e89ff;
}
.article-meta .item-bianlan {
    color:#ff5e52;
    cursor:pointer;
}
.article-meta .item-bianlan:hover {
    cursor:default;
}
.article-meta .item-bianlan .show-sidebar {
    float:right;
}
.article-content {
    font-size:14px;
    line-height:25px;
    word-wrap:break-word;
    border-top:0;
    padding:20px;
    background:#fff;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    display:block;
    margin-bottom:10px;
}
.theme-itembox {
    margin-bottom:20px;
}
.shoucang {
    display:inline-block;
    border-radius:50px;
    background-color:#4e89ff;
    border:none;
    color:#FFFFFF !important;
    text-align:center;
    width:30px;
    transition:all 0.5s;
    cursor:pointer;
    font-size:20px;
    position:relative;
    margin-right:10px;
    padding:2px;
}
.shoucang:hover {
    width:70px;
}
.shoucang span {
    display:inline-block;
    position:relative;
    transition:0.5s;
    color:#fff !important;
}
.shoucang:after {
    content:'\6536\85cf';
    position:absolute;
    opacity:0;
    top:7px;
    right:12px;
    transition:0.5s;
    font-size:14px;
    color:#fff;
}
.shoucang:hover span {
    padding-right:40px;
}
.shoucang:hover:after {
    opacity:1;
}
.excerpt-mall-row {
    display:flex !important;
    display:-webkit-flex !important;
    margin:0;
    padding:0;
    width:100%;
    flex-wrap:wrap;
    z-index:99999;
}
.excerpt-mall {
    display:block;
    margin:0 1.111%;
    margin-bottom:2%;
    width:31%;
    transition:box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    background-color:#ffffff;
    position:relative;
    overflow:hidden;
    box-shadow:0 0px 5px rgba(160, 160, 160, 0.2);
}
.mall-cat-category, .mall-cat-category-cat {
    background:#90959d;
    border-radius:4px;
    padding:0px 5px;
    font-size:12px;
    box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mall-cat-category:hover {
    background:#e2493d;
}
.mall-cat-category a {
    color:#fff;
}
.mall-cat-category a:hover {
    color:#fff;
}
.mall-cat-category-cat {
    background:linear-gradient(to right, #4e89ff, #a7c3ff);
    color:#fff;
}
.excerpt-mall:hover {
    -webkit-box-shadow:0 5px 8px rgba(0, 0, 0, .15);
    box-shadow:0 5px 8px rgba(0, 0, 0, .15);
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -ms-transform:translateY(-5px)
}
.excerpt-mall .focus {
}
.excerpt-mall .thumb {
    height:210px;
    min-width:100%;
}
.excerpt-mall-head header h2 {
    text-align:center;
    padding:10px;
    font-size:14px;
    margin:0;
}
.excerpt-mall-head header h2 a {
    color:#2c3747;
}
.excerpt-mall-head .meta {
    text-align:center;
    font-size:12px;
    padding-bottom:15px;
    color:#9e9e9e;
}
.excerpt-mall-head {
    border-top:1px solid #f6f6f6;
}
.mall-price {
    text-align:center;
    padding-bottom:10px;
    font-size:12px;
}
.mall-price b {
    color:#4e89ff;
    font-size:18px;
    font-weight:100;
}
.down {
    margin:20px 0;
    width:auto;
    overflow:hidden;
    padding:20px;
    border:dotted #4e89ff 4px;
}
.down .comt {
    padding:5px 0;
    width:auto;
    overflow:hidden;
}
.down .box {
    width:50%;
}
.down .asb1 {
    width:50%;
    position:absolute;
    right:0;
    top:0;
    min-width:auto;
    min-height:auto;
}
.down .box-title {
    display:none
}
.down .box .name {
    color:#e73830;
    font-weight:bold;
    font-size:17px;
    margin-top:-5px;
}
.down .box .name span {
    color:#4e89ff;
}
.down .box-body {
    margin:10px 0;
}
.down .box-body p {
    margin:0;
    color:#3e4446;
    font-size:12px;
}
.down .down-button a {
    color:#fff;
    text-decoration:none;
    border-radius:0;
    margin-right:5px;
}
.down .down-bloak {
    margin:10px 0px 0px 0px;
}
.down .down-bloak p {
    margin:0;
    color:#949494;
    font-size:12px;
}
.down .down-button a:hover {
    color:#fff
}
.down-up {
    position:fixed;
    left:50%;
    z-index:999999;
    width:50%;
    height:auto;
    top:10%;
    margin-left:-25%;
    max-width:50%;
    display:none;
}
.down-up>.down-content {
    background:#fff;
    padding:50px 30px;
    opacity:0;
}
.down-up .down-container .plus_box {
    margin-bottom:20px;
    font-family:"Microsoft Yahei";
    font-size:12px;
    position:relative;
}
.down-up .down-container .plus_l {
    width:60%;
}
.down-up .down-container .plus_l ul {
    margin:0;
    padding:0 15px;
}
.down-up .down-container .plus_l ul li {
    list-style:none;
    background:url(../img/yuanlist.gif) no-repeat;
    padding-left:25px;
    background-position:0 center;
    color:#202935;
    font-size:12px;
    font-weight:100;
}
.down-container .plus_r {
    width:160px;
    height:160px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    display:block;
}
.down-up>.down-content .banner {
    padding:0 15px;
}
.down-up>.down-content .panel {
    margin:20px 0 0;
}
.down-up>.down-content .panel-heading {
    padding:0 15px;
    border:none;
}
.down-up>.down-content h3 {
    margin:0;
    font-weight:100;
}
.down-container .panel-body .btn {
    color:#fff;
    text-decoration:none;
    border-radius:0;
}
.down-container .panel-body .btn .fa {
    padding-right:5px;
}
.down-container .panel-body .btn span {
    background:#fff;
    color:#696d71;
    padding:2px 10px;
    font-size:12px;
    border-radius:50px;
}
.down-up>.down-content .panel-body p {
    margin:0;
    font-size:14px;
    color:#8f8f8f;
}
.down-up .down-content .close {
    position:absolute;
    top:0px;
    right:-28px;
    font-size:1.1rem;
    letter-spacing:0.05rem;
    color:#ffffff;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
    opacity:1;
}
.down-up .down-content .close .fa:hover {
    cursor:pointer;
    background:#4e88fe;
}
.down-up .down-content .close .fa {
    background:#4e88fe;
    padding:8px;
    font-size:15px;
}
.article-content img {
    display:block;
    margin:5px 0;
}
.article-content h3, .article-content h4, .article-content h5 {
    padding:0;
    margin:20px 0;
    color:#555;
    font-weight:bold
}
.article-content h1, .article-content h2 {
    font-weight:bold;
    margin-bottom:10px;
    margin-top:15px;
    position:relative;
}
.article-content h2:before {
    content:"";
    position:absolute;
    width:40px;
    height:4px;
    top:22px;
    left:0;
    background:linear-gradient(to right, #4e89ff, #ffffff);
    box-shadow:0px 0px 12px 0 rgba(78, 137, 255, 0.55);
    border-radius:5px;
}
.article-content h1 {
    font-size:20px
}
.article-content h2 {
    font-size:18px
}
.article-content h3 {
    font-size:16px
}
.article-content h4 {
    font-size:15px
}
.article-content h5 {
    font-size:14px
}
.article-content ul, .article-content ol {
    margin:0 0 20px 50px;
}
.article-content ul {
    list-style:disc
}
.article-content ol {
    list-style:decimal
}
.article-content p {
    word-wrap:break-word
}
.article-content pre {
    word-wrap:break-word
}
.article-content table {
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    width:100%;
    margin-bottom:20px
}
.article-content table th {
    background-color:#f9f9f9;
    text-align:center
}
.article-content table td, .article-content table th {
    border-bottom:solid 1px #ddd;
    border-right:solid 1px #ddd;
    padding:5px 10px
}
.article-content .alignnone {
    margin:0 auto
}
.article-content .alignleft {
    float:left;
    text-align:left;
    margin-right:10px
}
.article-content .aligncenter {
    margin:0 auto;
    text-align:center;
    display:block
}
.article-content .alignright {
    float:right;
    text-align:right;
    margin-left:10px
}
.article-content .wp-caption {
    margin-bottom:20px;
    background-color:#f6f6f6;
    padding:10px 10px 1px;
    max-width:100%
}
.article-content .wp-caption img {
    margin:0 0 5px
}
.article-content .wp-caption p {
    margin-bottom:10px;
    text-indent:0
}
.article-content .wp-caption.alignnone {
    text-align:center
}
.article-content .wp-caption:hover .wp-caption-text {
    color:#4e88fe
}
.article-content a {
    text-decoration:none;
    color:#4e89ff;
}
.article-content a:hover {
    color:#ff5e52;
}
.single_tags {
    margin:20px 0;
}
.single_tags a {
    display:inline-block;
    margin-right:5px;
    padding:8px 10px 7px;
    border-radius:2px;
    background-color:#eee;
    color:#999 !important;
    font-size:12px;
    line-height:1;
    margin-bottom:5px;
    text-decoration:none;
}
.article-content pre, .comment pre {
    margin:20px 0;
    font:12px/20px'courier new';
    background:#272822;
    padding:10px 15px;
    color:#f8f8d4;
    border:0
}
.article-content blockquote {
    margin:15px 0px;
    padding:0px 20px;
    font-size:14px;
    color:#999;
    border-left:5px solid #4e88fe;
}
.article-content blockquote p {
    margin:0;
    padding:0;
    margin-bottom:10px
}
.p_indent .article-content p {
    text-indent:30px
}
.asb-post-footer {
    margin-bottom:0
}
.asb-post-footer b {
    font-weight:normal;
    color:#41c282
}
.asb-post-footer strong {
    font-weight:normal;
    color:#fd6a5e
}
.asb-post-footer a {
    text-decoration:none;
    border-bottom:solid 2px #eee
}
.asb-post-footer a:hover {
    border-bottom-color:#4e88fe
}
.article-title {
    position:relative;
    margin-bottom:10px;
    font-size:20px;
    font-weight:bold;
    line-height:1.3;
    margin:0;
    display:block;
    padding:10px 20px;
    z-index:2;
}
.cms-box {
    float:left;
    width:100%;
    position:relative;
}
.mall_header {
    background:center top url(../img/mall_bg.png);
    text-align:center;
    width:100%;
    padding:0 1%;
    height:300px;
    overflow:hidden;
    background-size:cover;
}
.mall_header h1 {
    font-size:30px;
    margin-top:100px;
    display:block;
    width:100%;
    text-align:center;
    color:#FFF;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:0.8px 0 5px #333;
}
.mall_header span {
    color:#fff;
    font-size:23px;
    text-shadow:0.8px 0 5px #333;
}
.mall_header p {
    color:#fff;
    font-size:16px;
    margin-top:10px;
    text-shadow:0.8px 0 5px #333;
}
.white_bg {
    background:#fff;
    position:relative;
    display:block;
}
.mall_box {
    height:auto;
    overflow:hidden;
    position:relative;
    padding:80px 0;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
}
.mall_img_left {
    float:left;
    display:block;
    width:50%;
    text-align:center;
    position:relative;
    height:180px;
    padding-left:15px;
    padding-right:15px;
}
.bookBox {
    width:500px;
    height:295px;
    position:relative;
    margin:0px auto;
    background:url(../img/mac.png) no-repeat 0 0;
    background-size:cover;
    margin-top:-35px;
}
.bookBox img {
    position:absolute;
    top:24px;
    left:65px;
    display:inline-block;
    width:370px;
    height:230px;
}
.mall_text_right {
    float:right;
    width:50%;
    padding:0 15px;
}
.mall_text_right h2 {
    font-size:24px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    margin:0;
    padding-bottom:10px;
}
.mall_text_right p {
    font-size:14px;
    color:#999;
    padding-bottom:15px;
}
.mall_text_right .zddescsub {
    color:#4e89ff;
    font-size:18px;
    padding-bottom:20px;
}
.mall_text_right .zdbtn {
    padding:0;
}
.mall_text_right .zdbtn .btn {
    margin-right:10px;
    padding:11px 50px;
    border-radius:50px;
}
#mallmenu {
    width:250px;
    float:left;
    top:0;
    margin-top:30px;
    margin-left:0;
}
#mallmenu.affix {
    top:52px;
}
.mall-ul, .mall-user {
    background:#fff;
    margin-bottom:10px;
}
.mall-ul, .mall-user {
    padding:20px;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
}
.mall-user {
    padding:0;
}
.mall-ul li {
    margin:15px 0;
    padding:0px 15px;
    transition:all .25s, all .25s;
    font-size:14px;
}
.mall-ul .active {
    border-left:4px solid #4e89ff;
}
.mall-user .mall_top {
    text-align:left;
    padding:20px 20px 10px 80px;
    display:block;
}
.mall-user .mall_top .avatar {
    -webkit-border-radius:50%;
    border-radius:50%;
    width:60px;
    border:2px solid #f6f9fa;
    padding:5px;
    float:left;
    margin-left:-65px;
    height:60px;
}
.mall-user .mall_top h4 {
    padding-top:5px;
    margin:0 0 8px;
    font-size:15px;
    line-height:1;
    font-weight:bold;
}
.mall-user .mall_top h5 {
    margin:0;
    font-size:13px;
    line-height:1;
    color:#999;
}
.mall-ul li:hover {
    transition:color .25s, all .25s;
    border-left:4px solid #4e89ff;
}
.mall-ul li i {
    float:right;
    font-size:12px;
    color:#ababab;
}
.cms0_excerpt {
    padding: 0px 0px 0px 200px;
    box-shadow:none !important;
    border-radius:0 !important;
    padding-bottom:10px;
    border-bottom:1px solid #f6f6f6;
}
.cms0_excerpt .focus {
    margin-left: -200px;
}
.cms0_excerpt .thumb {
    /* width:140px; */
}
.cms0_excerpt .excerpt-post {
    padding:0;
}
.cms0_excerpt .note {
    margin-bottom:5px;
}
.excerpt_cms0.cms-title {
    font-size:14px;
    margin:15px 0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.excerpt_cms0 strong {
    font-weight:bold;
    font-size:12px;
    padding:1px 8px;
    border-radius:3px;
}
.excerpt_cms1, .excerpt_cms5 {
    width:49.3%;
    float:left;
    position:relative;
    padding:0px 10px 0px 200px;
    margin-bottom:10px;
    overflow:hidden;
    background:#fff;
    display:inline-block;
    min-height:130px;
    max-height:130px;
}
.excerpt_cms1:nth-child(2n+1) {
    float:left;
}
.excerpt_cms1:nth-child(2n+2) {
    float:right;
}
.excerpt_cms1 .thumb, .excerpt_cms5 .thumb {
    width:190px;
    max-width: 190px;
    height: auto;
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.cmstop-title, .excerpt_cms4_list h3 {
    margin:0;
    font-size:16px;
    line-height:1.4;
    margin-top:8px;
    margin-bottom:8px;
}
.cms-box .focus {
    float:left;
    margin-left:-200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 130px;
    overflow: hidden;
}
.cms-box .cmstop-excerpt {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.cms_left {
    width:49.3%;
    float:left;
}
.cms_right {
    float:right;
    width:49.3%;
}
.cms_left .excerpt_cms1, .cms_right .excerpt_cms1 {
    margin:0;
    width:100%;
    margin-bottom:2%;
}
.excerpt_cms2 {
    background:#fff;
    margin-bottom:10px;
    overflow:hidden;
}
.excerpt_cms2 .cms-thumb {
    height:300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    width: auto;
}
.excerpt_cms2 .cms-thumb .thumb {
    width: 1920px;
    max-width: 100%;
    height: auto;
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.excerpt_cms2 .cms-detail, .excerpt_cms4 .cms-detail, .excerpt_cms4_list .cms-detail {
    padding:15px;
    position:relative;
}
.excerpt_cms4_list .cms-detail .cms-meta {
    position:absolute;
    top:100px;
    left:auto;
    margin-bottom:0;
}
.excerpt_cms2 .cms-title, .excerpt_cms4 .cms-title {
    margin:0;
    font-size:16px;
    margin-bottom:15px;
    line-height:22px;
}
.cms-meta {
    margin-bottom:10px
}
.cms-meta span {
    color:#999;
    margin-right:15px;
}
.excerpt_cms4, .excerpt_cms4_list {
    width:32.66666%;
    float:left;
    background:#fff;
    min-height:400px;
    max-height:400px;
    overflow:hidden;
    margin-bottom:10px;
}
.excerpt_cms4:nth-child(3n+1), .excerpt_cms4_list:nth-child(3n+1) {
    margin-left:1%;
}
.excerpt_cms4:nth-child(3n+2), .excerpt_cms4_list:nth-child(3n+2) {
    margin-right:1%;
}
.excerpt_cms4:nth-child(3n+3), .excerpt_cms4_list:nth-child(3n+3) {
    margin-right:0;
}
.excerpt_cms4 .cms-thumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 200px;
    overflow: hidden;
}
.excerpt_cms4 .cms-thumb .thumb {
    width:100%;
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
    max-width: 100%;
    height: auto;
    border-radius: 0;
}
.excerpt_cms4_list {
    min-height:140px;
    max-height:140px;
}
.excerpt_cms4_list h3 {
    margin-top:0;
}
.excerpt_cms5 {
    width:100%;
    float:none;
}
.cms-row-up {
    background:#fff;
    padding:15px;
    width:49.3%;
    margin:1% 0;
}
.cms-row-up:nth-child(2n+1) {
    float:left;
}
.cms-row-up:nth-child(2n+2) {
    float:right;
}
.excerpt_cms0_btn {
    float:right;
    font-size:14px;
    font-weight:100;
    color:#2c3747;
    background:#eeeeee;
    padding:5px 10px;
    border-radius:3px;
}
.excerpt_cms0_btn:hover {
    background:#4e89ff;
    color:#fff;
}
.pshide {
    background:#fff;
    position:relative;
    overflow:hidden;
    padding:20px;
    width:70%;
    border-radius:0;
    border-left:5px solid #ff5f53;
    box-shadow:0px 0px 20px #d0d0d0;
}
.pshide .title {
    margin:0;
    color:#777;
    line-height:20px;
    padding:0 0px 10px 0px;
}
.pshide .title span {
    float:right;
    margin-right:20px;
    color:#ff5e52;
}
.pshide .title .fa {
    float:right;
    padding:0;
    color:#ff5e52;
    font-size:20px;
}
.pshide .box {
    padding:5px 0 0 0;
}
.pshide .box input {
    width:60%;
    border:1px solid #f2f2f2;
    color:#737373;
    font-size:13px;
    height:35px;
    line-height:35px;
    background:#f2f2f2;
    border-radius:4px;
    outline:none;
    float:left;
    padding:0 10px;
}
.pshide .box button {
    border:none;
    border-radius:4px;
    margin-left:14px;
    height:35px;
    background-color:#3b8cff;
    color:#fff;
    outline:none;
    font-size:13px;
    width:30%;
    float:right;
}
.pshide .box button:hover {
    background-color:#5fa1ff
}
.hidetitle {
    position:absolute;
    bottom:0;
    width:100%;
    padding-top:140px;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image:linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    text-align:center;
    padding-bottom:20px;
}
.hidetitle .collapseButton {
    padding:6px 30px;
    border-radius:5px;
    color:#4e89ff;
    text-decoration:none;
}
.hidetitle .collapseButton .fa {
    color:#4e89ff;
    padding-left:5px;
}
.hidetitle .collapseButton:hover {
    color:#828890;
}
.relates-thumb ul {
    overflow:hidden;
    padding:0;
    margin:0;
    width:100%;
    margin-bottom:0;
}
.relates-thumb li {
    width:22.5%;
    display:inline-block;
    vertical-align:top;
    margin-bottom:0px;
    margin:0 1%;
}
.relates-thumb h4 {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:4px 15px 0;
    height:40px;
    overflow:hidden;
    background-color:#656565;
    background-color:rgba(0, 0, 0, .7);
    color:#fff;
    margin:0;
    font-size:12px;
    line-height:17px
}
.relates-thumb time {
    color:#fff;
    background-color:#4e89ff;
    display:inline-block;
    padding:2px 5px;
    font-size:12px;
    position:absolute;
    top:0;
    left:0;
}
.relates-thumb a {
    display:block;
    position:relative;
    overflow:hidden;
    height:135px;
}
.relates-thumb a:hover h4 {
    background-color:#4e89ff;
}
.relates-thumb a:hover time {
    color:#fff;
}
@media screen and (max-width:480px) {
    .pads {
        margin-right:-3%
    }
    .relates-thumb li {
        width:46%;
        margin:0 1%;
        margin-bottom:12px;
    }
    .relates-thumb h4 {
        font-size:12px
    }
    .relates-thumb img {
        max-width:100%;
        margin-bottom:5px;
        min-width:165px;
        min-height:120px;
        height:120px
    }
}
.relates-thumb img:hover {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.relates-thumb img {
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    -ms-transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    width:100%;
    height:100%
}
.relates-text ul {
    list-style:disc;
    margin-left:0;
    color:#bbb;
    margin-bottom:20px;
    display:inline-block;
    padding:0;
}
.relates-text li {
    margin-top:20px;
    float:left;
    width:50%;
    overflow:hidden;
    color:#bbb;
    border-left:3px solid #4e88fe;
}
.relates-text h4 {
    margin-right:20px;
    padding-left:10px;
    color:#555;
    font-size:14px;
    line-height:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:5px 0;
}
.relates-text h4:hover {
    color:#4e88fe;
    border-left:5px solid #4e88fe
}
.relates-text img {
    display:none;
    width:0;
    height:0
}
.relates-text time {
    display:none
}
.vihide {
    position:relative;
    display:inline-block;
    text-align:center;
    border:1px dashed #ff5e52;
    padding:8px;
    margin:10px auto;
    color:#ff5e52;
    width:100%;
}
.vihide p {
    margin:0;
    padding:0 60px;
}
.vihide::before {
    position:absolute;
    top:0;
    left:0;
    content:"\9690\85cf\5185\5bb9";
    background-color:#ff5e52;
    color:#fff;
    line-height:1;
    padding:4px 5px;
    font-size:12px;
    border-radius:0 0 2px 0;
    margin:-1px;
}
.vihide a {
    color:#4e88fe
}
.vihide a:hover {
    color:#ffb300
}
.fcode {
    margin-bottom:20px;
    overflow:hidden;
    clear:both
}
#respond {
    position:relative;
    background:#fff;
    overflow:hidden;
    border-radius:5px;
}
.comment {
    position:relative
}
.comment #respond {
    padding:10px;
    margin-top:10px;
}
.comment #commentform {
    margin-bottom:0;
    position:relative;
}
.commentnew .comt-m {
    margin-bottom:5px
}
#postcomments {
    background:#fff;
    padding-bottom:15px;
}
.commentlist {
    list-style:none;
    margin:0;
    padding:0;
    background:#fff;
}
.commentlist .comment {
    background:#f6f6f6;
    padding:20px;
    margin:0 15px;
    margin-bottom:10px;
}
.comt-avatar {
    width:36px;
    height:36px;
    background:none;
    float:left;
    display:inline;
    position:relative;
    border-radius:100px;
}
.commentnew .comt-avatar {
    margin-top:0;
}
.children {
    padding:0 0px 0px 40px;
}
.comt-avatar .avatar {
    display:block;
    border-radius:50%;
    width:36px;
    height:36px;
}
.comt-main {
    margin-left:46px;
    margin-right:60px;
    color:#888;
    position:relative;
    font-size:14px;
    word-wrap:break-word;
    overflow:hidden;
}
.comt-main-img {
    overflow:hidden;
}
.photos-thumb {
    float:left;
    padding:0;
    position:relative;
}
.photos-thumb:after {
    content:' ';
    width:0;
    height:0;
    line-height:0;
    font-size:0;
    border:6px dashed transparent;
    border-top:6px solid #4e88fe;
    position:absolute;
    left:17px;
    filter:alpha(opacity=0);
    opacity:1;
    bottom:-12px;
    background:0 0;
}
.photos-thumb li {
    float:left;
    border:2px solid #f2f2f2;
    padding:2px;
    margin-right:8px;
    position:relative;
    transition:border-color .2s ease-out;
    cursor:default;
}
.photos-thumb .current {
    border:2px solid #4e88fe;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
}
.photos-thumb img {
    width:40px;
    height:40px;
}
.photo-viewer {
    float:left;
}
.photo-viewer img {
    position:relative;
    margin:10px 0;
    border:1px solid #ccc;
    background:#fff;
    padding:2px;
    overflow:hidden;
}
.comt-main p {
    margin-bottom:0;
}
.comt-author {
    margin-right:5px
}
.url {
    color:#4e88fe
}
.url:hover {
    color:#4e88fe;
    text-decoration:underline;
    opacity:.85;
    filter:alpha(opacity=85)
}
.comt-meta {
    font-size:12px;
    color:#bbb
}
.super-author {
    background:#4e88fe;
    padding:0 5px;
    color:#fff;
    border-radius:2px;
    margin-right:5px;
}
.comment-vp1 {
    padding:0 5px;
    background:#4e88fe;
    color:#fff;
    border-radius:2px;
}
.comment-vp2 {
    padding:0 5px;
    background:#ff7406;
    color:#fff;
    border-radius:2px;
}
.comment-vp3 {
    padding:0 5px;
    background:#9a7a21;
    color:#fff;
    border-radius:2px;
}
.comt-meta .signin-loader {
    margin-left:10px
}
.comment-reply-link {
    font-size:12px;
    color:#bbb;
    display:none
}
.comment:hover>.comt-main .comment-reply-link {
    display:inline-block;
    margin-left:5px
}
.comment pre {
    margin:3px 0 5px;
    padding:7px 10px;
    border-radius:1px
}
.depth-1 {
    padding:5px 0px;
}
.comment .children {
    list-style:none;
    padding:0
}
.comment .children .comment {
    margin:10px 0;
    box-shadow:none;
    padding:10px;
    background:#efefef;
}
.commentlist>.comment .children {
    margin-left:46px
}
.comt-f {
    position:relative;
    top:10px;
    right:0px;
    font-size:16px;
    color:#ccc;
    float:right;
}
.comment:hover .comt-f {
    color:#666
}
.comt-approved {
    border-radius:2px;
    font-size:12px;
    background-color:#eee;
    color:#999;
    display:inline-block;
    padding:1px 5px 0;
    margin-top:4px;
    line-height:20px;
    margin-left:5px
}
.wp-smiley {
    margin-bottom:2px;
    height:20px !important;
    width:20px !important;
    max-height:20px !important;
}
.sidebarfix .comt-main {
    padding:6px 0 4px;
    line-height:20px;
    font-size:12px
}
.sidebarfix .depth-1 {
    border-bottom-color:#eee
}
.sidebarfix .comment .children .comment {
    border-top-color:#eee
}
#comments {
    margin-bottom:15px;
    font-size:16px;
    margin:0;
    padding:20px 0px;
}
#comments b {
    font-weight:normal;
    color:#ff5e52
}
#comments .pull-right {
    font-size:12px;
    position:relative;
    top:5px
}
#commentform {
    margin-bottom:5px;
}
#no-sofa {
    background:#fff;
    padding:30px 0;
    min-height:60px
}
.sofa {
    background:url(../img/sofa.png) no-repeat;
    min-height:54px;
    width:260px;
    opacity:.8;
    filter:alpha(opacity=80);
    margin:0 auto;
}
.sofa:hover {
    opacity:1;
    filter:alpha(opacity=100)
}
.comt-count {
    float:right;
    color:#999;
    margin-bottom:5px
}
.comt {
    position:relative;
}
.comments-box {
    background:#fff;
    overflow:hidden;
    padding:15px;
}
.comments-box .title h3 {
    padding:9px 0;
}
.comment-user-change {
    margin-right:10px;
    float:right;
    background:#4ba7fd;
    color:#fff;
    padding:0 5px;
    border-radius:5px;
    margin-top:5px;
}
.comment-user-change:hover {
    color:#fff !important;
    opacity:.9;
}
.comment-user-avatar-name {
    float:left;
    margin-right:10px;
}
.comt-title {
    font-size:12px;
    color:#999;
    position:absolute;
    right:10px;
    top:10px;
    z-index:999;
    text-align:right;
}
.comt-title .avatar {
    height:36px;
    width:36px;
    border-radius:50%;
    float:right;
}
.comments-box strong {
    float:right;
    line-height:36px;
    padding:0 10px;
    color:#4e89ff;
    font-size:15px;
    font-weight:400;
}
.comt-box {
    background-color:#fff;
    position:relative;
    background:#f6f6f6;
    overflow:hidden;
    border:1px solid #f6f9fa;
    width:100%;
}
#smiley {
    background:#f6f6f6;
    margin-top:5px;
    padding:10px;
}
#smiley>a {
    padding:5px;
}
#smiley>a:hover img {
    opacity:0.7;
}
#smiley>a>img {
    vertical-align:-webkit-baseline-middle;
}
.comt-ctrl {
    background-color:#f6f6f6;
    height:37px;
    border-top:solid 1px #f6f6f6;
    margin-right:100px;
    border-radius:5px;
}
#submit {
    position:absolute;
    right:0;
    bottom:0;
    background:#394048;
    border:0;
    border:0;
    border-color:#394048;
    border-left:none;
    border-top:0;
    padding:0;
    width:100px;
    height:36px;
    color:#fff;
    outline:0;
    font-size:16px;
}
#submit:hover {
    background:#4b545f
}
#comment {
    width:100%;
    resize:none;
    overflow-x:hidden;
    overflow-y:auto;
    border:0;
    line-height:22px;
    font-size:14px;
    outline:0;
    height:100px;
    padding:10px 183px 10px 10px;
    color:#a7a7a7;
    background:#f6f6f6;
}
#comment::-webkit-input-placeholder {
    color:#a7a7a7
}
.comt-tips {
    text-align:center;
    margin-right:110px;
    line-height:140px;
    font-size:18px;
    color:#fff
}
.comt-tip {
    position:absolute;
    top:0;
    left:0;
    background:#394048;
    right:0;
    z-index:2;
    bottom:0;
    border-radius:5px;
}
.comt-error {
    background:#ff5e52
}
.comt-comterinfo {
    padding:15px 0 0 0;
    text-align:center;
    position:relative;
}
.comt-comterinfo .input-group-addon {
    background-color:#f6f6f6;
    color:#999;
    border:none;
    border-radius:5px 0 0 5px;
    max-width:40px;
}
.comt-comterinfo ul {
    padding:0;
    margin:0;
    list-style:none;
    text-align:left;
    display:inline-block
}
.comt-comterinfo li {
    margin-bottom:10px;
    display:table;
    width:48%;
}
.comt-comterinfo li:nth-child(2n+1) {
    float:left;
}
.comt-comterinfo li:nth-child(2n+2) {
    float:right;
}
.comt-comterinfo input {
    position:relative;
    border:none;
    border-radius:0px 5px 5px 0px;
    height:40px;
    padding:3px 10px 3px 0px;
    outline:0;
    width:100%;
    font-size:12px;
    box-shadow:none;
    background:#f6f6f6;
    color:#a7a7a7;
}
.comt-comterinfo input::-webkit-input-placeholder {
    color:#a7a7a7
}
#cancel-comment-reply-link {
    display:none;
    font-size:12px;
    text-align:center;
    margin-top:7px;
    color:#999
}
#cancel-comment-reply-link:hover {
    color:#ff5e52
}
.comment #cancel-comment-reply-link {
    display:block;
    float:right;
    margin:0;
    margin-right:5px;
    background:#ff5e52;
    color:#fff;
    padding:0 5px;
    border-radius:5px;
    margin-top:5px;
}
.comment-signarea {
    background-color:#f6f6f6;
    border-radius:7px;
    padding:30px 20px;
    text-align:center;
    margin-bottom:20px
}
.comment-signarea h3 {
    margin:0;
    padding:0;
    margin-bottom:15px;
    font-weight:normal;
    font-size:18px
}
.comment-signarea .auth {
    margin:0 5px
}
ul.countdown {
    text-align:center;
    position:absolute;
    top:40px;
    left:0;
    right:0;
    color:#fff;
    font-weight:100;
    opacity:1;
    text-shadow:0.8px 0 5px #333;
}
ul.countdown li {
    display:inline-block
}
ul.countdown li span {
    font-size:50px;
    line-height:80px;
    color:#fff;
    margin:0;
}
ul.countdown li.seperator {
    font-size:50px;
    line-height:70px;
    vertical-align:top
}
ul.countdown li p {
    color:#ffffff;
    font-size:14px;
}
.source {
    width:405px;
    margin:0 auto;
    background:#4f5861;
    color:#a7abb1;
    font-weight:bold;
    display:block;
    white-space:pre;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
.rollbar {
    visibility:hidden;
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    transition:all .25s ease-in;
    position:fixed;
    bottom:40px;
    right:40px;
    z-index:1000;
    opacity:0;
}
.rollbar ul {
    margin:0;
    padding:0;
    list-style:none;
    width:50px
}
.rollbar li {
    position:relative;
    margin-top:10px;
    text-align:center;
    filter:alpha(opacity=40);
}
.rollbar a {
    display:block;
    position:relative;
    height:51px;
    width:51px;
    border-radius:100%;
    border-width:0px;
    text-align:center !important;
    font-size:18px;
    background:#4e89ff;
    color:#ffffff;
    transition:all ease-in .15s;
    outline:0;
    cursor:pointer;
}
.rollbar a:hover {
    color:#fff
}
.rollbar .fa {
    line-height:50px;
    font-size:18px;
}
.rollbar li:hover, .rollbar li:hover h6 {
    opacity:.9;
    filter:alpha(opacity=90)
}
.rollbar li:hover h6 {
    right:100%
}
.rollbar h6, .rollbar .fweixin_s {
    position:absolute;
    z-index:1;
    top:50%;
    right:70%;
    margin:-13px 10px 0 0;
    line-height:26px;
    font-size:12px;
    background-color:#666;
    color:#fff;
    width:53px;
    border-radius:2px;
    text-align:center;
    opacity:0;
    filter:alpha(opacity=0);
}
.rollbar h6 i, .rollbar .fweixin_s h4 i {
    position:absolute;
    right:-4px;
    top:50%;
    margin-top:-4px;
    display:inline-block;
    width:0;
    height:0;
    vertical-align:middle;
    border-left:4px solid #666;
    border-top:4px solid rgba(0, 0, 0, 0);
    border-bottom:4px solid rgba(0, 0, 0, 0);
}
.rollbar .fweixin_s {
    margin-right:30px;
    padding:4px;
    background:#49ce59;
    visibility:hidden;
}
.rollbar .fweixin_s h4 {
    font-size:12px;
    margin:5px 0;
}
.rollbar li:hover .fweixin_s {
    top:-50%;
    opacity:1;
    width:100px;
    visibility:initial;
}
.rollbar .fweixin_s h4 i {
    border-left:4px solid #5bd269;
}
.rollbar-totop {
    visibility:inherit;
    opacity:1;
}
.swiper-post {
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    padding:12px;
    background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index:1;
    text-align:left;
}
.swiper-post h3 {
    font-size:16px;
    margin-bottom:4px;
}
.swiper-post p {
    display:block;
    width:76%;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    color:#ddd;
}
.carousel-inner>.item .description {
    padding-top:5px;
}
.f404 {
    text-align:center;
    margin:100px 0
}
.f404 h1 {
    font-size:60px;
    margin:40px 0 20px
}
.f404 h2 {
    font-size:16px;
    margin-bottom:20px
}
.pagination {
    width: 100%;
    margin-top:20px;
    text-align:center;
    font-size:12px;
    margin:20px 0;
}
.pagination .btn {
    border:none;
    margin:20px auto;
}
.pagination ul {
    display:inline-block;
}
.pagination ul>li {
    display:inline;
}
.pagination ul>li>a, .pagination ul>li>span {
    margin:0 2px;
    float:left;
    padding:5px 15px;
    background-color:#ececec;
    color:#666;
    opacity:.88;
}
.pagination ul>.next-page>a, .pagination ul>.prev-page>a {
    background:#4e89ff;
    color:#fff;
}
.pagination ul>li>a:hover, .pagination ul>li>a:focus {
    opacity:1
}
.pagination ul>.active>a, .pagination ul>.active>span {
    background:#4e89ff;
    color:#fff;
}
.pagination ul>.active>a, .pagination ul>.active>span {
    cursor:default
}
.pagination ul>li>span, .pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
    color:#999;
    background-color:transparent;
    cursor:default
}
.pagination-loading {
    font-size:16px;
    text-align:center;
    color:#999;
    padding:15px 0
}
.pagination-loading img {
    width:80px
}
.latest-visit {
    padding:0 10px;
    display:block;
    margin-top:-10px;
}
.oldvist .latest-visit {
    margin-top:-5px;
}
.row-share>.share-close {
    position:absolute;
    font-size:24px;
    color:#fff;
    display:inline-block;
    cursor:pointer;
    bottom:20px;
    line-height:1;
    right:0;
    background:#33383c;
    padding:6px 10px;
    border-radius:50px 0px 0px 50px;
    -webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    transition:all .1s ease-in;
}
.row-share>.share-close:hover {
    -webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    transition:all .1s ease-in;
    cursor:default;
    padding:6px 20px;
    background:#525252;
}
.row-share>.img-share {
    position:relative;
    min-height:333px;
    max-width:50%;
    float:left;
}
.row-share>.img-share img {
    border:1px #eee solid;
}
.row-share .action-haibao {
    display:none;
}
.row-share>.share-item {
    position:relative;
    min-height:333px;
    max-width:50%;
    float:right;
    width:100%;
    display:block;
    margin-top:10%;
}
.row-share>.share-item>h3 {
    font-size:15px;
    font-weight:bold;
}
.row-share>.share-item>.button {
    width:100%;
    margin:20px 0;
}
.row-share>.share-item>.button>.btn {
    width:180px;
    border-radius:50px;
    padding:12px 0;
    border:none;
}
.row-share>.share-item>.button>.btn-danger {
    background-color:#e24040;
}
.row-share>.share-item>.button>.btn-danger:hover {
    background-color:#b93535;
}
.row-share>.share-item>.button>.btn-info {
    background-color:#4e88fe;
}
.row-share>.share-item>.button>.btn-info:hover {
    background-color:#1a80bf;
}
.row-share>.share-item>.button>.btn-warning {
    background-color:#f3951e;
}
.row-share>.share-item>.button>.btn-warning:hover {
    background-color:#d28818;
}
.row-share>.share-item>.button>.btn-primary {
    background-color:#33383c;
}
.row-share>.share-item>.button>.btn-primary:hover {
    background-color:#000000;
}
.content-single {
    float:left;
    margin-right:180px;
    width:180px;
    position:absolute;
    opacity:1;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    transition:all .5s ease-in;
    right:0;
    top:0;
}
.haibao-on>.row-share {
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    transition:all .25s ease-in;
    opacity:1;
    visibility:inherit;
}
.row-share {
    position:fixed;
    top:33%;
    left:50%;
    margin:-150px 0 0 -333px;
    width:666px;
    background-color:#FFF;
    padding:20px 20px 20px;
    border-radius:4px;
    visibility:hidden;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
    z-index:9999;
    opacity:0;
    text-align:center;
}
.row-share>.text-weixin {
    display:none;
}
.content-item {
    float:left;
    width:16.6666666%;
    padding-left:5px;
    padding-right:5px;
    box-sizing:border-box;
    margin-bottom:15px;
}
.content-item a {
    text-decoration:none;
    box-sizing:border-box;
}
.content-item .item-box {
    transition:all 0.15s cubic-bezier(.4, 0, .2, 1);
    cursor:pointer;
    background-color:#fff;
    height:210px;
    position:relative;
}
.content-item .item-box:hover .item-list {
    opacity:1;
}
.content-item .item-box .item-list {
    overflow:hidden;
    -webkit-transition:all .25s, background-color .25s;
    transition:all .25s, background-color .25s;
    opacity:0
}
.content-item .item-box .item-list span {
    color:#fff;
    font-size:12px;
    font-weight:inherit;
    background:#4e88fe;
    padding:2px 5px;
    top:0;
    left:0;
    position:absolute;
    z-index:1;
}
.content-item .item-box .item-list p {
    position:absolute;
    bottom:80px;
    right:0;
    left:0;
    padding:10px;
    background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index:1;
    margin:0;
    color:#fff;
    font-size:12px;
    max-height:80px;
}
.content-item .item-box:hover {
    box-shadow:0 0 15px rgba(32, 41, 53, 0.1)
}
.content-item .item-box .img-area {
    width:100%;
    overflow:hidden;
    height:130px;
    overflow:hidden;
}
.content-item .item-box:hover img {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}
.content-item .item-box img {
    height:100%;
    width:100%;
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.content-item .item-box .box-header {
    padding:12px 15px;
    color:#555;
    box-sizing:border-box;
    -webkit-transition:color .25s, background-color .25s;
    -moz-transition:color .25s, background-color .25s;
    -ms-transition:color .25s, background-color .25s;
    -o-transition:color .25s, background-color .25s;
    transition:color .25s, background-color .25s;
}
.content-item .item-box .box-header:hover {
    color:#4e88fe
}
.content-item .item-box .box-header p {
    margin:0;
    font-size:13px;
    height:40px;
    overflow:hidden;
}
.content-item .item-box .box-header time {
    font-size:12px;
    color:#999;
    float:left;
}
.content-item .item-box .box-header strong {
    font-weight:inherit;
    font-size:12px;
    color:#999;
    float:right;
}
.ias_trigger {
    margin:15px 0 0
}
.ias_trigger a {
    display:block;
    background-color:#e6e6e6;
    line-height:32px;
    text-align:center;
    color:#999
}
.ias_trigger a:hover {
    display:block;
    background-color:#ddd;
    color:#666
}
.promo {
    background-color:#ffffff;
    padding:25px 20px;
    text-align:center;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
}
.promo h2 {
    color:#3f3f3f;
    font-size:14px;
    margin:0 0 20px 0;
    text-transform:uppercase;
}
.promo p {
    color:rgb(122, 122, 122);
    font-size:12px;
    margin:0;
}
.promo a {
    font-family:"Montserrat", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color:#424242 !important;
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, .08), transparent);
    border:0;
    color:#fff !important;
    display:inline-block;
    font-size:13px;
    font-weight:400;
    line-height:24px;
    min-height:44px;
    padding:10px 16px;
    text-align:center;
    text-shadow:0 -1px rgba(0, 0, 0, .05);
    transition:background-color .15s linear;
    white-space:nowrap;
    display:block;
    font-size:11px;
    margin:20px 0 0 0;
    min-height:22px;
    padding:4px 10px;
}
.pagenav {
    overflow:hidden;
    text-align:center;
    padding:5px;
}
.pagenav a, .pagenav .current, .pagenav .page-numbers {
    padding:6px 12px 5px;
    color:#666;
    display:inline-block;
    border-radius:3px;
    background-color:#eee;
    margin:0 1px;
    font-size:12px
}
.pagenav .current {
    background-color:#4e88fe;
    color:#fff
}
.pagenav a:hover {
    background-color:#ccc;
    color:#444
}
.m-mask, .gg-minicat {
    display:none;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9998;
    background-color:#222;
    background-color:rgba(0, 0, 0, 0.8);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.gg-minicat {
    background-color:rgba(0, 0, 0, 0.4);
    display:block;
    z-index:999998;
}
.iyellow {
    margin:20px 0;
    padding:15px 15px 15px 70px;
    font-size:12px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    background:url(../img/warning.png) no-repeat 20px 20px #fff0b5;
    color:#b09e56
}
.iyellow p {
    color:#b09e56
}
.iyellow a {
    color:#a84a1e
}
.iyellow b, .shortcodestyle strong {
    padding:0;
    margin:0;
    background:0;
    font-weight:bold;
    border-radius:0
}
.igreen {
    margin:20px 0;
    padding:15px 15px 15px 70px;
    font-size:12px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    background:url(../img/yes.png) no-repeat 20px 20px #eff4d4;
    color:#779b39
}
.igreen p {
    color:#779b39
}
.igreen a {
    color:#cf3805
}
.igreen b, .shortcodestyle strong {
    padding:0;
    margin:0;
    background:0;
    font-weight:bold;
    border-radius:0
}
.iblue {
    margin:20px 0;
    padding:15px 15px 15px 70px;
    font-size:12px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
    background:url(../img/info.png) no-repeat 20px 20px #e4eff9;
    color:#5d93b2;
}
.iblue p {
    color:#5d93b2
}
.iblue a {
    color:#2275e2
}
.iblue b, .shortcodestyle strong {
    padding:0;
    margin:0;
    background:0;
    font-weight:bold;
    border-radius:0
}
.iash {
    margin:20px 0;
    padding:15px 15px 15px 70px;
    font-size:12px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    background:url(../img/ash.png) no-repeat 20px 20px #f2f2f2;
    color:#f6f6f6;
}
.iash p {
    color:#394048;
}
.iash a {
    color:#394048 !important;
}
.iash a:hover {
    color:#4e89ff !important;
}
.iash b, .shortcodestyle strong {
    padding:0;
    margin:0;
    background:0;
    font-weight:bold;
    border-radius:0
}
.ired {
    margin:20px 0;
    padding:15px 15px 15px 70px;
    font-size:12px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    background:url(../img/noway.png) no-repeat 20px 20px #fadcd8;
    color:#c66
}
.ired a {
    color:#F60
}
.ired b, .shortcodestyle strong {
    padding:0;
    margin:0;
    background:0;
    font-weight:bold;
    border-radius:0
}
.widget {
    clear:both;
    position:relative;
    margin-bottom:20px;
    overflow:hidden;
}
.widget h3 {
    position:relative;
    font-size:15px;
    line-height:1;
    font-weight:inherit;
    margin:0 auto;
    display:inline-block;
    padding-bottom:5px;
    line-height:1;
    border-bottom:1px #eee solid;
    margin-bottom:10px;
}
.widget h3:after {
    font:normal normal normal 14px/1 FontAwesome;
    content:"\f105";
    float:left;
    font-size:15px;
    margin-right:6px;
}
.widget_about h3:after {
    display:none
}
.widget.affix {
    position:fixed;
    width:300px;
}
.widget_ui_comments {
    background-color:#fff;
    padding:15px
}
.widget_ui_comments li {
    overflow:hidden;
    font-size:12px
}
.widget_ui_posts li {
    overflow:hidden;
    border-bottom:1px solid #f0f0f0;
    width:100%;
    padding:10px 0;
}
.widget-navcontent {
    clear:both;
    position:relative
}
.widget-navcontent .item {
    padding:15px;
    width:100%;
    position:absolute;
    left:100%;
    opacity:0
}
.widget-navcontent .item.active {
    left:0;
    opacity:1
}
.widget-navcontent .item-01 li {
    margin-bottom:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px
}
.widget-navcontent .item-01 li a span {
    color:#ff5e52
}
.widget-navcontent .item-01 li a:hover span {
    color:#4e88fe
}
.widget-navcontent .item-01 time {
    float:right;
    color:#bbb;
    margin-left:10px
}
.widget-navcontent .item-01 li:first-child a {
    font-weight:bold
}
.widget-navcontent .item-02 dl {
    padding:10px 0 0 80px;
    overflow:hidden;
    margin-bottom:20px
}
.widget-navcontent .item-02 dt {
    float:left;
    margin-left:-70px
}
.widget-navcontent .item-02 dd {
    padding-top:6px;
    font-size:16px
}
.widget-navcontent .item-02 dd .text-muted {
    font-size:14px;
    display:block;
    height:20px;
    overflow:hidden
}
.widget-navcontent .item-02 .avatar {
    border:2px solid #e6e6e6;
    border-radius:100px;
    width:50px;
    height:50px
}
.widget-navcontent .item-02 ul {
    overflow:hidden;
    font-size:12px;
    padding-left:82px;
    color:#999
}
.widget-navcontent .item-02 li {
    float:left;
    width:50%;
    margin-bottom:10px
}
.widget-navcontent .item-02 p {
    text-align:center
}
.widget-navcontent .item-02 h4 {
    text-align:center;
    font-size:20px;
    line-height:20px;
    margin:25px 0
}
.widget-navcontent .item-03 {
    text-align:center
}
.widget-navcontent .item-03 h2 {
    font-size:20px;
    line-height:32px;
    margin:10px 0
}
.widget-navcontent .item-03 strong {
    font-weight:normal;
    color:#ff5e52
}
.widget-navcontent .item-04 {
    text-align:center
}
.widget-navcontent .item-04 h2 {
    font-size:20px;
    line-height:40px;
    margin:20px 0
}
.widget_product {
    background:#fff;
}
.price_sale {
    border-top:1px solid #eee;
    padding:10px 0px;
}
.price_sale strong {
    float:right;
    font-size:20px;
    line-height:1;
    font-weight:100;
}
.price_sale h2 {
    margin:0;
    font-size:14px;
    color:#999;
    line-height:20px;
}
.product_info h2 {
    font-size:20px;
    margin:0;
    font-weight:bold;
    padding:5px 0 10px 0;
}
.product_info>ul>li {
    font-size:13px;
    margin-bottom:8px;
    list-style:none;
}
.product_content {
    padding:15px;
}
.product_content>.btn {
    padding:10px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    width:100%;
}
.widget_about {
    background-color:#fff;
    position:relative;
    font-size:12px;
    padding:20px;
}
.widget_about .about img {
    margin:-20px -20px 12px;
    width: calc(100% + 40px);
    max-width:inherit;
    height: 200px;
}
.widget_about h3 {
    line-height:24px;
    font-weight:normal;
    text-rendering:optimizelegibility;
    font-size:16px;
    color:#4e89ff;
    padding-bottom:0px;
    border:none;
}
.widget_about span, .mall_foot li span {
    color:#666;
    display:block;
    font-weight:normal;
    margin:4px 0 12px;
}
.widget_about .excerpt {
    margin:4px 0 12px;
    display:block;
    text-align:justify;
    padding:0;
    border:none;
    box-shadow:none;
    border-radius:0;
    width:100%;
}
.widget_about .excerpt p {
    margin-bottom:8px;
    color:#999;
}
.widget_about .excerpt h4 {
    font-size:12px;
    color:#f72611;
    margin:0px;
}
.widget_about .about ul li:hover {
    background:#fefefe
}
.widget_about .about ul, .mall_foot {
    border-top:1px #f4f4f4 solid;
    margin:10px 0px 0px;
    padding:0;
    font-size:0;
}
.widget_about .about ul li, .mall_foot li {
    width:25%;
    text-align:center;
    padding:12px 0;
    position:relative;
}
.mall_foot li {
    padding:12px 16px;
}
.float-left {
    float:left;
}
.float-right {
    float:right;
}
.owl-carousel .owl-wrapper:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel {
    display:none;
    position:relative;
    width:100%;
    -ms-touch-action:pan-y;
    margin-top:12px;
}
.owl-carousel .owl-wrapper {
    display:none;
    position:relative;
    -webkit-transform:translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
    overflow:hidden;
    position:relative;
    width:100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -ms-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}
.owl-carousel .owl-item {
    float:left
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor:pointer
}
.owl-controls {
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
.grabbing {
    cursor:url(grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0)
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
    background-color:#4e89ff;
    border-radius:50%;
    color:#ffffff;
    font-size:18px;
    height:20px;
    line-height:20px;
    position:absolute;
    text-align:center;
    top:80px;
    width:20px;
    box-shadow:0 0px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    transition:all .15s ease-in;
}
.owl-buttons .owl-prev.disabled, .owl-buttons .owl-next.disabled {
    background:#8fb4ff;
    cursor:auto;
}
.owl-buttons .owl-prev.disabled:hover, .owl-buttons .owl-next.disabled:hover {
    background:#8fb4ff;
}
.owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
    background-color:#3c6ed2;
}
.owl-buttons .owl-prev {
    left:-5px;
}
.owl-buttons .owl-next {
    right:-5px;
}
.post-slide {
    position:relative;
    border-radius:2px;
    display:flex;
    height:180px;
    overflow:hidden;
}
.post-slide .post-img {
    overflow:hidden;
    border-bottom:1px solid #f1f1f1;
    height:250px;
    position:absolute;
    left:0;
    top:0;
    background-size:cover;
    background-repeat:no-repeat;
}
.post-slide .post-img img {
    width:100%;
    height:100%;
    transform:scale(1);
    transition:all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img {
    transform:scale(1.08);
}
.post-slide .post-content {
    background:#ffffff;
    padding:20px;
    margin:4px;
    position:relative;
    justify-content:center;
    z-index:1;
    align-items:center;
    width:100%;
    box-sizing:border-box;
    box-shadow:0 0px 10px rgba(160, 160, 160, 0.1);
}
.post-slide .post-content:hover {
    box-shadow:0 0px 5px rgba(160, 160, 160, 0.3);
}
.post-slide .post-content .thumb {
    height:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%;
    opacity:0.1;
    z-index:1;
}
.post-slide .post-content:before {
    content:"";
    position:absolute;
    width:4px;
    height:24px;
    top:18px;
    left:0;
    background:linear-gradient(to right, #4e89ff, #4ba7fd);
    box-shadow:8px 0px 12px 0 rgba(78, 137, 255, 0.55);
    border-radius:2px;
}
.post-slide .post-content:after {
    content:"";
    position:absolute;
    right:0;
    top:0;
    background-image:url(../img/tuijian.png);
    z-index:10;
    width:40px;
    height:40px;
    background-size:cover;
    background-repeat:no-repeat;
}
.post-slide .post-title {
    z-index:3;
    font-size:16px;
    position:relative;
    color:#4a4a4a;
    font-weight:600;
    margin:0;
    text-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);
}
.post-slide .post-title a {
    display:inline-block;
    color:#2c3747;
    transition:all 0.3s ease 0s;
}
.post-slide .post-title a:hover {
    color:#4e89ff;
    text-decoration:none;
}
.mall-cat-category-body {
    margin:13px 0 0;
    z-index:2;
    position:relative;
}
.post-slide .post-description {
    font-size:15px;
    color:#676767;
    line-height:24px;
    margin-bottom:14px;
}
.post-slide .post-bar {
    padding:0;
    margin-bottom:15px;
    list-style:none;
    position:absolute;
    bottom:0;
    left:auto;
    z-index:4;
}
.post-slide .post-btn {
    text-align:center;
}
.post-slide .post-bar li {
    color:#2c3747;
    padding:2px 0;
}
.post-slide .post-bar li .pv, .post-slide .post-bar li .time {
    text-align:left;
    font-size:12px;
    color:#2c3747;
    text-shadow:0px 2px 2px rgba(0, 0, 0, 0.1);
}
.post-slide .post-bar li b {
    color:#4e89ff;
    font-size:18px;
    font-weight:400;
}
.post-slide .post-bar li i {
    margin-right:5px;
}
.post-slide .post-bar li a {
    display:inline-block;
    font-size:12px;
    color:#808080;
    transition:all 0.3s ease 0s;
}
.post-slide .read-more {
    display:inline-block;
    padding:10px 30px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    background:#4e88fe;
    border-bottom-right-radius:10px;
    text-transform:capitalize;
    transition:all 0.30s linear;
}
.post-slide .read-more:hover {
    background:#333;
    text-decoration:none;
}
.hot_posts .suiji:hover .title-icon, .hot_posts .hots:hover .title-icon, .title-icon:hover {
    background:#4e89ff;
}
.hot_posts .suiji:hover .title-icon::before, .hot_posts .hots:hover .title-icon::before, .title-icon:hover::before {
    background:#ff882a;
}
.hot_posts .suiji:hover .title-icon:after, .hot_posts .hots:hover .title-icon::after, .title-icon:hover::after {
    background:#2eb109;
}
.hot_posts {
    background-color:#fff;
    padding:20px;
    position:relative;
    font-size:0;
    margin-top:15px;
}
.hot_posts .hots, .hot_posts .suiji {
    display:inline-block;
    vertical-align:top;
    width:100%;
    padding:0;
}
.hot_posts h3 {
    padding-bottom:6px;
    margin-bottom:8px;
    font-size:18px;
    margin-top:0;
    position:relative;
    font-weight:bold;
}
.hot_posts .suiji:hover h3:after, .hot_posts .hots:hover h3:after {
    width:100px;
}
.hot_posts ul {
    padding:0
}
.hot_posts ul li {
    display:block;
    padding:8px 0;
    -webkit-transition:ease-in-out 0.25s;
    transition:ease-in-out 0.25s;
    font-size:12px;
}
.hot_posts ul li:hover {
    font-size:15px;
    -webkit-transition:ease-in-out 0.25s;
    transition:ease-in-out 0.25s;
}
.hot_posts ul li a {
    display:block;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    line-height:22px;
}
.hot_posts ul li strong {
    float:right;
    font-weight:normal;
    line-height:22px;
    padding-left:15px;
}
.hot_posts ul li a>img {
    width:30px;
    height:22px;
    margin-right:4px;
    border-radius:5px;
    vertical-align:bottom;
}
.hot_posts span {
    width:22px;
    height:22px;
    background-color:#f2f2f2;
    display:inline-block;
    text-align:center;
    margin-right:4px;
    border-radius:25px;
    line-height:22px;
    color:#666;
}
.hot_posts ul li:nth-child(1) span {
    background-color:#fd4b4b;
    color:#fff;
}
.hot_posts ul li:nth-child(2) span {
    background-color:#13b755;
    color:#fff;
}
.hot_posts ul li:nth-child(3) span {
    background-color:#4e89ff;
    color:#fff;
}
.layout_li {
    font-size:12px;
    display:inline-block;
    vertical-align:top;
}
.widget_about .about ul li:before {
    position:absolute;
    content:'';
    top:12px;
    right:0;
    width:1px;
    height:48px;
    background-color:#eee
}
.widget_about .about ul li span, .mall_foot li span {
    display:block;
    color:#999;
}
.widget_about .about ul li b, .mall_foot li b {
    font-size:14px;
    font-weight:normal;
    color:#666;
}
.widget ul {
    zoom:1;
    list-style:none;
    padding:0;
    margin:0;
}
.widget ul ul {
    border:0
}
.widget ul:before, .widget ul:after {
    display:table;
    content:"";
    line-height:0;
}
.widget ul:after {
    clear:both
}
.widget-notip h3 {
    margin-bottom:13px
}
.widget_views li, .widget_rss li, .widget_recent_entries li {
    border-bottom:solid 1px #eee;
    padding:8px 15px;
    font-size:14px
}
.widget_links ul {
    padding:10px 0 10px 15px;
    color:#999;
    font-size:14px
}
.widget_links li {
    width:50%;
    float:left;
    padding:0;
    border-bottom:0;
    margin-bottom:8px;
    line-height:22px;
    height:22px;
    overflow:hidden
}
.widget_links li a {
    color:#777;
    margin-right:15px
}
.widget_links li a:hover {
    color:#4e88fe
}
.widget_pages ul {
    padding:10px 15px 5px;
    overflow:hidden
}
.widget_pages li {
    float:left;
    width:50%;
    margin-bottom:5px
}
.widget_recent_entries span {
    display:block;
    font-size:12px;
    color:#999;
    margin-top:2px
}
.widget_ui_statistics {
    background-color:#fff;
    padding:15px
}
.widget_ui_statistics ul {
    overflow:hidden;
    padding:0;
    line-height:26px;
    color:#888
}
.widget_ui_statistics li {
    float:left;
    width:50%
}
.widget_ui_statistics li strong {
    color:#686868
}
.widget_calendar {
    background-color:#fff;
    overflow:hidden;
    padding:15px
}
#calendar_wrap {
    margin:0 0 10px
}
.widget_calendar table {
    width:100%;
    text-align:center
}
.widget_calendar table caption {
    margin-bottom:5px;
    font-size:18px
}
.widget_calendar table #prev a, .widget_calendar table #next a {
    display:block;
    padding:0 10px
}
.widget_calendar #today{
    font-weight: bold;
    color: #fff;
    background-color: #428bca;
}
.widget_calendar table #prev {
    text-align:left
}
.widget_calendar table #next {
    text-align:right
}
.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th {
    padding:5px 3px;
    border:1px solid #eee
}
.widget_calendar table thead th {
    background-color:#fbfbfb;
    text-align:center
}
.widget_calendar table tbody td a {
    display:block;
    margin:0 3px;
    background-color:#428bca;
    color:#fff
}
.widget_calendar table tbody td a:hover {
    background-color:#357ebd
}
.widget_categories ul {
    overflow:hidden;
    padding:15px;
    color:#999
}
.widget_categories li .children {
    margin-top:10px
}
.widget_categories li {
    float:left;
    width:43%;
    margin-bottom:7px;
    list-style:disc;
    margin-left:20px
}
.widget_categories li a {
    color:#777
}
.widget_categories li a:hover {
    color:#4e88fe
}
.widget_categories li ul {
    display:none;
    padding:0 0 0 15px
}
.widget_categories li li {
    float:none;
    width:auto
}
.widget_categories .screen-reader-text {
    display:none
}
.postform {
    margin-bottom:10px;
    border:1px solid #ddd
}
.widget_nav_menu ul {
    padding:10px 15px 5px;
    color:#999
}
.widget_nav_menu ul li {
    margin-bottom:7px;
    list-style:disc;
    margin-left:20px
}
.widget_rss ul {
    color:#999
}
.widget_meta ul {
    padding:15px;
    color:#999
}
.widget_meta ul li {
    list-style:disc;
    margin-left:20px;
    margin-bottom:5px
}
.widget_ui_asb img {
    display:block
}
.widget_ui_asb .item {
    position:relative;
    overflow:hidden
}
.widget_ui_asb .sell {
    display:block;
    border:solid 1px #d6d6d6;
    color:#999;
    text-align:center;
    height:123px;
    line-height:123px;
    font-weight:bold
}
.widget_ui_asb .sell:hover {
    border-color:#bbb;
    color:#777
}
.widget_ui_readers {
    background-color:#fff;
    padding:15px
}
.widget_ui_readers ul {
    padding:0;
    margin-left:15px;
}
.widget_ui_readers li {
    width:36px;
    height:36px;
    float:left;
    margin:6px 6px 0 0;
    margin-left:-10px;
    margin-top:5px;
    display:inline-block
}
.widget_ui_readers li a {
    display:block
}
.widget_ui_readers li a, .widget_ui_readers li a:hover {
    color:#fff
}
.widget_ui_readers li:hover {
    z-index:20
}
.widget_ui_readers li:hover .avatar-popup {
    display:block
}
.widget_ui_readers .avatar {
    width:36px;
    height:36px;
    border-radius:50%;
    border:2px solid #fff
}
.widget_ui_readers li img:hover {
    position:relative;
    z-index:2;
    box-shadow:0 0 5px ragba(0, 0, 0, 0.2)
}
.widget_ui_comments ul a {
    padding-left:34px;
    padding-top:5px;
    padding-bottom:2px;
    display:block;
    line-height:24px;
    background-color:transparent;
}
.widget_ui_comments ul li:last-child a {
    border-bottom:0
}
.widget_ui_comments ul a:hover {
    color:#999;
    background-color:#fbfbfb
}
.widget_ui_comments span {
    float:left;
    width:70px;
    margin-right:10px;
    font-weight:inherit;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#4e88fe;
}
.widget_ui_comments p {
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.widget_ui_comments time {
    float:right;
    color:#bbb
}
.widget_ui_comments .avatar {
    float:left;
    margin-left:-34px;
    width:24px;
    height:24px;
    border-radius:50%;
}
.widget_ui_textasb {
    border:0;
    background:#fff;
}
.widget_ui_textasb a {
    display:block;
    padding:0 15px 15px;
    border:1px solid #ffffff;
    font-size:12px;
    border-radius:0;
}
.widget_ui_textasb a h2 {
    font-size:20px;
    font-weight:inherit;
    margin-top:14px;
}
.widget_ui_textasb a p {
    color:#999;
    margin-bottom:0
}
.widget_ui_textasb a strong {
    margin:-1px 0 0 0;
    display:inline-block;
    padding:4px 15px;
    color:#fff;
    font-size:14px;
    font-weight:normal
}
.widget_ui_textasb a.style01 {
    color:#428bca
}
.widget_ui_textasb a.style01:hover {
    border-color:#428bca
}
.widget_ui_textasb a.style01 strong {
    background-color:#428bca
}
.widget_ui_textasb a.style02 {
    color:#ff5e52
}
.widget_ui_textasb a.style02:hover {
    border-color:#ff5e52;
    border-radius:5px;
}
.widget_ui_textasb a.style02 strong {
    background-color:#ff5e52
}
.widget_ui_textasb a.style03 {
    color:#5cb85c
}
.widget_ui_textasb a.style03:hover {
    border-color:#5cb85c
}
.widget_ui_textasb a.style03 strong {
    background-color:#5cb85c
}
.widget_ui_textasb a.style04 {
    color:#c35bff
}
.widget_ui_textasb a.style04:hover {
    border-color:#c35bff
}
.widget_ui_textasb a.style04 strong {
    background-color:#c35bff
}
.widget_ui_textasb a.style05 {
    color:#4e88fe
}
.widget_ui_textasb a.style05:hover {
    border-color:#4e88fe
}
.widget_ui_textasb a.style05 strong {
    background-color:#4e88fe
}
.widget_ui_posts {
    background-color:#fff;
    padding:15px;
}
.widget_ui_links {
    background-color:#fff;
    overflow:hidden;
    padding:15px;
}
.widget_links_gduo {
    right:15px;
    position:absolute;
    margin-top:15px;
    z-index:999;
    font-size:12px;
    color:#999;
}
.widget_ui_links li {
    width:50%;
    float:left;
    position:relative;
    border-bottom:1px solid #f6f6f6;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:10px 10px;
    white-space:nowrap;
}
.widget_ui_links li:hover {
    border-bottom:1px solid #4e89ff;
    color:#4e89ff;
}
.widget_ui_links li a {
    color:#888;
    font-size:12px;
    margin-left:10px;
    padding:10px 10px;
}
.widget_ui_links li a:hover {
    color:#4e89ff;
}
.widget_ui_links a:after {
    font:normal normal normal 14px/1 FontAwesome;
    content:"\f0ac";
    position:absolute;
    top:0;
    left:0;
    line-height:1;
    padding:12px 0px;
    color:#4e89ff;
    font-size:16px;
}
.widget_ui_sort {
    background-color:#fff;
    overflow:hidden;
    padding:15px;
}
.widget_ui_sort ul {
    overflow:hidden;
    font-size:12px;
    width:280px;
}
.widget_ui_sort ul a {
    background-color: #FBFBFB;
    border: 1px solid #EAEAEA;
    color: #666;
    float: left;
    font-size: 14px;
    height: 37px;
    line-height: 33px;
    overflow: hidden;
    padding: 0 15px;
    width: 49.5%;
}
.widget_ui_sort a:hover {
    color:#fff;
    border-color:#4e88fe;
    background-color:#4e88fe
}
.widget_ui_tags {
    background-color:#fff;
    overflow:hidden;
    padding:15px;
}
.widget_ui_tags ul {
    overflow:hidden;
    font-size:12px;
    width:280px;
}
.widget_ui_tags ul a {
    color:#999;
    background-color:#f6f6f6;
    float:left;
    width:31.3333%;
    margin:0 1% 1% 0;
    padding:0 8px;
    font-size:12px;
    height:29px;
    line-height:29px;
    overflow:hidden;
}
.widget_ui_tags a:hover {
    color:#fff;
    border-color:#4e88fe;
    background-color:#4e88fe
}
.widget_ui_posts li:last-child a {
    border-bottom:0
}
.widget_ui_posts li a {
    padding:0 0 0 110px;
    color:#888;
    overflow:hidden;
    position:relative;
    display:block;
    font-size:14px;
}
.widget_ui_posts li a:hover .text {
    color:#4e88fe
}
.widget_ui_posts .text {
    display:block
}
.widget_ui_posts .text span {
    color:#ff5e52
}
.widget_ui_posts a:hover .text span {
    color:#4e88fe
}
.widget_ui_posts .thumbnail {
    width:100px;
    float:left;
    margin-left:-110px;
    height:60px;
    overflow:hidden;
}
.widget_ui_posts .thumbnail img {
    width:100px;
    height:60px;
    border-radius:5px;
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.widget_ui_posts .thumbnail img:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
.widget_ui_posts .muted {
    margin-right:15px;
    font-size:12px;
    color:#bbb
}
.widget_ui_posts .nopic li a {
    padding:10px 0
}
.widget_ui_posts .nopic .text {
    margin-top:0;
    color:#888
}
.widget_ui_posts .nopic .text:hover {
    color:#4e88fe
}
.widget_meta .widget_tit {
    margin:0 0 10px
}
.widget_meta ul {
    line-height:24px
}
.widget_meta ul a {
    color:#777
}
.widget_meta ul a:hover {
    color:#4e88fe
}
.widget_archive ul {
    padding:15px 0 15px 15px;
    font-size:14px;
    overflow:hidden;
    color:#999
}
.widget_archive li {
    width:50%;
    float:left;
    margin-bottom:7px
}
.widget_archive li a {
    margin-right:15px
}
.widget_archive select, .widget_categories select {
    margin-top:10px;
    width:91%;
    margin-left:15px;
    height:32px;
    line-height:32px;
    padding:2px
}
.cd-main-content {
    min-height:400px;
    padding:0;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    height:100%;
}
.cd-product-intro {
    width:50%;
    top:35%;
    position:absolute;
    text-align:left;
}
.cd-product-box {
    width:100%;
    top:35%;
    position:absolute;
    text-align:center;
}
.cd-product-box h2 {
    margin:0;
    padding-bottom:20px;
}
.cd-product-intro h2 {
    font-size:48px;
    font-weight:300;
    box-sizing:border-box;
    vertical-align:inherit;
    margin:0;
}
.cd-product-intro h3 {
    font-weight:100;
    font-size:1rem;
}
.cd-product-intro h4 {
    display:none;
}
.cd-image-container {
    width:50%;
    height:50%;
    float:right;
    top:30%;
    position:absolute;
}
.cd-image-container img {
    height:280px;
}
.cd-main-content .intleft {
    left:15px;
}
.cd-main-content .imgleft {
    right:15px;
}
.cd-main-content .intright {
    right:15px;
}
.cd-main-content .imgright {
    left:15px;
}
.cd-main-content .imgleft .img {
    float:right;
    width:400px;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    right:0px;
}
.cd-main-content .imgright .img {
    float:left;
    width:400px;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    right:0px;
}
.cd-main-content .cd-product-intro h2 {
    padding-bottom:20px;
}
.carousel-inner>.item .button .btn {
    margin-left:0;
}
.tagcloud {
    padding:10px 10px 15px 15px
}
.tagcloud a {
    display:inline-block;
    margin:7px 7px 0 0;
    color:#777
}
.tagcloud a:hover {
    color:#4e88fe
}
.layout_card {
    margin:20px -13px 0px 0px;
}
.vip-card .home-vip-title {
    margin-top:50px;
}
.vip-card .home-vip-title h2 {
    font-weight:bold;
    font-size:22px;
}
.vip-card .home-vip-title p {
    color:#999;
}
.vip-card .card {
    margin:40px 10%;
    background:#fff;
}
.vip-card .icon-box {
    position:relative;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle;
    height:70px;
    width:70px;
    line-height:70px;
}
.vip-card .icon-box-inner {
    font-size:30px;
}
.vip-card h3.card-title {
    font-weight:bold;
    margin:20px 0;
    font-size:22px;
}
.vip-card h5.card-title {
    font-size:16px;
    font-weight:bold;
    margin:30px 0;
}
.vip-card .list-unstyled p {
    font-weight:normal;
    margin-bottom:18px;
    font-size:14px;
}
.vip-card .btn {
}
.vip-card .card-body {
    padding:20px;
}
div.itemcard {
    background-color:#fff;
    padding:0 0 10px 0;
    -moz-transition:ease-in-out 0.5s;
    -webkit-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out;
    transition:ease-in-out 0.5s;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    border-radius:5px;
}
div.itemcard:hover {
    box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);
    -webkit-transform:translate(0, -6px);
    -ms-transform:translate(0, -6px);
    -o-transform:translate(0, -6px);
    transform:translate(0, -6px)
}
.card-text {
    padding-left:20px
}
.card-1 {
    border-radius:4px 4px 0 0;
}
.card-10 {
    border-radius:0 0 4px 4px
}
.card:hover {
    position:relative;
    z-index:2;
}
.card .thumb {
    width:100%;
    max-height:170px;
    min-height:170px;
    left:0px;
    top:0;
    vertical-align:top;
}
.card .pictitle {
    position:relative;
    margin-bottom:2px
}
.card .pictitle .bigpic {
    display:block;
    font-size:0;
    position:relative;
    overflow:hidden;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    border-radius:5px;
}
.card .pictitle h2 {
    width:100%;
    padding:0;
    left:0;
    border:0;
    bottom:0;
    _overflow:hidden;
    font-size:15px;
    text-align:left;
    margin-bottom:20px
}
.card .pictitle h2 a {
    height:28px;
    color:#676565;
    padding:10px 10px 5px 10px;
    display:block;
    text-decoration:none;
    line-height:22px;
    overflow:hidden
}
.card .pictitle h2 .title-mask {
    position:absolute;
    left:0;
    bottom:0;
    _background:#000;
    _filter:alpha(opacity=40)
}
.card .pictitle h2 a span {
    position:relative
}
.card .abstract {
    padding:9px 11px 1px;
    line-height:16px;
    height:41px;
    overflow:hidden;
    margin-bottom:5px;
    font-size:12px;
    color:#999;
}
.card header {
    margin-bottom:10px
}
.card .cat {
    padding:4px 8px;
    font-size:12px;
    display:inline-block;
    position:absolute;
    left:7px;
    top:6px;
    border-radius:5px;
}
.card .zd {
    position:absolute;
    right:0;
    bottom:-30px;
    display:block;
    color:#ff5e52;
    font-size:45px;
    text-align:center;
    transform:rotate(20deg);
    transform-origin:0 0;
    opacity:0.8;
}
.card .cat i {
    position:absolute;
    top:50%;
    margin-top:-4px;
    right:-4px;
    display:inline-block;
    width:0;
    height:0;
    vertical-align:middle;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent
}
.card h2 {
    display:inline;
    font-size:18px;
    line-height:24px;
    margin-top:0;
    color:#333;
}
.card h2 a {
    color:#555
}
.card h2 a:hover {
    color:#FF5E52
}
.card time, .card .pv, .card .pc, .card .author {
    margin-right:20px
}
.card .note {
    font-size:12px;
    color:#999;
    word-wrap:break-word;
    line-height:20px
}
.card .meta {
    color:#999;
    font-size:12px
}
.card .meta .fa {
    margin-right:4px
}
.card .meta a, .card .meta span {
    color:#999;
    text-decoration:none
}
.card .meta a:hover {
    color:#4e88fe
}
.card h2 b, .card .note b {
    color:#FF5549
}
.card .note b {
    font-weight:normal
}
.card-minic {
    border:1px solid #eaeaea;
    padding:20px;
    overflow:hidden;
    background-color:#fff;
    margin-bottom:15px;
    border-radius:4px
}
.card-minic h2 {
    font-size:22px;
    line-height:24px;
    margin-top:0;
    font-weight:bold;
    margin:0 0 15px
}
.card-minic h2 a {
    color:#555
}
.card-minic h2 a:hover {
    color:#4e88fe
}
.card-minic time, .card-minic .pv, .card-minic .pc, .card-minic .author {
    margin-right:20px
}
.card-minic .meta {
    color:#999;
    margin-bottom:15px;
    font-size:12px;
    padding-bottom:15px;
    border-bottom:1px solid #eaeaea
}
.card-minic .meta .fa {
    margin-right:4px
}
.card-minic .meta a {
    color:#999;
    text-decoration:underline
}
.card-minic .meta a:hover {
    color:#4e88fe
}
.card-minic .article-content p {
    text-indent:30px
}
.card-minic .article-content p:last-child {
    margin-bottom:0
}
.card-minic .note {
    color:#666;
    margin-bottom:0;
    text-indent:28px
}
.card-minic-index h2 {
    font-size:18px
}
.card-minic-index .meta {
    border-bottom:none;
    padding-bottom:0
}
.card-minic-index .red {
    margin-left:-8px;
    color:#FF5E52
}
@media (max-width:480px) {
    .breadcrumb-box {
        margin-top:0
    }
    .position .fa {
        padding:1px 5px;
    }
    .focusmo {
        display:none
    }
    .speedbar {
        display:none
    }
    span.bianlan {
        display:none
    }
    .card .thumb {
        max-height:105px;
        min-height:105px
    }
    .card .pictitle {
        margin-bottom:15px;
    }
    .card .abstract {
        display:none
    }
    .card time, .card .pv, .card .pc, .card .author {
        margin-right:5px
    }
    .likepage li {
        width:46%;
        height:120px;
        margin:2%
    }
    .likepage li img {
        width:100%;
        height:120px;
        display:block;
    }
}
#vivideo {
    height:450px;
    width:100%;
    border:none;
}
.gzhhide {
    background:#ffffff;
    border-radius:10px;
    padding:20px;
    margin:15px 0;
    position:relative;
    box-shadow:0px 0px 20px #d0d0d0;
}
.gzhhide .gzhtitle {
    position:relative;
    font-size:17px;
    font-weight:bold;
    color:#6c80a7;
    padding:6px 140px 0 40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.gzhhide .gzhtitle .fa {
    position:absolute;
    left:0;
    font-size:35px;
    top:0;
}
.gzh-content {
    padding:20px 140px 15px 0;
    font-size:14px;
    color:#777;
}
.gzhbox {
    padding:0 140px 10px 0;
}
.gzhbox input {
    width:65%;
    border:none;
    color:#737373;
    font-size:13px;
    height:35px;
    line-height:35px;
    background:#f2f2f2;
    border-radius:4px;
    outline:none;
    float:left;
    padding:0 10px;
}
.gzhbox button {
    width:28%;
    margin-left:7%;
    border:none;
    background:#3b8cff;
    color:#fff;
    padding:5px 0;
    font-size:14px;
    border-radius:5px;
}
.gzhhide .gzhcode {
    position:absolute;
    width:100px;
    height:100px;
    right:20px;
    top:50%;
    margin-top:-50px;
}
.widget_pilot .module-wrap {
    position:relative;
    height:150px;
    width:100%;
    background-color:#000
}
.m-wel {
    display:none
}
.widget_pilot .module-wrap #pilot-box1 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.1;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box2 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.2;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box3 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.3;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box4 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.4;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box5 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.5;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box6 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.6;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box7 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.7;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box8 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.8;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box9 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.9;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
#pilot-box10 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:1;
    filter:alpha(opacity=40);
    -ms-filter:alpha(opacity=(40))
}
.widget_pilot .module-wrap .pilot-cell {
    text-align:center;
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.widget_pilot .module-wrap .pilot-cell i {
    color:#fff;
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer
}
.widget_pilot .module-wrap .pilot-cell i:hover {
    opacity:.8;
    filter:alpha(opacity=80);
    -ms-filter:alpha(opacity=(80))
}
.widget_pilot .module-wrap .pilot-cell h1 {
    font-size:20px;
    color:#fff
}
.widget_pilot .module-wrap .pilot-cell p {
    padding-top:10px;
    font-size:14px;
    color:#fff;
    line-height:3px
}
.widget_pilot .module-wrap .pilot-cell a, .widget_pilot .module-wrap .pilot-cell a:hover {
    text-decoration:underline;
    color:#fff
}
.widget_pilot .module-wrap .pilot-cell a.alibutton {
    height:30px;
    line-height:30px;
    border:1px solid #fff;
    display:inline-block;
    font-size:16px;
    padding:0 20px;
    color:#fff;
    margin-top:15px;
    text-decoration:none
}
.widget_pilot .module-wrap .pilot-cell a.alibutton:hover {
    background-color:#fff;
    color:#000;
    text-decoration:none
}
.fadeIn #sign {
    top:40%;
    opacity:1;
}
#sign, #sign a {
    font-size:12px;
    line-height:1.5;
}
#sign {
    z-index:9999;
    max-width:400px;
    width:100%;
    position:fixed;
    top:0%;
    left:50%;
    margin-top:-240px;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    height:auto;
    background:#fff;
    border-radius:3px;
    display:block !important;
    opacity:0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
#sign .part {
    position:absolute;
    width:100%;
    left:0;
    top:0;
    border-radius:5px;
    background-color:#FFF;
    padding:50px 40px 40px 40px;
    box-sizing:border-box;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:all .9s ease-in-out;
    -moz-transition:all .9s ease-in-out;
    -ms-transition:all .9s ease-in-out;
    transition:all .9s ease-in-out;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    display:none;
}
#sign.sign .part.loginPart {
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
    z-index:1;
    display:block;
}
#sign.sign .part.registerPart {
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    z-index:0;
    display:block
}
#sign.register .part.loginPart {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
    z-index:0;
    display:block
}
#sign.register .part.registerPart {
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
    z-index:1;
    display:block
}
#sign form h3 {
    font-size:18px;
    margin-bottom:20px;
    display:inline-block;
    margin-right:0;
    float:right
}
#sign form h3 p {
    font-size:12px;
    color:#999;
    margin:0 0 0 10px;
    display:inline-block
}
#sign form .status .error {
    color:#ea4c89
}
#sign form .status .success {
    color:#4e88fe
}
#sign form p {
    margin:20px auto;
    position:relative
}
#sign form p.status {
    white-space:nowrap;
    margin:0 auto;
    position:relative;
    padding-left:5px;
    color:#4e89ff;
}
#sign form label.error {
    color:#FFF;
    background-color:#4e89ff;
    padding:0 7px;
    position:absolute;
    z-index:5;
    right:10px;
    top:11px;
    border-radius:5px;
}
#sign form label.icon {
    position:absolute;
    right:10px;
    top:3px;
    color:#999;
    font-size:20px;
    color:rgba(0, 0, 0, .3);
}
#sign form label .go-captcha_email {
    color:#4e89ff;
    padding:0;
    margin:0;
    border:0;
    background:#fff;
    font-size:12px;
    outline:none;
}
#sign form label .go-captcha_email:disabled {
    color:#a6bce8;
}
#sign form label.icon i {
    width:20px;
    text-align:center
}
#sign form input {
    border:1px solid #ddd;
    padding:10px;
    width:100%;
    box-sizing:border-box
}
#sign::-webkit-input-placeholder {
    color:#999
}
#sign form input:focus {
    border:1px solid #4e88fe
}
#sign input:-moz-placeholder {
    color:#999
}
#sign input.input-control {
    padding-right:35px;
    outline:none;
}
#sign form .submit {
    background-color:#4e89ff;
    color:#FFF;
    border:0 none;
    font-size:14px;
}
#sign form .submit:hover {
    opacity:0.9;
}
#sign form .submit:focus {
    border:0 none
}
#sign form .safe {
    color:#999;
    margin-top:20px
}
#sign form .rememberme {
    width:inherit;
    margin-right:3px
}
#sign form .lost {
    float:right
}
#sign form .close {
    position:absolute;
    right:25px;
    top:0;
    width:50px;
    height:50px;
    border-radius:0 0 50px 50px;
    text-align:center;
    line-height:50px;
    background-color:#444;
    font-size:16px;
    color:#FFF
}
#sign form .close i {
    -webkit-transition:all ease-out .3s;
    -moz-transition:all ease-out .3s;
    -o-transition:all ease-out .3s;
    transition:all ease-out .3s
}
#sign form .close:hover i {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
#sign .other-sign {
    border-top:1px solid rgba(0, 0, 0, .1);
    margin:20px -50px auto -50px;
    padding:0 50px;
    text-align:center
}
.other-sign p {
    margin:15px auto
}
.other-sign a, .local-account a {
    display:inline-block;
    padding:8px 40px;
    border-radius:3px;
    text-decoration:none!important;
    border:0
}
.other-sign a:hover, .local-account a:hover {
    color:#fff
}
.other-sign a i, .local-account a i {
    margin-right:5px
}
.other-sign .qqlogin {
    background-color:#4e88fe;
    color:#FFF
}
.other-sign .weibologin {
    background-color:#e14d4c;
    color:#FFF
}
.other-sign a {
    padding:5px 15px
}
#sign .other-sign div {
    width:50%;
    text-align:center;
    float:left
}
#sign .switch {
    color:#999;
    cursor:pointer;
    margin:20px auto;
    display:inline-block
}
#sign .switch i {
    margin-right:5px;
    color:#4e89ff;
}
.overlay {
    background:#000;
    opacity:.8;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:9998
}
.nav-wrap #login-reg {
    float:right;
    margin-left:5px;
    font-size:12px;
    padding:14px 0;
    height:60px
}
.nav-wrap #login-reg span {
    display:block;
    background-color:#757575;
    background-color:rgba(255, 255, 255, .2);
    color:rgba(255, 255, 255, .8);
    height:32px;
    padding:0 15px;
    line-height:32px;
    overflow:hidden;
    display:inline-block;
    cursor:pointer;
    float:left
}
#user-login {
    border-radius:4px 0 0 4px
}
#user-reg {
    border-radius:0 4px 4px 0;
    margin-left:1px
}
body.sign-show {
    height:100%;
    width:100%;
    overflow:hidden
}
.footer {
    background-color:#2c3747;
    color:#bbb;
    z-index:1000;
    position:relative;
}
.footer .content-wrap {
    padding:30px 0;
}
.footer-links {
    color:#aaaaaa;
    font-size:14px;
    font-weight:700;
    margin-top:0;
    margin-bottom:10px;
}
.flinks li a {
    background:#3f4958;
    padding:2px 10px;
    border-radius:2px;
    color:#bbb;
}
.footer-head {
    color:#aaaaaa;
    font-size:14px;
    font-weight:700;
    margin-top:0;
    margin-bottom:10px;
}
.cs-foot-qr {
    padding:0;
}
.cs-foot-qr img {
    width:80px;
    height:80px;
    padding:0;
    border:#f5f6f8 3px solid;
}
.footer-copyright {
    padding-top:0;
    border-top:0;
    font-size:13px;
    color:#acacac;
}
.copy-text {
    float:none;
    text-align:center;
}
.footer-ocpy-right {
    float:none;
    display:none;
}
.footer a {
    color:#bbb;
}
.footer a:hover {
    color:#4e88fe
}
.footer-menu {
    text-align:left;
    margin:0 -2% 30px 0;
    padding-bottom:30px;
    overflow:hidden;
    border-bottom:1px solid #494949
}
.footer-menu dl {
    width:14.666666666%;
    margin:0 2% 0 0;
    display:inline-block;
    vertical-align:top
}
.footer-menu dt {
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
    height:25px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.footer-menu dd a {
    display:block;
    line-height:20px;
    padding:0 5px 0 24px;
    margin:5px 0
}
.footer-menu .fa-weibo, .footer-menu .fa-tencent-weibo, .footer-menu .fa-envelope-o, .footer-menu .fa-rss {
    width:12px;
    text-align:center
}
.doubt {
    position:relative;
    margin:0;
}
.doubt h2 {
    font-size:18px;
    width:90%;
    border-bottom:none;
    color:#202935;
    left:0;
    padding:8px 10px;
    border-left:5px solid #4e88fe;
    margin:5px 0;
}
.doubt-content {
    margin:0;
    padding:0px 0 0 15px;
    font-size:14px;
    color:#999;
}
.doubt span {
    cursor:default;
    position:absolute;
    width:10%;
    right:0;
    text-align:center;
    top:auto;
    animation:doubt-fa 3s infinite;
    -webkit-transition:top 1s ease, opacity 1s ease;
    transition:top 1s ease, opacity 1s ease;
    transition:color .25s, background-color .25s;
}
.doubt span:hover {
    color:#4e88fe;
    transition:color .25s, background-color .25s;
}
.doubt span .fa {
    padding:8px 10px;
}
@keyframes doubt-fa {
    from {
        top:3px;
    }
    50% {
        top:-2px;
    }
    to {
        top:3px;
    }
}
.container-page {
    padding-left:215px;
    margin-top:95px;
}
.container-page .article-header {
    padding:0;
    border:none;
    box-shadow:none;
    border-radius:inherit;
}
.container-page .article-content {
    border:none;
    box-shadow:none;
}
.container-page .content {
    margin-right:0;
    padding:20px;
    background-color:#fff;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    border-radius:5px;
}
.container-no-sidebar .content {
    margin-right:0;
    padding:15px 30px 20px;
    border:1px solid #eaeaea;
    background-color:#fff;
    border-radius:4px
}
.container-no-sidebar .article-content {
    margin-bottom:50px;
    overflow:hidden
}
.pageside {
    position:absolute;
    top:0;
    left:0;
    width:200px;
    overflow:hidden
}
.pagemenu {
    list-style:none;
    margin:0 0 15px;
    padding:0;
    background-color:#fff;
    box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
    border-radius:5px;
    overflow:hidden;
}
.pagemenu .active {
    background:#e6e6e6;
    border-left:2px #4e88fe solid;
}
.pagemenu li a {
    display:block;
    padding:10px 20px;
    font-size:14px
}
.pagemenu li.current-menu-item {
    position:relative;
    z-index:2;
    margin:0 -1px
}
.pagemenu li.current-menu-item>a {
    color:#fff;
    background-color:#4e88fe;
    font-weight:bold
}
.pagemenu li .glyphicon {
    font-size:14px
}
.pagemenu .sub-menu>li>a {
    padding-left:48px
}
@media(max-width:640px) {
    .pagemenu .sub-menu>li>a {
        padding-left:10px
    }
}
.content.ggrili {
    padding:20px;
    width:70%;
    margin:0 auto;
}
.content-ggbox {
    padding:10px;
    display:flex;
    align-items:center;
    width:100%;
}
.content-ggbox .avatar {
    border-radius:50%;
}
.tag-boder {
    width:0;
    height:0;
    border:12px solid;
    border-style:dashed;
    border-color:transparent gainsboro transparent transparent;
    position:absolute;
    left:-25px;
    top:36%;
}
.content-gg {
    margin-left:20px;
    background:#ffffff;
    background-color:white;
    flex-grow:1;
    padding:14px;
    display:flex;
    flex-direction:column;
    position:relative;
    box-shadow:1px 1px 3px #cacaca4a;
    font-size:12px;
    color:#999;
}
.content-gg time {
    padding-top:5px;
    color:#323f36;
}
.content-gg h2 {
    margin:0;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
.tagslist {
    overflow:hidden;
    margin-top:95px;
}
.tagslist ul {
    list-style-type:none;
    padding:0;
    margin:0 -2% 0 0
}
.tagslist li {
    float:left;
    width:23%;
    margin-right:2%;
    margin-bottom:2%;
    padding:15px;
    border:1px solid #eee;
    background-color:#fff;
    border-radius:2px
}
.tagslist li .name {
    background-color:#eee;
    display:inline-block;
    padding:5px 10px 4px;
    font-size:12px;
    color:#666
}
.tagslist li .name:hover {
    background-color:#444;
    color:#fff
}
.tagslist li:hover {
    border-color:#ccc
}
.tagslist li:hover .name {
    background-color:#444;
    color:#fff
}
.tagslist li small {
    margin-left:10px;
    color:#bbb
}
.tagslist li p {
    margin:10px 0 0;
    font-size:12px;
    height:17px;
    overflow:hidden;
    display:block;
    line-height:1.5
}
.tagslist li .tit {
    color:#999
}
.tagslist li .tit:hover {
    color:#444
}
@media(max-width:1024px) {
    .tagslist li {
        width:31.3333333%
    }
}
@media(max-width:768px) {
    .tagslist li {
        width:48%
    }
}
@media(max-width:544px) {
    .container-tags h1 {
        font-size:14px;
        font-weight:bold;
        margin-bottom:10px
    }
    .tagslist li {
        padding:10px
    }
}
.plinks {
    overflow:hidden
}
.plinks .linkcat {
    margin-bottom:40px
}
.plinks h2 {
    font-size:14px;
    font-weight:bold;
    margin:0 0 5px
}
.plinks ul {
    clear:both;
    overflow:hidden;
    padding:0
}
.plinks ul li {
    width:20%;
    float:left
}
.plinks ul li a {
    display:block;
    padding:10px 15px;
    line-height:1;
    overflow:hidden;
    border:1px solid #eaeaea;
    margin:10px 10px 0 0;
    border-radius:2px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.plinks ul li img {
    float:left;
    width:16px;
    height:16px;
    margin-right:8px;
    margin-top:10px
}
.plinks ul li a:hover {
    border-color:#4e88fe
}
.readers {
    overflow:hidden
}
.readers a {
    width:72px;
    margin:0 5px 25px 5px;
    float:left;
    text-align:center;
    color:#999;
    font-size:12px;
    height:60px;
    overflow:hidden;
    text-decoration:none
}
.readers a:hover {
    color:#ff5e52
}
.readers .avatar {
    border-radius:5px;
    margin:0 auto;
    display:block;
    margin-bottom:5px;
    width:36px;
    height:36px
}
.readers a.item-top {
    width:31.222222%;
    margin:0 1% 30px;
    text-align:left;
    height:100px;
    color:#bbb;
    background-color:#f6f6f6;
    border-radius:5px;
    padding:10px
}
.readers a.item-top .avatar {
    float:left;
    margin-left:10px;
    margin-right:10px
}
.readers a.item-top h4 {
    color:#ff5e52;
    font-size:16px
}
.readers a.item-top strong {
    display:block;
    color:#666
}
.readers a.item-top:hover {
    background-color:#f1f1f1
}
.readers a.item-2 h4 {
    color:#7ccd38
}
.readers a.item-3 h4 {
    color:#4e88fe
}
.archives .item {
    overflow:hidden;
    margin-bottom:20px;
    border-bottom:1px solid #eee;
    padding:10px
}
.archives h3 {
    float:left;
    margin-bottom:10px;
    font-size:20px;
    font-weight:normal;
    color:#f15a23;
    line-height:20px;
    margin-top:0
}
.archives-list {
    padding-left:20px;
    margin:0 0 20px 140px
}
.archives-list li {
    list-style:disc;
    margin-left:20px;
    margin-bottom:4px
}
.archives-list time {
    width:40px;
    display:inline-block
}
.archives-list span {
    font-size:12px;
    display:inline-block;
    margin-left:10px
}
.page .content.resetpass {
    padding:20px;
    text-align:center;
    margin-right:0;
    background-color:#fff;
    border:1px solid #eaeaea;
    border-radius:4px;
    min-height:700px
}
.resetpass form {
    width:300px;
    margin:0 auto;
    text-align:left
}
.resetpass form p {
    margin-bottom:20px
}
.resetpass h1 {
    font-size:24px;
    font-weight:normal
}
.resetpass h3 {
    color:#777;
    font-size:18px;
    margin-bottom:20px
}
.resetpass h3 .glyphicon {
    top:4px
}
.resetpasssteps {
    margin-bottom:100px;
    overflow:hidden
}
.resetpasssteps li {
    width:33.33333%;
    float:left;
    background-color:#eee;
    color:#666;
    line-height:33px;
    position:relative
}
.resetpasssteps li.active {
    background-color:#4e88fe;
    color:#fff
}
.resetpasssteps li .glyphicon {
    position:absolute;
    right:-17px;
    top:-10px;
    font-size:46px;
    color:#fff;
    z-index:2
}
.errtip {
    background-color:#fceaea;
    color:#db5353;
    padding:8px 15px;
    font-size:14px;
    border:1px solid #fc9797;
    border-radius:5px
}
.post-linkto {
    text-align:center;
    margin-bottom:30px
}
.prettyprint, pre.prettyprint {
    background-color:#272822;
    border:0;
    overflow:auto;
    padding:10px 15px;
    max-height:637px
}
.prettyprint.linenums, pre.prettyprint.linenums {
    -webkit-box-shadow:inset 40px 0 0 #39382e, inset 41px 0 0 #464741;
    -moz-box-shadow:inset 40px 0 0 #39382e, inset 41px 0 0 #464741;
    box-shadow:inset 40px 0 0 #39382e, inset 41px 0 0 #464741
}
.prettyprint.linenums ol, pre.prettyprint.linenums ol {
    margin:0 0 0 30px
}
.prettyprint.linenums ol li, pre.prettyprint.linenums ol li {
    padding-left:12px;
    color:#bebec5;
    line-height:20px;
    margin-left:0;
    list-style:decimal;
    margin-bottom:0
}
.prettyprint .com {
    color:#93a1a1
}
.prettyprint .lit {
    color:#ae81ff
}
.prettyprint .pun, .prettyprint .opn, .prettyprint .clo {
    color:#f8f8f2
}
.prettyprint .fun {
    color:#dc322f
}
.prettyprint .str, .prettyprint .atv {
    color:#e6db74
}
.prettyprint .kwd, .prettyprint .tag {
    color:#f92659
}
.prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var {
    color:#a6e22e
}
.prettyprint .pln {
    color:#4e88fe
}
.image-container {
    text-align:center;
    padding-top:15px;
    padding-bottom:15px
}
.image-header {
    margin-bottom:30px
}
.image-title {
    margin:0 0 10px
}
.image-meta {
    color:$gray
}
.image-content img {
    height:auto
}
.image-navigation {
    margin-top:30px;
    margin-bottom:30px
}
.image-navigation a {
    padding:7px 15px;
    display:inline-block;
    border-radius:2px;
    background-color:#444;
    opacity:1;
    color:#fff
}
.image-navigation a:hover {
    opacity:.8
}
.image-caption, .image-description {
    margin:0 auto 30px;
    max-width:600px
}
.flinks {
    overflow:hidden;
    margin-bottom:10px
}
.flinks strong {
    margin:0 7px 10px;
    display:inline
}
.flinks ul {
    margin:0;
    padding:0;
    display:inline
}
.flinks ul li {
    display:inline-block;
    margin-right:0px;
    margin-bottom:7px;
}
.wp-video, .mejs-layer, video, embed, iframe {
    max-width:100%;
    display:block
}
.article-content .wp-video, .article-content .mejs-layer, .article-content video, .article-content embed, .article-content iframe {
    margin:0 auto 16px
}
.article-paging {
    text-align:center;
    font-size:12px;
    overflow:hidden;
    clear:both;
    padding:20px 0
}
.article-paging span {
    display:inline-block;
    padding:6px 12px;
    background-color:#ddd;
    border:1px solid #ddd;
    color:#666;
    border-radius:2px
}
.article-paging a span {
    background-color:#fff;
    color:#666
}
.article-paging a:hover span {
    border-color:#ccc;
    background-color:#fbfbfb
}
.nav-fixed .header .topbar {
    display:none
}
.nav-fixed .header {
    position:fixed;
}
.nav-fixed .site-navbar {
    margin-top:0
}
.m-icon-nav {
    display:none
}
.m-mask {
    display:none;
}
.m-navbar {
    display:none
}
.article-actions {
    position:relative;
    display:flow-root;
}
.xshare {
    float:left;
}
.xshare .xshare-title {
    color:#999;
}
.xshare a {
    margin-left:10px;
    text-decoration:none;
    padding:0;
}
.xshare a .fa {
    border-radius:50px;
    border:1px solid #eee;
    font-size:16px;
    width:30px;
    height:30px;
    text-align:center;
    line-height:28px;
}
.xshare a.share-weixin {
    color:#5fcf80;
}
.xshare a:hover .fa {
    border-color:#cacaca
}
.xshare a.share-weibo {
    color:#fd001b
}
.xshare a.share-qq {
    color:#4e88fe;
}
.xshare a.share-qzone {
    color:#f9c13d
}
.xshare a:hover .share-popover {
    visibility:visible;
    opacity:1;
    margin-bottom:0
}
.xshare .share-popover {
    visibility:hidden;
    opacity:0;
    background-color:transparent;
}
.xshare .share-popover .share-popover-inner {
    display:block;
    background-color:#FFF;
    border:1px solid #b1b1b1;
    padding:4px;
    border-radius:2px;
    height:70px;
    width:70px;
    position:absolute;
    top:-70px;
    left:70px;
}
.pageheader .xshare .share-popover .share-popover-inner {
    left:0;
    top:-80px;
}
.xshare .share-popover .share-popover-inner::before, .shares .share-popover .share-popover-inner::after {
    content:'';
    position:absolute;
    bottom:-5px;
    left:9px;
    border-left:5px solid transparent;
    border-right:5px solid transparent
}
.xshare .share-popover .share-popover-inner::before {
    border-top:5px solid #999
}
.site-navbar, .m-icon-nav, .widget-navcontent .item, .site-nav .fa-angle-down, .rollbar li, .rollbar h6, .rollbar .fweixin_s {
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -ms-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s
}
.meta .btns {
    color:#999;
    font-size:14px;
    padding:1% 0;
    width:90%;
}
.meta .btns span {
    color:#555555;
}
.meta .btns a {
    color:#4e88fe;
}
.meta .btns a:hover {
    color:#ff5f53
}
.btn, .search-btn, a {
    -webkit-transition:color .25s, background-color .25s;
    -moz-transition:color .25s, background-color .25s;
    -ms-transition:color .25s, background-color .25s;
    -o-transition:color .25s, background-color .25s;
    transition:color .25s, background-color .25s;
}
@media(max-width:1320px) {
    .m-wel {
        display:none
    }
    .menusns .sub-menu {
        right:0;
        left:auto
    }
}
@media(max-width:1240px) {
    .container {
        margin:0;
    }
    #mallmenu {
        display:none;
    }
    .mall-content {
        margin-left:0;
    }
    .pageheader {
        padding:15px 0
    }
    .mall_box {
        padding:5% 10%;
    }
    .mall_box .mall_img_left {
        display:none;
        float:none;
    }
    .mall_box .mall_text_right {
        width:100%;
    }
}
@media(max-width:1240px) {
    .group-detail {
        display:none;
    }
    .content {
        margin-right:0;
        padding:0;
    }
    .theme-item-menubar.affix {
        top:62px;
    }
    #mallsd.affix {
        top:117px;
    }
    .sidebar {
        display:none
    }
    .content-box {
        margin-right:15px;
    }
    .content-single {
        display:none;
    }
    .single-content {
        margin:0;
        margin-left:0;
        border-radius:0 0 10px 10px !important;
    }
    .leftsd {
        display:none
    }
    .container-single .nav {
        bottom:0;
    }
    .container-single .nav-content {
        border-radius:10px 10px 0px 0px !important;
    }
    .m-navbar-start {
        display:block;
        display:block !important;
        position:absolute;
        top:-15px;
        left:0;
        font-size:19px;
        color:#777;
    }
    .m-icon-nav {
        display:block;
        position:absolute;
        top:0;
        left:0;
        font-size:18px;
        padding:40px 30px 20px 20px;
        color:#fff;
    }
    .logo {
        float:left;
        text-align:center;
        max-width:100%;
        height:62px;
        padding-left:50px;
    }
    .wel {
        display:block;
        position:absolute;
        top:0;
        right:5px;
        border-bottom:none;
    }
    .search-i {
        position:absolute;
        top:0;
        right:250px;
        border-bottom:none;
        height:48px;
        width:48px;
    }
    .m-navbar-right {
        float:right;
        font-size:18px;
        margin-bottom:-5px;
        list-style:none;
    }
    .m-wel-start {
        display:none;
    }
    .m-wel-start img {
        width:auto;
        height:auto;
    }
    .m-navbar {
        margin:0;
        position:fixed;
        top:0;
        left:-30%;
        bottom:0;
        height:100%;
        background-color:#ffffff;
        text-align:left;
        padding:15px 0 0;
        line-height:1;
        font-size:14px;
        width:30%;
        z-index:99999;
        display:block;
        overflow-y:auto;
        -webkit-transition:left .3s;
        -moz-transition:left .3s;
        -ms-transition:left .3s;
        -o-transition:left .3s;
        transition:left .3s;
    }
    .m-nav-show .m-navbar {
        left:0
    }
    .article-meta .item-bianlan {
        display:none;
    }
    .m-navbar ul {
        padding:0;
    }
    .site-navbar {
        position:fixed;
        top:0;
        right:100%;
        bottom:0;
        width:80%;
        padding:55px 0 0;
        z-index:90;
        font-size:12px;
        background-color:#fff;
        text-align:left;
        margin:0;
        float:none;
    }
    .m-navbar li {
        margin-left:0;
        position:relative;
        width:100%;
        float:left;
    }
    .current-menu-item a {
        color:#4e89ff !important;
    }
    .m-navbar .sub-menu {
        position:relative;
        padding:0 15px;
    }
    .m-navbar .sub-menu li {
        float:left;
        width:46%;
        margin-right:4%;
        margin-bottom:10px;
        text-align:center;
    }
    .m-navbar .fa {
        width:18px;
        display:inline-block;
        text-align:center
    }
    .m-navbar li a {
        display:block;
        font-size:14px;
        font-weight:bold;
        color:#4e585a;
        border-bottom:1px solid rgba(255, 255, 255, 0.04);
        padding:8px 15px;
    }
    .m-navbar li:hover>a, .m-navbar li a:hover {
        color:#4e88fe
    }
    .m-navbar .sub-menu li a {
        font-size:12px;
        padding:8px 15px;
        background-color:#F6F9FA;
        color:#888;
        font-weight:inherit;
    }
    .m-navbar .sub-menu li a:hover {
        background-color:#eee;
    }
    .m-navbar li.menu-item-has-children .faa {
        content:'';
        position:absolute;
        right:15px;
        top:0;
        font-size:15px;
        margin:0;
        padding:6px 15px;
        z-index:2;
        cursor:pointer;
        display:block;
        width:auto;
        color:#585858;
    }
    .navto-nav, .navto-design {
        display:none
    }
    .brand {
        display:none
    }
    .container-page {
        padding-left:185px
    }
    .pageside {
        width:170px
    }
    .plinks ul li {
        width:25%
    }
    .focusslide_bottom {
        margin-bottom:20px
    }
}
@media(max-width:860px) {
    .topmenu {
        display:none
    }
    .pageheader h1 {
        font-size:22px
    }
    .pageheader .share {
        display:none
    }
    .container-page {
        padding-left:155px
    }
    .pageside {
        width:140px
    }
    .pagemenu li a {
        padding:10px 5px 10px 15px
    }
    .archives h3 {
        float:none
    }
    .archives-list {
        margin-left:0
    }
    .plinks ul li {
        width:33.3333333%
    }
}
@media(max-width:720px) {
    .wel {
        display:none
    }
    .m-excerpt-cat .excerpt .cat {
        padding:0 4px;
        text-align:center;
        line-height:16px;
        float:left;
        margin-right:8px;
        display:block;
        top:0;
        border-radius:2px;
    }
    .excerpt .m-zd {
        padding:0 4px;
        text-align:center;
        line-height:16px;
        float:left;
        margin-right:3px;
        display:block;
        top:0;
        border-radius:2px;
    }
    .shuoming {
        margin:0;
        box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
        border:1px solid rgba(255, 255, 255, 0);
        padding:0 10px;
    }
    @media(max-width:720px) {
        .asb-post-footer {
            margin-bottom:20px;
        }
        .logo {
            height:48px;
            float:none;
            padding:0;
        }
        .relates-thumb {
            border:none;
            padding:10px;
            box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
            border-radius:5px;
            overflow:hidden;
        }
        .single .title h3 {
            margin:0;
            padding:0;
            line-height:40px;
        }
        .title-icon {
            float:none;
        }
        article {
            border:none
        }
        .sweet-alert {
            width:90%;
            left:5%;
            margin:0 auto;
        }
        article:hover {
            border:none;
        }
        .latest-visit {
            display:none
        }
        .middle_line {
            display:none
        }
        .oldtbsidebar {
            display:none
        }
        .vip-card .card {
            margin:0 -15px;
            margin-top:10px;
        }
        .row-share {
            width:60%;
            left:0px;
            margin:0 20%;
            top:10%;
            right:0px;
            padding:0;
        }
        .row-share>.img-share {
            max-width:100%;
        }
        .row-share>.img-share img {
            border:none;
            margin:0;
        }
        .row-share>.share-item {
            display:none;
        }
        .row-share>.share-close {
            right:45%;
            padding:4px 6px;
            background:none;
            color:#d4d4d4;
            border-radius:50px;
            border:3px solid #d4d4d4;
            bottom:-50px;
            font-size:14px;
        }
        .row-share>.text-weixin {
            position:absolute;
            width:100%;
            left:0;
            top:-40px;
            font-size:14px;
            color:#FFF;
            display:block;
        }
        .row-share .action-haibao {
            position:relative;
            bottom:0;
            left:0;
            width:100%;
            height:55px;
            line-height:55px;
            color:#000;
            box-shadow:0 -1px 20px rgba(0, 0, 0, 0.1);
            display:block;
        }
        .row-share .action-haibao .fa {
            padding:10px;
            font-size:18px;
            color:#33383c;
        }
        .price {
            font-size:20px;
            color:#fff;
            padding:20px;
        }
        .c-banner {
            width:100%;
            overflow:hidden;
        }
        .c-banner .banner .gallery {
            border-radius:0;
            border:none;
            border-bottom:1px solid #eee;
            height:300px;
        }
        .theme-item-breadcrumbs {
            display:none;
        }
        .theme-item-focus {
            padding:0;
            margin-bottom:10px;
        }
        .modal-dialog-haibao {
            width:50%;
            margin-left:-25%;
            height:auto;
        }
        .c-banner .banner .gallery dl i {
            width:768px;
            height:345px;
            position:absolute;
            left:50%;
            margin-left:-384px;
        }
        .sku-container {
            padding:15px 10px;
            width:100% !important;
            margin:0;
        }
        .sku-container .card {
            padding:10px 15px;
            margin-bottom:10px;
        }
        .m-price {
            color:#fd4b50;
            font-size:25px;
            font-weight:bold;
            padding-bottom:10px;
            display:block;
        }
        .theme-item-price, .theme-item-orderarea {
            display:none;
        }
        .theme-item-sv {
            margin-bottom:0;
        }
        .theme-item-brand {
            width:100%;
            margin:0;
            padding:10px 5px;
            border-top:1px dotted #ddd;
        }
        .theme-item-brand-asb {
            border-radius:0;
            width:48%;
            float:left;
            margin:0 1%;
        }
        .mallleftsd {
            width:100%;
            margin:0;
            margin-top:10px;
        }
        .m-price .money-symbol {
            font-size:18px;
            font-weight:100;
        }
        .market-price {
            font-size:14px;
            font-weight:100;
        }
        .sku-container .card .price-line {
            display:none;
        }
        .sku-container .card .service-line {
            margin:0;
        }
        .sku-container .btn-line {
            position:fixed;
            bottom:55px;
            z-index:9989;
            width:100%;
            left:0;
        }
        .sku-container .btn-line .buy-btn-container .btn {
            width:100%;
            min-width:100%;
        }
        .sku-container .btn-line .buy-btn-container {
            width:100%;
            min-width:100%;
        }
        .sku-container .name .good-name {
            font-size:16px;
            line-height:20px;
            font-weight:700;
            padding-bottom:10px;
        }
        .Ptable-item dl {
            margin:0;
        }
        .Ptable-item h3 {
            width:100%;
            float:none;
            text-align:center;
            font-weight:700;
        }
        .Ptable-item dt, .Ptable-item dd {
            width:50%;
        }
        .Ptable-item dt {
            padding-right:10px;
        }
        .Ptable-item dd {
            margin:0;
            float:left;
            padding-left:10px;
        }
        .dity-content {
            padding:0;
            width:100%;
            background:#fff;
        }
        .theme-item-menubar.affix {
            top:48px;
        }
        .theme-item-menubar.affix ul, .theme-item-menubar.affix-top ul {
            margin-right:0;
            background-color:#ffffff;
            display:flex;
            text-align:center;
        }
        .theme-item-menubar.affix .btn {
            display:none;
        }
        .theme-item-menubar.affix ul li, .theme-item-menubar.affix-top ul li {
            padding:0;
            height:50px;
            flex:1;
            float:none;
            line-height:50px;
        }
        .theme-item-menubar ul li.active::after {
            bottom:0;
        }
        .wppay {
            margin:10px;
        }
        .nav-title.affix {
            width:100% !important;
            top:48px;
        }
        .commodity-item #state {
            padding:15px;
        }
        #mallsd, #mallsd.on {
            position:relative;
            float:left;
            width: 100% !important;
            padding:0;
        }
        #mallsd.affix {
            position:relative;
            top:0;
            width:100%;
        }
        .mall-desc-line, mall-ul {
            margin-bottom:10px;
        }
        .cd-image-container {
            display:none
        }
        .cd-product-intro {
            width:80%;
            text-align:center;
            margin:0 auto;
            position:relative;
        }
        .cd-main-content .intright {
            right:0;
            left:0;
        }
        .cd-main-content .intleft {
            right:0;
            left:0;
        }
        .cd-product-intro>.button .btn {
            margin:0 5px;
            padding:5px 15px;
        }
        #comt_ins_err {
            display:none;
        }
        .gzhbox {
            padding:0;
        }
        .gzh-content {
            padding:20px 90px 15px 0px;
        }
        .gzhhide .gzhcode {
            width:70px;
            height:70px;
        }
        #vivideo {
            height:200px;
        }
        #comment {
            background:0;
            height:68px;
            padding:10px;
        }
        .post-slide .post-content {
            margin:0;
            box-shadow:none;
        }
        .owl-buttons .owl-prev, .owl-buttons .owl-next {
            width:20px;
            line-height:20px;
            height:20px;
            font-size:14px;
            top:80px;
        }
        .post-slide .mall-cat-category, .post-slide .mall-cat-category-cat {
            left:0;
            z-index:999;
        }
        .hot_posts h3 {
            margin-top:8px;
        }
        .hot_posts {
            padding:0;
            margin-bottom:10px;
            background:none;
            margin-top:10px;
        }
        .hot_posts .suiji, .hot_posts .hots {
            width:100% !important;
            padding:10px;
            box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
            background:#fff;
            margin-bottom:5px;
        }
        .comment-posts {
            display:none
        }
        .pshide {
            width:100%;
            font-size:13px;
        }
        .pshide .box button {
            font-size:12px
        }
        .pshide .title span {
            margin-right:8px
        }
        .content.ggrili {
            width:100%;
            padding:0;
        }
        .cms-box .focus {
            float:right;
            margin-right: -150px;
            width: 150px;
            margin-left:auto;
        }
        .excerpt_cms1, .excerpt_cms5 {
            width:100%;
            padding: 0px 150px 0 0;
            max-height:initial;
            min-height:auto;
            margin-bottom:5px;
        }
        .excerpt_cms1 .thumb, .excerpt_cms5 .thumb {
            height: 100%;
            width: auto;
            max-width: inherit;
        }
        .cms-asb {
            margin-bottom:10px;
        }
        .excerpt h2, .cmstop-title, .excerpt_cms4_list h3 {
            font-size:14px;
            line-height:1;
            color:#333;
            font-weight:inherit;
        }
        .cms-row-up {
            width:100%;
        }
        .cms0_excerpt {
            padding:0px 130px 0 0;
        }
        .excerpt .note {
            text-overflow:ellipsis;
            white-space:nowrap;
            overflow:hidden;
        }
        .cms_left {
            width:100%;
        }
        .cms_right {
            width:100%;
        }
        .excerpt_cms2 .cms-thumb {
            height:200px;
        }
        .excerpt_cms4, .excerpt_cms4_list {
            width:100%;
            margin:0 !important;
            margin-bottom:5px !important;
            min-height:auto;
            max-height:inherit;
        }
        .excerpt_cms4_list .cms-detail .cms-meta {
            position:relative;
            top:auto;
        }
        .m-mask {
            background-color:rgba(0, 0, 0, 0.5);
        }
        .m-wel-start {
            height:48px;
            width:48px;
            padding:8px;
            display:block;
            position:absolute;
            top:0;
            right:5px;
            border-bottom:none;
            font-size:14px;
        }
        .m-wel-start img {
            width:auto;
            height:auto;
            border-radius:50px;
        }
        .m-wel-start .fa {
            padding:10px;
            text-shadow: 0.8px 0 5px #333;
        }
        .m-navbar-on {
            position:fixed;
            top:0;
            left:0;
            right:0;
            bottom:0;
            overflow:hidden;
            -webkit-transform:translateX(80%);
            transform:translateX(80%)
        }
        .m-navbar-on .m-mask {
            opacity:1;
            visibility:visible
        }
        .m-navbar-on .m-navbar-start {
            left:-80%;
            color:#4e585a
        }
        .m-wel {
            display:block;
            position:fixed;
            top:0;
            left:100%;
            bottom:0;
            width:70%;
            padding:50px 0 0;
            z-index:90;
            font-size:12px;
            background-color:#fff
        }
        .m-wel header {
            text-align:left;
            padding:0 30px 0 120px
        }
        .m-wel header .avatar {
            -webkit-border-radius:50%;
            border-radius:50%;
            width:50px;
            border:1px solid #f6f9fa;
            padding:5px;
            float:left;
            margin-left:-65px
        }
        .m-wel header h4 {
            padding-top:10px;
            margin:0 0 8px;
            font-size:12px;
            line-height:1;
            font-weight:bold
        }
        .m-wel header h5 {
            margin:0;
            font-size:12px;
            line-height:1;
            color:#999
        }
        .m-wel footer {
            text-align:center;
            position:absolute;
            bottom:0;
            right:0;
            left:0
        }
        .m-wel footer a {
            display:block;
            line-height:60px;
            color:#555;
            background-color:#fbfbfb;
        }
        .m-wel footer a:hover {
            background-color:#eceeef;
            color:#4e585a
        }
        .m-wel .m-wel-content {
            overflow-y:auto;
            -webkit-overflow-scrolling:touch;
            position:absolute;
            top:130px;
            left:0;
            bottom:60px;
            right:0;
            font-size:14px;
            text-align:left;
            padding:0
        }
        .m-wel .m-wel-content ul {
            margin:0;
            padding:0;
            list-style:0
        }
        .m-wel .m-wel-content ul a {
            padding:10px 0 10px 65px;
            line-height:1.4;
            display:block;
            color:#999;
            -webkit-border-radius:2px;
            border-radius:2px
        }
        .m-wel .m-wel-content ul a:hover {
            background-color:#f6f9fa;
            color:#4e585a
        }
        .m-wel .m-wel-login {
            text-align:center;
            margin-top:30%
        }
        .m-wel .m-wel-login .avatar {
            display:block;
            margin:0 auto 30px;
            width:50px;
            -webkit-border-radius:50%;
            border-radius:50%
        }
        .m-wel .m-wel-login a {
            display:block;
            margin:0 60px 15px;
            padding:12px 15px;
            -webkit-border-radius:2px;
            border-radius:2px
        }
        .m-wel .m-wel-login a.m-wel-login {
            color:#FFF;
            background-color:#4e88fe
        }
        .m-wel .m-wel-login a.m-wel-login:hover {
            background-color:#3f6fd2
        }
        .m-wel .m-wel-login a.m-wel-register {
            background-color:#f6f9fa
        }
        .m-wel .m-wel-login a.m-wel-register:hover {
            background-color:#eceeef
        }
        .m-wel-on {
            position:fixed;
            top:0;
            left:0;
            right:0;
            bottom:0;
            overflow:hidden;
            -webkit-transform:translateX(-80%);
            transform:translateX(-80%);
            -webkit-transform:translateX(-70%);
            transform:translateX(-70%)
        }
        .m-wel-on .m-mask {
            opacity:1;
            visibility:visible
        }
        .m-wel-on .m-wel-start {
            right:-70%;
            color:#4e585a
        }
        .article-nav {
            display:block;
            overflow:hidden;
            margin:10px;
            font-size:14px;
            color:#bbb;
        }
        .relates-text li {
            margin-top:10px
        }
        .relates-text {
            padding:15px 10px;
            border:none;
            box-shadow:0 0 20px rgba(160, 160, 160, 0.1);
            border-radius:5px;
        }
        .relates-text h3 {
            margin:0;
            font-size:18px;
            font-weight:bold;
        }
        .relates-text ul {
            margin-bottom:0px;
        }
        .article-nav span {
            float:left;
            position:relative;
            width:50%;
            color:#999;
        }
        .article-nav span.article-nav-next {
            float:right;
            text-align:right
        }
        .article-nav span.article-nav-next::before {
            content:'';
            position:absolute;
            left:0;
            top:0;
            height:100%;
            display:block;
            width:1px;
            background-color:#eee
        }
        .article-nav a {
            color:#b3b3b3;
            margin-right:10px;
            display:inline-block;
        }
        .article-nav span.article-nav-next a {
            margin-left:10px;
            margin-right:0
        }
        .article-nav a:hover {
            color:#4e88fe
        }
        .search-on .site-search {
            width:70%;
            margin:0 15% 0 15%
        }
        .site-search {
            width:0;
            margin:0 15% 0 15%
        }
        .sb-search {
            float:none;
            margin:20px auto
        }
        .nav-reveal {
            display:none
        }
        .sb-search-input {
            background:#202935;
            color:#fff;
        }
        .oldtb .sb-search-input {
            border:none;
        }
        .sb-search input::-webkit-input-placeholder {
            color:#fff
        }
        .category {
            margin-top:48px;
        }
        .mall_box {
            padding:20px;
        }
        #mallmenu {
            display:none;
            width:100%;
            float:none;
            margin-top:15px;
        }
        .mall-ul {
            margin-bottom:10px;
        }
        .mall-content {
            margin-top:15px;
        }
        .excerpt-mall-head header h2 {
            padding:5px;
        }
        .excerpt-mall-head .meta .time {
            display:none;
        }
        .mall-price {
            padding-bottom:2px;
        }
        .mall-price b {
            font-size:15px;
        }
        .excerpt-mall {
            margin:0 1%;
            width:48%;
            margin-bottom:2%;
        }
        .excerpt-mall .thumb {
            height:120px;
        }
        .mall_box .mall_img_left {
            display:none;
            float:none;
        }
        .mall_box .mall_text_right {
            width:100%;
            padding:0;
        }
        .mall_text_right h2 {
            font-size:20px;
        }
        .mall_text_right .zddescsub {
            font-size:15px;
        }
        .mall_text_right p {
            font-size:12px;
        }
        .mall_text_right .zdbtn .btn {
            width:100%;
            margin-bottom:10px;
            padding:8px 0;
        }
        .mall_header {
            height:200px;
        }
        .mall_header h1 {
            font-size:18px;
            margin-top:50px;
            padding:0 20px;
        }
        .mall_header span {
            padding:0 20px;
            font-size:16px;
        }
        .mall_header p {
            font-size:14px;
            padding:0 20px;
        }
        .header {
            position:fixed;
            top:0;
            left:0;
            right:0;
            text-align:center;
            padding:0!important;
            z-index:9998;
        }
        .container-single {
            padding-left:15px;
            padding-right:15px;
        }
        .container-single .nav {
            bottom:0px;
            padding:0;
            border-bottom:1px solid #f5f5f5;
            position:relative;
        }
        .container-single .nav-content {
            padding:0px !important;
            width:100%;
        }
        .article-focusbox:before {
            background-image:none !important;
            background:transparent;
        }
        .button-header {
            display:none;
        }
        .themes-module {
            display:none;
        }
        .single-background {
            background-size:cover;
        }
        .wbd .t1 {
            padding-top:66px;
            font-size:20px;
        }
        .wbd .t2 {
            font-size:12px;
            padding:10px 0px;
        }
        .content-box {
            margin:0 !important;
            border-radius:5px 5px 0px 0px;
        }
        .content-box .thumb {
            display:none;
        }
        .content-single {
            display:none;
        }
        .close-sidebar, .show-sidebar {
            display:none;
        }
        .content-box .meta {
            padding:0 10px;
        }
        .mbx {
            margin:0;
        }
        .logo a {
            padding:0;
            margin:0 auto;
            text-align:center;
            padding:11px 0;
        }
        .search-i {
            height:48px;
            padding:10px;
            right:50px;
        }
        .search-i a {
            padding:0;
            color:#fff;
            font-size:14px;
            line-height:0;
            height:0
        }
        .topbar {
            display:none
        }
        .topbar-user {
            display:none
        }
        .site-navbar>li[id] {
            display:none
        }
        .notices {
            width:90%;
            left:0;
            margin:0 5%;
            top:65px;
            bottom:auto;
        }
        .m-navbar-right {
            float:right;
            font-size:18px;
            margin-bottom:-5px;
            list-style:none;
        }
        .m-navbar-start {
            display:block;
            display:block !important;
            position:absolute;
            top:0;
            left:0;
            font-size:18px;
            color:#777;
        }
        .m-navbar .navto-search {
            display:none
        }
        .m-nav-show {
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            height:100%;
            width:100%
        }
        .m-navbar {
            left:-70%;
            width:70%;
        }
        .modal.in .modal-dialog {
            margin:0 auto;
        }
        .m-nav-show .m-mask {
            display:none;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            background-color:rgba(0, 0, 0, 0.5);
            z-index:99998;
            overflow:hidden
        }
        .m-wel-start a {
            color:#fff;
        }
        .oldtb .m-wel-start a {
            color:#666
        }
        .m-wel-start a:hover {
            color:#4e88fe
        }
        .m-nav-show .m-icon-nav {
            color:#4e88fe
        }
        .lead-title .more {
            display:none
        }
        .demo {
            margin-bottom:0
        }
        .testimonial:hover {
            position:relative;
            z-index:2;
            background-color:#f0f0f0;
            border:1px solid #fbfbfb
        }
        .search .site-search {
            top:0
        }
        .site-navbar li.navto-search {
            position:absolute;
            top:-10px;
            right:0;
            border-bottom:0
        }
        .site-navbar li.navto-search a {
            padding:15px 15px 15px 30px;
            color:#777;
            border-bottom:0;
            margin:0
        }
        .site-nav .navto-search .fa {
            display:block;
            font-size:19px
        }
        .pageheader, .page-template-pagesnavs-php .pageheader {
            margin-top:-15px
        }
        .readers a.item-top {
            float:none;
            width:auto;
            display:block;
            margin:0 0 15px 0
        }
        .relates-thumb li {
            width:30.333333333%
        }
    }
    .excerpt-minic-index .red:after {
        padding:0 5px;
        line-height:inherit;
        margin-right:4px;
    }
    .home-firstitems {
        display:none;
    }
    .excerpt-page {
        width:47%;
        margin:1.5%;
    }
    .excerpt-page .thumbnail {
        height:120px;
    }
    .excerpt-page footer {
        display:none;
    }
    .excerpt-page>h2 {
        margin-bottom:5px;
    }
    .section-info {
        padding:20px 0px 20px;
        width:100%;
    }
    .carousel {
        height:300px;
    }
    .oldtbcontent .carousel-indicators {
        top:0;
        right:20px;
        left:auto;
    }
    .oldbanner {
        margin:0 -10px;
        height:100%;
        border-radius:0;
        padding:0 10px;
    }
    .oldbanner .carousel-inner>.item {
        height:200px;
        width:100%;
    }
    .oldtb {
        height:48px;
        box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 5px;
        border-bottom:0px;
    }
    .oldtb {
        position:fixed;
        top:0px;
        left:0px;
        right:0px;
        text-align:center;
        z-index:9998;
    }
    .oldtb .container {
        position:initial;
    }
    .oldtb .m-user {
        color:#696969
    }
    .oldtb .m-icon-nav {
        color:#696969
    }
    .logo a {
        float:none;
        max-width:100%;
        height:48px;
    }
    .oldtb .logo {
    }
    .logo .fa {
        font-size:26px;
    }
    .logo img {
        height:26px;
    }
    .m-menubar {
        display:block;
    }
    .topbar {
        display:none
    }
    .topbar-user {
        display:none
    }
    .commentlist .comment {
        margin:5px 0;
        border-radius:0;
        padding:10px;
        background:#fff;
    }
    .comt-main>p {
        margin:0 0 0px;
    }
    .comt-avatar {
        margin:0px;
    }
    .commentlist>.comment .children {
        margin-left:15px;
    }
    .comments-box {
        padding:0;
        border:none;
        box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
        border-radius:0;
        padding:10px;
        margin:10px 0;
    }
    .comment #respond {
        padding:10px 0 15px 30px;
    }
    .comt-title .avatar {
        float:left;
        margin-right:10px;
    }
    .comment-user-change, .comment #cancel-comment-reply-link {
        float:left;
    }
    .comt-title {
        width:auto;
        float:left;
        margin-left:0;
        overflow:hidden;
        position:relative;
        top:0;
        right:0;
        margin-bottom:10px;
        text-align:left;
    }
    #comments, #respond, #postcomments {
        padding:0;
        background:none;
    }
    #comments {
        margin-bottom:0px;
    }
    .commentlist {
        padding:0;
        border:none;
        background:none;
    }
    .m-icon-nav {
        top:0;
        height:48px;
        padding:18px 15px 0;
        font-size:14px;
    }
    .m-nav-show {
        position:fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        height:100%;
        width:100%
    }
    .m-nav-show .m-mask {
        display:block;
        position:fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        background-color:rgba(0, 0, 0, 0.5);
        z-index:99998;
        overflow:hidden
    }
    .m-nav-show .m-icon-nav {
        color:#4e88fe
    }
    .search .site-search {
        top:0
    }
    .site-navbar li.navto-search {
        position:absolute;
        top:-10px;
        right:0;
        border-bottom:0
    }
    .site-navbar li.navto-search a {
        padding:15px 15px 15px 30px;
        color:#777;
        border-bottom:0;
        margin:0
    }
    .site-nav .navto-search .fa {
        display:block;
        font-size:19px
    }
    .excerpt-list {
        display:none
    }
    .lead-title {
        margin:10px 0;
        padding:0;
    }
    .pageheader, .page-template-pagesnavs-php .pageheader {
        margin-top:-15px
    }
    .readers a.item-top {
        float:none;
        width:auto;
        display:block;
        margin:0 0 15px 0
    }
    .relates-thumb li {
        width:30.333333333%
    }
    .comt-comterinfo li {
        width:100%;
        margin-bottom:5px;
    }
    .comt-comterinfo input {
        height:35px;
    }
    .down .down-bloak p {
        display:none;
    }
    .down .asb1 {
        display:none;
    }
    .down .box {
        width:85%;
        float:right;
        border-left:1px solid #eee;
        padding-left:20px;
    }
    .down .box-title {
        float:left;
        display:inline;
        margin-left:10px;
        width:20px;
        height:100px;
        font-size:14px;
        word-wrap:break-word;
        padding:10px 0px;
    }
    .down .down-button a {
        padding:2px 6px;
    }
    .down .box .name p {
        font-weight:bold;
        font-size:15px;
        margin:0;
    }
    .down-up {
        max-width:90%;
        width:90%;
        margin-left:-45%;
    }
    .down-up>.down-content {
        padding:30px;
    }
    .down-up .down-container .plus_box {
        margin-bottom:10px;
    }
    .down-up>.down-content .panel {
        margin:10px 0 0;
    }
    .down-up .down-container .plus_l {
        width:100%;
    }
    .down-up .down-container .plus_l ul {
        padding:0;
    }
    .down-container .plus_r {
        display:none;
    }
    .down-up>.down-content .banner {
        padding:0;
    }
    .down-up>.down-content .panel-heading {
        display:none;
    }
    .down-up>.down-content .panel .panel-body {
        padding:0;
    }
    .down-container .panel-body .btn {
        min-width:100%;
        margin:8px 0 0;
    }
    .down-up>.down-content .panel-sm {
        display:none;
    }
    .down-up .down-content .close {
        right:0;
    }
    .down-up .down-content .close .fa {
        border-radius:0 0 0 10px;
    }
    .vip-card .home-vip-title {
        margin-top:20px;
    }
    .vip-card {
        margin-bottom:15px;
    }
}
@media(max-width:640px) {
    .container {
        margin:0
    }
    .excerpt-minic .container {
        border-top:0;
        padding-top:0;
    }
    .close-minic {
        top:-5px;
    }
    .tagslist {
        margin-top:30px;
    }
    .focusslide_bottom {
        margin-bottom:0;
    }
    .demo .container {
        margin-left:auto;
        margin-right:auto;
        padding-left:0;
        padding-right:0
    }
    .demo .row {
        margin-right:-15px;
        margin-left:-15px
    }
    .demo .col-md-12 {
        position:relative;
        min-height:1px;
        padding-right:0;
        padding-left:0
    }
    .header {
        padding:15px 0;
        height:48px;
        border-bottom:0;
    }
    .m-icon-nav {
        top:0;
        height:48px;
        padding:18px 15px 0;
        font-size:14px;
        line-height:1;
        -webkit-transition-duration:600ms;
        transition-duration:600ms;
        z-index:91;
        cursor:pointer;
        text-shadow: 0.8px 0 5px #333;
    }
    .search-i {
        padding:10px;
    }
    .article-header {
        text-align:left;
        padding:10px;
        border-bottom:0;
        margin-bottom:0;
        border:0;
        padding-top:10px !important;
        background:#fff;
        width: 100%;
    }
    .xzh-render-body {
        padding:10px;
        background:#fff;
        box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
        border-radius:5px 5px 0 0;
    }
    .article-meta {
        padding:0;
    }
    .article-meta, .article-meta .item a {
        color:#999 !important;
    }
    .shoucang:after {
        top:2px;
    }
    .article-title {
        font-size:18px;
        font-weight:bold;
        margin-bottom:10px;
        line-height:22px;
        padding:0;
        color:#2c3747;
    }
    .article-meta .item {
        margin-right:10px
    }
    .asb-post {
        margin-bottom:15px
    }
    .article-content img {
        border-radius:0
    }
    .post-copyright {
        display:none
    }
    .xshare {
        display:none;
    }
    .caseList .prev {
        width:49%;
        height:60px;
        border-radius:0
    }
    .caseList .next {
        width:49%;
        border-radius:0;
        height:60px
    }
    .caseList li .text {
        padding:10px 0;
        color:#999;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .caseList li .text:hover {
        color:#4e88fe
    }
    .caseList li .caseThum img {
        display:none
    }
    .caseList li {
        background:0
    }
    .article-action {
        margin:0;
        border:none;
        padding:20px 10px;
        text-align:right;
        box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
        border-radius:0 0 5px 5px;
    }
    .action-share {
        text-align:center;
        width:100%;
        float:none;
        margin:0;
        display:none;
    }
    .xshare .share-popover .share-popover-inner {
        bottom:60px
    }
    .survey-body {
        width:100%;
        position:fixed;
    }
    .survey-body.is-open {
        bottom:0;
    }
    .btn-survey {
        bottom:164px;
        z-index:99999999;
        position:absolute;
        right:35px;
        bottom:205px;
        border:3px #fff solid;
    }
    .survey-container {
        right:0;
        bottom:0;
    }
    .rollbar {
        right:-120px
    }
    .article-content {
        font-size:15px;
        line-height:24px;
        margin-bottom:0;
        padding:10px 10px 20px;
    }
    .post-actions {
        position:relative;
        text-align:center;
        margin-bottom:0;
        float:none;
    }
    .article-zhaiyao {
        margin:10px 0
    }
    .article-content p, .article-content h2, .article-content h3, .article-content h4 {
        margin:0;
    }
    .article-content h2:before {
        left: 10px;
        height: 2px;
    }
    .article-content h2 {
        font-size:16px;
        font-weight:bold;
        margin:15px -10px 15px -10px;
        line-height:18px;
        padding-left:10px;
        border-left:none;
    }
    .doubt h2 {
        border-left:5px solid #4e88fe;
        padding:5px 10px;
        font-size:15px;
    }
    .doubt span .fa {
        padding:5px 10px;
    }
    .article-content ul, .article-content ol {
        margin-left:20px
    }
    .content {
        min-height:200px;
        padding-right:0;
    }
    .oldtbcontent {
        position:relative;
        min-height:200px;
        margin-right:-10px;
        margin-bottom:10px;
        margin-left:-10px;
    }
    .slibottom {
        display:none;
    }
    .pagetitle h1 {
        font-size:16px;
        font-weight:bold
    }
    .pageheader, .page-template-pagesnavs-php .pageheader {
        margin-top:0;
        padding:15px;
        margin-bottom:0
    }
    .pageheader h1 {
        font-weight:bold;
        font-size:14px
    }
    .pageheader .note {
        font-size:12px
    }
    .container-page {
        padding-left:0
    }
    .container-page .content {
        padding:15px;
        border:0;
        border-radius:0
    }
    .container-page .content::after {
        display:none
    }
    .container-page .content .article-title {
        margin-bottom:15px
    }
    .pageside {
        width:auto;
        position:relative;
        margin-top:50px;
    }
    .pagemenu {
        margin-bottom:5px;
        border:0;
        border-radius:0;
        padding:10px 10px
    }
    .pagemenu li a {
        padding:7px 10px;
        font-size:14px;
        font-weight:bold;
        float:left;
        background:#f5f5f5;
        margin:3px 6px;
        border-radius:5px
    }
    .plinks {
        padding:0
    }
    .title {
        margin-bottom:5px;
        padding:0px;
    }
    .title h3 {
        font-size:17px;
        font-weight:normal;
        line-height:1;
        color:#555;
    }
    .title .more {
        display:none
    }
    .relates-m {
        display:none
    }
    .footer {
        padding:30px 0 20px
    }
    .footer nav {
        display:none
    }
    .footer {
        padding:15px 5px 15px;
    }
    .footer .container {
        line-height:16px
    }
    .footer .content-wrap {
        padding:0;
        margin-bottom:0;
    }
    .cs-foot-logo img {
        max-width:120px;
    }
    .archives-list span {
        display:none
    }
    .archives h3 {
        font-size:16px;
        font-weight:bold
    }
    .container-single {
        padding-left:10px;
        padding-right:10px;
    }
    .article-focusbox.bgimg-fixed {
        height:auto;
        visibility:initial;
        padding:0 10px;
        padding-top: 10px;
        background-image: none !important;
        background: transparent;
    }
    .single section.container {
        margin:0;
    }
    .modal-dialog-haibao {
        width:70%;
        margin-left:-35%;
        height:auto;
    }
    .single .content {
        border:0;
        padding:0;
        border-radius:0
    }
    .single-content {
        margin:0 !important;
    }
    .smhb .share-haibao {
        display:none;
    }
    .pagination {
        padding:0;
        margin:0;
    }
    .pagination ul>li {
    }
    .pagination ul>li.prev-page, .pagination ul>li.next-page {
        display:inline
    }
    .pagination ul>li.next-page a {
        background-color:#4e88fe;
        color:#fff
    }
}
@media(max-width:540px) {
    .relates-thumb li {
        width:48%;
    }
    .flinks {
        display:none
    }
    .flinks-m .flinks {
        display:block
    }
}
@media(max-width:480px) {
    #sign {
        width:90%;
    }
    #sign {
        top:12%
    }
    .article-tags {
        text-align:left
    }
    .cat-first {
        padding:10px 10px 10px 170px
    }
    .cat-first .thumbnail {
        margin-left:-160px;
        width:150px
    }
    .cat-first .note {
        display:none
    }
    .cat-first .meta .pc {
        display:none
    }
    .cat-first h2 {
        font-size:16px;
        line-height:20px
    }
    .cat-posts li {
        width:50%
    }
    .cat-posts li a {
        padding:10px
    }
    .cat-posts li:nth-child(1) {
        border-radius:0
    }
    .cat-posts li:nth-child(1), .cat-posts li:nth-child(2) {
        border-bottom:0
    }
    .cat-posts li:nth-child(3) {
        border-left:1px solid #eaeaea;
        border-radius:0 0 0 4px
    }
    .plinks ul li {
        width:50%
    }
    .page-template-pagesresetpassword-php section.container {
        margin:0
    }
    .page-template-pagesresetpassword-php .content {
        border:0;
        padding:0 15px;
        border-radius:0
    }
    .page-template-pagesresetpassword-php {
        padding-top:44px
    }
    .page .content.resetpass {
        padding:15px
    }
    .nav_fixed.page .content.resetpass {
        padding:40px 15px 15px
    }
    .resetpasssteps {
        margin:-14px -15px 15px -15px
    }
    .resetpasssteps li {
        font-size:12px;
        line-height:28px
    }
    .resetpass form {
        width:100%
    }
    .resetpass h3 {
        font-size:16px
    }
    ..input-lg {
        height:34px;
        border-radius:4px;
        font-size:14px;
        padding:10px
    }
}
@media(max-width:360px) {
    .cat-ebox li {
        width:100%;
        border-right:0
    }
    .cat-ebox li:first-child {
        border-bottom:2px solid #eaeaea
    }
    .cat-posts li a {
        height:170px
    }
    .article-meta .item:nth-child(2) {
        display:none
    }
    .article-title {
        font-size:16px
    }
    .btn-lg {
        padding:8px 20px;
        font-size:14px
    }
    #commentform {
        padding-left:0
    }
    #respond {
        overflow:hidden;
        width:100%
    }
    .comt {
        padding-left:0
    }
    .comt-avatar {
        width:30px;
        height:30px;
        float:left;
        margin-right:5px;
        margin-top:5px;
    }
    .comt-avatar .avatar {
        width:30px;
        height:30px;
        border-radius:50%
    }
    .comt-comterinfo {
        width:100%
    }
    .comt-comterinfo .text-muted {
        display:none
    }
    .comt-comterinfo input {
        width:100%;
        margin-right:0;
        box-shadow:none
    }
    .comment-reply-link, .comt-info {
        position:relative;
        top:0;
        display:inline-block;
        margin-left:10px
    }
    .comt-main {
        margin-right:40px;
        margin-left:40px;
    }
    .comt-f {
        font-size:12px
    }
    .commentlist>.comment .children {
        margin-left:15px;
    }
    .comt-author {
        display:inline-block
    }
    .plinks ul li {
        width:100%
    }
}
#navs {
    color:#aaa
}
#navs h2 {
    font-size:20px;
    font-weight:normal;
    color:#fff;
    padding:10px;
    background-color:#4e88fe;
    margin:0
}
#navs .item {
    overflow:hidden;
    margin:20px 0 30px
}
#navs .item h2 {
    width:140px;
    padding:11px 15px;
    margin:0;
    font-size:18px
}
#navs .item ul {
    margin-right:-1%
}
#navs .item li {
    float:left;
    width:19%;
    margin-right:1%;
    margin-top:1%;
    padding:15px;
    font-size:12px;
    height:89px;
    overflow:hidden;
    background-color:#fff;
    border-bottom:15px solid #fff
}
#navs .item li a {
    margin-bottom:5px;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    color:#4e88fe;
    border-bottom:2px solid transparent
}
#navs .item li a:hover {
    color:#fd8c84;
    border-bottom-color:#fd8c84
}
#navs .items {
    margin-left:160px
}
#navs nav {
    width:140px;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background-color:#4e88fe
}
#navs nav ul {
    width:140px
}
#navs nav a {
    display:block;
    padding:10px 20px;
    color:#fff;
    border-bottom:1px solid rgba(0, 0, 0, 0.08)
}
#navs nav a:hover, #navs nav .active a {
    color:#fff
}
#navs nav .active a {
    font-weight:bold
}
#navs nav ul.affix {
    position:fixed;
    top:0;
    overflow-y:auto;
    height:100%;
    bottom:0
}
#navs nav ul.affix-bottom {
    position:fixed
}
#navs nav ul::-webkit-scrollbar {
    width:4px;
    height:4px
}
#navs nav ul::-webkit-scrollbar-thumb {
    background-color:rgba(0, 0, 0, 0.15)
}
#navs nav ul::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0, 0, 0, 0.3)
}
.page-template-pagesnavs-php .pageheader {
    margin:0
}
@media(max-width:1280px) {
    #navs .items {
        margin-right:10px
    }
}
@media(max-width:1024px) {
    #navs .item {
        margin-top:10px
    }
    #navs .items {
        margin:0
    }
    #navs nav {
        display:none
    }
    #navs .item li {
        width:24%
    }
}
@media(max-width:640px) {
    #navs .item li {
        width:32.333333%
    }
    #navs .item h2 {
        width:auto;
        text-align:center
    }
}
@media(max-width:320px) {
    #navs .item li {
        width:49%
    }
}
.breadcrumbs {
    padding:15px 0;
    font-size:12px;
    line-height:1;
    text-align:left;
    background-color:#fff;
    margin-bottom:15px;
    margin-top:-15px;
    border-bottom:1px solid #ebebeb;
    box-shadow:0 1px 3px rgba(0, 0, 0, .04);
    color:#999
}
.breadcrumbs small {
    font-size:12px;
    font-family:serif;
    color:#bbb;
    margin:0 2px;
    font-weight:bold
}
.breadcrumbs a {
    color:#999
}
.breadcrumbs a:hover {
    color:#666
}
@media(max-width:640px) {
    .breadcrumbs {
        margin-top:1px;
        margin-bottom:0;
        padding:10px 15px;
        border-bottom:0;
        margin-bottom:1px
    }
}
.catleader {
    border:0;
    border-radius:4px;
    margin-bottom:0;
    padding:0;
}
.catleader h1 {
    font-size:22px;
    margin:0 15px;
    padding:0;
    line-height:1;
    border-left:5px solid #4e88fe;
    padding-left:10px;
}
.catleader h1 small {
    color:#999;
    font-size:14px;
    position:relative;
    top:-2px;
    margin-left:5px
}
@media(max-width:640px) {
    .catleader {
        padding:15px 0 0;
        margin-bottom:0;
        border:0
    }
    .catleader h1 {
        font-size:14px;
        font-weight:bold
    }
    .catleader-desc {
        margin-top:5px;
        font-size:12px
    }
}
.authorleader {
    background-color:#fff;
    border:1px solid #eaeaea;
    border-radius:4px;
    margin-bottom:15px;
    padding:20px 50px;
    text-align:center;
    margin-top:95px;
}
.authorleader h1 {
    font-size:18px;
    margin:10px 0 0;
    padding:0;
    line-height:1
}
.authorleader .avatar {
    border-radius:50%
}
.authorleader-desc {
    font-size:14px;
    color:#999;
    margin-top:10px
}
@media(max-width:640px) {
    #sign {
        top:8%
    }
    #sign .part {
        padding:30px 20px;
    }
    #sign form .close {
        right:12px;
        background:none;
        color:#555;
        font-size:20px;
        opacity:1;
        top:5px;
        height:30px;
        width:30px;
        line-height:30px;
        border-radius:0;
        overflow:hidden;
    }
    .authorleader {
        padding:15px;
        margin-bottom:10px;
        margin-top:50px;
    }
    .authorleader h1 {
        font-size:16px;
        font-weight:bold
    }
    .authorleader-desc {
        margin-top:5px;
        font-size:12px
    }
    .cd-main-content {
        min-height:300px;
    }
    .carousel-inner>.item p {
        font-size:14px !important;
    }
    .carousel-inner>.item .description {
        font-size:12px !important;
        padding-top:2px;
    }
}
.post-actions .share-haibao {
    background:#394048;
    margin-right:5px;
    color:#fff;
    font-size:12px;
    padding:4px 10px;
}
.post-actions .action.action-rewards {
    background: #394048;
    margin-right: 5px;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 50px;
}
.post-actions .action.action-like, .post-actions .tuiguang-haibao, .post-actions .product_haibao {
    margin-right:5px;
    color:#fff !important;
    padding:4px 10px;
    border-radius:50px;
}
.post-actions .tuiguang-haibao:hover {
    color:#fff;
    opacity:0.8;
}
.dialog_overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(55, 58, 71, 0.8);
    z-index:9999;
    display:none;
}
.rewards-popover-mask {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:9999;
    display:none
}
.rewards-popover {
    position:fixed;
    top:50%;
    left:50%;
    margin:-200px 0 0 -275px;
    width:550px;
    background-color:#FFF;
    padding:40px 20px 50px;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
    z-index:9999;
    display:none;
    text-align:center
}
.rewards-popover h3 {
    font-size:18px;
    font-weight:bold;
    text-align:center;
    margin:0 15px 30px
}
.rewards-popover-item {
    display:inline-block;
    width:200px;
    margin:0 20px
}
.rewards-popover-item h4 {
    margin:0 20px 10px;
    font-size:15px
}
.rewards-popover-item img {
    width:200px;
    height:200px;
    background-color:#eee;
    border-radius:2px;
    padding:5px
}
.rewards-popover-close {
    position:absolute;
    top:0;
    right:0;
    padding:15px;
    font-size:16px;
    line-height:1;
    color:#999;
    cursor:pointer
}
.rewards-popover-close&:hover {
    color:#666
}
@media(max-width:560px) {
    .rewards-popover {
        width:300px;
        margin-left:-150px;
        margin-top:-125px;
        padding:30px 10px
    }
    .rewards-popover h3 {
        font-size:16px;
        margin:0 5px 15px
    }
    .rewards-popover-item {
        width:125px;
        margin:0 5px
    }
    .rewards-popover-item h4 {
        font-size:12px;
        margin:0 0 10px
    }
    .rewards-popover-item img {
        width:125px;
        height:125px
    }
}
.liangdian {
    margin:0 -2% 10px 0!important;
    padding:0;
    overflow:hidden;
    clear:both
}
.liangdian li {
    float:left;
    position:relative;
    margin:0 2% 2% 0;
    width:31.33333%;
    padding:20px 20px;
    border-radius:2px;
    text-align:center;
    border:1px solid #eee;
    color:#aaa;
    font-size:12px;
    height:105px;
    overflow:hidden;
    line-height:1.6
}
.liangdian li::before {
    position:absolute;
    top:0;
    left:0;
    content:'';
    background-color:#eee;
    color:#bbb;
    line-height:1;
    padding:4px 5px;
    font-size:12px;
    border-radius:0 0 2px 0
}
.liangdian li:nth-child(1)::before {
    content:"\4EAE\70B9 1"
}
.liangdian li:nth-child(2)::before {
    content:"\4EAE\70B9 2"
}
.liangdian li:nth-child(3)::before {
    content:"\4EAE\70B9 3"
}
.liangdian li:nth-child(4)::before {
    content:"\4EAE\70B9 4"
}
.liangdian li:nth-child(5)::before {
    content:"\4EAE\70B9 5"
}
.liangdian li:nth-child(6)::before {
    content:"\4EAE\70B9 6"
}
.liangdian li:nth-child(7)::before {
    content:"\4EAE\70B9 7"
}
.liangdian li:nth-child(8)::before {
    content:"\4EAE\70B9 8"
}
.liangdian li:nth-child(9)::before {
    content:"\4EAE\70B9 9"
}
.liangdian li:nth-child(10)::before {
    content:"\4EAE\70B9 10"
}
.liangdian li:nth-child(11)::before {
    content:"\4EAE\70B9 11"
}
.liangdian li:nth-child(12)::before {
    content:"\4EAE\70B9 12"
}
.liangdian li:nth-child(13)::before {
    content:"\4EAE\70B9 13"
}
.liangdian li:nth-child(14)::before {
    content:"\4EAE\70B9 14"
}
.liangdian li:nth-child(15)::before {
    content:"\4EAE\70B9 15"
}
.liangdian li:nth-child(16)::before {
    content:"\4EAE\70B9 16"
}
.liangdian li:nth-child(17)::before {
    content:"\4EAE\70B9 17"
}
.liangdian li:nth-child(18)::before {
    content:"\4EAE\70B9 18"
}
.liangdian li:nth-child(19)::before {
    content:"\4EAE\70B9 19"
}
.liangdian li:nth-child(20)::before {
    content:"\4EAE\70B9 20"
}
.liangdian li:nth-child(21)::before {
    content:"\4EAE\70B9 21"
}
.liangdian li:nth-child(22)::before {
    content:"\4EAE\70B9 22"
}
.liangdian li:nth-child(23)::before {
    content:"\4EAE\70B9 23"
}
.liangdian li:nth-child(24)::before {
    content:"\4EAE\70B9 24"
}
.liangdian li:nth-child(25)::before {
    content:"\4EAE\70B9 25"
}
.liangdian li:nth-child(26)::before {
    content:"\4EAE\70B9 26"
}
.liangdian li:nth-child(27)::before {
    content:"\4EAE\70B9 27"
}
.liangdian li:nth-child(28)::before {
    content:"\4EAE\70B9 28"
}
.liangdian li:nth-child(29)::before {
    content:"\4EAE\70B9 29"
}
.liangdian li:nth-child(30)::before {
    content:"\4EAE\70B9 30"
}
.liangdian li:nth-child(31)::before {
    content:"\4EAE\70B9 31"
}
.liangdian li:nth-child(32)::before {
    content:"\4EAE\70B9 32"
}
.liangdian li:nth-child(33)::before {
    content:"\4EAE\70B9 33"
}
.liangdian li:nth-child(34)::before {
    content:"\4EAE\70B9 34"
}
.liangdian li:nth-child(35)::before {
    content:"\4EAE\70B9 35"
}
.liangdian li:nth-child(36)::before {
    content:"\4EAE\70B9 36"
}
.liangdian li:nth-child(37)::before {
    content:"\4EAE\70B9 37"
}
.liangdian li:nth-child(38)::before {
    content:"\4EAE\70B9 38"
}
.liangdian li:nth-child(39)::before {
    content:"\4EAE\70B9 39"
}
.liangdian li:nth-child(40)::before {
    content:"\4EAE\70B9 40"
}
.liangdian li:nth-child(41)::before {
    content:"\4EAE\70B9 41"
}
.liangdian li:nth-child(42)::before {
    content:"\4EAE\70B9 42"
}
.liangdian li:nth-child(43)::before {
    content:"\4EAE\70B9 43"
}
.liangdian li:nth-child(44)::before {
    content:"\4EAE\70B9 44"
}
.liangdian li:nth-child(45)::before {
    content:"\4EAE\70B9 45"
}
.liangdian li:nth-child(46)::before {
    content:"\4EAE\70B9 46"
}
.liangdian li:nth-child(47)::before {
    content:"\4EAE\70B9 47"
}
.liangdian li:nth-child(48)::before {
    content:"\4EAE\70B9 48"
}
.liangdian li:nth-child(49)::before {
    content:"\4EAE\70B9 49"
}
.liangdian li:nth-child(50)::before {
    content:"\4EAE\70B9 50"
}
.liangdian li:nth-child(51)::before {
    content:"\4EAE\70B9 51"
}
.liangdian li:nth-child(52)::before {
    content:"\4EAE\70B9 52"
}
.liangdian li:nth-child(53)::before {
    content:"\4EAE\70B9 53"
}
.liangdian li:nth-child(54)::before {
    content:"\4EAE\70B9 54"
}
.liangdian li:nth-child(55)::before {
    content:"\4EAE\70B9 55"
}
.liangdian li:nth-child(56)::before {
    content:"\4EAE\70B9 56"
}
.liangdian li:nth-child(57)::before {
    content:"\4EAE\70B9 57"
}
.liangdian li:nth-child(58)::before {
    content:"\4EAE\70B9 58"
}
.liangdian li:nth-child(59)::before {
    content:"\4EAE\70B9 59"
}
.liangdian li:nth-child(60)::before {
    content:"\4EAE\70B9 60"
}
.liangdian li::after {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:16px;
    content:'';
    background-color:#fff
}
.liangdian li:hover {
    border-color:#4e89ff
}
.liangdian li:hover::before {
    background-color:#4e89ff;
    color:#fff
}
.liangdian strong {
    display:block;
    font-size:15px;
    font-weight:bold;
    margin-bottom:5px;
    color:#555;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
@media(max-width:768px) {
    .liangdian li {
        width:48%
    }
}
@media(max-width:544px) {
    .liangdian {
        margin:0 -2% 20px 0!important
    }
    .liangdian li {
        height:102px;
        padding:18px 10px;
        line-height:1.4;
        font-size:11px
    }
    .liangdian li::before {
        font-size:10px;
        padding:4px;
        height:16px
    }
    .liangdian strong {
        font-size:12px
    }
}
#container {
    margin:auto;
    max-width:1200px
}
@media(max-width:1240px) {
    #container {
        margin:0 15px
    }
}
.woocommerce-breadcrumb {
    display:none
}
.page-title {
    margin:0 0 20px;
    font-size:25px;
    float:left
}
.woocommerce-result-count {
    display:none
}
.woocommerce-ordering {
    float:right;
    margin-bottom:20px
}
.woocommerce-ordering select {
    border-color:#ddd;
    padding:3px 6px
}
.products {
    clear:both
}
.woocommerce ul.products li.product a img {
    margin-bottom:5px
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color:#fff;
    padding:15px
}
.woocommerce ul.products li.product .price {
    color:#ff351a
}
.woocommerce ul.products li.product .price ins {
    float:left;
    margin-right:15px;
    text-decoration:none
}
.woocommerce ul.products li.product .price del {
    display:inline-block;
    color:#999
}
.woocommerce ul.products li.product .button {
    margin-top:5px
}
.woocommerce a.button {
    font-size:12px;
    font-weight:normal;
    border-radius:2px;
    color:#888
}
.woocommerce-Price-currencySymbol {
    margin-right:2px;
    display:inline-block
}
.woocommerce-page .container-page {
    padding-left:0
}
.woocommerce-page .article-content {
    font-size:14px
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding:6px 8px;
    border:1px solid #ddd
}
.woocommerce form .form-row input.input-text:hover, .woocommerce form .form-row textarea:hover {
    border-color:#bbb
}
.select2-container--default .select2-selection--single {
    border-radius:0;
    border-color:#ddd
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:34px
}
.select2-container .select2-selection--single {
    height:34px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:32px
}
.select2-dropdown {
    border-radius:0
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color:#f6f6f6;
    border-radius:0
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color:#ddd
}
.woocommerce table.shop_table {
    border-radius:0;
    border-right:0;
    border-color:#e6e6e6
}
.cart_totals table.shop_table {
    border-right:1px solid #e6e6e6
}
.woocommerce-cart .cart-collaterals .cart_totals table td {
    vertical-align:middle
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-left:4px solid #a46497;
    border-top:0;
    padding-left:2em
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    display:none
}
.woocommerce-error {
    border-left-color:#f57777
}
.woocommerce-info {
    border-left-color:#4e88fe
}
.woocommerce-message {
    border-left-color:#ffa343
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color:#4e88fe
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color:#4e88fe
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border-radius:0
}
.woocommerce .star-rating span {
    color:#ff8400
}
.woocommerce-cart-form__contents td {
    text-align:center
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    margin:0 auto
}
.woocommerce-MyAccount-navigation ul {
    margin:0;
    padding:0;
    list-style:none
}
.woocommerce-MyAccount-navigation ul li {
    font-size:15px;
    margin-bottom:10px
}
.woocommerce-MyAccount-navigation ul li a {
    display:block;
    text-decoration:none;
    color:#888;
    border-left:4px solid #fff;
    padding-left:15px;
    line-height:32px
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    border-left-color:#4e88fe;
    color:#4e88fe
}
.woocommerce-MyAccount-navigation ul li a:hover {
    color:#4e88fe
}
.woocommerce div.product {
    margin-top:30px
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width:35%
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width:61%
}
.woocommerce div.product .product_title {
    font-size:27px
}
.woocommerce-review-link {
    color:#bbb
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color:#ff351a;
    font-size:18px
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    float:left;
    text-decoration:none;
    font-weight:normal;
    margin-right:20px
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    color:#999
}
.woocommerce-product-details__short-description {
    padding:20px 0;
    font-size:14px
}
.woocommerce .quantity .qty {
    border-radius:2px;
    height:31px;
    border:1px solid #ddd;
    margin-right:5px
}
.product_meta {
    color:#999
}
.product_meta .sku_wrapper {
    margin-right:20px
}
.product_meta .posted_in {
    margin-right:20px
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    margin-top:1%;
    margin-right:1%;
    width:24%
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child {
    margin-right:1%
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom:0
}
.woocommerce div.product .woocommerce-tabs .panel {
    border-radius:0;
    padding:15px 30px 30px
}
.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom:20px
}
.woocommerce div.product .woocommerce-tabs .panel h2.woocommerce-Reviews-title {
    font-size:14px;
    font-weight:bold;
    margin-bottom:0
}
#reply-title {
    color:#999;
    display:block;
    margin-bottom:10px;
    margin-top:20px
}
.woocommerce #review_form #respond textarea {
    border:1px solid #ddd;
    padding:4px 8px
}
.woocommerce #review_form #respond textarea:hover {
    border-color:#bbb
}
.products h2 {
    font-size:22px;
    margin:0 0 10px
}
.woocommerce #reviews #comments ol.commentlist li {
    margin-bottom:0
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    padding:15px 0;
    border:0
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    padding:0;
    border:0;
    border-radius:2px;
    top:15px
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
    font-size:14px
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin-bottom:5px
}
.woocommerce .comment_container {
    border-bottom:1px solid #eee
}
.woocommerce div.product .woocommerce-tabs .panel img {
    margin:5px 0;
    display:block;
    max-width:100%;
    height:auto
}
.woocommerce div.product .woocommerce-tabs .panel h3, .woocommerce div.product .woocommerce-tabs .panel h4, .woocommerce div.product .woocommerce-tabs .panel h5 {
    padding:0;
    margin:20px 0;
    color:#555;
    font-weight:bold
}
.woocommerce div.product .woocommerce-tabs .panel h1, .woocommerce div.product .woocommerce-tabs .panel h2 {
    font-weight:bold;
    margin:20px 0;
    border-bottom:1px solid #eee;
    padding-bottom:10px
}
.woocommerce div.product .woocommerce-tabs .panel h1 {
    font-size:20px
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size:18px
}
.woocommerce div.product .woocommerce-tabs .panel h3 {
    font-size:16px
}
.woocommerce div.product .woocommerce-tabs .panel h4 {
    font-size:15px
}
.woocommerce div.product .woocommerce-tabs .panel h5 {
    font-size:14px
}
.woocommerce div.product .woocommerce-tabs .panel ul, .woocommerce div.product .woocommerce-tabs .panel ol {
    margin:0 0 20px 50px
}
.woocommerce div.product .woocommerce-tabs .panel ul {
    list-style:disc
}
.woocommerce div.product .woocommerce-tabs .panel ol {
    list-style:decimal
}
.woocommerce div.product .woocommerce-tabs .panel li {
    margin-bottom:6px
}
.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom:20px;
    word-wrap:break-word
}
.woocommerce div.product .woocommerce-tabs .panel pre {
    word-wrap:break-word
}
.woocommerce div.product .woocommerce-tabs .panel table {
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    width:100%;
    margin-bottom:20px
}
.woocommerce div.product .woocommerce-tabs .panel table th {
    background-color:#f9f9f9;
    text-align:center
}
.woocommerce div.product .woocommerce-tabs .panel table td, .woocommerce div.product .woocommerce-tabs .panel table th {
    border-bottom:solid 1px #ddd;
    border-right:solid 1px #ddd;
    padding:5px 10px
}
.woocommerce div.product .woocommerce-tabs .panel .alignnone {
    margin:0 auto
}
.woocommerce div.product .woocommerce-tabs .panel .alignleft {
    float:left;
    text-align:left;
    margin-right:10px
}
.woocommerce div.product .woocommerce-tabs .panel .aligncenter {
    margin:0 auto;
    text-align:center;
    display:block
}
.woocommerce div.product .woocommerce-tabs .panel .alignright {
    float:right;
    text-align:right;
    margin-left:10px
}
.woocommerce div.product .woocommerce-tabs .panel .wp-caption {
    margin-bottom:20px;
    background-color:#f6f6f6;
    padding:10px 10px 1px;
    max-width:100%
}
.woocommerce div.product .woocommerce-tabs .panel .wp-caption img {
    margin:0 0 5px
}
.woocommerce div.product .woocommerce-tabs .panel .wp-caption p {
    margin-bottom:10px;
    text-indent:0
}
.woocommerce div.product .woocommerce-tabs .panel .wp-caption.alignnone {
    text-align:center
}
.woocommerce div.product .woocommerce-tabs .panel .wp-caption:hover .wp-caption-text {
    color:#4e88fe
}
.woocommerce div.product .woocommerce-tabs .panel a {
    text-decoration:underline;
    color:#4e88fe
}
.woocommerce div.product .woocommerce-tabs .panel a:hover {
    color:#ff5e52
}
.woocommerce div.product .woocommerce-tabs .panel pre, .comment pre {
    margin:20px 0;
    font:12px/20px'courier new';
    background:#272822;
    padding:10px 15px;
    color:#f8f8d4;
    border:0
}
.woocommerce div.product .woocommerce-tabs .panel blockquote {
    margin:30px 30px;
    padding:15px 20px;
    font-size:16px;
    color:#999;
    border-left:5px solid #EEE
}
.woocommerce div.product .woocommerce-tabs .panel blockquote p {
    margin:0;
    padding:0;
    margin-bottom:10px
}
.woocommerce nav.woocommerce-pagination {
    margin-bottom:30px
}
.woocommerce nav.woocommerce-pagination ul {
    border:0;
    margin:0
}
.woocommerce nav.woocommerce-pagination ul li {
    margin:0 4px;
    border:0
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    background-color:#e6e6e6;
    border-radius:2px;
    padding:7px 12px;
    color:#999
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background-color:#ccc;
    color:#fff
}
.form-members .members-title {
    margin-bottom: 10px;
    padding: 6px 12px;
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    font-size: 14px;
    line-height: 1.42857143;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-members #members-select {
    float: left;
    padding: 6px 12px;
    width: 20%;
    height: 34px;
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    font-size: 14px;
    line-height: 1.42857143;
}
.form-members input[type=button] {
    float: right !important;
    display: inline-block;
    padding: 4px 16px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #2CAFFB;
    color: #fff;
    line-height: 22px;
    cursor: pointer;
}
.form-members #mceu_12 {
    margin-bottom: 10px;
}
/*提示*/
.c-message {
    position:fixed;
    top:30%;
    left:50%;
    z-index:9999;
    height:40px;
    min-width:200px;
    background:#fff;
    box-shadow:0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    color:#666;
    line-height:40px;
}
.c-message--main {
    padding-right:20px;
    padding-left:50px;
}
.c-message--main .fa-check, .c-message--main .fa-exclamation-circle, .c-message--main .fa-info, .c-message--main .fa-times {
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    background:#4CAF50;
    color:#fff;
    text-align:center;
    line-height:40px!important;
}
.c-message--error {
    background:#f44336!important;
}
.c-message--info {
    background:#03a9f4!important;
}
.c-message--warning {
    background:#F7BA2A!important;
}
.c-message--close {
    position:absolute;
    top:0;
    right:10px;
    display:block;
    height:40px;
    color:#999;
    text-decoration:none;
    font-size:30px;
    line-height:34px;
    cursor:pointer;
}
.c-message--close:hover {
    color:#666;
}
@keyframes messageFadeInDown {
    0% {
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform:none;
        transform:none;
    }
}
.c-message.messageFadeInDown {
    -webkit-animation-duration:.6s;
    animation-duration:.6s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both -webkit-animation-name: messageFadeInDown;
    animation-name:messageFadeInDown;
}
@keyframes messageFadeOutUp {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
    }
}
.c-message.messageFadeOutUp {
    -webkit-animation-duration:.6s;
    animation-duration:.6s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both -webkit-animation-name: messageFadeOutUp;
    animation-name:messageFadeOutUp;
}