article,
aside,
body,
div,
dl,
dt,
dd,
figure,
h1,
h2,
h3,
h4,
h5,
head,
header,
html,
iframe,
button,
img,
nav,
object,
ol,
p,
section,
span,
ul {
    margin    : 0;
    padding   : 0;
    border    : 0;
    background: transparent
}


ul {
    list-style: none
}

li {
    list-style-type: none
}
.side_btn a.btn span,.side_btn a.btn:hover{
    background: #004FCB;
    color: #fff;
}
a:hover {
    color: #004FCB;
}

.hides {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5 {
    line-height   : 24px;
    color         : #333;
    text-rendering: optimizelegibility;
    font-weight   : normal
}

h1 {
    font-size  : 32px;
    line-height: 42px
}

h2 {
    font-size  : 24px;
    line-height: 36px
}

h3 {
    font-size  : 22px;
    line-height: 26px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

article,
aside,
figure,
footer,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

a {
    color: #333
}

a,
a:hover {
    text-decoration: none
}

img {
    margin   : 0 auto;
    max-width: 100%;
    display  : inline-block
}

img.thumb {
    display: block !important
}

input[type="email"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    background-color: #fbfbfb;
    border          : 1px #f2f2f2 solid;
    padding         : 10px;
    width           : 100%;
    min-width       : 60px;
    font-size       : 12px;
    font-family     : '微软雅黑'
}

input:focus,
textarea:focus {
    background-color: #fff
}

button,
input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
    cursor: pointer
}

button,
select,
input[type="button"],
input[type="email"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    outline           : none;
    border-radius     : 0
}

input[type="submit"],
button {
    border: 0
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle
}

select {
    background-image   : url(../images/select-arrow.png);
    background-repeat  : no-repeat;
    background-position: center right;
    background-color   : #fbfbfb;
    border             : 1px #f2f2f2 solid;
    padding            : 8px 40px 8px 8px;
    cursor             : pointer;
    outline            : none
}

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

*:after,
*:before,
a,
b,
svg,
h3,
.bg,
span,
input,
button,
textarea,
.sub-menu,
a.imgeffect img,
.side_btn,
.user_main,
.qrpopup,
.download_main,
.video_main,
.product_main,
.topic_main,
.videocat_list,
.ajax_cart,
#link-page ul li,
.cover_img,
.author_tabs .nav_move ul#nav li,
.popup {
    -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 0.5s;
    transition        : ease-in-out 0.5s
}

body {
    font-size  : 12px;
    overflow-x : hidden;
    overflow-y : scroll;
    line-height: 24px;
    color      : #666;
    font-family: "PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif
}

body {
    background-color     : #ffffff;
    background-repeat    : repeat;
    background-size      : cover;
    background-attachment: fixed;
    background-position  : center center;
    background-image     : url(../images/top_bg.png);
}

.wrapper {
    width : 1200px;
    margin: 0 auto;
    clear : both
}

ul.products,
.layout_ul {
    font-size   : 0;
    margin-right: -12px
}

.layout_li {
    font-size     : 13px;
    display       : inline-block;
    vertical-align: top;
    padding       : 0 12px 12px 0;
    width         : 25%
}

.layout_li:nth-last-child(-n+4) {
    padding-bottom: 0
}

hr {
    height    : 1px;
    border    : none;
    border-top: 1px dotted #ddd;
    margin    : 32px 0
}

.required {
    color: #f00
}

.excerpt {
    text-align: justify
}

svg {
    width         : 24px;
    height        : 24px;
    display       : inline-block;
    vertical-align: middle
}

.author_btn {
    position : relative;
    font-size: 0
}

.author_btn .follow_links {
    display       : inline-block;
    vertical-align: middle;
    position      : relative
}

.author_btn .follow_links img.salong-ajax {
    position: absolute;
    top     : 8px;
    left    : -12px;
    width   : 12px;
    height  : 12px
}

.author_btn a {
    display       : inline-block;
    vertical-align: middle;
    padding       : 2px 12px;
    font-size     : 12px;
    color         : #fff;
    margin        : 0 4px
}

.author_btn a.follow {
    background-color: #5890FF
}

.author_btn a.each {
    background-color: #50b51a;
    color           : #fff
}

.author_btn a.message {
    background-color: #00D6B1
}

.author_btn a.payqr {
    background-color: #FF9700
}

.post_share {
    margin     : 20px 0;
    line-height: 24px
}

.post_share>a {
    padding         : 1px;
    width           : 30px;
    height          : 30px;
    margin-left     : 6px;
    border-radius   : 100%;
    border          : 1px #eee solid;
    background-color: #fff
}

.post_share>a.weixin svg {
    fill: #25D38A
}

.post_share>a.weibo svg {
    fill: #EC4141
}

.post_share>a.qq svg {
    fill: #0085FF
}

.post_share>a.qqzone svg {
    fill: #FECC2F
}

.post_share>a.facebook svg {
    fill: #4267B2
}

.post_share>a.twitter svg {
    fill: #1DA1F2
}

.post_share>a.weixin:hover {
    background-color: #25D38A;
    border-color    : #25D38A
}

.post_share>a.weibo:hover {
    background-color: #EC4141;
    border-color    : #EC4141
}

.post_share>a.qq:hover {
    background-color: #0085FF;
    border-color    : #0085FF
}

.post_share>a.qqzone:hover {
    background-color: #FECC2F;
    border-color    : #FECC2F
}

.post_share>a.facebook:hover {
    background-color: #4267B2;
    border-color    : #4267B2
}

.post_share>a.twitter:hover {
    background-color: #1DA1F2;
    border-color    : #1DA1F2
}

.kx_share {
    margin: 0
}

.kx_share span {
    margin-right: 0
}

.kx_share>a {
    border : 0;
    width  : 24px;
    height : 24px;
    padding: 0
}

.kx_share>a svg {
    fill: #999
}

.kx_share>a.weixin:hover svg {
    fill: #25D38A
}

.kx_share>a.weibo:hover svg {
    fill: #EC4141
}

.kx_share>a.qq:hover svg {
    fill: #0085FF
}

.kx_share>a.qqzone:hover svg {
    fill: #FECC2F
}

.kx_share>a.facebook:hover svg {
    fill: #4267B2
}

.kx_share>a.twitter:hover svg {
    fill: #1DA1F2
}

.share {
    color      : #999;
    white-space: nowrap
}

.share>a {
    text-align    : center;
    display       : inline-block;
    vertical-align: middle;
    cursor        : pointer
}

.share>a svg {
    width : 14px;
    height: 14px
}

.share>a.twitter svg,
.share>a.qq svg {
    width : 13px;
    height: 13px
}

.share>a:hover svg {
    fill: #fff
}

.share>a.weixin {
    position: relative
}

.share>a.weixin .qrpopup {
    position        : absolute;
    top             : -180px;
    left            : -54px;
    padding         : 8px 8px 0;
    background-color: #fff;
    border          : 1px #eee solid;
    text-align      : center;
    opacity         : 0;
    visibility      : hidden;
    z-index         : 12
}

.share>a.weixin .qrpopup .qr {
    width        : 120px;
    height       : 120px;
    margin-bottom: 4px
}

.share>a.weixin .qrpopup span {
    font-size  : 12px;
    white-space: nowrap
}

.share>a.weixin:hover .qrpopup {
    top       : -164px;
    opacity   : 1;
    visibility: visible
}

.share br {
    display: none
}

.share>div {
    margin-left: 12px;
    float      : right
}

.share>div a.share_cover_btn,
.share>div a.hide {
    border       : 1px #eee solid;
    display      : block;
    padding      : 2px 15px;
    border-radius: 20px
}

.share>div svg {
    width       : 16px;
    height      : 16px;
    fill        : #bbb;
    margin-right: 4px
}

.share>div.post_simplify .goback {
    position: fixed;
    top     : 60px;
    right   : -100px
}

.share>div.post_simplify .goback svg {
    width : 30px;
    height: 30px
}

.imgeffect {
    overflow: hidden;
    display : block
}

.imgeffect img.thumb {
    display: block;
    width  : 100%
}

.imgeffect:hover img.thumb {
    opacity: .8
}

.header {
    height: 76px
}

.header .header_main {
    background-color: #fff;
    box-shadow      : 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.header #header_main {
    position: fixed;
    top     : 0;
    left    : 0;
    right   : 0;
    z-index : 99
}

.header .wrapper {
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    align-items: stretch;
    height     : 76px
}

.header .wrapper>* {
    align-items: center;
    flex-wrap  : nowrap;
    display    : inherit
}

.header .wrapper .btn {
    display: none
}

.header .logo img {
    height      : 42px;
    margin-right: 30px
}

.header nav.header_menu {
    flex-grow: 1
}

.header .header_menu {
    align-items: stretch;
    font-weight: 300
}

.header .header_menu ul.empty,
.header .header_menu ul.empty>li,
.header .header_menu ul.menu,
.header .header_menu ul.menu>li,
.header .header_menu ul.menu>li>a {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex
}

.header .header_menu ul.menu {
    flex-grow  : 1;
    align-items: stretch
}

.header .header_menu ul.menu li {
    position   : relative;
    white-space: nowrap
}

.header .header_menu ul.menu li.menu-item-has-children:before {
    content           : '';
    height            : 4px;
    width             : 4px;
    display           : block;
    border            : 1px solid #999;
    border-top-width  : 1px;
    border-right-width: 1px;
    border-right-width: 0;
    border-top-width  : 0;
    position          : absolute
}

.header .header_menu ul.menu li.current-menu-ancestor>a,
.header .header_menu ul.menu li.current-menu-parent>a,
.header .header_menu ul.menu li.current-menu-item>a {
    font-weight: normal
}

.header .header_menu ul.menu li:hover>.sub-menu {
    opacity   : 1;
    visibility: visible
}

.header .header_menu ul.menu>li {
    align-items: stretch
}

.header .header_menu ul.menu>li.menu-item-has-children:before {
    top              : 36px;
    right            : 16px;
    transform        : rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    -ms-transform    : rotate(-45deg)
}

.header .header_menu ul.menu>li.menu-item-has-children>a {
    padding-right: 28px
}

.header .header_menu ul.menu>li>a {
    align-items: center;
    padding    : 4px 16px;
    font-size  : 16px
}

.header .header_menu ul.menu>li:hover>.sub-menu {
    top: 76px
}

.header .header_menu ul.menu>li>.sub-menu {
    top : 96px;
    left: 0
}

.header .header_menu ul.menu>li>.sub-menu:before {
    top              : -6px;
    left             : 26px;
    transform        : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -moz-transform   : rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform     : rotate(45deg)
}

.header .header_menu ul.menu>li>.sub-menu li.menu-item-has-children:before {
    top              : 18px;
    right            : 12px;
    transform        : rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform   : rotate(-135deg);
    -o-transform     : rotate(-135deg);
    -ms-transform    : rotate(-135deg)
}

.header .header_menu ul.menu>li>.sub-menu .sub-menu {
    top        : 0;
    left       : 110%;
    border-left: 1px #efefef solid
}

.header .header_menu ul.menu>li>.sub-menu .sub-menu:before {
    top              : 12px;
    left             : -7px;
    transform        : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform     : rotate(-45deg)
}

.header .header_menu ul.menu>li>.sub-menu li:hover>.sub-menu {
    left: 100%
}

.header .header_menu ul.menu>li>.sub-menu li.menu-item-has-children:hover:before {
    opacity: 0;
    right  : 0
}

.header .header_menu ul.menu .sub-menu {
    background-color: #fff;
    position        : absolute;
    min-width       : 140px;
    box-shadow      : 4px 4px 4px 0 rgba(0, 0, 0, 0.1);
    opacity         : 0;
    visibility      : hidden;
    z-index         : 120;
    white-space     : nowrap
}

.header .header_menu ul.menu .sub-menu:before {
    width           : 12px;
    height          : 12px;
    position        : absolute;
    content         : '';
    background-color: #fff;
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    z-index         : 1
}

.header .header_menu ul.menu .sub-menu a {
    display   : block;
    padding   : 8px 20px;
    border-top: 1px #efefef solid;
    font-size : 14px;
    color     : #999
}

.header .header_menu ul.empty a {
    display    : inherit;
    align-items: center
}

.header .header_btn ul.menu li a {
    padding-left : 10px;
    padding-right: 10px;
    font-size    : 14px
}

.header .header_btn ul.menu li svg {
    fill: #999
}

.header .header_btn ul.menu li.search svg {
    width : 20px;
    height: 20px
}

.header .header_btn ul.menu li.center>a span.name {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.header .header_btn ul.menu li.center img {
    width        : 24px;
    border-radius: 100%;
    margin-right : 6px
}

.header .header_btn ul.menu li.center .sub-menu {
    width: 160px
}

.header .header_btn ul.menu li.center .sub-menu li a {
    white-space: nowrap
}

.header .header_btn ul.menu li.center .sub-menu li a>* {
    display       : inline-block;
    vertical-align: middle
}

.header .header_btn ul.menu li.center .sub-menu li a svg {
    margin-right: 4px;
    width       : 18px;
    height      : 18px
}

.header .header_btn ul.menu li.center .sub-menu li a h4 {
    font-size  : 14px;
    font-weight: 300
}

.header .header_btn ul.menu li.center .sub-menu li a span {
    color    : #999;
    font-size: 12px
}

.header .header_btn ul.menu li.contribute_btn a {
    height     : 32px;
    align-self : center;
    color      : #fff !important;
    margin-left: 8px
}

.admin-bar #header_main {
    top: 32px
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-78px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-78px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-78px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-78px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-78px)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-78px)
    }
}

@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0)
    }

    100% {
        -o-transform: translateY(-78px)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-78px)
    }
}

.header_animated {
    -webkit-animation-duration : .5s;
    -moz-animation-duration    : .5s;
    -o-animation-duration      : .5s;
    animation-duration         : .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode   : both;
    -o-animation-fill-mode     : both;
    animation-fill-mode        : both
}

.header_animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name   : slideDown;
    -o-animation-name     : slideDown;
    animation-name        : slideDown
}

.header_animated.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name   : slideUp;
    -o-animation-name     : slideUp;
    animation-name        : slideUp
}

.slick {
    position                   : relative;
    display                    : block;
    box-sizing                 : border-box;
    -webkit-touch-callout      : none;
    -webkit-user-select        : none;
    -khtml-user-select         : none;
    -moz-user-select           : none;
    -ms-user-select            : none;
    user-select                : none;
    -ms-touch-action           : pan-y;
    touch-action               : pan-y;
    -webkit-tap-highlight-color: transparent;
    overflow                   : hidden
}

.slick button {
    background: none;
    border    : none
}

.slick>button {
    position  : absolute;
    top       : 50%;
    margin-top: -12px;
    opacity   : 0;
    visibility: hidden
}

.slick>button.slick-prev {
    left: -20px
}

.slick>button.slick-next {
    right: -20px
}

.slick>button svg {
    fill  : #fff;
    width : 36px;
    height: 36px
}

.slick:hover>button {
    opacity   : 1;
    visibility: visible
}

.slick:hover .slick-prev {
    left: 0
}

.slick:hover .slick-next {
    right: 0
}

.slick .slick-dots {
    position   : absolute;
    top        : 12px;
    right      : 20px;
    line-height: 2px
}

.slick .slick-dots li {
    display: inline-block
}

.slick .slick-dots li button {
    width           : 20px;
    height          : 2px;
    background-color: rgba(255, 255, 255, 0.3);
    font-size       : 0;
    margin-left     : 6px
}

.slick .slick-dots li.slick-active button {
    background-color: #fff
}

.slick-list {
    position: relative;
    overflow: hidden;
    display : block;
    margin  : 0;
    padding : 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    -o-transform     : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0)
}

.slick-track {
    position    : relative;
    left        : 0;
    top         : 0;
    display     : block;
    margin-left : auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide.first {
    display: block !important
}

.slick-slide {
    float     : left;
    height    : 100%;
    min-height: 1px;
    position  : relative;
    display   : none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width  : 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}


.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height : auto;
    border : 1px solid transparent
}

.slick-slide .slick-con {
    position        : absolute;
    bottom          : 0;
    right           : 0;
    left            : 0;
    padding         : 100px 36px 20px;
    font-weight     : 300;
    background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%)
}

.slick-slide .slick-con h2 {
    color        : #fff;
    margin-bottom: 8px;
    font-weight  : 300
}

.slick-slide .slick-con p {
    color    : #efefef;
    font-size: 14px
}

.slick-arrow.slick-hidden {
    display: none
}

.slick_sticky {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.slick_sticky>section {
    width: 50%
}

.slick_sticky .sticky_list {
    padding-left: 8px
}

.slick_sticky .sticky_list ul {
    margin-right: -10px
}

.slick_sticky .sticky_list ul li {
    width        : 50%;
    padding-right: 10px
}

.slick_sticky .sticky_list ul li:nth-last-child(3),
.slick_sticky .sticky_list ul li:nth-last-child(4) {
    padding-bottom: 10px
}

.container {
    overflow: hidden
}

.container>.wrapper {
    margin-top: 24px
}

.container>.wrapper>section {
    margin-bottom: 24px
}

.home_title {
    display      : -webkit-flex;
    display      : -moz-flex;
    display      : -ms-flex;
    display      : -o-flex;
    display      : flex;
    padding      : 16px 20px;
    border-bottom: 1px #efefef solid;
    white-space  : nowrap
}

.home_title>section {
    align-items: center
}

.home_title .title {
    display      : -webkit-flex;
    display      : -moz-flex;
    display      : -ms-flex;
    display      : -o-flex;
    display      : flex;
    flex-grow    : 1;
    padding-right: 20px;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    width        : calc(100% - 48px)
}

.home_title .title h3 {
    font-size     : 18px;
    color         : #333;
    margin-right  : 8px;
    display       : inline-block;
    vertical-align: bottom
}

.home_title .title span {
    font-size  : 12px;
    color      : #999;
    font-weight: 300
}

.home_title .title span b {
    margin: 0 4px
}

.home_title .button {
    text-align      : right;
    background-color: #fff;
    padding-left    : 20px
}

.home_title .button a {
    color      : #999;
    font-size  : 12px;
    font-weight: 300
}

.home_title .button a svg {
    width : 10px;
    height: 10px;
    fill  : #999;
    margin: 0 0 2px 4px
}

.home_sticky_main {
    position: relative
}

.home_sticky_main a.imgeffect {
    display: block
}

.home_sticky_main a.imgeffect .title {
    position        : absolute;
    bottom          : 0;
    right           : 0;
    left            : 0;
    padding         : 60px 12px 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%)
}

.home_sticky_main a.imgeffect .title h2 {
    font-size         : 16px;
    color             : #fff;
    line-height       : 24px;
    max-height        : 48px;
    font-weight       : 300;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.is_category {
    position: absolute;
    top     : 8px;
    left    : 8px;
    z-index : 10;
    color   : #efefef
}

.is_category a {
    background-color: rgba(0, 0, 0, 0.7);
    color           : #efefef;
    padding         : 4px 8px
}

.home_sticky,
.grid_post,
.link_list,
.video_list,
.product_list,
.topic_list,
.download_list {
    background-color: #fff
}

.home_sticky>ul,
.grid_post>ul,
.link_list>ul,
.video_list>ul,
.product_list>ul,
.topic_list>ul,
.download_list>ul {
    padding: 20px
}

.post_main,
.video_main,
.product_main,
.topic_main,
.download_main {
    position: relative;
    overflow: hidden
}

.post_main h2,
.video_main h2,
.product_main h2,
.topic_main h2,
.download_main h2 {
    font-size    : 18px;
    margin-bottom: 4px;
    line-height  : 32px;
    height       : 32px;
    position     : relative;
    z-index      : 12
}

.post_main h2 a,
.video_main h2 a,
.product_main h2 a,
.topic_main h2 a,
.download_main h2 a {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.post_main .excerpt,
.video_main .excerpt,
.product_main .excerpt,
.topic_main .excerpt,
.download_main .excerpt {
    font-weight  : 300;
    margin-bottom: 8px;
    font-size    : 13px
}

.content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.content .content_left {
    width           : 820px;
    margin-right    : 20px;
    background-color: #fff
}

.content .content_left>ul {
    margin-right: 0
}

.content .content_left>ul li {
    width  : 100%;
    padding: 0
}

.content .sidebar {
    width    : 360px;
    font-size: 0
}

.move {
    width: 360px
}

.post_main {
    padding      : 20px;
    border-bottom: 1px #efefef solid
}

.post_main .is_category {
    left: 28px
}

.post_main .excerpt {
    margin-bottom: 18px
}

.post_main.simple {
    padding-left: 260px
}

.post_main.simple a.imgeffect {
    margin-left: -240px;
    float      : left
}

.post_main.simple a.imgeffect img.thumb {
    width        : 226px;
    height       : 160px;
    -o-object-fit: cover;
    object-fit   : cover;
}

.post_main.simple .is_category {
    top: 28px
}

.post_main.multiple a.imgeffect {
    display: flex;
    margin : 0 -12px 8px 0
}

.post_main.multiple a.imgeffect span {
    width        : 25%;
    padding-right: 12px
}

.post_main.multiple .is_category {
    top: 72px
}

.postinfo {
    color      : #999;
    margin-top : 12px;
    font-weight: 300;
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    white-space: nowrap
}

.postinfo>div.left {
    flex-grow: 1
}

.postinfo>div.right {
    text-align: right
}

.postinfo>div.right span:last-child {
    margin-right: 0
}

.postinfo span {
    position    : relative;
    margin-right: 8px;
    font-size   : 12px
}

.postinfo span a {
    color: #999
}

.postinfo svg {
    width       : 14px;
    height      : 14px;
    fill        : #999;
    margin-right: 4px
}

.postinfo b {
    font-weight   : 300;
    display       : inline-block;
    vertical-align: middle
}

.postinfo img {
    width         : 24px;
    height        : 24px;
    display       : inline-block;
    vertical-align: middle;
    border-radius : 100%;
    margin        : 0 6px 2px 0
}

.home_nav_main a.imgeffect {
    position: relative;
    display : block
}

.home_nav_main a.imgeffect h4,
.home_nav_main a.imgeffect p {
    position: absolute;
    left    : 0;
    z-index : 5;
    padding : 0 12px
}

.home_nav_main a.imgeffect h4 {
    top        : 12px;
    color      : #fff;
    font-weight: bold
}

.home_nav_main .desc {
    position        : absolute;
    bottom          : 0;
    right           : 0;
    left            : 0;
    padding         : 60px 12px 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
    z-index         : 15
}

.home_nav_main .desc p {
    bottom            : 12px;
    color             : #eee;
    max-height        : 48px;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.ajax_filter {
    position: relative
}

.ajax_filter .mobile_scroll {
    overflow-x   : auto;
    flex-grow    : 1;
    border-bottom: 1px #efefef solid;
    white-space  : nowrap
}

.ajax_filter .nav-filter {
    flex-grow: 1;
    font-size: 0;
    padding  : 0 16px
}

.ajax_filter .nav-filter li {
    display       : inline-block;
    vertical-align: middle
}

.ajax_filter .nav-filter li a {
    font-size    : 16px;
    display      : block;
    margin-right : 12px;
    color        : #999;
    padding      : 14px 0 16px;
    border-bottom: 3px #fff solid
}

.ajax_filter #status {
    color           : #999;
    padding         : 0 8px;
    background-color: #fff;
    position        : absolute;
    top             : 16px;
    right           : 8px
}

.infscr-pager {
    text-align: center;
    margin    : 20px 0 30px
}

.infscr-pager a {
    color    : #999;
    font-size: 16px;
    padding  : 6px 20px !important;
    display  : block
}

.infscr-pager a.page-numbers {
    color: #333
}

.infscr-pager a:hover {
    color: #999
}

.grid_post .post_grid {
    position: relative
}

.grid_post .post_grid h2 {
    font-size    : 18px;
    margin-bottom: 4px;
    line-height  : 32px;
    height       : 32px;
    position     : relative;
    z-index      : 12
}

.grid_post .post_grid h2 a {
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    display         : block;
    white-space     : nowrap;
    text-overflow   : ellipsis;
    overflow        : hidden;
    width           : 100%;
    background-color: #fff
}

.grid_post .post_grid:hover h2 a {
    white-space       : normal;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify;
    max-height        : 64px
}

.topic_list ul.layout_ul {
    margin-right: -30px
}

.topic_list ul.layout_ul li.layout_li {
    width  : 50%;
    padding: 0 30px 30px 0
}

.topic_list ul.layout_ul li.layout_li:nth-last-child(-n+2) {
    padding-bottom: 0
}

.topic_main .topic_post {
    padding      : 0 0 12px 212px;
    margin-bottom: 12px;
    border-bottom: 1px #efefef solid;
    position     : relative;
    min-height   : 138px;
    overflow     : hidden
}

.topic_main .topic_post a.imgeffect {
    margin-left: -212px;
    float      : left
}

.topic_main .topic_post a.imgeffect img.thumb {
    width: 200px
}

.topic_main ul li {
    margin-bottom: 10px;
    font-weight  : 300;
    display      : -webkit-flex;
    display      : -moz-flex;
    display      : -ms-flex;
    display      : -o-flex;
    display      : flex
}

.topic_main ul li a {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.topic_main ul li span {
    white-space: nowrap;
    font-size  : 12px
}

.topic_main ul li:last-child {
    margin-bottom: 0
}

.download_main {
    position: relative
}

.download_main h2 {
    margin-top: 8px
}

.product_list .product_main .product_con {
    background: none
}

ul#link-home {
    margin   : 0 -12px -12px 0;
    font-size: 0
}

ul#link-home li {
    position      : relative;
    display       : inline-block;
    vertical-align: top;
    width         : 12.5%;
    padding       : 0 12px;
    font-size     : 13px
}

ul#link-home li:before {
    position        : absolute;
    content         : '';
    width           : 4px;
    height          : 4px;
    top             : 10px;
    left            : 0;
    background-color: #999
}

ul#link-home li a {
    display      : block;
    margin-bottom: 20px;
    color        : #666;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.all_user_list ul.layout_ul li.layout_li {
    padding-bottom: 20px
}

.all_user_list .user_main {
    border-radius: 4px;
    border       : 1px #eee solid;
    position     : relative
}

.all_user_list .user_main img.avatar {
    border-radius: 100%
}

.all_user_list .user_main a.title h3 {
    font-weight: 300
}

.all_user_list .user_main a.title>span {
    color      : #999;
    font-weight: 300
}

.all_user_list .user_main div.post span {
    color: #999
}

.all_user_list .user_main div.post span svg {
    fill        : #999;
    width       : 16px;
    height      : 16px;
    margin-right: 6px
}

.all_user_list .user_main div.post span b {
    font-weight   : 300;
    display       : inline-block;
    vertical-align: middle
}

.all_user_list .user_main: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)
}

.all_user_list .recommend {
    width: 33.33%
}

.all_user_list .recommend .user_main {
    text-align: center;
    padding   : 30px;
    min-height: 310px
}

.all_user_list .recommend .user_main img.avatar {
    width : 80px;
    height: 80px
}

.all_user_list .recommend .user_main span.num {
    position        : absolute;
    top             : 80px;
    left            : 50%;
    margin-left     : 16px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f90), to(#f60));
    background-image: linear-gradient(top, #f90 0%, #f60 100%);
    background-image: -webkit-linear-gradient(top, #f90 0%, #f60 100%);
    color           : #fff;
    width           : 32px;
    height          : 32px;
    border-radius   : 100%;
    font-size       : 16px;
    line-height     : 32px;
    z-index         : 12
}

.all_user_list .recommend .user_main a.title {
    display: block;
    margin : 20px 0
}

.all_user_list .recommend .user_main div.post {
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    align-items: center;
    position   : absolute;
    left       : 0;
    bottom     : 0;
    right      : 0;
    border-top : 1px #efefef solid
}

.all_user_list .recommend .user_main div.post span {
    width       : 33.33%;
    padding     : 16px 8px;
    border-right: 1px #efefef solid
}

.all_user_list .recommend .user_main div.post span:last-child {
    border-right: none
}

.all_user_list .other {
    width: 50%
}

.all_user_list .other .user_main {
    padding    : 20px;
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    align-items: center;
    white-space: nowrap
}

.all_user_list .other .user_main div.post {
    flex-grow : 1;
    text-align: right
}

.all_user_list .other .user_main div.post span {
    margin-left: 12px
}

.all_user_list .other .user_main a.title {
    width: 140px
}

.all_user_list .other .user_main a.title h3 {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.all_user_list .other .user_main div.img {
    min-width: 60px
}

.all_user_list .other .user_main div.img img.avatar {
    width      : 48px;
    height     : 48px;
    margin-left: 0
}

.content_left .all_user_list ul li.recommend {
    width: 50%
}

.content_left .all_user_list ul li.other {
    width: 100%
}

.child_author_order {
    background-color: #fff;
    text-align      : center
}

.child_author_order ul li {
    display       : inline-block;
    vertical-align: middle
}

.child_author_order ul li.current a {
    border-bottom: 2px #c00 solid;
    color        : #333
}

.child_author_order a {
    display  : block;
    padding  : 20px 4px;
    margin   : 0 20px;
    font-size: 14px;
    color    : #999
}

.all_author_pro_list ul {
    font-size   : 0;
    margin-right: -20px
}

.all_author_pro_list ul li {
    display       : inline-block;
    vertical-align: top;
    font-size     : 12px;
    width         : 33.3333%;
    padding       : 0 20px 20px 0
}

.all_author_pro_list .user_main {
    display         : flex;
    background-color: #fff;
    padding         : 20px
}

.all_author_pro_list .user_main: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)
}

.all_author_pro_list .user_main .left {
    min-width   : 80px;
    text-align  : center;
    margin-right: 20px
}

.all_author_pro_list .user_main .left .author_btn {
    margin-top: 12px
}

.all_author_pro_list .img img.avatar {
    border-radius: 100%;
    width        : 80px;
    height       : 80px
}

.all_author_pro_list .title {
    margin-bottom: 8px;
    display      : block;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.all_author_pro_list .post>span {
    display     : inline-block;
    margin-right: 20px;
    color       : #999;
    line-height : 20px
}

.all_author_pro_list .post>span b {
    display    : block;
    color      : #333;
    font-weight: bold;
    font-size  : 14px
}

.all_author_pro_list p.desc {
    min-height        : 48px;
    height            : 48px;
    margin-top        : 8px;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.page-template-default .content .content_left,
.single-download .content .content_left,
.single-video .content .content_left,
.single-post .content .content_left {
    background: none
}

.page-template-default .content .content_left>*:last-child,
.single-download .content .content_left>*:last-child,
.single-video .content .content_left>*:last-child,
.single-post .content .content_left>*:last-child {
    margin-bottom: 0 !important
}

.post_thumb {
    overflow: hidden;
    position: relative
}

.post_thumb img {
    width  : 100%;
    height : auto;
    display: block
}

.post_thumb .crumbs {
    position   : absolute;
    left       : 20px;
    bottom     : 20px;
    color      : #eee;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)
}

.post_thumb .crumbs a {
    color: #eee
}

.post_thumb .crumbs a svg {
    fill: #eee
}

.post_thumb .crumbs a:hover {
    color: #fff
}

.entry {
    padding         : 40px;
    background-color: #fff;
    min-height      : 400px
}

.entry .post_header {
    margin-bottom : 20px;
    padding-bottom: 12px;
    border-bottom : 1px #eee solid;
    position      : relative
}

.entry .post_header .postinfo {
    padding-top: 12px
}

.entry .crumbs {
    margin-bottom: 32px
}

.content_post h1,
.content_post h2,
.content_post h3,
.content_post h4,
.content_post h5 {
    display: block;
    margin : 24px 0 16px
}

.content_post>ul {
    margin-bottom: 20px
}

.content_post>ul li {
    margin-bottom : 4px;
    border-bottom : 1px #eee dashed;
    padding-bottom: 4px;
    font-size     : 13px
}

.content_post .excerpt {
    background-color: #f6f6f6;
    font-weight     : 300;
    color           : #999;
    padding         : 20px;
    font-size       : 16px;
    margin-bottom   : 20px
}

.content_post p {
    margin: 4px 0 26px
}

.content_post code {
    padding         : 6px 8px;
    margin          : 0 4px;
    background-color: #f2f2f2;
    border-radius   : 2px;
    white-space     : normal
}

.content_post br {
    display: block
}

.content_post hr {
    height    : 1px;
    border    : none;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin    : 20px 0
}

.content_post img {
    margin: 5px auto 8px
}

.content_post .alignnone {
    margin-left : 0;
    margin-right: 0
}

.content_post .alignleft {
    float       : left;
    text-align  : left;
    margin-right: 12px
}

.content_post .aligncenter {
    margin-right: auto;
    margin-left : auto;
    text-align  : center;
    display     : block
}

.content_post .alignright {
    float      : right;
    text-align : right;
    margin-left: 10px
}

.content_post .wp-caption {
    margin-bottom   : 18px;
    background-color: #f8f8f8;
    padding         : 12px;
    max-width       : 100%
}

.content_post .wp-caption img {
    margin: 0 0 5px
}

.content_post .wp-caption p {
    margin     : 12px 12px 6px;
    text-indent: 0
}

.content_post p>embed,
.content_post p>iframe,
.content_post>embed,
.content_post>iframe {
    height: 450px;
    width : 100%
}

.content_post table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.content_post table td,
.content_post table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.content_post table th,
.content_post table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.content_post table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.page .content_post {
    font-size: 13px
}

.page .content_post p {
    margin-bottom: 12px
}

form.post-password-form {
    text-align      : left;
    background-color: #f8f8f8;
    padding         : 12px
}

form.post-password-form label {
    display: inline-block
}

form.post-password-form input[type="submit"] {
    color  : #fff;
    border : none;
    height : 34px;
    padding: 4px 20px
}

.post_like {
    margin    : 20px 0;
    position  : relative;
    text-align: center
}

.post_like .sl-login,
.post_like .sl-button {
    min-width    : 160px;
    border-width : 1px;
    border-style : solid;
    padding      : 10px 32px;
    height       : 44px;
    display      : inline-block;
    border-radius: 44px;
    font-size    : 14px
}

.post_like .sl-login svg,
.post_like .sl-button svg {
    width            : 16px;
    height           : 16px;
    display          : inline-block;
    vertical-align   : middle;
    margin           : 0 6px 1px 0;
    transform        : scale(1.1, 1);
    -ms-transform    : scale(1.1, 1);
    -moz-transform   : scale(1.1, 1);
    -webkit-transform: scale(1.1, 1);
    -o-transform     : scale(1.1, 1)
}

.post_like .sl-login span.title,
.post_like .sl-button span.title {
    padding-right: 16px;
    border-right : 1px #eee solid
}

.post_like .sl-login span.sl-count,
.post_like .sl-button span.sl-count {
    padding-left: 16px
}

.post_like .sl-login.liked svg,
.post_like .sl-login:hover svg,
.post_like .sl-button.liked svg,
.post_like .sl-button:hover svg {
    fill: #fff
}

.post_like #sl-loader {
    position: absolute;
    top     : 16px;
    right   : -16px
}

.post_like .author_list {
    margin-top: 12px
}

.post_like .author_list>* {
    display       : inline-block;
    vertical-align: middle
}

.post_like .author_list h3 {
    font-size: 14px;
    color    : #999
}

.post_like .author_list img {
    border-radius: 100%;
    width        : 32px;
    height       : 32px;
    display      : block;
    margin-right : 8px
}

.post_like .author_list img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform   : rotate(360deg);
    -o-transform     : rotate(360deg);
    -ms-transform    : rotate(360deg);
    transform        : rotate(360deg)
}

.post_like .author_list span {
    margin-right: 8px
}

.salong_tags {
    margin     : 20px 0;
    font-weight: 300;
    padding    : 0 18px;
    color      : #aaa
}

.salong_tags svg {
    fill       : #999;
    width      : 18px;
    height     : 18px;
    margin-left: -18px
}

.salong_tags a {
    color      : #999;
    margin-left: 8px;
    font-size  : 13px
}

.move_share {
    overflow: hidden;
    height  : 72px
}

.move_share #move_share {
    border-top      : 1px #f2f2f2 solid;
    background-color: rgba(255, 255, 255, 0.95);
    padding         : 20px 0;
    z-index         : 11
}

.move_share .post_share {
    margin: 0
}

.post_author {
    display    : flex;
    margin     : 20px 0;
    align-items: center;
    max-width  : 100%;
    flex-wrap  : wrap
}

.post_author div.avatar {
    position    : relative;
    margin-right: 12px;
    height      : 80px
}

.post_author div.avatar img.avatar {
    width        : 80px;
    height       : 80px;
    border-radius: 100%;
    display      : block
}

.post_author div.avatar span {
    position: absolute;
    right   : 0;
    bottom  : 0;
    margin  : 0
}

.post_author .con {
    padding-right: 30px;
    width        : calc(100% - 280px);
    min-width    : 50%
}

.post_author .con .name {
    margin-bottom: 8px;
    display      : flex;
    align-items  : center
}

.post_author .con a {
    font-size: 18px
}

.post_author .con p {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.post_author .count {
    flex-grow      : 1;
    display        : flex;
    justify-content: flex-end;
    line-height    : 20px
}

.post_author .count span {
    margin-left: 16px;
    white-space: nowrap;
    color      : #999;
    text-align : center;
    font-size  : 10px
}

.post_author .count span.wechat {
    font-size: 12px;
    position : relative
}

.post_author .count span.wechat img {
    position: absolute;
    top     : -100%
}

.post_author .count span b {
    display  : block;
    color    : #666;
    font-size: 12px
}

.post_declare {
    margin          : 20px 0;
    font-size       : 13px;
    padding         : 12px;
    background-color: #f8f8f8
}

.prevnext {
    padding   : 20px 40px;
    border-top: 1px #efefef solid;
    margin    : 20px -40px -40px;
    font-size : 0
}

.prevnext>a {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    display      : inline-block;
    width        : 50%;
    font-size    : 14px;
    color        : #999;
    font-weight  : 300
}

.prevnext>a.next {
    text-align  : right;
    padding-left: 20px
}

.prevnext>a.prev {
    padding-right: 20px;
    border-right : 1px #efefef solid
}

.prevnext.noprev {
    text-align: right
}

.prevnext.nonext a.prev {
    border-right: none
}

.related_posts {
    padding         : 20px;
    background-color: #fff;
    margin          : 20px 0
}

.related_posts h4 {
    padding      : 15px 20px;
    font-size    : 18px;
    margin       : -20px -20px 20px;
    border-bottom: 1px #efefef solid
}

.related_posts ul.layout_ul li.layout_li {
    width: 33.33%
}

.related_posts ul.layout_ul li.layout_li h3 {
    font-size         : 14px;
    margin-top        : 4px;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify;
    max-height        : 48px
}

.related_posts.download img.thumb,
.related_posts.post img.thumb {
    margin-bottom: 8px
}

.related_posts.topic ul.layout_ul li.layout_li {
    width: 25%
}

.related_posts.topic ul.layout_ul li.layout_li:nth-last-child(-n+4) {
    padding-bottom: 0
}

.related_posts.video a.imgeffect h3 {
    margin-top: 8px
}

.related_posts.video a.imgeffect span {
    top: 8px
}

#comments {
    margin          : 20px 0 36px;
    background-color: #fff;
    padding         : 20px
}

#comments #reply-title {
    margin-bottom : 20px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid;
    font-size     : 18px
}

.comment_title {
    font-size    : 0;
    padding      : 15px 20px;
    margin       : -20px -20px 20px;
    border-bottom: 1px #efefef solid
}

.comment_title>* {
    display       : inline-block;
    vertical-align: bottom;
    width         : 50%
}

.comment_title h3 {
    font-size  : 18px;
    line-height: 24px
}

.comment_title .hint {
    font-size  : 12px;
    text-align : right;
    color      : #999;
    font-weight: 300
}

.popular_comment {
    padding         : 20px;
    background-color: #f8f8f8;
    margin-bottom   : 30px
}

.new_comment {
    margin-bottom: 30px
}

.commentlist li {
    margin-bottom : 20px;
    padding-bottom: 20px;
    border-bottom : 1px #eee solid
}

.commentlist>li:last-child {
    border-bottom : none;
    padding-bottom: 0;
    margin-bottom : 0
}

.commentlist>li>.children {
    margin-left: 60px
}

.commentlist>li .children {
    margin-top : 20px;
    padding-top: 20px;
    border-top : 1px #eee solid
}

.commentlist>li .children li:last-child {
    border-bottom : none;
    padding-bottom: 0;
    margin-bottom : 0
}

.commentlist #respond {
    margin-top: 36px
}

.commentlist .comment_body {
    padding-left: 52px;
    position    : relative
}

.commentlist .comment_body .comment_author {
    position: absolute;
    top     : 0;
    left    : 0
}

.commentlist .comment_body .comment_author img.avatar {
    width        : 42px;
    height       : auto;
    border-radius: 100%
}

.commentlist .comment_body .comment_btn {
    position: absolute;
    top     : 0;
    right   : 0
}

.commentlist .comment_body .comment_btn a {
    color      : #999;
    padding    : 2px 8px;
    opacity    : 0;
    visibility : hidden;
    margin-left: 4px
}

.commentlist .comment_body .comment_btn a.sl-login,
.commentlist .comment_body .comment_btn a.sl-comment {
    opacity   : 1;
    visibility: visible
}

.commentlist .comment_body .comment_btn a.sl-login svg,
.commentlist .comment_body .comment_btn a.sl-comment svg {
    width        : 12px;
    height       : 12px;
    margin-bottom: 2px;
    fill         : #999
}

.commentlist .comment_body .comment_btn a.sl-login span.title,
.commentlist .comment_body .comment_btn a.sl-comment span.title {
    margin: 0 4px
}

.commentlist .comment_body .comment_btn #sl-loader {
    position: absolute;
    top     : 7px;
    right   : -16px
}

.commentlist .comment_body .comment_btn .star-rating {
    display       : inline-block;
    vertical-align: middle
}

.commentlist .comment_body:hover .comment_btn a {
    opacity   : 1;
    visibility: visible
}

.commentlist .comment_body .comment_info {
    color      : #999;
    font-weight: 300
}

.commentlist .comment_body .comment_info .author_name {
    font-size   : 14px;
    margin-right: 6px;
    font-weight : normal
}

.commentlist .comment_body .comment_content {
    margin-top: 8px
}

.commentlist .comment_body .comment_awaiting_moderation {
    color           : #f00;
    border          : 1px #efefef solid;
    background-color: #f8f8f8;
    margin-top      : 8px;
    padding         : 8px 20px
}

#respond #reply-title #cancel-comment-reply-link {
    color      : #f00;
    font-size  : 12px;
    margin-left: 12px
}

#commentform {
    font-size: 0;
    position : relative
}

#commentform>p {
    margin-top: 12px;
    font-size : 12px
}

#commentform>p.comment-form-author,
#commentform>p.comment-form-email {
    display: inline-block;
    width  : calc(50% - 6px)
}

#commentform>p.comment-form-author {
    margin-right: 12px
}

#commentform #submit {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0;
    padding   : 8px 20px
}

#commentform #submit:hover {
    color: #fff
}

.comment-notes,
.comment-form-cookies-consent,
.comment_notify {
    display: none
}

.butterBar {
    position         : fixed;
    bottom           : 40px;
    left             : 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform    : translate(-50%, 0);
    -o-transform     : translate(-50%, 0);
    transform        : translate(-50%, 0);
    padding          : 12px 20px;
    z-index          : 12
}

.nocomments {
    color: #f60
}

.comment-form .xh-social,
#commentform .xh-social {
    position: absolute;
    top     : 0;
    right   : 0
}

.comment-form .xh-social .xh-social-item,
#commentform .xh-social .xh-social-item {
    position           : relative;
    width              : 22px;
    height             : 22px;
    background-position: center !important;
    background-size    : cover !important
}

.comment-form .xh-social .xh-social-item.xh-dinding,
#commentform .xh-social .xh-social-item.xh-dinding {
    width : 24px;
    height: 24px
}

.dwqa-comment-form {
    position: relative
}

.dwqa-comment-form .xh-social {
    right: 8px;
    top  : -30px
}

.comment_stars>*,
.comment_rating>* {
    display       : inline-block;
    vertical-align: middle
}

.comment_rating {
    font-size : 12px;
    margin-top: 12px
}

.comment_rating label {
    margin-right: 6px
}

.comment_stars.selected svg {
    fill: #f00
}

.comment_stars a {
    position       : relative;
    width          : 14px;
    height         : 14px;
    display        : inline-block;
    text-decoration: none;
    box-shadow     : none;
    font-size      : 14px;
    line-height    : 12px;
    margin-bottom  : 2px
}

.comment_stars a svg {
    width : 14px;
    height: 14px;
    fill  : #f90
}

.comment_stars a svg.star_full {
    display: none
}

.comment_stars a:hover~a svg.star_full {
    display: none
}

.comment_stars a:hover~a svg.star_line {
    display: block
}

.comment_stars:hover a svg.star_full {
    display: block
}

.comment_stars:hover a svg.star_line {
    display: none
}

.comment_stars.selected a.active svg.star_full {
    display: block
}

.comment_stars.selected a.active svg.star_line {
    display: none
}

.comment_stars.selected a.active~a svg.star_full {
    display: none
}

.comment_stars.selected a.active~a svg.star_line {
    display: block
}

.comment_stars.selected a:not(.active) svg.star_full {
    display: block
}

.comment_stars.selected a:not(.active) svg.star_line {
    display: none
}

.comment_rate {
    border         : 1px #eee solid;
    padding        : 20px;
    margin-bottom  : 32px;
    display        : -webkit-flex;
    display        : -moz-flex;
    display        : -ms-flex;
    display        : -o-flex;
    display        : flex;
    -ms-align-items: center;
    align-items    : center
}

.comment_rate .title {
    margin-right: 32px;
    min-width   : 120px;
    text-align  : center;
    white-space : nowrap
}

.comment_rate .title h4 {
    margin-bottom: 8px
}

.comment_rate .title h4 span {
    margin-right: 4px;
    color       : #f00
}

.comment_rate .title .rate_star {
    position: relative;
    display : inline-block
}

.comment_rate .title .rate_star svg {
    width : 16px;
    height: 16px;
    fill  : #f00
}

.comment_rate .title .rate_star div.star_full {
    position   : absolute;
    top        : 0;
    left       : 0;
    overflow   : hidden;
    white-space: nowrap
}

.comment_rate ul {
    flex-grow: 1;
    color    : #333;
    font-size: 14px
}

.comment_rate ul li {
    margin         : 8px 0;
    display        : -webkit-flex;
    display        : -moz-flex;
    display        : -ms-flex;
    display        : -o-flex;
    display        : flex;
    -ms-align-items: center;
    align-items    : center
}

.comment_rate ul li span {
    min-width: 110px
}

.comment_rate .radio_up,
.comment_rate .radio {
    width : 100%;
    height: 6px
}

.comment_rate .radio {
    background-color: #999;
    border-radius   : 4px;
    overflow        : hidden
}

.comment_rate .radio_up {
    background-color: #f00
}

.rate {
    display    : inline-block;
    margin-left: 8px
}

.rate svg {
    margin: 0 4px 2px 0;
    fill  : #f90;
    width : 14px;
    height: 14px
}

._1mpIIe {
    cursor    : pointer;
    background: none !important
}

._1mpIIe img {
    height: 68px !important;
    width : 68px !important
}

.share_cover {
    position           : fixed;
    top                : 0;
    left               : 0;
    right              : 0;
    bottom             : 0;
    opacity            : 0;
    visibility         : hidden;
    z-index            : 800;
    -webkit-perspective: 1300px;
    -moz-perspective   : 1300px;
    perspective        : 1300px
}

.share_cover.active,
.share_cover.active .cover_img,
.share_cover.active .bg {
    opacity   : 1;
    visibility: visible
}

.share_cover.active .bg {
    background-color: rgba(0, 0, 0, 0.6)
}

.share_cover.active .cover_img {
    -webkit-transform: translate(-50%, -50%) rotateX(0deg);
    -moz-transform   : translate(-50%, -50%) rotateX(0deg);
    -ms-transform    : translate(-50%, -50%) rotateX(0deg);
    transform        : translate(-50%, -50%) rotateX(0deg)
}

.share_cover.close {
    opacity                 : 0;
    visibility              : hidden;
    transition-delay        : .8s;
    -webkit-transition-delay: .8s
}

.share_cover.close .cover_img,
.share_cover.close .bg {
    opacity   : 0;
    visibility: hidden
}

.share_cover.close .cover_img {
    -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 0.5s;
    transition        : ease-in-out 0.5s;
    -webkit-transform : translate(-50%, -50%) rotateX(-60deg);
    -moz-transform    : translate(-50%, -50%) rotateX(-60deg);
    -ms-transform     : translate(-50%, -50%) rotateX(-60deg);
    transform         : translate(-50%, -50%) rotateX(-60deg)
}

.share_cover .cover_img {
    position                : absolute;
    top                     : 50%;
    left                    : 50%;
    z-index                 : 1;
    height                  : 80%;
    max-width               : 480px;
    padding-bottom          : 40px;
    opacity                 : 0;
    visibility              : hidden;
    -webkit-transform-style : preserve-3d;
    -moz-transform-style    : preserve-3d;
    transform-style         : preserve-3d;
    -webkit-transform       : translate(-50%, -50%) rotateX(-60deg);
    -moz-transform          : translate(-50%, -50%) rotateX(-60deg);
    -ms-transform           : translate(-50%, -50%) rotateX(-60deg);
    transform               : translate(-50%, -50%) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin   : 50% 0;
    transform-origin        : 50% 0;
    transition-delay        : .5s;
    -webkit-transition-delay: .5s;
    display                 : flex;
    align-items             : center
}

.share_cover .cover_img img {
    max-height: 100%
}

.share_cover .cover_img .cover_loading {
    padding         : 20px 30px;
    background-color: #fff
}

.share_cover .cover_img .cover_close {
    cursor           : pointer;
    position         : absolute;
    z-index          : 2;
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform    : translate(-50%, 0);
    -o-transform     : translate(-50%, 0);
    transform        : translate(-50%, 0)
}

.share_cover .cover_img .cover_close svg {
    fill: #fff
}

.share_cover .cover_img .cover_close:hover svg {
    fill: #f00
}

#covertips {
    z-index: 820;
    display: block
}

#covertips.error {
    background-color: #f00
}

.post_thumb,
.content_left,
.entry,
.sidebar,
.header,
.footer {
    -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 0.5s;
    transition        : ease-in-out 0.5s
}

body.simplify_hide .sidebar,
body.simplify_hide .header,
body.simplify_hide .footer {
    opacity   : 0;
    visibility: hidden
}

body.simplify_hide .header {
    margin-top: -80px
}

body.simplify_hide .footer {
    display: none
}

body.simplify_hide .sidebar {
    margin-right: -100px
}

.content_left.simplify_on {
    width : 1200px;
    margin: 0
}

.content_left.simplify_on .post_thumb {
    opacity   : 0;
    visibility: hidden;
    margin-top: -720px
}

.content_left.simplify_on .related_posts,
.content_left.simplify_on #comments,
.content_left.simplify_on .ad {
    display: none
}

.content_left.simplify_on .entry {
    width: 1200px
}

.content_left.simplify_on .post_simplify a.goback {
    right: 20px
}

.crumbs_img {
    position           : relative;
    height             : 300px;
    width              : 100%;
    display            : -webkit-flex;
    display            : -moz-flex;
    display            : -ms-flex;
    display            : -o-flex;
    display            : flex;
    text-align         : center;
    background-size    : cover;
    background-position: center;
    background-repeat  : no-repeat;
    align-items        : center
}

.crumbs_img .bg {
    position        : absolute;
    background-color: #000;
    z-index         : 1;
    visibility      : visible
}

.crumbs_img .crumbs_con {
    position   : relative;
    z-index    : 12;
    font-weight: 300;
    width      : 100%
}

.crumbs_img .crumbs_con h1 {
    color        : #fff;
    font-size    : 36px;
    margin-bottom: 20px;
    font-weight  : 300
}

.crumbs_img .crumbs_con p {
    color             : #eee;
    font-size         : 14px;
    max-width         : 800px;
    line-height       : 28px;
    margin            : 0 auto;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify;
    text-align        : center
}

.single-topic .crumbs,
.page-template-default .crumbs,
.page .crumbs,
.search .crumbs,
.archive .crumbs {
    background-color: #fff;
    border-top      : 1px #efefef solid;
    padding         : 20px;
    color           : #999
}

.crumbs {
    font-weight: 300;
    color      : #999
}

.crumbs span.count {
    float: right
}

.crumbs span.count b {
    margin     : 0 4px;
    font-weight: 300
}

.crumbs a {
    color: #999
}

.crumbs a svg {
    width       : 14px;
    height      : 14px;
    fill        : #999;
    margin-right: 4px
}

.topic_all ul.layout_ul li.layout_li {
    width: 50%
}

.topic_all .topic_main {
    background-color: #fff;
    padding         : 20px
}

.topic_all .topic_main: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)
}

.entry_topic {
    margin-bottom   : 24px;
    padding         : 40px;
    background-color: #fff
}

.entry_topic h1 {
    font-weight   : 300;
    margin-bottom : 20px;
    border-bottom : 1px #eee solid;
    padding-bottom: 20px
}

.entry_topic .content_post {
    font-size  : 14px;
    font-weight: 300
}

.like_info {
    display   : -webkit-flex;
    display   : -moz-flex;
    display   : -ms-flex;
    display   : -o-flex;
    display   : flex;
    align-self: center;
    text-align: center;
    margin    : 20px 0
}

.like_info>* {
    display: inherit
}

.like_info .info {
    flex-grow: 1
}

.like_info .info span {
    display    : inline-block;
    font-weight: 300
}

.like_info .info span.post_count {
    border-right : 1px #eee solid;
    padding-right: 20px;
    margin-right : 20px
}

.like_info .info span b {
    display    : block;
    font-size  : 16px;
    font-weight: 300
}

.like_info .author_list,
.like_info .post_like {
    margin    : 0;
    align-self: center
}

.like_info .post_like>a {
    order: 1
}

.download_all .download_main {
    background-color: #fff;
    padding         : 20px
}

.download_all .download_main .imgeffect {
    margin: -20px -20px 0
}

.download_all .download_main: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)
}

.download_code {
    background-color: #f8f8f8;
    border          : 1px #eee solid;
    margin          : 20px 0;
    padding         : 0 20px 20px;
    overflow        : hidden;
    font-size       : 14px
}

.download_code a {
    font-size: 14px !important
}

.download_code h3 {
    border-bottom : 1px #eee solid;
    padding-bottom: 12px
}

.download_code .download_info ol li {
    border-bottom: 1px #eee solid
}

.download_code .download_info span {
    color       : #999;
    min-width   : 72px;
    margin-right: 8px;
    display     : inline-block;
    font-size   : 13px
}

.download_code .download_link {
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    align-items: center;
    margin-top : 30px
}

.download_code .download_link h4 {
    margin: 0
}

.download_code .download_link ol {
    flex-grow : 1;
    text-align: right;
    font-size : 13px
}

.download_code .download_link ol li {
    display    : inline-block;
    margin-left: 8px
}

.video_all .video_main {
    background-color: #fff;
    padding         : 12px
}

.video_all .video_main .imgeffect {
    margin: -12px -12px 0
}

.video_all .video_main: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)
}

.video_main {
    position: relative
}

.video_main h2 {
    margin-top: 8px
}

.video_main .postinfo {
    margin-top: 0
}

.video_main a.imgeffect span.player,
.video_main a.imgeffect span.time {
    bottom: 12px
}

a.imgeffect {
    position: relative
}

a.imgeffect span.player,
a.imgeffect span.time {
    position: absolute
}

a.imgeffect span.player svg,
a.imgeffect span.time svg {
    fill: #fff
}

a.imgeffect span.player {
    left: 12px
}

a.imgeffect span.time {
    right      : 12px;
    color      : #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)
}

.single-video .crumbs {
    margin-bottom: 12px
}

.video_btn {
    margin-right: 4px;
    position    : absolute;
    top         : -37px
}

.video_btn svg {
    fill: #666
}

.video_btn span {
    display           : inline-block;
    vertical-align    : middle;
    -moz-transition   : 0s;
    -webkit-transition: 0s;
    -o-transition     : 0s;
    -ms-transition    : 0s;
    transition        : 0s
}

#light.video_btn {
    right: 4px
}

#light.video_btn svg {
    width : 18px;
    height: 18px
}

#catlist.video_btn {
    right: 58px
}

#catlist.video_btn svg {
    width : 16px;
    height: 16px
}

.video_btn .on {
    display: none
}

.video_btn.active .on {
    display: inline-block
}

.video_btn.active .off {
    display: none
}

.video_player {
    position: relative
}

.video_player.active {
    position         : fixed;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    z-index          : 9999
}

.video_player.active .video_btn {
    color: #fff
}

.video_player.active .video_btn svg {
    fill: #fff
}

.video_player .video_player_list {
    overflow: hidden;
    position: relative
}

.video_player .h5-control-wrap .control-icon-youkulogs,
.video_player .txp_right_controls .txp_btn_logo {
    display: none !important
}

.bg.light {
    z-index         : 150;
    background-color: rgba(0, 0, 0, 0.9)
}

.bg.cart {
    z-index         : 100;
    background-color: rgba(0, 0, 0, 0.8)
}

.bg.light,
.bg.cart {
    position  : fixed;
    opacity   : 0;
    visibility: hidden;
    cursor    : pointer
}

.bg.light.active,
.bg.cart.active {
    opacity   : 1;
    visibility: visible
}

.videocat_list {
    position        : absolute;
    top             : 0;
    right           : -320px;
    bottom          : 0;
    width           : 320px;
    background-color: #333;
    visibility      : hidden;
    z-index         : 88
}

.videocat_list.active {
    visibility: visible;
    right     : 0
}

.videocat_list .videocat_main {
    position  : absolute;
    top       : 30px;
    bottom    : 30px;
    right     : 0;
    left      : 0;
    padding   : 0 30px;
    overflow-y: auto
}

.videocat_list h3 {
    color        : #eee;
    margin-bottom: 12px
}

.videocat_list p {
    margin-bottom: 12px;
    color        : #999;
    text-align   : justify
}

.videocat_list ul {
    margin-bottom: 30px
}

.videocat_list ul li {
    padding      : 4px 4px 4px 12px;
    line-height  : 30px;
    border-bottom: 1px #232323 solid;
    color        : #999;
    position     : relative;
    display      : -webkit-flex;
    display      : -moz-flex;
    display      : -ms-flex;
    display      : -o-flex;
    display      : flex
}

.videocat_list ul li:before {
    content           : '';
    height            : 0;
    width             : 0;
    display           : block;
    border            : 4px transparent solid;
    border-right-width: 0;
    border-left-color : #ccc;
    position          : absolute;
    top               : 15px;
    left              : 0
}

.videocat_list ul li a {
    color        : #ddd;
    height       : 30px;
    flex-grow    : 1;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    padding-right: 8px
}

.videocat_list ul li span {
    color      : #999;
    white-space: nowrap
}

.ali_video {
    height: auto !important
}

.ali_video .prism-big-play-btn {
    top              : 50%;
    left             : 50% !important;
    z-index          : 98 !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%)
}

.ali_video video {
    margin-bottom: -8px
}

.ali_video.prism-player .prism-cover {
    background-size: cover
}

.ali_video.prism-player .prism-info-display {
    z-index: 10 !important
}

.content_post .ali_video video {
    margin-bottom: -12px
}

.content_post .html5_video,
.content_post .post_video,
.content_post .ali_video,
.content_post .mejs__container {
    margin: 20px 0 30px
}

.sift_kx {
    padding: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.sift_kx h5 {
    color      : #999;
    white-space: nowrap;
    margin     : 8px 8px 0 0
}

.sift_kx ul {
    font-size: 0
}

.sift_kx ul li {
    display       : inline-block;
    vertical-align: middle;
    margin        : 8px 8px 0 0;
    font-size     : 13px
}

.sift_kx ul li a {
    border       : 1px #eee solid;
    color        : #999;
    display      : block;
    padding      : 0 12px;
    border-radius: 20px
}

.sift_kx ul li.current a {
    border-width: 1px;
    border-style: solid
}

.kx_list {
    position     : relative;
    margin-bottom: 30px
}

.kx_list:before {
    position        : absolute;
    content         : '';
    top             : 0;
    bottom          : 0;
    left            : 30px;
    height          : 100%;
    width           : 1px;
    background-color: #eee;
    z-index         : 1
}

.kx_list h4 {
    background-color : #fbfbfb;
    border-left-width: 2px;
    border-left-style: solid;
    display          : block;
    padding          : 12px;
    margin           : 0 0 20px -60px;
    position         : relative;
    z-index          : 2;
    width            : calc(100% + 90px)
}

.kx_list ul li {
    padding: 0 30px 30px 60px
}

.kx_list .kx_main h2 {
    font-size    : 18px;
    margin-bottom: 8px
}

.kx_list .kx_main .excerpt {
    color    : #999;
    font-size: 13px
}

.kx_list .kx_main .time {
    position: relative
}

.kx_list .kx_main .time:before {
    position        : absolute;
    content         : '';
    top             : 9px;
    left            : -30px;
    width           : 30px;
    height          : 1px;
    background-color: #eee
}

.entry.kx {
    width : 800px;
    margin: 40px auto
}

.product_all .product_main {
    background-color: #fff
}

.product_all .product_main: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)
}

.product_all .product_main .product_con {
    padding: 8px 12px 12px
}

.product_main {
    text-align: center
}

.product_main .product_img {
    position: relative
}

.product_main .product_img .added_to_cart,
.product_main .product_img a.button {
    position         : absolute;
    right            : 0;
    bottom           : 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform    : translate(100%, 0);
    -o-transform     : translate(100%, 0);
    transform        : translate(100%, 0);
    padding          : 4px 20px
}

.product_main .product_img .ajax_add_to_cart:after {
    font-family   : 'WooCommerce';
    vertical-align: top;
    font-weight   : 400;
    position      : absolute;
    top           : 4px;
    right         : 8px
}

.product_main .product_img .ajax_add_to_cart.loading {
    padding-right: 30px
}

.product_main .product_img .ajax_add_to_cart.loading:after {
    content  : '\e01c';
    animation: spin 2s linear infinite
}

.product_main .product_img .ajax_add_to_cart.added {
    padding-right: 30px
}

.product_main .product_img .ajax_add_to_cart.added:after {
    content: '\e017'
}

.product_main .product_img .added_to_cart {
    bottom: 36px
}

.product_main:hover a.added_to_cart,
.product_main:hover a.button {
    -webkit-transform: translate(0, 0);
    -ms-transform    : translate(0, 0);
    -o-transform     : translate(0, 0);
    transform        : translate(0, 0)
}

.product_main .product_con {
    padding-top: 8px
}

.product_main .product_con h2 {
    margin-bottom: 0
}

.purchased,
.onsale {
    position         : absolute;
    top              : 0;
    left             : 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform    : translate(-50%, 0);
    -o-transform     : translate(-50%, 0);
    transform        : translate(-50%, 0);
    color            : #fff;
    padding          : 0 8px;
    font-size        : 12px
}

.onsale {
    background-color: #e53935
}

.purchased {
    background-color: #83c44e
}

.quantity .amount,
.price {
    color: #f60
}

.quantity .amount del,
.price del {
    color: #999
}

span.recommend {
    position         : absolute;
    top              : -18px;
    left             : -28px;
    transform        : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform     : rotate(-45deg);
    background-color : #e53935;
    color            : #fff;
    padding          : 24px 20px 0
}

.product_sift {
    background-color: #fff;
    padding         : 20px 20px 0;
    margin-bottom   : 20px
}

.product_sift .sift_li {
    white-space  : nowrap;
    border-bottom: 1px #eee solid;
    margin-bottom: 20px;
    padding      : 0 60px 0 100px;
    overflow     : hidden
}

.product_sift .sift_li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.product_sift .sift_li ul {
    white-space: normal;
    float      : left
}

.product_sift .sift_li ul li {
    display       : inline-block;
    vertical-align: top;
    margin        : 0 30px 20px 0;
    padding       : 0 8px;
    color         : #999;
    font-size     : 12px
}

.product_sift .sift_li ul li.current-cat-ancestor,
.product_sift .sift_li ul li.current-cat-parent,
.product_sift .sift_li ul li.current-cat {
    color: #fff
}

.product_sift .sift_li ul li.current-cat-ancestor a,
.product_sift .sift_li ul li.current-cat-parent a,
.product_sift .sift_li ul li.current-cat a {
    color: #fff
}

.product_sift .sift_li ul li.current-cat-ancestor:hover a,
.product_sift .sift_li ul li.current-cat-parent:hover a,
.product_sift .sift_li ul li.current-cat:hover a {
    color: #fff
}

.product_sift .sift_li ul li a {
    color    : #666;
    font-size: 13px
}

.product_sift .sift_li h4 {
    margin-left: -100px;
    text-align : right;
    min-width  : 60px;
    float      : left;
    font-size  : 14px;
    color      : #333
}

.product_sift .sift_order {
    margin-bottom : 0;
    border-bottom : 0;
    padding-bottom: 0
}

.product_sift .sift_order ul li:nth-child(2) {
    display: none
}

.product_sift a.more {
    width       : auto;
    color       : #999;
    float       : right;
    margin-right: -60px
}

.single-product .crumbs {
    padding: 20px 0;
    color  : #999
}

.product_header {
    background-color: #fff;
    display         : -webkit-flex;
    display         : -moz-flex;
    display         : -ms-flex;
    display         : -o-flex;
    display         : flex;
    position        : relative;
    overflow        : hidden;
    margin-bottom   : 24px
}

.gallery-images {
    position    : relative;
    width       : 38%;
    padding     : 40px;
    border-right: 1px #eee solid
}

.gallery-images img {
    height: auto
}

.gallery-images .share .post_cover {
    float         : none;
    display       : inline-block;
    vertical-align: middle
}

.gallery-images .post_like {
    margin-bottom: 0
}

.images {
    position: relative;
    overflow: hidden
}

.images .flex-viewport {
    overflow: hidden
}

.images ol.flex-control-nav {
    margin  : 8px -8px 0 0;
    overflow: hidden
}

.images ol.flex-control-nav li {
    width  : 25%;
    float  : left;
    padding: 0 8px 8px 0
}

.images ol.flex-control-nav li img {
    opacity: .6
}

.images ol.flex-control-nav li img.flex-active {
    opacity: 1
}

.images .woocommerce-product-gallery__trigger {
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 12;
    width      : 36px;
    height     : 36px;
    display    : block;
    text-align : center;
    line-height: 36px;
    font-size  : 16px
}

.pswp__bg {
    opacity: .8 !important
}

.summary {
    width   : 62%;
    padding : 40px;
    overflow: hidden
}

.summary h1 {
    margin-bottom: 4px
}

.summary br {
    display: none
}

.summary .price {
    font-size: 14px
}

.summary .woocommerce-product-details__short-description {
    font-size       : 14px;
    color           : #666666;
    line-height     : 28px;
    background-color: #f8f8f8;
    padding         : 12px;
    margin          : 12px 0 20px
}

.summary .out-of-stock {
    color: #f00
}

.summary .points,
.summary .wc-points-rewards-product-message {
    display      : block;
    margin-bottom: 8px
}

@font-face {
    font-family: 'star';
    src        : url("../../../../plugins/woocommerce/assets/fonts/star.eot");
    src        : url("../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
    font-weight: normal;
    font-style : normal
}

@font-face {
    font-family: 'WooCommerce';
    src        : url("../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot");
    src        : url("../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
    font-weight: normal;
    font-style : normal
}

.woocommerce-product-rating {
    margin-bottom: 12px
}

.woocommerce-product-rating>* {
    display       : inline-block;
    vertical-align: middle
}

.woocommerce-product-rating .star-rating {
    margin-right: 12px
}

.star-rating {
    overflow   : hidden;
    position   : relative;
    height     : 1em;
    line-height: 1;
    font-size  : 14px;
    width      : 74px;
    font-family: 'star'
}

.star-rating:before {
    content : '\73\73\73\73\73';
    color   : #999;
    float   : left;
    top     : 0;
    left    : 0;
    position: absolute
}

.star-rating span {
    overflow   : hidden;
    float      : left;
    top        : 0;
    left       : 0;
    position   : absolute;
    padding-top: 1.5em
}

.star-rating span:before {
    content : '\53\53\53\53\53';
    top     : 0;
    position: absolute;
    left    : 0;
    color   : #f90
}

.variations_form table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.variations_form table td,
.variations_form table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.variations_form table th,
.variations_form table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.variations_form table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.variations_form .variations {
    width        : 100%;
    margin-bottom: 12px
}

.variations_form .variations td.value>* {
    display       : inline-block;
    vertical-align: middle
}

.variations_form .variations td.value select {
    width       : auto;
    margin-right: 12px
}

.variations_form .variations td.value .reset_variations {
    background-color: #333;
    color           : #fff;
    padding         : 2px 12px
}

.variations_form .variations td.value .reset_variations:hover {
    background-color: #f00
}

.variations_form .variations td.label {
    width      : 0;
    white-space: nowrap
}

.variations_form .variations td.label label {
    font-size   : 14px;
    color       : #333;
    margin-right: 12px
}

.quantity {
    display: inline-block
}

.quantity .input-text {
    width       : auto;
    margin-right: 12px
}

.single_add_to_cart_button {
    height     : 38.5px;
    line-height: 28px
}

.single_add_to_cart_button.disabled {
    background-color: #999;
    border-color    : #999;
    cursor          : no-drop
}

.single_add_to_cart_button.disabled:hover {
    background-color: #999
}

.cart.simple .btn {
    display: inline-block
}

.cart.simple #buy_now_button {
    background-color: #f60;
    border-color    : #f30;
    margin-left     : 8px
}

.cart.simple #buy_now_button:hover {
    background-color: #f30
}

.single_variation_wrap .woocommerce-variation {
    font-size       : 14px;
    color           : #666666;
    line-height     : 32px;
    background-color: #f8f8f8;
    padding         : 12px;
    margin          : 12px 0
}

.single_variation_wrap .woocommerce-variation-price {
    margin-bottom: 12px
}

table.group_table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff;
    margin-bottom   : 20px
}

table.group_table td,
table.group_table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 8px
}

table.group_table tbody tr:nth-child(2n + 1) {
    background-color: #fcfcfc
}

table.group_table td.woocommerce-grouped-product-list-item__quantity {
    text-align: center;
    font-size : 14px
}

table.group_table td.woocommerce-grouped-product-list-item__quantity .quantity .input-text {
    width: 80px
}

.product_meta {
    margin-top: 20px
}

.woocommerce-tabs table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.woocommerce-tabs table td,
.woocommerce-tabs table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.woocommerce-tabs table th,
.woocommerce-tabs table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.woocommerce-tabs table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.woocommerce-tabs ul.tabs {
    overflow        : hidden;
    position        : relative;
    background-color: #f9f9f9;
    font-size       : 14px
}

.woocommerce-tabs ul.tabs li {
    display: inline-block
}

.woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 12px 30px
}

.woocommerce-tabs ul.tabs li.active {
    background: #fff
}

.woocommerce-tabs div.panel {
    padding: 40px
}

#reviews #comments {
    padding: 0;
    margin : 0 0 20px
}

#reviews h2.woocommerce-Reviews-title {
    margin-bottom : 20px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid
}

#reviews h2.woocommerce-Reviews-title span {
    font-size: 18px
}

#reviews .comment_container {
    padding-left: 52px;
    position    : relative
}

#reviews .comment_container img.avatar {
    position     : absolute;
    top          : 0;
    left         : 0;
    width        : 42px;
    border-radius: 100%
}

#reviews .comment_container .comment-text .star-rating {
    position: absolute;
    top     : 4px;
    right   : 0
}

#reviews .comment_container .comment-text p.meta {
    font-weight: 300
}

#reviews .comment_container .comment-text p.meta .woocommerce-review__author {
    font-size: 14px
}

#reviews .comment-notes {
    margin-bottom: 12px;
    font-weight  : bold
}

#reviews .star-rating {
    position: absolute;
    top     : 4px;
    right   : 0
}

#reviews .woocommerce-noreviews {
    margin-bottom: 20px;
    color        : #f00
}

#reviews .woocommerce-pagination {
    text-align: center;
    margin    : 20px 0
}

#reviews .woocommerce-pagination ul li {
    display       : inline-block;
    vertical-align: middle;
    margin        : 0 2px
}

#reviews .woocommerce-pagination ul li span,
#reviews .woocommerce-pagination ul li a {
    width  : 24px;
    height : 24px;
    display: block
}

#review_form #respond .comment-reply-title {
    display: none
}

#review_form #respond .comment-form-rating {
    font-size: 14px
}

#review_form #respond .comment-form-rating>* {
    display       : inline-block;
    vertical-align: middle;
    line-height   : 24px
}

#review_form #respond .comment-form-rating p.stars {
    margin-left: 12px
}

#review_form #respond .comment-form-rating p.stars>span {
    padding-top: 8px;
    display    : block
}

#review_form #respond p.comment-form-author {
    margin-right: 12px
}

#review_form #respond p.comment-form-author,
#review_form #respond p.comment-form-email {
    width: calc(50% - 6px)
}

p.stars a {
    position       : relative;
    height         : 1em;
    width          : 1em;
    text-indent    : -999em;
    display        : inline-block;
    text-decoration: none
}

p.stars a:before {
    display    : block;
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 1em;
    height     : 1em;
    line-height: 1;
    font-family: 'WooCommerce';
    content    : '\e021';
    text-indent: 0;
    color      : #f90
}

p.stars a:hover~a:before {
    content: '\e021'
}

p.stars:hover a:before {
    content: '\e020'
}

p.stars.selected a.active:before {
    content: '\e020';
    color  : #f00
}

p.stars.selected a.active~a:before {
    content: '\e021'
}

p.stars.selected a:not(.active):before {
    content: '\e020';
    color  : #f00
}

.cross-sells,
.upsells,
.related {
    padding         : 20px;
    margin-top      : 20px;
    background-color: #fff
}

.cross-sells>h2,
.upsells>h2,
.related>h2 {
    padding      : 15px 20px;
    font-size    : 18px;
    margin       : -20px -20px 20px;
    border-bottom: 1px #efefef solid;
    line-height  : 24px
}

.cross-sells {
    border       : 1px #eee solid;
    margin-bottom: 40px
}

a.wc-backward,
.return-to-shop a.button,
input.button,
button.button,
.buttons a.button,
a.checkout-button,
.single_add_to_cart_button {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0
}

a.wc-backward:hover,
.return-to-shop a.button:hover,
input.button:hover,
button.button:hover,
.buttons a.button:hover,
a.checkout-button:hover,
.single_add_to_cart_button:hover {
    color: #fff
}

.select2-container.select2-container--default .select2-selection--single {
    border-color  : #eee;
    padding-top   : 4px;
    padding-bottom: 4px;
    height        : 38.5px;
    border-radius : 0
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px
}

.select2-container .select2-dropdown {
    border-color: #eee
}

.woocommerce-store-notice {
    position         : fixed;
    top              : 30%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    background-color : #fff;
    padding          : 20px;
    box-shadow       : 0 0 30px rgba(0, 0, 0, 0.5);
    font-size        : 14px;
    z-index          : 9999
}

.woocommerce-store-notice a {
    color      : #fff;
    font-size  : 14px;
    text-align : center;
    padding    : 4px 16px;
    display    : inline-block;
    border     : 0;
    margin-left: 20px
}

.woocommerce-store-notice a:hover {
    color: #fff
}

.woocommerce-notice,
.woocommerce-error li,
.woocommerce-info,
.woocommerce-message {
    overflow        : hidden;
    position        : relative;
    margin-bottom   : 20px;
    padding         : 12px;
    background-color: #fff;
    border          : 1px #eee solid;
    border-left     : 3px #7ad03a solid
}

.woocommerce-notice a.restore-item,
.woocommerce-notice .button,
.woocommerce-error li a.restore-item,
.woocommerce-error li .button,
.woocommerce-info a.restore-item,
.woocommerce-info .button,
.woocommerce-message a.restore-item,
.woocommerce-message .button {
    padding   : 2px 12px;
    position  : absolute;
    top       : 8px;
    right     : 12px;
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0
}

.woocommerce-notice a.restore-item:hover,
.woocommerce-notice .button:hover,
.woocommerce-error li a.restore-item:hover,
.woocommerce-error li .button:hover,
.woocommerce-info a.restore-item:hover,
.woocommerce-info .button:hover,
.woocommerce-message a.restore-item:hover,
.woocommerce-message .button:hover {
    color: #fff
}

.woocommerce-notice p,
.woocommerce-error li p,
.woocommerce-info p,
.woocommerce-message p {
    display: inline-block
}

.woocommerce-info,
.woocommerce-message {
    border-left-color: #09BB07
}

.woocommerce-error li {
    border-left-color: #F76260
}

.ajax_cart {
    position        : fixed;
    top             : 0;
    right           : -360px;
    bottom          : 0;
    width           : 360px;
    background-color: #fff;
    z-index         : 110
}

.ajax_cart .cart_btn {
    position        : absolute;
    top             : 0;
    left            : -76px;
    width           : 76px;
    height          : 76px;
    background-color: #fff;
    text-align      : center;
    cursor          : pointer
}

.ajax_cart .cart_btn svg {
    margin-top: 26px;
    width     : 20px;
    height    : 20px
}

.ajax_cart .cart_btn svg.cart {
    fill: #999
}

.ajax_cart .cart_btn svg.close {
    display: none;
    fill   : #f00
}

.ajax_cart .cart_btn span.cart-contents {
    font-size       : 12px;
    position        : absolute;
    top             : 12px;
    right           : 12px;
    width           : 20px;
    height          : 20px;
    line-height     : 20px;
    display         : block;
    color           : #fff;
    background-color: #232323;
    border-radius   : 100%
}

.ajax_cart h4 {
    line-height  : 76px;
    text-align   : center;
    height       : 76px;
    border-bottom: 1px #eee solid
}

.ajax_cart .widget_shopping_cart_content {
    padding-top: 40px;
    overflow-y : auto
}

.ajax_cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
    text-align : center;
    font-size  : 16px;
    padding-top: 40px;
    color      : #f00
}

.ajax_cart .widget_shopping_cart_content p.buttons {
    position: absolute;
    bottom  : 20px;
    left    : 20px;
    right   : 20px
}

.ajax_cart.active {
    right: 0
}

.ajax_cart.active svg.cart {
    display: none
}

.ajax_cart.active svg.close {
    display: inline-block
}

.admin-bar .ajax_cart {
    top: 32px
}

ul.product_list_widget li {
    overflow     : hidden;
    margin-bottom: 20px;
    padding-left : 128px;
    position     : relative
}

ul.product_list_widget li img {
    width      : 120px;
    margin-left: -128px;
    float      : left;
    height     : auto
}

ul.product_list_widget li a {
    display  : block;
    font-size: 14px
}

ul.product_list_widget li a span.product-title {
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify;
    margin-bottom     : 4px;
    min-height        : 36px;
    max-height        : 48px
}

ul.product_list_widget li .reviewer,
ul.product_list_widget li .price.rating {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    width        : 120px
}

ul.product_list_widget li .star-rating {
    position : absolute;
    bottom   : 18px;
    right    : 0;
    font-size: 12px;
    width    : 63px
}

ul.product_list_widget li:last-child .star-rating {
    bottom: 6px
}

.widget_products ul.product_list_widget li {
    font-weight: 300
}

.widget_products ul.product_list_widget li a {
    font-weight: normal
}

.widget_shopping_cart_content {
    padding: 20px
}

.widget_shopping_cart_content .mini_cart_item {
    padding-left: 148px;
    position    : relative
}

.widget_shopping_cart_content a.remove {
    position: absolute;
    top     : 20px;
    left    : 0;
    color   : #f00
}

.widget_shopping_cart_content .quantity {
    font-size  : 13px;
    font-weight: 300
}

.widget_shopping_cart_content .woocommerce-mini-cart__total {
    text-align   : center;
    font-size    : 16px;
    border-top   : 1px #eee solid;
    border-bottom: 1px #eee solid;
    padding      : 8px 0;
    margin       : 20px 0;
    color        : #333
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
    font-size: 0
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button {
    display       : inline-block;
    vertical-align: middle;
    width         : calc(50% - 8px);
    padding       : 8px
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.wc-forward {
    margin-right: 8px
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.checkout {
    margin-left : 8px;
    margin-right: 0
}

.widget_product_categories span.count {
    float: right
}

.widget_product_categories .dropdown_product_cat {
    margin: 20px;
    width : calc(100% - 40px)
}

.product_list_widget .star-rating {
    margin-right: 8px
}

.product_list_widget .star-rating,
.product_list_widget .reviewer {
    display       : inline-block;
    vertical-align: middle
}

.woocommerce-cart-form {
    margin-bottom: 32px
}

.woocommerce-cart-form table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.woocommerce-cart-form table td,
.woocommerce-cart-form table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.woocommerce-cart-form table th,
.woocommerce-cart-form table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.woocommerce-cart-form table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.woocommerce-cart-form table.shop_table td.product-thumbnail img {
    width : 60px;
    height: auto
}

.woocommerce-cart-form table.shop_table td.actions {
    text-align: right
}

.woocommerce-cart-form table.shop_table td.actions * {
    display       : inline-block;
    vertical-align: middle
}

.woocommerce-cart-form table.shop_table td.actions .input-text {
    padding: 7px;
    width  : auto
}

.woocommerce-cart-form table.shop_table td.actions .button {
    margin-left: 12px
}

.woocommerce-cart-form button.button:disabled {
    background-color: #999;
    border-color    : #999;
    cursor          : no-drop
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

.blockUI.blockOverlay:before {
    height         : 1em;
    width          : 1em;
    display        : block;
    position       : absolute;
    top            : 50%;
    left           : 50%;
    margin-left    : -0.5em;
    margin-top     : -0.5em;
    content        : '';
    animation      : spin 1s ease-in-out infinite;
    background     : url("../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;
    background-size: cover;
    line-height    : 1;
    text-align     : center;
    font-size      : 2em;
    color          : rgba(0, 0, 0, 0.75)
}

.cart_totals {
    overflow     : hidden;
    margin-bottom: 36px
}

.cart_totals table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.cart_totals table td,
.cart_totals table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.cart_totals table th,
.cart_totals table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.cart_totals table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.cart_totals h2 {
    margin-bottom: 20px
}

.cart_totals #shipping_method li {
    margin-bottom: 8px
}

.cart_totals #shipping_method .shipping_method {
    margin: 0 4px 0 0
}

.cart_totals .woocommerce-shipping-calculator .shipping-calculator-button {
    margin : 12px 0;
    display: block
}

.cart_totals .woocommerce-shipping-calculator .shipping-calculator-form>p {
    margin-bottom: 12px
}

.cart_totals .wc-proceed-to-checkout {
    overflow  : hidden;
    margin-top: 20px;
    text-align: right
}

.cart_totals .wc-proceed-to-checkout a.button {
    padding: 8px 32px;
    display: inline-block
}

.cart-empty {
    text-align: center;
    color     : #f00;
    font-size : 16px;
    margin-top: 40px
}

.return-to-shop {
    text-align: center;
    margin-top: 20px
}

.return-to-shop br {
    display: none
}

#coupons_list {
    margin-top: 20px
}

#coupons_list h3 {
    margin-bottom: 20px
}

.col2-set {
    font-size: 0;
    width    : 100%
}

.col2-set>div {
    display       : inline-block;
    vertical-align: top;
    width         : calc(50% - 20px);
    font-size     : 13px
}

.col2-set .col-1 {
    margin-right: 20px
}

.col2-set .col-2 {
    margin-left: 20px
}

#customer_details {
    margin-bottom: 36px
}

form.woocommerce-form-login p,
form.register p,
.shipping_address p,
.woocommerce-billing-fields p {
    margin-bottom: 12px
}

.checkout_out_stock {
    background-color: #fff;
    padding         : 20px
}

.checkout_out_stock p {
    display: block
}

.checkout_out_stock p:first-child {
    color: #F76260
}

.checkout_out_stock a.button {
    padding   : 8px 20px;
    display   : inline-block;
    margin-top: 20px
}

p a.wc-backward {
    margin-top: 20px
}

.checkout_coupon,
.woocommerce-checkout .woocommerce-form-login {
    background-color: #f8f8f8;
    padding         : 20px;
    margin          : -20px 0 20px;
    overflow        : hidden;
    border          : 1px #eee solid;
    border-top      : 0
}

.woocommerce-checkout .woocommerce-form-login>p {
    margin-bottom: 12px
}

.woocommerce-checkout .woocommerce-form-login>p.lost_password {
    position: absolute;
    bottom  : 20px;
    right   : 20px
}

.woocommerce-checkout .woocommerce-form-login input.button {
    margin-right: 12px
}

.woocommerce-form-login {
    position: relative
}

.woocommerce-form-login .lost_password {
    position: absolute;
    bottom  : -6px;
    right   : 0
}

.checkout_coupon .button {
    margin-top: 12px
}

.woocommerce-checkout.checkout h3 {
    margin-bottom : 20px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid
}

.woocommerce-checkout.checkout h3 br {
    display: none
}

.woocommerce-account-fields {
    display: none
}

.woocommerce-checkout-review-order table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.woocommerce-checkout-review-order table td,
.woocommerce-checkout-review-order table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.woocommerce-checkout-review-order table th,
.woocommerce-checkout-review-order table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.woocommerce-checkout-review-order table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.woocommerce-checkout-review-order dl.variation {
    display: block
}

#payment {
    background-color: #fff;
    border          : 1px #eee solid;
    padding         : 12px;
    overflow        : hidden;
    margin-top      : 36px
}

#payment ul.methods {
    margin-bottom: 20px
}

#payment ul.methods li {
    border-bottom: 1px #eee solid;
    padding      : 8px 0;
    overflow     : hidden
}

#payment ul.methods li p {
    background-color: #f8f8f8;
    margin-top      : 12px;
    padding         : 8px
}

#payment ul.methods li.woocommerce-info {
    padding: 8px 12px
}

#payment img {
    float : right;
    margin: 0
}

#payment div.form-row p.form-row,
#payment .place-order p.form-row {
    display      : inline-block;
    margin-bottom: 0
}

#payment div.form-row #place_order,
#payment .place-order #place_order {
    float        : right;
    padding      : 8px 32px;
    margin-bottom: 8px
}

.woocommerce-order h2,
.woocommerce-order h3 {
    margin-bottom : 12px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid
}

ul.order_details {
    border       : 1px #f2f2f2 solid;
    padding      : 12px;
    margin-bottom: 20px
}

ul.order_details li {
    padding-bottom: 8px
}

ul.order_details li:last-child {
    padding-bottom: 0
}

#order_review table,
.woocommerce-order-details table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

#order_review table td,
#order_review table th,
.woocommerce-order-details table td,
.woocommerce-order-details table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

#order_review table th,
#order_review table thead,
.woocommerce-order-details table th,
.woocommerce-order-details table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

#order_review table tbody tr:nth-child(2n),
.woocommerce-order-details table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

#order_review h3.woocommerce-order-details__title,
#order_review h2.woocommerce-order-details__title,
.woocommerce-order-details h3.woocommerce-order-details__title,
.woocommerce-order-details h2.woocommerce-order-details__title {
    margin-top: 32px
}

#order_review ul.wc-item-meta stong,
#order_review ul.wc-item-meta p,
.woocommerce-order-details ul.wc-item-meta stong,
.woocommerce-order-details ul.wc-item-meta p {
    display: inline-block
}

#order_review .order-again,
.woocommerce-order-details .order-again {
    margin-top: 30px
}

.woocommerce-customer-details {
    margin-top: 32px
}

.woocommerce-customer-details .woocommerce-columns {
    margin-top: 32px
}

.woocommerce-customer-details .woocommerce-columns>p {
    display: none
}

.woocommerce-customer-details .woocommerce-columns address {
    font-style: normal
}

.woocommerce-customer-details .woocommerce-columns address br {
    display: block
}

.woocommerce-bacs-bank-details {
    margin-top: 32px
}

.woocommerce-bacs-bank-details h3 {
    border-bottom: 0;
    margin-bottom: 0
}

#order_review table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

#order_review table td,
#order_review table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

#order_review table th,
#order_review table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

#order_review table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.logged-in.woocommerce-account div.woocommerce {
    overflow: hidden
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    width        : 20%;
    padding-right: 4%;
    border-right : 1px #eee solid;
    float        : left
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content {
    width: 74%;
    float: right
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px #eee solid
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0
}

.woocommerce-MyAccount-navigation ul li a {
    display  : block;
    padding  : 12px 20px;
    font-size: 14px;
    color    : #999
}

.woocommerce-MyAccount-content {
    padding-top: 12px
}

.woocommerce-MyAccount-content table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.woocommerce-MyAccount-content table td,
.woocommerce-MyAccount-content table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.woocommerce-MyAccount-content table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.woocommerce-MyAccount-content br {
    display: none
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    margin-bottom : 12px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
    text-align: center
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
    white-space: nowrap
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.view,
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.pay {
    margin-right: 8px
}

.woocommerce-MyAccount-content .woocommerce-MyAccount-downloads a.woocommerce-MyAccount-downloads-file {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0
}

.woocommerce-MyAccount-content .woocommerce-MyAccount-downloads a.woocommerce-MyAccount-downloads-file:hover {
    color: #fff
}

.woocommerce-MyAccount-content .my_account_points_rewards {
    margin-top: 12px
}

.woocommerce-MyAccount-content .woocommerce-pagination {
    margin-top: 12px;
    text-align: center
}

.woocommerce-MyAccount-content .woocommerce-pagination a {
    color       : #fff;
    font-size   : 14px;
    text-align  : center;
    padding     : 4px 16px;
    display     : inline-block;
    border      : 0;
    margin-right: 8px
}

.woocommerce-MyAccount-content .woocommerce-pagination a:hover {
    color: #fff
}

.woocommerce-MyAccount-content .woocommerce-Address {
    margin-top: 20px
}

.woocommerce-MyAccount-content .woocommerce-Address header.title {
    position: relative
}

.woocommerce-MyAccount-content .woocommerce-Address header.title a.edit {
    position: absolute;
    top     : 0;
    right   : 0
}

.woocommerce-MyAccount-content .woocommerce-Address address {
    font-style: normal
}

.woocommerce-MyAccount-content .woocommerce-Address br {
    display: block
}

.woocommerce-MyAccount-content .woocommerce-address-fields p {
    margin-bottom: 12px
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm p {
    margin-bottom: 12px
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
    border       : 1px #eee solid;
    padding      : 12px;
    margin-bottom: 20px
}

.page_header {
    margin-bottom : 20px;
    border-bottom : 1px #efefef solid;
    padding-bottom: 20px
}

#link-page ul {
    background   : none;
    padding      : 0;
    margin-bottom: 0
}

#link-page ul li {
    margin-top: 30px
}

#link-page ul li h2 {
    padding  : 8px;
    font-size: 18px
}

#link-page ul.blogroll {
    font-size: 0;
    padding  : 0
}

#link-page ul.blogroll li:last-child {
    margin-bottom : 8px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid
}

#link-page ul.blogroll li {
    font-size       : 12px;
    display         : inline-block;
    vertical-align  : top;
    overflow        : hidden;
    text-overflow   : ellipsis;
    white-space     : nowrap;
    width           : 32.333%;
    background-color: #fff;
    border          : 1px #eee solid;
    padding         : 12px;
    margin          : 0 0.5% 12px
}

#link-page ul.blogroll li a {
    display      : block;
    margin-bottom: 8px
}

#link-page ul.blogroll li a>* {
    display       : inline-block;
    vertical-align: middle
}

#link-page ul.blogroll li a img {
    width : 22px;
    height: 22px;
    margin: 1px 6px 0 0
}

#link-page ul.blogroll li a span {
    font-size: 14px
}

#link-page ul.blogroll li: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)
}

.readers-list li {
    width     : 20%;
    text-align: center
}

.readers-list li a {
    border          : 1px #f2f2f2 solid;
    overflow        : hidden;
    display         : block;
    padding         : 12px;
    background-color: #fff;
    color           : #666
}

.readers-list li a: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)
}

.readers-list li img {
    width  : 48px;
    height : 48px;
    margin : 8px auto;
    display: block
}

.tags .home_title span.count {
    font-size: 12px;
    float    : right;
    color    : #bbb
}

.tags .tag_could {
    padding     : 20px 0;
    font-size   : 0;
    overflow    : hidden;
    margin-right: -.5%
}

.tags .tag_could a {
    width           : 12%;
    position        : relative;
    display         : inline-block;
    vertical-align  : middle;
    padding         : 4px 8px;
    background-color: #f8f8f8;
    margin          : 0 .5% 8px 0
}

.tags .tag_could a span {
    font-size    : 13px;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    width        : 82%;
    color        : #333
}

.tags .tag_could a b {
    position   : absolute;
    top        : 4px;
    right      : 8px;
    font-size  : 12px;
    font-weight: 300;
    color      : #bbb
}

.tags .tag_could a:hover b,
.tags .tag_could a:hover span {
    color: #fff
}

.content_left .tag_could {
    margin-right: -1%
}

.content_left .tag_could a {
    width       : 19%;
    margin-right: 1%
}

.category_main div.thumb {
    position     : relative;
    margin-bottom: 12px
}

.category_main div.thumb .count {
    position: absolute;
    top     : 12px;
    left    : 12px
}

.category_main div.thumb .count svg {
    width       : 14px;
    height      : 14px;
    fill        : #fff;
    margin-right: 4px
}

.category_main div.thumb .count b {
    color      : #fff;
    font-weight: normal
}

.category_main .con p,
.category_main .con h3 {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.category_main .con h3 {
    font-size: 16px
}

.category_main .con p {
    font-size: 12px
}

.my-map {
    height: 450px
}

.sl_main {
    position: relative
}

.sl_main img.thumb {
    margin-bottom: 6px
}

.sl_main h4 {
    font-size         : 15px;
    max-height        : 48px;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.sl_main .count {
    position  : absolute;
    top       : 0;
    right     : 0;
    display   : inline-block;
    min-width : 36px;
    text-align: center;
    padding   : 0 8px
}

.content_left .sticky_like ul li {
    width: 33.33%
}

.content_left .sticky_like ul li:nth-last-child(3) {
    padding-bottom: 20px
}

.dwqa-container .dwqa-questions-list .dwqa-question-item,
.dwqa-container .dwqa-questions-list,
.dwqa-container .dwqa-questions-list .dwqa-question-item .dwqa-question-stats span,
.dwqa-container .dwqa-answer-form-title,
.dwqa-container .dwqa-comment-form .comment-form textarea,
.dwqa-container .dwqa-search input {
    border-color: #efefef
}

.dwqa-container .dwqa-question-filter {
    overflow   : hidden;
    padding-top: 12px;
    text-align : left
}

.dwqa-container .dwqa-question-filter .dwqa-sort-by {
    margin-top: -12px
}

.dwqa-container .dwqa-question-item {
    color: #999
}

.dwqa-container .dwqa-question-item .dwqa-question-stats span {
    background-color: #fff
}

.dwqa-container .dwqa-question-item .avatar {
    width         : 42px;
    height        : 42px;
    vertical-align: middle
}

.dwqa-container .dwqa-question-item .dwqa-question-meta {
    font-size: 12px
}

.dwqa-container .dwqa-question-item .dwqa-question-title a {
    font-size: 14px
}

.dwqa-container .dwqa-questions-footer .dwqa-ask-question a,
.dwqa-container input[type="submit"],
.dwqa-btn {
    min-width : 80px;
    text-align: center;
    padding   : 8px 20px;
    float     : right;
    min-height: 36px
}

.dwqa-pagination a,
.dwqa-pagination span {
    height     : 30px;
    line-height: 20px
}

.dwqa-content-edit-form {
    overflow: hidden
}

.dwqa-content-edit-form>p {
    margin-bottom: 12px;
    text-align   : left
}

p.dwqa-captcha {
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    margin     : 0;
    float      : left;
    width      : 200px;
    align-items: center
}

p.dwqa-captcha input {
    margin: 0 0 0 12px
}

.single.single-dwqa-question .dwqa-question-item {
    color         : #333;
    font-size     : 14px;
    padding-bottom: 30px
}

.single.single-dwqa-question .dwqa-question-item .avatar {
    width : 36px;
    height: 36px;
    left  : 6px
}

.single.single-dwqa-question .dwqa-answer-item .avatar {
    width : 30px;
    height: 30px;
    left  : 8px
}

.single.single-dwqa-question .dwqa-comments {
    text-align: left
}

.single.single-dwqa-question .dwqa-comments p {
    margin: 0
}

.single.single-dwqa-question .dwqa-comments .comment-form {
    overflow: hidden
}

.single.single-dwqa-question .dwqa-comments .comment-form #comment {
    min-height: 120px
}

.single.single-dwqa-question .dwqa-comments .comment-form #submit {
    float : left;
    border: 0
}

.single.single-dwqa-question .dwqa-comments .dwqa-comment-meta .avatar {
    width         : 18px;
    height        : 18px;
    margin        : 0 5px 0 0;
    display       : inline-block;
    vertical-align: middle
}

.single.single-dwqa-question .dwqa-answer-form div,
.single.single-dwqa-question .dwqa-answer-form p {
    text-align: left
}

.single.single-dwqa-question .dwqa-answer-form .dwqa-select {
    float       : none;
    margin-right: 12px
}

.dwqa-breadcrumbs {
    font-size: 12px
}

.addv {
    width         : 24px;
    height        : 24px;
    display       : inline-block;
    vertical-align: middle;
    border-radius : 2px;
    line-height   : 24px;
    text-align    : center;
    margin        : 0 0 4px 6px
}

.addv svg {
    fill         : #fff;
    width        : 16px;
    height       : 16px;
    margin-bottom: 1px
}

.admin_field {
    background-color: #06bcff;
    color           : #fff;
    font-size       : 12px;
    display         : inline-block;
    vertical-align  : middle;
    margin-left     : 6px;
    padding         : 0 6px;
    line-height     : 22px;
    border-radius   : 2px
}

.author_banner_style1 {
    height             : 420px;
    text-align         : center;
    position           : relative;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
    display            : flex;
    justify-content    : center;
    align-items        : center
}

.author_banner_style1 .bg {
    position        : absolute;
    background-color: #000;
    z-index         : 8;
    visibility      : visible
}

.author_banner_style1 .author_header {
    position: relative;
    z-index : 9
}

.author_banner_style1 .author_header a.avatar {
    margin-bottom: 8px;
    display      : block
}

.author_banner_style1 .author_header a.avatar img {
    width        : 150px;
    height       : 150px;
    border-radius: 100%;
    border       : 6px rgba(255, 255, 255, 0.33) solid
}

.author_banner_style1 .author_header h1 {
    color        : #fff;
    font-weight  : 300;
    margin-bottom: 8px
}

.author_banner_style1 .author_header .desc {
    padding: 0 30px
}

.author_banner_style1 .author_header .desc p {
    max-width    : 720px;
    max-height   : 48px;
    overflow     : hidden;
    display      : inline-block;
    color        : #ddd;
    margin-bottom: 8px;
    font-size    : 13px
}

.author_banner_style1 .author_header .author_btn a {
    padding: 8px 30px
}

.author_banner_style1 .author_header .author_btn img.salong-ajax {
    top: 14px
}

.author_tabs {
    padding-left: 340px;
    position    : relative;
    min-height  : 680px
}

.author_tabs .nav_move {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 300px
}

.author_tabs .nav_move ul.tabs {
    background-color: #fff
}

.author_tabs .nav_move ul.tabs li {
    border-bottom: 1px #eee solid;
    border-left  : 2px #fff solid;
    position     : relative
}

.author_tabs .nav_move ul.tabs li a {
    display    : block;
    padding    : 20px 36px;
    color      : #999;
    font-weight: 300
}

.author_tabs .nav_move ul.tabs li a>* {
    display       : inline-block;
    vertical-align: middle
}

.author_tabs .nav_move ul.tabs li a svg {
    margin-right: 20px;
    width       : 18px;
    height      : 18px
}

.author_tabs .nav_move ul.tabs li a h4 {
    font-size  : 16px;
    font-weight: 300
}

.author_tabs .nav_move ul.tabs li a span {
    color  : #999;
    display: inline-block
}

.author_tabs .nav_move ul.tabs li.current a h4 {
    font-weight: normal
}

.author_tabs .nav_move ul.tabs li.message b {
    top: 26px
}

.author_tabs .nav_move #move {
    width: 100%
}

.author_banner_style2 {
    background-color: #fff
}

.author_banner_style2 .wrapper {
    position: relative
}

.author_banner_style2 .author_img {
    height             : 360px;
    position           : relative;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center
}

.author_banner_style2 .author_img .bg {
    position        : absolute;
    background-color: #000;
    z-index         : 8;
    visibility      : visible
}

.author_banner_style2 .author_header {
    position  : relative;
    text-align: center;
    z-index   : 9
}

.author_banner_style2 .author_header a.avatar {
    margin-bottom: 8px;
    display      : inline-block;
    margin-top   : -75px;
    position     : relative;
    overflow     : hidden
}

.author_banner_style2 .author_header a.avatar img {
    display      : block;
    width        : 150px;
    height       : 150px;
    border-radius: 100%;
    border       : 6px rgba(255, 255, 255, 0.33) solid
}

.author_banner_style2 .author_header a.avatar span {
    position: absolute;
    bottom  : 0;
    right   : 0
}

.author_banner_style2 .author_header h1 {
    font-weight  : 300;
    margin-bottom: 30px
}

.author_banner_style2 .author_header .desc {
    margin-bottom: 20px
}

.author_banner_style2 .author_header .desc p {
    max-width : 720px;
    max-height: 48px;
    overflow  : hidden;
    display   : inline-block;
    font-size : 13px
}

.author_banner_style2 .author_header .count {
    color        : #999;
    margin-bottom: 30px
}

.author_banner_style2 .author_header .count ul {
    font-size: 0
}

.author_banner_style2 .author_header .count ul li {
    display       : inline-block;
    vertical-align: middle;
    margin-right  : 12px
}

.author_banner_style2 .author_header .count ul li:last-child {
    margin-right: 0
}

.author_banner_style2 .author_header .count ul li span {
    font-size: 12px
}

.author_banner_style2 .author_header a.certification {
    position: absolute;
    top     : 20px;
    right   : 0;
    padding : 2px 8px
}

.author_banner_style2 .author_nav {
    text-align: center;
    border-top: 1px #eee solid
}

.author_banner_style2 .author_nav ul {
    overflow-x : auto;
    white-space: nowrap
}

.author_banner_style2 .author_nav ul li {
    display       : inline-block;
    vertical-align: middle;
    position      : relative
}

.author_banner_style2 .author_nav ul li a {
    display    : block;
    color      : #999;
    padding    : 20px 0;
    margin     : 0 16px;
    font-weight: 300;
    font-size  : 0
}

.author_banner_style2 .author_nav ul li a>* {
    display       : inline-block;
    vertical-align: middle
}

.author_banner_style2 .author_nav ul li a svg {
    margin-right: 4px;
    width       : 16px;
    height      : 16px
}

.author_banner_style2 .author_nav ul li a h4 {
    font-size  : 14px;
    font-weight: 300
}

.author_banner_style2 .author_nav ul li a span {
    font-size: 12px;
    color    : #999;
    display  : inline-block
}

.author_banner_style2 .author_nav ul li.current a {
    border-bottom: 2px #c00 solid
}

.author_banner_style2 .author_nav ul li.current a h4 {
    font-weight: normal
}

.author_banner_style2 .author_nav ul li.message b {
    top  : 20px;
    right: 12px
}

.author_banner_style2 .author_btn {
    position: absolute;
    top     : 20px;
    right   : 0
}

.author_banner_style2 .author_btn a {
    padding: 2px 12px
}

.author_banner_style2 .author_btn img.salong-ajax {
    top: 14px
}

.author_content>* {
    min-height: 860px;
    overflow  : hidden
}

.author_content .author_post_list {
    background-color: #fff;
    overflow        : hidden
}

.author_content .author_post_list ul li {
    position: relative
}

.author_content .author_post_list ul li.post_status .post_main h2 {
    padding-right: 72px
}

.author_content .author_post_list .edit_btn {
    position: absolute;
    top     : 24px;
    right   : 20px
}

.author_content .author_post_list .edit_btn svg {
    width       : 18px;
    height      : 18px;
    margin-right: 4px;
    fill        : #f60
}

.author_content .author_post_list .edit_btn span {
    color: #f60
}

.author_content .author_post_list p.warningbox {
    margin: 20px
}

.author_content .topic_list ul.layout_ul li.layout_li {
    width: 100%
}

.author_content .product_list ul li,
.author_content .download_list ul li,
.author_content .video_list ul li {
    width: 50%
}

.author_content .product_list ul li:nth-last-child(3),
.author_content .download_list ul li:nth-last-child(3),
.author_content .video_list ul li:nth-last-child(3) {
    padding-bottom: 20px
}

.author_content .comment_list {
    padding         : 20px;
    background-color: #fff
}

.author_content .comment_list span.count {
    margin-bottom   : 20px;
    display         : block;
    background-color: #f8f8f8;
    padding         : 12px
}

.author_content .comment_list ul li {
    padding      : 0 0 20px 60px;
    margin-bottom: 20px;
    border-bottom: 1px #efefef dashed;
    position     : relative;
    color        : #999
}

.author_content .comment_list ul li:last-child {
    margin-bottom : 0;
    padding-bottom: 0;
    border-bottom : none
}

.author_content .comment_list ul li>* {
    display       : inline-block;
    vertical-align: bottom
}

.author_content .comment_list ul li img.avatar {
    position     : absolute;
    top          : 0;
    left         : 0;
    width        : 48px;
    height       : 48px;
    border-radius: 100%
}

.author_content .comment_list ul li a.author_name {
    margin-right: 12px
}

.author_content .comment_list ul li .rate {
    float: right
}

.author_content .comment_list ul li p {
    display   : block;
    width     : 100%;
    margin-top: 12px;
    color     : #666
}

.author_content .user_list>ul li {
    width: 50%
}

.author_content .user_list>ul li:nth-last-child(3),
.author_content .user_list>ul li:nth-last-child(4) {
    padding-bottom: 20px
}

.user_list {
    background-color: #fff;
    padding         : 32px
}

.user_list ul {
    margin-right: -20px
}

.user_list ul li {
    padding: 0 20px 20px 0
}

.user_list .user_main {
    position        : relative;
    border          : 1px #eee solid;
    padding         : 12px 12px 12px 126px;
    min-height      : 126px;
    background-color: #fff;
    overflow        : hidden
}

.user_list .user_main>* {
    margin-bottom: 8px
}

.user_list .user_main h3 {
    font-size: 16px
}

.user_list .user_main h3 span {
    font-size  : 12px;
    color      : #999;
    margin-left: 6px
}

.user_list .user_main h3 .addv {
    width      : 18px;
    height     : 18px;
    line-height: 18px
}

.user_list .user_main h3 .addv svg {
    width : 12px;
    height: 12px
}

.user_list .user_main img.avatar {
    position: absolute;
    top     : 12px;
    left    : 12px;
    width   : 100px;
    height  : 100px
}

.user_list .user_main p {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    font-size    : 12px
}

.user_list .user_main: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)
}

.follow_posts {
    margin-top      : 36px;
    background-color: #f9f9f9;
    padding         : 20px
}

.follow_posts h2 {
    font-size     : 16px;
    margin-bottom : 20px;
    padding-bottom: 8px;
    border-bottom : 1px #eee solid
}

.follow_posts ul {
    list-style-type: square
}

.follow_posts ul li {
    width          : 50%;
    padding        : 0;
    list-style-type: square
}

.follow_posts ul li a {
    display      : block;
    border-bottom: 1px #eee dashed;
    position     : relative;
    padding      : 0 28px 8px 0;
    margin       : 0 20px 12px 0
}

.follow_posts ul li a h3 {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    font-size    : 14px
}

.follow_posts ul li a span {
    position : absolute;
    top      : 4px;
    right    : 0;
    font-size: 12px;
    color    : #ddd
}

.author_profile {
    background-color: #fff;
    padding         : 20px
}

.author_profile h3 {
    padding-bottom: 8px;
    margin-bottom : 20px
}

.author_profile h3 a.certification {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0;
    float     : right
}

.author_profile h3 a.certification:hover {
    color: #fff
}

.author_profile .basic_profile ul {
    background-color: #f9f9f9;
    padding         : 20px;
    margin-right    : 0
}

.author_profile .basic_profile ul li {
    width         : 50%;
    padding-left  : 80px !important;
    position      : relative;
    margin-bottom : 20px;
    padding-bottom: 0
}

.author_profile .basic_profile ul li.desc {
    width: 100%
}

.author_profile .basic_profile ul li>span {
    position   : absolute;
    top        : 0;
    left       : 0;
    text-align : justify;
    font-weight: bold;
    color      : #999
}

.author_profile .basic_profile ul li.qr {
    width      : 100%;
    display    : block;
    padding-top: 12px
}

.author_profile .basic_profile ul li.qr div {
    display       : inline-block;
    vertical-align: top;
    margin-right  : 20px;
    text-align    : center;
    font-size     : 14px
}

.author_profile .basic_profile ul li.qr div img {
    max-width    : 248px;
    margin-bottom: 12px;
    display      : block
}

.author_profile .basic_profile ul li.qr div svg {
    margin-right: 8px
}

.author_profile .basic_profile ul li.qr div.alipay svg {
    fill: #03a9eb
}

.author_profile .basic_profile ul li.qr div.wechatpay svg {
    fill: #11c906
}

.author_profile .basic_profile .xh-regbox {
    border : 0;
    padding: 0
}

.author_profile .basic_profile .xh-regbox .xh-title {
    text-align   : left;
    font-size    : 22px;
    margin-bottom: 20px !important
}

.author_profile .basic_profile .xh-regbox .xh-form {
    background-color: #f9f9f9;
    padding         : 20px
}

.author_profile .basic_profile .xh-regbox .xh-form hr:last-child {
    display: none
}

.author_profile .site_stats ul li {
    width: 50%
}

.author_profile .site_stats .stats_main {
    padding: 0 20px 20px;
    color  : #999
}

.author_profile .site_stats .stats_main h4 {
    border-bottom : 1px #eee solid;
    padding-bottom: 6px;
    margin-bottom : 12px
}

.author_profile .site_stats .stats_main .new_post {
    margin-bottom: 8px
}

.author_profile .site_stats .stats_main .new_post a {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.author_profile .site_stats .stats_main span {
    margin-right: 12px
}

.author_profile .site_stats .stats_main span b {
    font-weight: normal
}

.author_subtabs {
    background-color: #fff
}

.author_subtabs ul.tabs {
    background-color: #fafafa
}

.author_subtabs ul.tabs li {
    display: inline-block
}

.author_subtabs ul.tabs li a {
    display   : block;
    padding   : 16px 32px;
    font-size : 14px;
    color     : #999;
    border-top: 3px #fafafa solid
}

.author_subtabs ul.tabs li a>* {
    display       : inline-block;
    vertical-align: middle
}

.author_subtabs ul.tabs li a h5 {
    font-weight: 300
}

.author_subtabs ul.tabs li a span {
    color    : #999;
    font-size: 12px
}

.author_subtabs ul.tabs li.current a {
    background-color: #fff
}

.author_subtabs ul.tabs li.current a h5 {
    font-weight: normal
}

.contribute {
    background-color: #fff;
    padding         : 30px;
    font-size       : 14px
}

.contribute_form {
    text-align: left
}

.contribute_form p {
    margin-bottom: 20px
}

.contribute_form p.hint {
    color: #f60
}

.contribute_form p input[type="text"] {
    height: 36px
}

.contribute_form p label,
.contribute_form p span {
    display: block;
    padding: 4px
}

.contribute_form p select {
    height       : 39px;
    border-radius: 0 !important
}

.contribute_form p label {
    color: #333
}

.contribute_form p span {
    color      : #999;
    font-weight: 300;
    font-size  : 12px
}

.contribute_form b.required {
    color       : #f60;
    margin-right: 4px
}

.contribute_form #insert-media-button {
    background-color: #f8f8f8;
    border-color    : #eee;
    height          : auto;
    width           : auto;
    margin-bottom   : 5px
}

.contribute_form #insert-media-button span {
    width  : 18px;
    height : 18px;
    padding: 0
}

.contribute_form .postform {
    display: block;
    width  : 100%
}

.contribute_form .status_btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.contribute_form .status_btn>p {
    margin-bottom: 0;
    flex-grow    : 1;
    text-align   : right
}

.contribute_form .status_btn>select {
    width: auto
}

.contribute_form .submit,
.contribute_form .reset {
    color    : #fff;
    font-size: 14px;
    padding  : 8px 20px;
    border   : none
}

.contribute_form .reset {
    margin-left     : 20px;
    background-color: #333
}

.salong_field_main .salong_field_area {
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    align-items: center
}

.salong_field_main .salong_field_area .salong_file_button {
    position    : relative;
    margin-right: 30px
}

.salong_field_main .salong_field_area .salong_file_button .salong_file_preview {
    min-height      : 120px;
    width           : 260px;
    background-color: #f8f8f8;
    border          : 1px #eee solid;
    display         : flex;
    align-items     : center
}

.salong_field_main .salong_field_area .salong_file_button .salong_file_preview img {
    max-width: 100%;
    height   : auto
}

.salong_field_main .salong_field_area .salong_file_button a.salong_upload_button {
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    text-align       : center;
    z-index          : 1
}

.salong_field_main .salong_field_area .salong_file_button a.salong_upload_button b {
    font-size    : 30px;
    line-height  : 30px;
    width        : 36px;
    height       : 36px;
    border-radius: 100%;
    display      : inline-block;
    font-weight  : 300
}

.salong_field_main .salong_field_area .salong_file_button a.salong_upload_button span {
    margin     : 0 6px;
    white-space: nowrap
}

.salong_field_main .salong_field_area .salong_file_button .bg {
    background-color: rgba(0, 0, 0, 0.5);
    position        : absolute;
    z-index         : 0
}

.salong_field_main .salong_field_area .salong_file_button.active a.salong_upload_button {
    opacity   : 0;
    visibility: hidden
}

.salong_field_main .salong_field_area .salong_file_button.active a.salong_upload_button span {
    color: #fff
}

.salong_field_main .salong_field_area .salong_file_button.active:hover .bg,
.salong_field_main .salong_field_area .salong_file_button.active:hover a.salong_upload_button {
    opacity   : 1;
    visibility: visible
}

.salong_field_main .salong_field_area .salong_file_button.active+.salong_file_hint .delete_img {
    display: inline-block
}

.salong_field_main .salong_field_area.avatar .salong_file_button .salong_file_preview {
    width     : 80px;
    height    : 80px;
    min-height: 80px
}

.salong_field_main .salong_field_area .salong_file_hint p {
    font-size: 14px;
    display  : block
}

.salong_field_main .salong_field_area .salong_file_hint .delete_img {
    background-color: #c00;
    padding         : 2px 12px;
    color           : #fff;
    margin-top      : 12px;
    cursor          : pointer;
    display         : none
}

.salong_field_main .salong_field_area .salong_file_hint .delete_img:hover {
    background-color: #f00
}

.form_secton {
    padding         : 36px;
    background-color: #fff
}

.form_secton h3 {
    border-bottom : 1px #eee solid;
    padding-bottom: 12px;
    margin-bottom : 20px
}

.form_secton .author_form>* {
    margin-bottom: 20px
}

.form_secton .author_form label {
    color    : #333;
    padding  : 4px;
    display  : block;
    font-size: 14px
}

.form_secton .author_form label b {
    color         : #f00;
    margin-right  : 4px;
    display       : inline-block;
    vertical-align: middle
}

.form_secton .author_form select {
    height       : 39px;
    border-radius: 0 !important
}

.form_secton .author_form span {
    color    : #999;
    padding  : 4px;
    display  : block;
    font-size: 12px
}

.form_secton .author_form p.hint {
    color: #f60
}

.form_secton .author_form .submit,
.form_secton .author_form .reset {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0;
    padding   : 8px 20px
}

.form_secton .author_form .submit:hover,
.form_secton .author_form .reset:hover {
    color: #fff
}

.form_secton .author_form .submit {
    margin-right: 20px
}

.form_secton .author_form .reset {
    background-color: #333;
    border-color    : #333
}

.form_secton>p,
.form_secton>span {
    display      : block;
    margin-bottom: 12px;
    padding      : 12px 16px
}

.form_secton>p.warning,
.form_secton>span.warning {
    background-color: #fff7e0;
    border-left     : 2px #e6d8ad solid
}

.form_secton>p.error,
.form_secton>span.error {
    background-color: #ffeeeb;
    border-left     : 2px #ddb3ac solid
}

.form_secton>p.hint,
.form_secton>p.success,
.form_secton>span.hint,
.form_secton>span.success {
    background-color: #dff0d8;
    border-left     : 2px #acd19c solid
}

#profile_avatar {
    margin-bottom: 32px;
    overflow     : hidden
}

#profile_avatar img {
    width           : 100px;
    height          : 100px;
    padding         : 8px;
    border          : 1px #eee solid;
    background-color: #fff;
    float           : left;
    margin-right    : 20px
}

#profile_avatar a.avatar_uploader {
    border    : 1px #ddd solid;
    padding   : 0 12px;
    margin-top: 22px;
    display   : inline-block
}

.media-frame select.attachment-filters {
    min-width: 120px
}

.provinceCityAll {
    width     : 788px;
    margin-top: 18px;
    position  : absolute;
    background: #FFF;
    display   : none;
    border    : 1px #eee solid;
    border-top: none;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.provinceCityAll .tabs {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size          : 15px
}

.provinceCityAll .tabs ul li {
    display: inline-block
}

.provinceCityAll .tabs ul li a {
    display   : block;
    padding   : 8px;
    min-width : 80px;
    text-align: center;
    color     : #999;
    cursor    : pointer
}

.provinceCityAll .tabs ul li a.current {
    color: #fff
}

.provinceCityAll .list {
    font-size: 14px
}

.provinceCityAll .list ul {
    padding: 20px
}

.provinceCityAll .list ul li {
    display       : inline-block;
    vertical-align: middle;
    text-align    : center;
    width         : 10%
}

.provinceCityAll .list ul li a {
    display: block;
    padding: 4px;
    cursor : pointer
}

.provinceCityAll .list ul li a.current {
    font-weight: bold
}

li.message {
    position: relative
}

li.message b {
    width           : 8px;
    height          : 8px;
    display         : block;
    border-radius   : 100%;
    background-color: #f00;
    position        : absolute;
    top             : 16px;
    right           : 20px
}

.salong_message {
    padding         : 36px;
    background-color: #fff
}

.salong_message table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.salong_message table td,
.salong_message table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.salong_message table th,
.salong_message table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.salong_message table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.salong_message .form-table {
    width: 100%
}

.salong_message .form-table tr th {
    padding       : 20px;
    vertical-align: top;
    width         : 100px;
    text-align    : left
}

.salong_message .form-table .wp-editor-tools:after {
    display: block
}

.salong_message .form-table .wp-editor-area {
    border: 0
}

.salong_message .form-table input#recipient {
    background-repeat  : no-repeat;
    background-position: right center
}

.salong_message .form-table input#recipient.ui-autocomplete-loading {
    background-image: url(../assets/images/loading.gif)
}

.salong_message p.submit_button {
    margin-top: 30px
}

.salong_message p.submit_button .button-primary {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0;
    min-width : 120px;
    padding   : 8px
}

.salong_message p.submit_button .button-primary:hover {
    color: #fff
}

.salong_message .inout_box tr th.check-column {
    width: 5%
}

.salong_message .inout_box tbody {
    color: #999
}

.salong_message .inout_box tbody td>a {
    font-size: 14px
}

.salong_message .inout_box tbody td.name {
    white-space: nowrap
}

.salong_message .inout_box .tablenav {
    margin: 20px 0 8px
}

.salong_message .inout_box .tablenav select {
    display: inline-block;
    width  : auto
}

.salong_message .inout_box .tablenav .button-secondary {
    background-color: #f8f8f8;
    border          : 1px #eee solid;
    padding         : 10px 30px;
    font-size       : 13px
}

.salong_message .view_box table {
    border-top      : 1px #efefef solid;
    border-left     : 1px #efefef solid;
    width           : 100%;
    border-spacing  : 0;
    font-size       : 12px;
    background-color: #fff
}

.salong_message .view_box table td,
.salong_message .view_box table th {
    border-right : 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding      : 12px 16px
}

.salong_message .view_box table th,
.salong_message .view_box table thead {
    font-weight     : bold;
    white-space     : nowrap;
    background-color: #fafafa;
    font-size       : 14px;
    text-align      : left
}

.salong_message .view_box table tbody tr:nth-child(2n) {
    background-color: #fcfcfc
}

.salong_message .view_box h2 {
    margin : 0 12px 12px 0;
    display: inline-block
}

.salong_message .view_box>p {
    display: inline-block
}

.salong_message .view_box tbody {
    font-size     : 13px;
    vertical-align: top
}

.salong_message .view_box b {
    white-space: nowrap
}

.salong_message .infobox,
.salong_message .warningbox,
.salong_message .successbox,
.salong_message #message {
    margin: 0 0 20px
}

ul.ui-autocomplete {
    background-color: #fff;
    border          : 1px #eee solid;
    width           : 200px !important;
    box-shadow      : 4px 4px 4px rgba(0, 0, 0, 0.1);
    z-index         : 120
}

ul.ui-autocomplete li {
    padding      : 4px 12px;
    border-bottom: 1px #eee solid;
    cursor       : pointer
}

ul.ui-autocomplete li:last-child {
    border-bottom: 0
}

.sidebar_widget {
    overflow     : hidden;
    margin-bottom: 24px;
    background   : #fff
}

.sidebar_widget:last-child {
    margin-bottom: 0
}

.sidebar_widget .sidebar_title {
    padding      : 15px 20px;
    border-bottom: 1px #efefef solid
}

.sidebar_widget .sidebar_title h3 {
    font-size: 18px
}

.sidebar_widget .widget_salong_follow_post,
.sidebar_widget .author_post,
.sidebar_widget .dwqa-popular-questions ul,
.sidebar_widget>ul {
    padding: 20px
}

.sidebar_widget .widget_salong_follow_post li,
.sidebar_widget .author_post li,
.sidebar_widget .dwqa-popular-questions ul li,
.sidebar_widget>ul li {
    border-bottom : 1px #efefef dashed;
    margin-bottom : 12px;
    padding-bottom: 12px;
    font-size     : 13px
}

.sidebar_widget .widget_salong_follow_post li:last-child,
.sidebar_widget .author_post li:last-child,
.sidebar_widget .dwqa-popular-questions ul li:last-child,
.sidebar_widget>ul li:last-child {
    border-bottom : none;
    padding-bottom: 0;
    margin-bottom : 0
}

.sidebar_widget>form {
    padding: 20px
}

.sidebar_widget .list_layout {
    padding-left: 128px;
    overflow    : hidden
}

.sidebar_widget .list_layout a.imgeffect {
    margin-left: -128px;
    float      : left;
    height     : 77px;
    width      : 120px
}

.sidebar_widget .list_layout a.imgeffect img {
    position         : relative;
    top              : 50%;
    left             : 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform    : translate(0, -50%);
    -o-transform     : translate(0, -50%);
    transform        : translate(0, -50%)
}

.sidebar_widget .list_layout a.imgeffect span.player {
    position: absolute;
    left    : 8px;
    bottom  : 8px
}

.sidebar_widget .list_layout a.imgeffect span.player svg {
    fill: #fff
}

.sidebar_widget .list_layout h3 {
    margin-bottom: 4px;
    font-size    : 14px
}

.sidebar_widget .list_layout h3 a {
    max-height        : 48px;
    min-height        : 32px;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.sidebar_widget .list_layout .info {
    font-size  : 13px;
    color      : #999;
    font-weight: 300;
    overflow   : hidden;
    height     : 25px
}

.sidebar_widget .list_layout .info span.category {
    margin-right: 6px
}

.sidebar_widget .list_layout .info a {
    color: #999
}

.sidebar_widget .list_layout .info span.like {
    float: right
}

.sidebar_widget .list_layout .info span.like svg {
    width         : 12px;
    display       : inline-block;
    vertical-align: middle;
    margin-right  : 4px;
    fill          : #999
}

.sidebar_widget .list_layout .info span.like b {
    font-weight   : 300;
    display       : inline-block;
    vertical-align: middle
}

.sidebar_widget .list_layout .imgeffect {
    overflow: hidden;
    display : block
}

.sidebar_widget .list_layout .imgeffect img.thumb {
    display: block;
    width  : 100%
}

.sidebar_widget .list_layout .imgeffect:hover img.thumb {
    opacity: .8
}

.widget_media_image {
    text-align: center;
}

.widget_salong_kx ul li,
.widget_salong_follow_post ul li,
.widget_product_categories ul li,
.author_post ul li,
.topic_main ul li,
.dwqa-popular-questions ul li,
.widget_pages ul li,
.widget_links ul li,
.widget_archive ul li,
.widget_categories ul li {
    color       : #999;
    padding-left: 10px;
    position    : relative
}

.widget_salong_kx ul li:before,
.widget_salong_follow_post ul li:before,
.widget_product_categories ul li:before,
.author_post ul li:before,
.topic_main ul li:before,
.dwqa-popular-questions ul li:before,
.widget_pages ul li:before,
.widget_links ul li:before,
.widget_archive ul li:before,
.widget_categories ul li:before {
    position          : absolute;
    content           : '';
    content           : '';
    height            : 0;
    width             : 0;
    display           : block;
    border            : 4px transparent solid;
    border-right-width: 0;
    border-left-color : #ddd;
    top               : 8px;
    left              : 0
}

.widget_salong_kx ul li a,
.widget_salong_follow_post ul li a,
.widget_product_categories ul li a,
.author_post ul li a,
.topic_main ul li a,
.dwqa-popular-questions ul li a,
.widget_pages ul li a,
.widget_links ul li a,
.widget_archive ul li a,
.widget_categories ul li a {
    font-size: 13px;
    display  : block
}

.widget_salong_kx ul li ul.children,
.widget_salong_follow_post ul li ul.children,
.widget_product_categories ul li ul.children,
.author_post ul li ul.children,
.topic_main ul li ul.children,
.dwqa-popular-questions ul li ul.children,
.widget_pages ul li ul.children,
.widget_links ul li ul.children,
.widget_archive ul li ul.children,
.widget_categories ul li ul.children {
    border-top : 1px #efefef dashed;
    margin-top : 12px;
    padding-top: 12px
}

.widget_archive ul li,
.widget_categories ul li {
    font-size: 10px
}

.widget_salong_init .init {
    text-align: center;
    padding   : 20px;
    font-size : 14px
}

.widget_salong_follow_post ul li a.thumb {
    position     : relative;
    padding-right: 32px;
    display      : block
}

.widget_salong_follow_post ul li a.thumb h3 {
    font-size    : 14px;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.widget_salong_follow_post ul li a.thumb span {
    position : absolute;
    top      : 0;
    right    : 0;
    font-size: 12px;
    color    : #999
}

.widget_archive ul li,
.widget_categories ul li {
    text-align: right;
    overflow  : hidden
}

.widget_archive ul li a,
.widget_categories ul li a {
    float: left
}

#wp-calendar {
    text-align    : center;
    width         : 100%;
    color         : #666;
    font-size     : 14px;
    border-spacing: 0
}

#wp-calendar caption {
    font-weight: bold;
    padding    : 5px
}

#wp-calendar th,
#wp-calendar td {
    border: 1px #f8f8f8 solid
}

#wp-calendar td a {
    display: block
}

#wp-calendar #today,
#wp-calendar #today a {
    display: block;
    color  : #fff
}

.widget_calendar nav.wp-calendar-nav {
    font-size: 12px;
    padding  : 6px 12px
}

.widget_salong_kx {
    position: relative
}

.widget_salong_kx .more {
    position : absolute;
    top      : 16px;
    right    : 20px;
    font-size: 12px;
    color    : #999
}

.widget_salong_kx .list_kx .postinfo {
    margin-top: 4px
}

.widget_salong_about img {
    width        : 100%;
    margin-bottom: 8px
}

.widget_salong_about .about {
    font-size: 12px;
    padding  : 20px
}

.widget_salong_about .about h3 {
    font-weight: 300
}

.widget_salong_about .about>span {
    color      : #999;
    margin     : 4px 0 12px;
    display    : block;
    font-weight: 300
}

.widget_salong_about .about .excerpt {
    color: #666
}

.widget_salong_about .about .excerpt p {
    margin-bottom: 8px
}

.widget_salong_about .about a.more {
    font-weight: bold;
    margin-top : 8px
}

.widget_salong_about .about ul {
    background-color: #fdfdfd;
    border-top      : 1px #f4f4f4 solid;
    margin          : 20px -20px -20px;
    display         : -webkit-flex;
    display         : -moz-flex;
    display         : -ms-flex;
    display         : -o-flex;
    display         : flex
}

.widget_salong_about .about ul li {
    width     : 33.33%;
    text-align: center;
    padding   : 12px 0;
    position  : relative
}

.widget_salong_about .about ul li:before {
    position        : absolute;
    content         : '';
    top             : 12px;
    right           : 0;
    width           : 1px;
    height          : 48px;
    background-color: #efefef
}

.widget_salong_about .about ul li:last-child:before {
    background: none
}

.widget_salong_about .about ul li span {
    display: block;
    color  : #999
}

.widget_salong_about .about ul li b {
    font-size  : 14px;
    font-weight: normal
}

.sltags {
    font-size   : 0;
    overflow    : hidden;
    margin-right: -8px;
    padding     : 20px
}

.sltags a {
    border-bottom: 1px #efefef dashed;
    padding      : 6px 24px 6px 6px;
    font-size    : 13px;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%;
    width        : calc(50% - 8px);
    float        : left;
    margin       : 0 8px 8px 0;
    position     : relative
}

.sltags a span {
    color      : #999;
    margin-left: 6px;
    position   : absolute;
    top        : 6px;
    right      : 8px;
    font-size  : 10px
}

.recent-comments {
    padding-left: 56px;
    overflow    : hidden
}

.recent-comments img.avatar {
    width        : 48px;
    margin-left  : -56px;
    float        : left;
    border-radius: 100%
}

.recent-comments h4 {
    display  : block;
    font-size: 15px
}

.recent-comments a.comment_con {
    color        : #999;
    font-weight  : 300;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.widget_salong_word .oneword {
    text-align: center;
    padding   : 20px
}

.widget_salong_word .oneword p {
    font-size    : 14px;
    color        : #333;
    margin-bottom: 12px;
    line-height  : 32px
}

.widget_salong_word .oneword span {
    color    : #999;
    font-size: 12px
}

.widget_salong_word .oneword img {
    display   : block;
    margin-top: 8px
}

.widget_salong_download .list_layout {
    position: relative
}

.widget_salong_download .list_layout h3 {
    margin-bottom: 0
}

.widget_salong_download .list_layout h3 a {
    min-height   : 24px;
    height       : 24px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    display      : block;
    width        : 100%
}

.widget_salong_download .list_layout .count {
    position   : absolute;
    bottom     : 0;
    right      : 0;
    color      : #999;
    font-weight: 300
}

.widget_salong_download .list_layout .count svg {
    width       : 16px;
    height      : 16px;
    margin-right: 4px;
    fill        : #999
}

.widget_salong_download .list_layout .excerpt {
    height            : 48px;
    font-weight       : 300;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.widget_salong_topic ul li {
    padding-bottom: 0;
    border-bottom : none
}

.topic_popup {
    position: relative
}

.topic_popup a.imgeffect:before {
    position        : absolute;
    content         : '';
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index         : 1
}

.topic_popup h3 {
    position          : absolute;
    bottom            : 12px;
    right             : 12px;
    left              : 12px;
    font-size         : 16px;
    color             : #fff;
    text-shadow       : 2px 2px 2px rgba(0, 0, 0, 0.5);
    max-height        : 48px;
    line-height       : 24px;
    z-index           : 10;
    overflow          : hidden;
    display           : block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    text-align        : justify
}

.topic_popup .post_count {
    position: absolute;
    top     : 12px;
    right   : 12px;
    color   : #eee;
    z-index : 10
}

.dwqa-popular-questions ul li {
    color: #999
}

.dwqa-popular-questions ul li a.question-title {
    margin-right: 6px;
    min-width   : 50%;
    display     : inline-block
}

.widget_post_author {
    font-size: 12px
}

.widget_post_author .author_info {
    text-align: center
}

.widget_post_author .author_info div.avatar {
    position           : relative;
    height             : 100px;
    background-repeat  : no-repeat;
    background-position: center center;
    margin-bottom      : 54px
}

.widget_post_author .author_info div.avatar a.avatar {
    display         : block;
    overflow        : hidden;
    position        : absolute;
    top             : 54px;
    left            : 50%;
    margin-left     : -46px;
    padding         : 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius   : 100%
}

.widget_post_author .author_info div.avatar a.avatar img.avatar {
    width        : 80px;
    height       : 80px;
    border-radius: 100%
}

.widget_post_author .author_info h3 {
    text-align   : center;
    margin-bottom: 12px
}

.widget_post_author .author_info .author_btn {
    margin-bottom: 20px
}

.widget_post_author .author_info>p {
    padding    : 0 20px;
    font-weight: 300;
    text-align : justify
}

.widget_post_author .author_post ul li {
    padding-bottom: 8px;
    margin-bottom : 8px
}

.widget_post_author .author_post ul li a {
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.widget_post_author .author_post .title {
    display       : -webkit-flex;
    display       : -moz-flex;
    display       : -ms-flex;
    display       : -o-flex;
    display       : flex;
    padding-bottom: 12px;
    margin-bottom : 12px;
    border-bottom : 1px #efefef solid
}

.widget_post_author .author_post .title>* {
    width: 50%
}

.widget_post_author .author_post .title h4 {
    font-size: 16px
}

.widget_post_author .author_post .title span {
    text-align : right;
    font-weight: 300;
    font-size  : 12px;
    color      : #999
}

.widget_post_author .author_count {
    background-color: #fbfbfb;
    border-top      : 1px #efefef solid
}

.widget_post_author .author_count ul {
    display   : -webkit-flex;
    display   : -moz-flex;
    display   : -ms-flex;
    display   : -o-flex;
    display   : flex;
    text-align: center
}

.widget_post_author .author_count ul li {
    width       : 25%;
    border-right: 1px #efefef solid;
    padding     : 8px 0;
    font-weight : 300
}

.widget_post_author .author_count ul li:last-child {
    border-right: none
}

.widget_post_author .author_count ul li span {
    display  : block;
    font-size: 14px;
    color    : #999
}

.widget_post_author .author_count ul li strong {
    font-weight: 300
}

.widget_salong_user ul li {
    position  : relative;
    min-height: 66px;
    padding   : 8px 0 16px 60px
}

.widget_salong_user img.avatar {
    width        : 52px;
    border-radius: 100%;
    position     : absolute;
    top          : 8px;
    left         : 0
}

.widget_salong_user .author_name {
    font-size  : 16px;
    line-height: 36px
}

.widget_salong_user .author_name h4 {
    font-size: 15px
}

.widget_salong_user .author_name .addv {
    width      : 18px;
    height     : 18px;
    line-height: 18px
}

.widget_salong_user .author_name .addv svg {
    width : 12px;
    height: 12px
}

.widget_salong_user .author_name .admin_field {
    line-height: 18px;
    font-size  : 10px;
    padding    : 0 4px
}

.widget_salong_user .new_post {
    font-size    : 12px;
    color        : #999;
    font-weight  : 300;
    margin-top   : 4px;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

.widget_salong_user .author_btn {
    position: absolute;
    top     : 4px;
    right   : 0
}

.pagination {
    font-size : 16px;
    text-align: center;
    margin    : 26px 0 50px
}

.pagination span.current,
.pagination a,.pagination span {
    border        : 1px #efefef solid;
    color         : #aaa;
    min-width     : 32px;
    height        : 32px;
    display       : inline-block;
    vertical-align: middle;
    line-height   : 32px;
    cursor        : pointer;
    margin        : 3px;
    font-size     : 12px;
    padding       : 0 8px
}

.pagination a {
    background-color: #fff
}

.pagination .next svg,
.pagination .prev svg {
    width : 12px;
    height: 12px;
    fill  : #999
}

.pagination .next:hover svg,
.pagination .prev:hover svg {
    fill: #fff
}

.pagination .prev svg {
    transform        : scale(-1, 1);
    -ms-transform    : scale(-1, 1);
    -moz-transform   : scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform     : scale(-1, 1)
}

.screen-reader-text {
    display: none
}

.single .pagination p {
    display       : inline-block;
    vertical-align: middle;
    margin        : 0
}

.single .pagination>span {
    border        : 1px #efefef solid;
    color         : #aaa;
    width         : 32px;
    height        : 32px;
    display       : inline-block;
    vertical-align: middle;
    line-height   : 32px;
    cursor        : pointer;
    margin        : 0 3px;
    color         : #fff
}

ul.ajaxposts .ias-noneleft,
ul.ajaxposts .ias-spinner a,
ul.ajaxposts .ias-trigger a {
    background-color: #fff;
    position        : relative;
    z-index         : 10
}

ul.ajaxposts>div {
    margin: 12px 12px 12px 0
}

.content_left ul.ajaxposts .ias-spinner>div {
    margin-top: 4px
}

.ias-noneleft,
.ias-spinner,
.ias-trigger {
    overflow: hidden
}

.ias-noneleft,
.ias-spinner a,
.ias-trigger a {
    font-size: 16px;
    padding  : 8px 20px;
    display  : block
}

.ias-noneleft {
    color      : #999;
    font-weight: 300;
    font-size  : 14px
}

@-webkit-keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform        : perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform        : perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform        : perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform        : perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform        : perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform        : perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform        : perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform        : perspective(100px) rotateX(0) rotateY(0)
    }
}

.ias-spinner>div {
    width            : 28px;
    height           : 28px;
    display          : inline-block;
    text-align       : center;
    -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation        : square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}

.ias-spinner img {
    display: none
}

.ad {
    margin: 20px 0
}

.content_left ul.ajaxposts .ad {
    margin    : -1px 0 0;
    padding   : 0 20px;
    border-top: 1px #fff solid;
    position  : relative;
    z-index   : 2
}

.page404 {
    background-color: #fff;
    display         : -webkit-flex;
    display         : -moz-flex;
    display         : -ms-flex;
    display         : -o-flex;
    display         : flex;
    align-items     : center
}

.page404>* {
    width: 50%
}

.page404 .con {
    padding: 60px
}

.page404 .con h2 {
    font-size    : 72px;
    line-height  : 72px;
    margin-bottom: 36px
}

.page404 .con p {
    font-size    : 18px;
    margin-bottom: 24px
}

.page404 .con a.button {
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0;
    padding   : 12px 32px
}

.page404 .con a.button:hover {
    color: #fff
}

.overlay {
    cursor    : default;
    opacity   : 0;
    position  : fixed;
    visibility: hidden;
    z-index   : 9999;
    top       : 8px;
    right     : 10px;
    width     : 36px;
    height    : 36px;
    cursor    : pointer
}

.overlay:target {
    visibility: visible;
    opacity   : 1
}

.overlay:target+.certification,
.overlay:target+.payqr,
.overlay:target+.login,
.overlay:target+.program,
.overlay:target+.android,
.overlay:target+.apple,
.overlay:target+.wechat,
.overlay:target+.weixin_qr,
.overlay:target+.wx_public,
.overlay:target+.search {
    opacity          : 1;
    visibility       : visible;
    -webkit-transform: translate(0, 0);
    -ms-transform    : translate(0, 0);
    -o-transform     : translate(0, 0);
    transform        : translate(0, 0)
}

.admin-bar .overlay {
    top: 40px
}

.popup {
    display          : inline-block;
    opacity          : 0;
    visibility       : hidden;
    position         : fixed;
    z-index          : 9998;
    text-align       : center;
    top              : 0;
    right            : 0;
    left             : 0;
    bottom           : 0;
    height           : 100%;
    width            : 100%;
    background-color : rgba(0, 0, 0, 0.8);
    -webkit-transform: translate(0, -100%);
    -ms-transform    : translate(0, -100%);
    -o-transform     : translate(0, -100%);
    transform        : translate(0, -100%)
}

.popup a.close {
    position: absolute;
    top     : 12px;
    right   : 12px
}

.popup a.close svg {
    width : 20px;
    height: 20px
}

.popup a.close:hover svg {
    fill: #f00
}

.popup .popup_main {
    padding         : 40px 60px;
    border          : 1px #eee solid;
    background-color: #fff
}

.popup img {
    margin : 0 auto;
    display: block;
    width  : 258px;
    height : 258px
}

.popup h3 {
    border-bottom : 1px #efefef solid;
    padding-bottom: 12px;
    margin-bottom : 12px
}

.popup>section {
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%)
}

.search.popup .popup_main {
    width: 630px
}

.search.popup .popup_main h3 {
    margin-bottom: 20px;
    text-align   : left;
    display      : block
}

.search_form {
    padding : 0 90px;
    overflow: hidden;
    margin  : 0 auto
}

.search_form .search_type {
    margin-left: -90px;
    width      : 90px;
    height     : 42px;
    float      : left
}

.search_form .search_btn {
    margin-right: -80px;
    width       : 80px;
    border      : none
}

.search_form input {
    height          : 42px;
    background-color: #fff;
    float           : left;
    border-radius   : 0
}

.hot_search {
    text-align: left;
    margin-top: 12px
}

.hot_search a {
    margin-right: 8px
}

.hot_search>div {
    padding-left: 62px
}

.hot_search>div span {
    margin-left: -62px
}

.certification.popup .popup_main {
    min-width : 600px;
    text-align: left;
    max-height: 72%;
    overflow  : auto
}

.payqr.popup .popup_main {
    font-size: 0
}

.payqr.popup .popup_main span {
    display       : inline-block;
    vertical-align: top;
    padding       : 20px;
    border        : 1px #eee solid;
    font-size     : 14px
}

.payqr.popup .popup_main span img {
    max-width    : 100%;
    margin-bottom: 12px
}

.payqr.popup .popup_main span svg {
    margin-right: 8px
}

.payqr.popup .popup_main span.alipay svg {
    fill: #03a9eb
}

.payqr.popup .popup_main span.wechatpay svg {
    fill: #11c906
}

.payqr.popup .popup_main.two span {
    width : 48%;
    margin: 0 1%
}

.login.popup .popup_main .xh-regbox {
    width      : 100%;
    min-width  : 400px;
    border     : 0;
    padding    : 0;
    margin     : 0;
    text-align : left;
    font-family: ''
}

.login.popup .popup_main .xh-regbox .xh-title {
    font-size  : 32px;
    color      : #333;
    font-weight: 300
}

.login.popup .popup_main .xh-regbox .xh-btn-primary {
    border    : 0;
    box-shadow: 0 0 0 0
}

.login.popup .popup_main .xh-regbox .form-control {
    border       : 1px #eee solid;
    box-shadow   : 0 0 0 0;
    border-radius: 0
}

.login.popup .popup_main .xh-regbox .required {
    color: #666
}

.bg {
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    position  : fixed;
    opacity   : 0;
    visibility: hidden
}

.bg.active {
    opacity   : 1;
    visibility: visible
}

.footer {
    padding   : 60px 0;
    font-size : 14px;
    color     : #999;
    margin-top: 40px;
}

div.circle,
.side_btn a.btn.top,
.footer {
    background-color: #14151a;
}

.footer .wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.footer .wrapper div.left {
    flex-grow  : 1;
    align-items: stretch
}

.footer .bg.aside {
    background-color: rgba(0, 0, 0, 0.6)
}

.footer .bg.aside.active {
    z-index: 10
}

.footer_menu {
    margin-bottom: 12px
}

.footer_menu ul.empty li a {
    color: #fff
}

.footer_menu ul.menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.footer_menu ul.menu li a {
    padding: 0 20px 0 0;
    color  : #fff
}

.footer_contact {
    margin-bottom: 12px;
    font-weight  : 300
}

.footer_contact a {
    color: #999
}

.copyright {
    font-weight: 300
}

.copyright a {
    color: #999
}

.copyright img {
    display       : inline-block;
    vertical-align: middle
}

.footer_logo {
    display      : block;
    text-align   : right;
    margin-bottom: 12px
}

.footer_logo img {
    max-height: 42px;
    display   : inline-block
}

.footer_btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.footer_btn a {
    background-color   : rgba(255, 255, 255, 0.1);
    width              : 40px;
    height             : 40px;
    margin-left        : 8px;
    -webkit-align-items: center;
    -ms-flex-align     : center;
    align-items        : center;
    display            : inherit;
    text-align         : center
}

.footer_btn a svg {
    fill   : rgba(255, 255, 255, 0.3);
    display: block;
    margin : 0 auto
}

.footer_btn a:hover {
    background-color: #fff
}

.mobile_btn {
    display: none
}

.side_btn {
    position   : fixed;
    right      : -40px;
    bottom     : 221px;
    text-align : center;
    z-index    : 12;
    line-height: 20px;
    opacity    : 0;
    visibility : hidden
}

.side_btn.active {
    right     : 20px;
    opacity   : 1;
    visibility: visible
}

.side_btn svg {
    width : 16px;
    height: 16px;
    fill  : #999
}

.side_btn a.btn {
    padding         : 8px;
    background-color: #eee;
    width           : 36px;
    height          : 36px;
    display         : block;
    margin-top      : 4px;
    color           : #999;
    position        : relative
}

.side_btn a.btn span {
    position   : absolute;
    white-space: nowrap;
    top        : 0;
    right      : 110%;
    color      : #fff;
    height     : 36px;
    display    : block;
    padding    : 2px 12px;
    line-height: 32px;
    opacity    : 0;
    visibility : hidden
}

.side_btn a.btn.top svg {
    transform        : scale(1, -1);
    -ms-transform    : scale(1, -1);
    -moz-transform   : scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform     : scale(1, -1);
    transform        : rotate(-90deg);
    -ms-transform    : rotate(-90deg);
    -moz-transform   : rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform     : rotate(-90deg)
}

.side_btn a.btn:hover span {
    right     : 100%;
    opacity   : 1;
    visibility: visible
}

.side_btn a.btn:hover svg {
    fill: #fff
}

.dwqa-alert-success,
.infobox,
.successbox,
.warningbox,
.errorbox {
    display          : block;
    font-size        : 14px;
    margin           : 20px 0 8px 0;
    padding          : 12px;
    position         : relative;
    border-left-width: 3px;
    border-style     : solid
}

.infobox {
    background-color: #effaff;
    border-color    : #50bfff;
    color           : #50bfff
}

.dwqa-alert-success,
.successbox {
    background-color: #e7f6f0;
    border-color    : #13ce66;
    color           : #13ce66
}

.warningbox {
    background-color: #fffbf0;
    border-color    : #f7ba2a;
    color           : #f7ba2a
}

.errorbox {
    background-color: #fff0ec;
    border-color    : #ff4949;
    color           : #ff4949
}

.scbutton {
    display    : inline-block;
    line-height: 32px;
    text-align : center;
    margin     : 12px 12px 12px 0;
    color      : #fff !important;
    padding    : 2px 20px
}

.red {
    background-color: #e54028
}

.red:hover {
    background-color: #E8543F
}

.yellow {
    background-color: #f18d05
}

.yellow:hover {
    background-color: #FA9915
}

.blue {
    background-color: #00a1cb
}

.blue:hover {
    background-color: #00B5E5
}

.green {
    background-color: #7db500
}

.green:hover {
    background-color: #8DCC00
}

.redlist ul li,
.yellowlist ul li,
.bluelist ul li,
.greenlist ul li {
    padding : 6px 6px 6px 28px;
    position: relative
}

.redlist ul li:before,
.yellowlist ul li:before,
.bluelist ul li:before,
.greenlist ul li:before {
    content      : "";
    display      : block;
    width        : 6px;
    height       : 6px;
    border-radius: 6px;
    position     : absolute;
    top          : 16px;
    left         : 12px
}

.redlist ul li:before {
    background-color: #e54028
}

.yellowlist ul li:before {
    background-color: #f18d05
}

.bluelist ul li:before {
    background-color: #00a1cb
}

.greenlist ul li:before {
    background-color: #7db500
}

.redlist ul,
.yellowlist ul,
.bluelist ul,
.greenlist ul {
    margin-bottom: 12px
}

.related_tagposts {
    margin          : 20px 0;
    overflow        : hidden;
    padding         : 20px;
    background-color: #f8f8f8
}

.related_tagposts h4 {
    margin        : 0 0 12px;
    padding-bottom: 12px;
    border-bottom : 1px #eee solid
}

.related_tagposts h4 a {
    color: #333
}

.related_tagposts ul {
    margin-bottom: 0
}

.related_tagposts ul li {
    padding      : 4px 4px 4px 12px;
    line-height  : 30px;
    border-bottom: 1px #f4f4f4 solid;
    color        : #999;
    position     : relative
}

.related_tagposts ul li:before {
    content           : '';
    height            : 0;
    width             : 0;
    display           : block;
    border            : 4px transparent solid;
    border-right-width: 0;
    border-left-color : #ccc;
    position          : absolute;
    top               : 15px;
    left              : 0
}

.related_tagposts ul li a {
    color        : #666;
    height       : 30px;
    font-size    : 13px;
    display      : block;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    width        : 100%
}

form.password_form {
    padding-right: 80px;
    position     : relative
}

form.password_form label {
    font-weight: bold
}

form.password_form .submit {
    position  : absolute;
    right     : 0;
    bottom    : 0;
    color     : #fff;
    font-size : 14px;
    text-align: center;
    padding   : 4px 16px;
    display   : inline-block;
    border    : 0;
    width     : 80px;
    height    : 40px
}

form.password_form .submit:hover {
    color: #fff
}

#tabwrap {
    overflow: hidden;
    width   : 100%;
    margin  : 20px auto 12px auto
}

ul#tabs {
    display    : flex;
    white-space: nowrap;
    overflow   : auto
}

ul#tabs li {
    display       : inline-block;
    vertical-align: middle
}

ul#tabs li a {
    display         : block;
    background-color: #f2f2f2;
    border-width    : 2px 0 0;
    border-style    : solid;
    padding         : 8px 12px;
    text-align      : center;
    font-size       : 15px;
    margin-right    : 4px;
    line-height     : 24px
}

ul#tabs li a:hover {
    background-color: #eee
}

ul#tabs li.tab_nav a {
    border-top-color: #f2f2f2;
    color           : #666
}

ul#tabs li.current a {
    background: #f9f9f9
}

#tab_content>div {
    clear           : both;
    padding         : 20px;
    line-height     : 30px;
    color           : #666;
    background-color: #f9f9f9;
    border-bottom   : 1px #eee solid;
    display         : none
}

#tab_content .current {
    display: block
}

#tab_content p {
    margin: 0 0 20px 0
}

.gdl-toggle-box {
    margin: 20px 0;
    border: 1px #eee solid
}

.gdl-toggle-box ul li {
    border-bottom: 1px #eee solid
}

.gdl-toggle-box ul li:last-child {
    border-bottom: 0
}

.gdl-toggle-box .toggle-box-head {
    background   : #f8f8f8;
    font-size    : 15px;
    border-bottom: none;
    padding      : 8px;
    margin       : 0
}

.gdl-toggle-box .toggle-box-content {
    font-size       : 13px;
    background-color: #fdfdfd;
    padding         : 12px;
    display         : none
}

@media only screen and (max-width: 1366px) {
    .ajax_cart {
        display: none
    }
}

@media only screen and (max-width: 1200px) {
    .wrapper {
        width: 98%
    }

    .header .logo {
        margin-right: 12px;
        flex-grow   : 1
    }

    .header .logo img {
        margin: 0
    }

    .header nav.header_menu {
        max-width   : 50%;
        margin-right: 5%
    }

    .header nav.header_menu ul.menu {
        overflow-x: auto;
        overflow-y: hidden
    }
}

@media only screen and (max-width: 1024px) {
    .admin-bar #header_main {
        top: 0
    }

    .sidebar,
    .header_menu {
        display: none !important
    }

    .header {
        height: 48px
    }

    .header #header_main {
        position: relative
    }

    .header .wrapper {
        display   : block;
        text-align: center;
        height    : 48px;
        width     : 100%
    }

    .header .wrapper .btn {
        display   : block !important;
        position  : absolute;
        top       : 12px;
        background: none;
        border    : none;
        z-index   : 999
    }

    .header .wrapper .btn.user svg.close,
    .header .wrapper .btn.menu svg.close {
        display: none;
        fill   : #f00
    }

    .header .wrapper .btn.user.active svg.close,
    .header .wrapper .btn.menu.active svg.close {
        display: block
    }

    .header .wrapper .btn.user.active svg.icon,
    .header .wrapper .btn.menu.active svg.icon {
        display: none
    }

    .header .wrapper .btn.menu {
        left: 12px
    }

    .header .wrapper .btn.login,
    .header .wrapper .btn.user {
        right: 12px
    }

    .header .wrapper .btn.hide {
        display: none
    }

    .header .wrapper a.logo {
        margin : 8px auto;
        display: inline-block
    }

    .header .wrapper a.logo img {
        margin-right: auto;
        height      : 32px
    }

    div.circle {
        border-radius     : 50%;
        width             : 0;
        height            : 0;
        position          : fixed;
        top               : 23px;
        background-color  : #222;
        -webkit-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1);
        -moz-transition   : all 300ms cubic-bezier(0, 0.995, 0.99, 1);
        -ms-transition    : all 300ms cubic-bezier(0, 0.995, 0.99, 1);
        -o-transition     : all 300ms cubic-bezier(0, 0.995, 0.99, 1);
        transition        : all 300ms cubic-bezier(0, 0.995, 0.99, 1);
        z-index           : 20
    }

    div.circle.menu {
        left: 24px
    }

    div.circle.user {
        right: 24px
    }

    div.circle.active {
        width             : 2000px;
        height            : 2000px;
        top               : -500px;
        -webkit-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
        -moz-transition   : all 400ms cubic-bezier(0, 0.995, 0.99, 1);
        -ms-transition    : all 400ms cubic-bezier(0, 0.995, 0.99, 1);
        -o-transition     : all 400ms cubic-bezier(0, 0.995, 0.99, 1);
        transition        : all 400ms cubic-bezier(0, 0.995, 0.99, 1)
    }

    div.circle.active.menu {
        left: -500px
    }

    div.circle.active.user {
        right: -500px
    }

    body.hide {
        overflow: hidden
    }

    .admin-bar .mobile_header_user,
    .admin-bar .mobile_header_menu {
        padding-top: 100px
    }

    .mobile_header_user,
    .mobile_header_menu {
        position   : fixed;
        top        : 0;
        bottom     : 0;
        right      : 0;
        left       : 0;
        z-index    : 120;
        padding-top: 60px;
        height     : 100%;
        font-size  : 14px;
        text-align : left;
        opacity    : 0;
        visibility : hidden;
        overflow-y : auto
    }

    .mobile_header_user ul.sub-menu>li,
    .mobile_header_user ul.menu>li,
    .mobile_header_menu ul.sub-menu>li,
    .mobile_header_menu ul.menu>li {
        opacity                : 0;
        visibility             : hidden;
        margin-top             : 20px;
        -moz-transition        : ease-in-out 1s;
        -webkit-transition     : ease-in-out 1s;
        -o-transition          : ease-in-out 1s;
        -ms-transition         : ease-in-out 1s;
        transition             : ease-in-out 1s;
        -webkit-animation-delay: 8s;
        -o-animation-delay     : 8s;
        animation-delay        : 8s
    }

    .mobile_header_user.active,
    .mobile_header_menu.active {
        opacity   : 1;
        visibility: visible
    }

    .mobile_header_user.active ul.sub-menu>li,
    .mobile_header_user.active>ul>li,
    .mobile_header_menu.active ul.sub-menu>li,
    .mobile_header_menu.active>ul>li {
        opacity   : 1;
        visibility: visible;
        margin-top: 0
    }

    .mobile_header_menu ul.menu {
        border-bottom: 1px rgba(255, 255, 255, 0.1) solid
    }

    .mobile_header_menu ul.menu li {
        position  : relative;
        border-top: 1px rgba(255, 255, 255, 0.1) solid
    }

    .mobile_header_menu ul.menu li a {
        color  : #999;
        display: block;
        padding: 8px 20px
    }

    .mobile_header_menu ul.menu li .sub-menu {
        display    : none;
        margin-left: 20px;
        border-top : 1px rgba(255, 255, 255, 0.1) solid
    }

    .mobile_header_menu ul.menu li .sub-menu.active {
        display: block
    }

    .mobile_header_menu ul.menu li .sub-menu>li:first-child {
        border-top: 0
    }

    .mobile_header_menu ul.menu li span.menu_btn {
        position   : absolute;
        top        : 0;
        right      : 0;
        height     : 40px;
        width      : 40px;
        text-align : right;
        z-index    : 2;
        border-left: 1px rgba(255, 255, 255, 0.1) solid;
        cursor     : pointer
    }

    .mobile_header_menu ul.menu li span.menu_btn:before,
    .mobile_header_menu ul.menu li span.menu_btn:after {
        width           : 15px;
        height          : 1px;
        position        : absolute;
        content         : '';
        background-color: #999;
        top             : 20px;
        left            : 12px
    }

    .mobile_header_menu ul.menu li span.menu_btn:after {
        transform        : rotate(90deg);
        -ms-transform    : rotate(90deg);
        -moz-transform   : rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform     : rotate(90deg)
    }

    .mobile_header_menu ul.menu li span.menu_btn.active:before,
    .mobile_header_menu ul.menu li span.menu_btn.active:after {
        background-color: #fff
    }

    .mobile_header_menu ul.menu li span.menu_btn.active:after {
        transform        : rotate(0deg);
        -ms-transform    : rotate(0deg);
        -moz-transform   : rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform     : rotate(0deg)
    }

    .mobile_header_menu ul.menu li.current-menu-ancestor.menu-item-has-children span.menu_btn:before,
    .mobile_header_menu ul.menu li.current-menu-ancestor.menu-item-has-children span.menu_btn:after,
    .mobile_header_menu ul.menu li.current-menu-parent.menu-item-has-children span.menu_btn:before,
    .mobile_header_menu ul.menu li.current-menu-parent.menu-item-has-children span.menu_btn:after,
    .mobile_header_menu ul.menu li.current-menu-item.menu-item-has-children span.menu_btn:before,
    .mobile_header_menu ul.menu li.current-menu-item.menu-item-has-children span.menu_btn:after {
        color: #fff
    }

    .mobile_header_menu ul.menu li.current-menu-ancestor>a,
    .mobile_header_menu ul.menu li.current-menu-parent>a,
    .mobile_header_menu ul.menu li.current-menu-item>a {
        color: #fff
    }

    .mobile_header_menu ul.menu li:hover {
        background-color: rgba(0, 0, 0, 0.2)
    }

    .mobile_header_menu ul.menu li:hover>a {
        color: #fff
    }

    .mobile_header_menu ul.menu li:hover>span.menu_btn:before,
    .mobile_header_menu ul.menu li:hover>span.menu_btn:after {
        color: #fff
    }

    .mobile_header_user ul.menu li a {
        color: #999
    }

    .mobile_header_user ul.menu li a svg {
        fill: #999
    }

    .mobile_header_user ul.menu li.center {
        padding-top: 12px;
        border-top : 1px rgba(255, 255, 255, 0.1) solid
    }

    .mobile_header_user ul.menu li.center a {
        display: block;
        padding: 8px 20px
    }

    .mobile_header_user ul.menu li.center>a {
        height       : 60px;
        line-height  : 60px;
        font-size    : 18px;
        color        : #fff;
        margin-bottom: 20px
    }

    .mobile_header_user ul.menu li.center>a img.avatar {
        width        : 60px;
        height       : 60px;
        border-radius: 100%;
        margin       : 0 8px 0 0;
        float        : left
    }

    .mobile_header_user ul.menu li.center .sub-menu {
        text-align: left;
        margin-top: 8px
    }

    .mobile_header_user ul.menu li.center .sub-menu li {
        border-top: 1px rgba(255, 255, 255, 0.1) solid
    }

    .mobile_header_user ul.menu li.center .sub-menu li h4 {
        color    : #999;
        display  : inline-block;
        font-size: 14px
    }

    .mobile_header_user ul.menu li.center .sub-menu li svg {
        width       : 16px;
        height      : 16px;
        margin-right: 8px
    }

    .mobile_header_user ul.menu li.center .sub-menu li.current,
    .mobile_header_user ul.menu li.center .sub-menu li:hover {
        background-color: rgba(0, 0, 0, 0.2)
    }

    .mobile_header_user ul.menu li.center .sub-menu li.current h4,
    .mobile_header_user ul.menu li.center .sub-menu li.current span,
    .mobile_header_user ul.menu li.center .sub-menu li:hover h4,
    .mobile_header_user ul.menu li.center .sub-menu li:hover span {
        color: #fff
    }

    .mobile_header_user ul.menu li.center .sub-menu li.current svg,
    .mobile_header_user ul.menu li.center .sub-menu li:hover svg {
        fill: #fff
    }

    .mobile_header_user ul.menu li.login,
    .mobile_header_user ul.menu li.reg,
    .mobile_header_user ul.menu li.search,
    .mobile_header_user ul.menu li.program,
    .mobile_header_user ul.menu li.contribute_btn {
        display: none
    }

    .content .content_left {
        width       : 100%;
        margin-right: 0
    }

    .topic_all ul.layout_ul,
    .topic_list ul.layout_ul {
        margin-right: 0
    }

    .topic_all ul.layout_ul li.layout_li,
    .topic_list ul.layout_ul li.layout_li {
        padding-right: 0;
        width        : 100%
    }

    .topic_all ul.layout_ul li.layout_li:nth-last-child(2),
    .topic_all ul.layout_ul li.layout_li:nth-last-child(3),
    .topic_all ul.layout_ul li.layout_li:nth-last-child(4),
    .topic_list ul.layout_ul li.layout_li:nth-last-child(2),
    .topic_list ul.layout_ul li.layout_li:nth-last-child(3),
    .topic_list ul.layout_ul li.layout_li:nth-last-child(4) {
        padding-bottom: 20px
    }

    .topic_all ul.layout_ul .ias-noneleft,
    .topic_all ul.layout_ul .ias-spinner a,
    .topic_all ul.layout_ul .ias-trigger a,
    .topic_list ul.layout_ul .ias-noneleft,
    .topic_list ul.layout_ul .ias-spinner a,
    .topic_list ul.layout_ul .ias-trigger a {
        margin: 0
    }

    ul#link-home li {
        width: 20%
    }

    ul#link-home li:nth-last-child(-n + 8) {
        margin-bottom: 20px
    }

    .line_video {
        height: 480px !important
    }

    .content_post .post_video {
        height: 360px !important
    }

    .move_share {
        height: auto
    }

    #move_share {
        position: relative !important;
        top     : 0 !important;
        width   : 100% !important
    }

    .footer {
        margin: 20px 0 50px
    }

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

    .footer .wrapper .right {
        display: none
    }

    .footer_menu ul.menu {
        display: block
    }

    .footer_menu ul.menu li {
        display: inline-block
    }

    .side_btn {
        bottom: 60px
    }

    .side_btn.active {
        right: 0
    }

    .crumbs_img {
        height: 220px
    }

    .crumbs_img .crumbs_con h1 {
        margin-bottom: 4px
    }

    .all_user_list ul.layout_ul li.layout_li.other {
        width: 100%
    }

    .product_sift {
        padding: 12px 12px 0
    }

    .product_sift .sift_li {
        display      : block;
        padding      : 0;
        margin-bottom: 12px;
        position     : relative
    }

    .product_sift .sift_li ul li {
        margin: 0 12px 12px 0
    }

    .product_sift .sift_li h4 {
        display   : block;
        width     : 100%;
        text-align: left;
        margin    : 0 0 8px;
        float     : none
    }

    .product_sift .sift_li a.more {
        position    : absolute;
        top         : 0;
        right       : 0;
        margin-right: 0
    }

    .author_tabs {
        padding-left: 0
    }

    .author_tabs .nav_move {
        width        : 100%;
        position     : relative;
        margin-bottom: 20px
    }

    .author_tabs .nav_move ul.tabs {
        overflow-x : auto;
        white-space: nowrap
    }

    .author_tabs .nav_move ul.tabs li {
        border        : 0;
        display       : inline-block;
        vertical-align: middle
    }

    .author_tabs .nav_move ul.tabs li a {
        padding: 16px
    }

    .author_tabs .nav_move ul.tabs li a svg {
        margin-right: 8px
    }

    .author_tabs .nav_move ul.tabs li.message b {
        right: 0
    }

    .author_banner_style2 .author_img {
        height: 280px
    }

    .author_banner_style2 .author_header h1,
    .author_banner_style2 .author_header .count,
    .author_banner_style2 .author_header .desc {
        margin-bottom: 12px
    }

    .author_banner_style2 .author_header a.avatar {
        margin-top: -50px
    }

    .author_banner_style2 .author_header a.avatar img {
        width : 100px;
        height: 100px
    }

    .author_banner_style2 .author_nav ul li a {
        padding: 12px 4px;
        margin : 0 12px
    }

    .author_banner_style2 .author_btn {
        position     : relative;
        top          : 0;
        margin-bottom: 12px
    }

    .child_author_order a {
        padding  : 12px 4px;
        margin   : 0 12px;
        font-size: 13px
    }

    .all_author_pro_list ul {
        margin-right: -12px
    }

    .all_author_pro_list ul li {
        width  : 50%;
        padding: 0 12px 12px 0
    }

    .all_author_pro_list .user_main {
        padding: 12px
    }

    .all_author_pro_list .user_main .left .author_btn {
        margin-top: 8px
    }

    .provinceCityAll {
        width: calc(98% - 72px)
    }

    .mobile_btn {
        display         : block;
        position        : fixed;
        z-index         : 98;
        bottom          : 0;
        right           : 0;
        left            : 0;
        text-align      : center;
        background-color: #fff;
        border-top      : 1px #eee solid;
        padding         : 8px 0 4px
    }

    .mobile_btn ul {
        margin-right   : 0;
        display        : -webkit-flex;
        display        : -moz-flex;
        display        : -ms-flex;
        display        : -o-flex;
        display        : flex;
        justify-content: center
    }

    .mobile_btn ul li {
        min-width: 20%;
        padding  : 0
    }

    .mobile_btn ul li:last-child {
        border-right: none
    }

    .mobile_btn ul li.wechat a svg {
        width : 17px;
        height: 17px
    }

    .mobile_btn ul li a {
        font-size: 12px;
        display  : block
    }

    .mobile_btn ul li a svg {
        width  : 14px;
        height : 14px;
        display: block;
        margin : auto
    }

    .mobile_btn ul li a.cart {
        position: relative
    }

    .mobile_btn ul li a.cart span.cart-contents {
        font-size       : 10px;
        position        : absolute;
        top             : -4px;
        left            : 50%;
        margin-left     : 4px;
        width           : 14px;
        height          : 14px;
        line-height     : 14px;
        display         : block;
        color           : #fff;
        background-color: #232323;
        border-radius   : 100%
    }

    .slick-initialized .slick-slide img {
        height: 245px;
    }

    .layout_ul .layout_li .home_sticky_main a.imgeffect img {
        height: 150px;
    }

    .post_main.simple a.imgeffect img.thumb {
        width : 120px;
        height: 85px;
    }
    .grid_post .post_grid .imgeffect img{
        height: 120px;
    }
}

@media only screen and (max-width: 769px) {

    ul.products,
    ul.layout_ul {
        margin-right: -8px
    }

    ul.products li.layout_li,
    ul.layout_ul li.layout_li {
        width  : 50%;
        padding: 0 8px 8px 0
    }

    ul.products li.layout_li:nth-last-child(3),
    ul.products li.layout_li:nth-last-child(4),
    ul.layout_ul li.layout_li:nth-last-child(3),
    ul.layout_ul li.layout_li:nth-last-child(4) {
        padding-bottom: 8px
    }

    ul.products .ias-noneleft,
    ul.products .ias-spinner a,
    ul.products .ias-trigger a,
    ul.layout_ul .ias-noneleft,
    ul.layout_ul .ias-spinner a,
    ul.layout_ul .ias-trigger a {
        margin: 8px 8px 0 0
    }

    .home_sticky>ul,
    .grid_post>ul,
    .link_list>ul,
    .video_list>ul,
    .product_list>ul,
    .topic_list>ul,
    .download_list>ul {
        padding: 12px
    }

    div.circle.active {
        width : 1600px;
        height: 1600px
    }

    .slick_sticky {
        display: block
    }

    .slick_sticky>section {
        width: 100%
    }

    .slick_sticky .slick {
        margin-bottom: 10px
    }

    .slick_sticky .sticky_list {
        padding-left: 0
    }

    .post_main .category,
    .post_main .is_category {
        display: none
    }

    .post_main.simple {
        padding-left: 152px
    }

    .post_main.simple a.imgeffect {
        margin-left: -132px
    }

    .post_main.simple a.imgeffect img.thumb {
        width: 120px
    }

    .post_main.simple .excerpt {
        display: none
    }

    .post_main.multiple .excerpt {
        display: none
    }

    .post_main.nothumb h2 a {
        min-height: 24px
    }

    .post_main.nothumb .excerpt {
        margin-bottom: 6px
    }

    ul#link-home li {
        width: 25%
    }

    .post_author div.avatar {
        height: 48px
    }

    .post_author div.avatar img.avatar {
        width : 48px;
        height: 48px
    }

    .post_author .con {
        width: calc(100% - 60px)
    }

    .post_author .con .name {
        margin-bottom: 0
    }

    .post_author .con a {
        font-size  : 16px;
        line-height: 24px
    }

    .post_author .count {
        margin         : 12px 0 0 60px;
        justify-content: flex-start
    }

    .post_author .count span {
        margin: 0 16px 0 0
    }

    .related_posts.topic ul.layout_ul li.layout_li,
    .related_posts ul.layout_ul li.layout_li {
        width: 50%
    }

    .related_posts.topic ul.layout_ul li.layout_li:nth-last-child(3),
    .related_posts.topic ul.layout_ul li.layout_li:nth-last-child(4),
    .related_posts ul.layout_ul li.layout_li:nth-last-child(3),
    .related_posts ul.layout_ul li.layout_li:nth-last-child(4) {
        padding-bottom: 20px
    }

    .share_cover .cover_img {
        width : 96%;
        height: auto
    }

    .share_cover .cover_img img {
        height: auto;
        width : 100%
    }

    .line_video {
        height: 360px !important
    }

    .content_post p>embed,
    .content_post p>iframe,
    .content_post>embed,
    .content_post>iframe,
    .content_post .post_video {
        height: 300px !important
    }

    .entry.kx {
        width : 98%;
        margin: 20px auto
    }

    .entry.kx .post_header .postinfo {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }

    #link-page ul.blogroll li {
        width: 49%
    }

    .all_user_list ul.layout_ul li.layout_li.recommend {
        width: 50%
    }

    .readers-list li {
        width      : 25%;
        white-space: nowrap
    }

    .tags .tag_could a {
        width: 24%
    }

    .my-map {
        height: 320px
    }

    .page404 {
        display: block
    }

    .page404>* {
        width: 100%
    }

    .page404 .con {
        padding: 20px
    }

    .product_header {
        display: block
    }

    .product_header>* {
        width: 100%
    }

    .product_header .gallery-images {
        border-right  : 0;
        padding-bottom: 0
    }

    .related .product_main .product_con {
        padding: 0
    }

    .author_banner_style1 {
        height: 300px
    }

    .author_banner_style1 .author_header h1 {
        font-size    : 24px;
        margin-bottom: 0
    }

    .author_banner_style1 .author_header a.avatar img {
        width : 100px;
        height: 100px
    }

    .col2-set>div {
        width : 100%;
        margin: 0
    }

    .col2-set>div.col-2 {
        margin-left: 0
    }

    .logged-in.woocommerce-account div.woocommerce {
        display: block
    }

    .logged-in.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%
    }

    .logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
        width        : 100%;
        padding-right: 0;
        margin-right : 0;
        border-right : 0;
        border-bottom: 1px #eee solid
    }

    .logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul li {
        display      : inline-block;
        border-bottom: 0
    }

    .logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 8px 12px 8px 0
    }

    .woocommerce-cart-form .product-thumbnail {
        display: none
    }

    .woocommerce-cart-form table.shop_table td.actions {
        text-align: left
    }

    .woocommerce-cart-form table.shop_table td.actions>* {
        display: block !important;
        width  : 100%
    }

    .woocommerce-cart-form table.shop_table td.actions .coupon label,
    .woocommerce-cart-form table.shop_table td.actions .coupon button,
    .woocommerce-cart-form table.shop_table td.actions .coupon input {
        width        : 100%;
        margin-bottom: 8px
    }

    .woocommerce-cart-form table.shop_table td.actions input.button {
        margin: 12px 0
    }

    .woocommerce-cart-form table.shop_table td.actions button.button {
        margin-left: 0
    }

    .woocommerce-cart-form table.shop_table .input-text {
        width: 60px
    }

    .woocommerce-EditAccountForm .button,
    .woocommerce-address-fields .button,
    .checkout_coupon .button,
    #payment #place_order,
    .cart_totals .wc-proceed-to-checkout a.button {
        width  : 100%;
        padding: 8px
    }

    .author_profile .site_stats ul li,
    .author_profile .basic_profile ul li {
        width: 100%
    }

    .author_profile .site_stats ul li .stats_main {
        padding-left : 0;
        padding-right: 0
    }

    .author_content .user_list ul li {
        width: 100%
    }

    .author_content .user_list>ul li:nth-last-child(2),
    .author_content .user_list>ul li:nth-last-child(3),
    .author_content .user_list>ul li:nth-last-child(4) {
        padding-bottom: 20px
    }

    .author_banner_style2 .author_img {
        height: 180px
    }

    .author_banner_style2 .author_header h1 {
        font-size: 24px
    }

    .author_banner_style2 .author_header h1,
    .author_banner_style2 .author_header .count,
    .author_banner_style2 .author_header .desc {
        margin-bottom: 8px
    }

    .author_banner_style2 .author_nav ul li a {
        padding  : 8px 0;
        margin   : 0 8px;
        font-size: 13px
    }

    .author_banner_style2 .author_nav ul li a svg {
        width : 14px;
        height: 14px
    }

    .child_author_order a {
        padding: 8px 2px;
        margin : 0 8px
    }

    .all_author_pro_list ul {
        margin-right: -8px
    }

    .all_author_pro_list ul li {
        width  : 100%;
        padding: 0 8px 8px 0
    }

    .all_author_pro_list .user_main {
        padding: 8px
    }

    .all_author_pro_list .user_main .left .author_btn {
        margin-top: 8px
    }

    .all_author_pro_list .img img.avatar {
        width : 60px;
        height: 60px
    }

    .all_author_pro_list .author_btn a {
        padding  : 0 8px;
        font-size: 12px
    }

    .all_author_pro_list p.desc {
        min-height: 28px;
        height    : auto;
        margin-top: 0
    }

    .popup .popup_main {
        padding: 20px;
        width  : 98% !important
    }

    .dwqa-container .dwqa-questions-list .dwqa-question-item .dwqa-question-stats {
        display   : block;
        position  : relative;
        top       : 0;
        margin    : 0;
        right     : 0;
        min-height: 24px
    }

    .dwqa-container .dwqa-questions-list .dwqa-question-item .dwqa-question-stats span {
        width     : auto;
        height    : auto;
        border    : 0;
        background: none;
        min-width : 24px;
        margin    : 8px 8px 0 0
    }

    .dwqa-container .dwqa-questions-list .dwqa-question-item .dwqa-question-stats span strong {
        display: inline-block
    }
}

@media only screen and (max-width: 481px) {
    #wpadminbar {
        position: fixed !important
    }

    .entry_topic {
        margin-bottom: 12px
    }

    .container>.wrapper {
        margin-top: 12px
    }

    .container>.wrapper>section {
        margin-bottom: 12px
    }

    .home_sticky>ul,
    .grid_post>ul,
    .link_list>ul,
    .video_list>ul,
    .product_list>ul,
    .topic_list>ul,
    .download_list>ul {
        padding: 8px
    }

    .content_left ul.ajaxposts .ad {
        padding: 8px
    }

    .home_sticky_main a.imgeffect .title h2 {
        display      : block;
        white-space  : nowrap;
        text-overflow: ellipsis;
        overflow     : hidden;
        width        : 100%
    }

    .slick-slide .slick-con {
        padding: 60px 12px 8px
    }

    .slick-slide .slick-con h2 {
        font-size    : 16px;
        margin-bottom: 0;
        line-height  : 30px
    }

    .slick-slide .slick-con p {
        display      : block;
        white-space  : nowrap;
        text-overflow: ellipsis;
        overflow     : hidden;
        width        : 100%;
        font-size    : 12px
    }

    .link_list>ul,
    .video_list>ul,
    .product_list>ul,
    .topic_list>ul,
    .download_list>ul {
        padding: 8px
    }

    .home_title {
        padding: 8px
    }

    .home_title .title span {
        display: none
    }

    .simple .postinfo div.left {
        display: none
    }

    .topic_all ul.layout_ul {
        margin-right: 0
    }

    .topic_all ul.layout_ul li.layout_li {
        padding: 0 0 12px
    }

    .topic_all ul.layout_ul li.layout_li:nth-last-child(2),
    .topic_all ul.layout_ul li.layout_li:nth-last-child(3),
    .topic_all ul.layout_ul li.layout_li:nth-last-child(4) {
        padding-bottom: 12px
    }

    .topic_list ul.layout_ul li.layout_li {
        padding-bottom: 20px
    }

    .topic_main .topic_post {
        padding-left: 132px;
        overflow    : hidden;
        min-height  : 80px
    }

    .topic_main .topic_post .is_category,
    .topic_main .topic_post .excerpt {
        display: none
    }

    .topic_main .topic_post a.imgeffect {
        margin-left: -132px
    }

    .topic_main .topic_post a.imgeffect img.thumb {
        width: 120px
    }

    .download_main h2 {
        margin: 0
    }

    .download_main .postinfo {
        margin-top: 0
    }

    .download_main .excerpt {
        display: none
    }

    ul#link-home li {
        width: 50%
    }

    .post_main {
        padding: 8px
    }

    .post_main.simple {
        padding-left: 140px
    }

    .post_main.multiple h2 {
        line-height: 24px
    }

    .post_main.multiple h2 a {
        min-height: 28px
    }

    .post_main.multiple a.imgeffect {
        margin-right: -4px
    }

    .post_main.multiple a.imgeffect span {
        padding-right: 4px
    }

    .ias-noneleft,
    .ias-spinner a,
    .ias-trigger a {
        margin: 12px 0
    }

    .entry_topic h1 {
        margin-bottom : 12px;
        padding-bottom: 12px
    }

    .entry_topic,
    .entry {
        padding: 12px
    }

    .page_header {
        padding-bottom: 12px;
        margin-bottom : 12px
    }

    h1 {
        font-size  : 24px;
        line-height: 32px
    }

    .post_header .postinfo {
        display   : block;
        margin-top: 0
    }

    .post_header .postinfo div.right {
        text-align: left
    }

    .postinfo img {
        width : 18px !important;
        height: 18px !important
    }

    .post_main h2,
    .topic_main .topic_post h2 {
        font-size: 16px
    }

    .post_main .postinfo,
    .topic_main .topic_post .postinfo {
        margin-top: 0
    }

    .share {
        text-align: center
    }

    .share br {
        display: block
    }

    .share>div {
        float         : none;
        display       : inline-block;
        vertical-align: middle;
        margin        : 0 6px
    }

    .share>div a {
        width : 110px;
        margin: 12px auto 0
    }

    .prevnext {
        margin : 20px 0 0;
        padding: 12px 0 0
    }

    .prevnext a {
        width: 100%
    }

    .prevnext a.prev {
        padding-right: 0;
        border-right : none
    }

    .prevnext a.next {
        padding-left: 0;
        text-align  : left
    }

    .line_video {
        height: 220px !important
    }

    .content_post p>embed,
    .content_post p>iframe,
    .content_post>embed,
    .content_post>iframe,
    .content_post .post_video {
        height: 200px !important
    }

    #catlist,
    .videocat_list {
        display: none
    }

    .related_posts.topic,
    .related_posts.topic h4,
    .related_posts,
    .related_posts h4 {
        padding: 12px
    }

    .related_posts.topic h4,
    .related_posts h4 {
        margin: -12px -12px 12px
    }

    .related_posts.topic ul.layout_ul li.layout_li:nth-last-child(3),
    .related_posts.topic ul.layout_ul li.layout_li:nth-last-child(4),
    .related_posts ul.layout_ul li.layout_li:nth-last-child(3),
    .related_posts ul.layout_ul li.layout_li:nth-last-child(4) {
        padding-bottom: 10px
    }

    .comment_rate {
        display: block
    }

    .comment_rate>* {
        width: 100%
    }

    .comment_rate .title {
        margin-right: 0
    }

    .commentlist .comment_body .comment_btn {
        position: relative
    }

    .commentlist .comment_body .comment_btn a {
        margin-left: 0;
        padding    : 2px 4px;
        opacity    : 1;
        visibility : visible
    }

    #comments {
        padding: 12px
    }

    #comments .comment_title {
        padding: 12px;
        margin : -12px -12px 12px
    }

    .commentlist li {
        padding-bottom: 12px;
        margin-bottom : 12px
    }

    #commentform>p.comment-form-author,
    #commentform>p.comment-form-email {
        display: block;
        width  : 100% !important
    }

    #commentform>p.comment-form-author {
        margin-right: 0
    }

    #commentform>p.form-submit .submit {
        width: 100%
    }

    .sift_kx {
        display: block;
        padding: 12px
    }

    .sift_kx h5 {
        width : 100%;
        margin: 0
    }

    .kx_list:before {
        left: 20px
    }

    .kx_list ul li {
        padding: 0 12px 20px 40px
    }

    .kx_list h4 {
        margin-left: -40px;
        width      : calc(100% + 52px)
    }

    .kx_list .kx_main .time:before {
        width: 20px;
        left : -20px
    }

    .kx_list .postinfo>div.left {
        display: block
    }

    .kx_list .postinfo>div.right {
        display: none
    }

    #link-page ul.blogroll li {
        width: 100%
    }

    .readers-list li {
        width: 50%
    }

    .all_user_list ul.layout_ul li.layout_li {
        padding-bottom: 12px
    }

    .all_user_list ul.layout_ul li.layout_li.recommend {
        width: 100%
    }

    .tags .tag_could a {
        width: 49%
    }

    .my-map {
        height: 240px
    }

    .all_user_list ul.layout_ul li.layout_li.other .user_main a.title {
        flex-grow: 1
    }

    .all_user_list ul.layout_ul li.layout_li.other .user_main div.post {
        display: none
    }

    .single-topic .crumbs,
    .page .crumbs,
    .archive .crumbs {
        padding: 12px
    }

    .crumbs_img {
        height: 120px
    }

    .crumbs_img .crumbs_con {
        text-align: left;
        padding   : 0 12px
    }

    .crumbs_img .crumbs_con h1 {
        font-size: 24px
    }

    .crumbs_img .crumbs_con p {
        text-align   : left;
        display      : block;
        display      : block;
        white-space  : nowrap;
        text-overflow: ellipsis;
        overflow     : hidden;
        width        : 100%
    }

    .download_all .download_main {
        padding: 8px
    }

    .download_all .download_main .imgeffect {
        margin: -8px -8px 0
    }

    .topic_all ul.layout_ul {
        margin-right: 0
    }

    .topic_all ul.layout_ul li.layout_li {
        padding: 0 0 12px
    }

    .topic_all .topic_main {
        padding: 12px
    }

    .like_info {
        display: block
    }

    .like_info>* {
        width: 100%
    }

    .like_info .post_like {
        margin: 20px 0
    }

    .like_info .post_like .author_list {
        margin-top: 12px
    }

    .cart.simple .quantity {
        display: block
    }

    .cart.simple .quantity .input-text {
        width       : 100%;
        margin-right: 0
    }

    .cart.simple .btn {
        display   : -webkit-flex;
        display   : -moz-flex;
        display   : -ms-flex;
        display   : -o-flex;
        display   : flex;
        margin-top: 12px
    }

    .cart.simple .btn .button {
        width: 48%
    }

    .cart.simple .btn #buy_now_button.button {
        margin-left: 4%
    }

    .related,
    .cross-sells,
    .upsells {
        padding: 12px
    }

    .product_header .gallery-images {
        padding: 12px 12px 0
    }

    .summary {
        padding: 40px 12px 20px
    }

    .woocommerce-tabs ul.tabs {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }

    .woocommerce-tabs ul.tabs li {
        width: 33.33%
    }

    .woocommerce-tabs ul.tabs li a {
        padding   : 12px 8px;
        text-align: center
    }

    .woocommerce-tabs div.panel {
        padding: 12px
    }

    .woocommerce-notice a.restore-item,
    .woocommerce-notice .button,
    .woocommerce-error li a.restore-item,
    .woocommerce-error li .button,
    .woocommerce-info a.restore-item,
    .woocommerce-info .button,
    .woocommerce-message a.restore-item,
    .woocommerce-message .button {
        display      : block;
        position     : relative;
        margin-bottom: 12px;
        top          : 0;
        right        : 0
    }

    .woocommerce-cart-form table td,
    .woocommerce-cart-form table th {
        padding: 6px
    }

    .wc_points_rewards_apply_discount input.button,
    #payment div.form-row #place_order {
        float  : none;
        display: block;
        width  : 100%;
        margin : 12px 0 0
    }

    .return-to-shop {
        margin: 0 0 20px
    }

    .woocommerce-EditAccountForm input.button {
        width: 100%
    }

    .woocommerce-store-notice {
        width: 98%
    }

    .woocommerce-store-notice a {
        display: block;
        margin : 12px 0 0
    }

    .author_banner_style1 {
        height: 240px
    }

    .author_banner_style1 .author_header h1 {
        font-size    : 18px;
        margin-bottom: 0
    }

    .author_banner_style1 .author_header a.avatar img {
        width : 60px;
        height: 60px
    }

    .author_banner_style1 .author_header .desc {
        min-height: 36px
    }

    .author_banner_style1 .author_header .desc p {
        font-size    : 12px;
        margin-bottom: 0
    }

    .author_banner_style1 .author_header .author_btn a {
        padding: 4px 12px
    }

    .author_tabs .nav_move {
        margin-bottom: 12px
    }

    .author_tabs .nav_move ul.tabs li a {
        padding: 8px
    }

    .author_tabs .nav_move ul.tabs li a svg {
        margin-right: 4px
    }

    .author_tabs .nav_move ul.tabs li.message b {
        top  : 16px;
        right: 4px
    }

    .author_content .user_list,
    .author_content .contribute,
    .author_content .form_secton,
    .author_content .salong_message,
    .author_content .comment_list,
    .author_content .link_list>ul,
    .author_content .topic_list>ul,
    .author_content .download_list>ul,
    .author_content .product_list>ul,
    .author_content .author_profile {
        padding: 12px
    }

    .payqr.popup,
    .author_btn a.payqr {
        display: none
    }

    .author_profile .basic_profile ul li {
        padding-left: 64px !important
    }

    .author_profile .basic_profile ul li.qr div {
        margin-right: 0
    }

    .author_profile .basic_profile ul li.qr div.alipay {
        margin-bottom: 20px
    }

    .author_like_post ul.tabs li a {
        padding: 8px 12px
    }

    .user_list ul.layout_ul li.layout_li:nth-last-child(2) {
        padding-bottom: 12px
    }

    .follow_posts {
        padding: 12px
    }

    .follow_posts ul li a {
        margin-right: 0
    }

    .author_content .comment_list ul li {
        padding      : 0 0 12px 40px;
        margin-bottom: 12px
    }

    .author_content .comment_list ul li img.avatar {
        width : 32px;
        height: 32px
    }

    .author_content .comment_list ul li .rate {
        display    : block;
        float      : none;
        margin-left: 0
    }

    .author_subtabs ul.tabs {
        display    : -webkit-flex;
        display    : -moz-flex;
        display    : -ms-flex;
        display    : -o-flex;
        display    : flex;
        white-space: nowrap
    }

    .author_subtabs ul.tabs li a {
        padding: 8px 12px
    }

    .author_subtabs ul.tabs li a span.count {
        display: none
    }

    .provinceCityAll {
        width: calc(98% - 24px)
    }

    .provinceCityAll .list ul li {
        width: 25%
    }

    .salong_field_main .salong_field_area {
        display: block
    }

    .salong_field_main .salong_field_area .salong_file_button {
        margin-right: 0;
        width       : 100%
    }

    .salong_field_main .salong_field_area .salong_file_button .salong_file_preview {
        width : 100%;
        margin: 0 auto
    }

    .salong_field_main .salong_field_area .salong_file_hint {
        margin-top: 12px
    }

    .xh-social .xh-text {
        white-space: nowrap
    }

    .xh-social .xh-text .xh-social-item {
        min-width: 32px
    }

    .footer {
        padding: 30px 0
    }

    .footer_menu ul.menu li a {
        padding: 4px
    }

    .search.popup .popup_main {
        padding: 20px
    }

    .search.popup .popup_main h3 {
        padding-bottom: 12px;
        margin-bottom : 12px
    }

    .search_form {
        padding: 0
    }

    .search_form>* {
        width : 100% !important;
        margin: 0 0 12px !important
    }

    .login.popup .popup_main .xh-regbox {
        min-width: inherit
    }

    .certification.popup .popup_main {
        min-width: 96%
    }

    .dwqa-container .dwqa-question-filter .dwqa-sort-by {
        float     : none;
        width     : 100%;
        margin-top: 12px
    }

    .dwqa-container .dwqa-questions-list .dwqa-question-item .avatar {
        position: relative;
        display : inline-block;
        left    : 0;
        top     : 0;
        margin  : 0 4px
    }

    .dwqa-container .dwqa-questions-footer>* {
        width     : 100%;
        float     : none !important;
        text-align: center
    }

    .dwqa-container .dwqa-questions-footer .dwqa-ask-question {
        margin-top: 12px
    }

    .dwqa-container .dwqa-questions-footer .dwqa-ask-question a {
        width      : 100%;
        line-height: 28px
    }

    .single.single-dwqa-question .dwqa-question-item .avatar,
    .single.single-dwqa-question .dwqa-answer-item .avatar {
        position: relative;
        display : inline-block !important;
        top     : 0;
        left    : 0;
        margin  : 0 4px 0;
        width   : 24px;
        height  : 24px
    }

    .single.single-dwqa-question .dwqa-question-item .dwqa-answer-meta>span,
    .single.single-dwqa-question .dwqa-question-item .dwqa-question-meta>span,
    .single.single-dwqa-question .dwqa-answer-item .dwqa-answer-meta>span,
    .single.single-dwqa-question .dwqa-answer-item .dwqa-question-meta>span {
        display   : block;
        width     : 100%;
        text-align: left;
        float     : none
    }

    .single.single-dwqa-question .dwqa-comments .dwqa-comment .dwqa-comment-meta .dwqa-comment-actions {
        float      : none;
        margin-left: 18px
    }

    .single.single-dwqa-question .dwqa-comments .dwqa-comment>p {
        margin-left: 28px
    }

    .single.single-dwqa-question .dwqa-answer-form form {
        text-align: left
    }

    .single.single-dwqa-question .dwqa-answer-form p.dwqa-captcha {
        width        : 100%;
        float        : none;
        margin-bottom: 12px
    }

    .single.single-dwqa-question .dwqa-answer-form p.dwqa-captcha #dwqa-captcha-result {
        flex-grow: 1
    }

    .single.single-dwqa-question .dwqa-answer-form .dwqa-select {
        width        : 100%;
        margin-bottom: 12px
    }

    .single.single-dwqa-question .dwqa-answer-form input.dwqa-btn {
        width: 100%
    }

    .single.single-dwqa-question .dwqa-answer-item .dwqa-answer-content {
        padding-bottom: 30px
    }

    .single.single-dwqa-question .dwqa-answer-item .dwqa-pick-best-answer {
        text-indent : 0;
        width       : auto;
        padding-left: 36px
    }
}


.content_post blockquote {
    background-image   : url(../images/b.svg);
    background-repeat  : no-repeat;
    background-position: left 24px top 15px;
    margin             : 30px 0;
    padding            : 40px 30px 20px;
    background-color   : #f8f8fa;
}

li.contribute_btn a,
.tags .tag_could a:hover {
    background-color: #4e6ef2;
    color           : #fff;
}
.ias-trigger{
    text-align: center;
}

.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333333;white-space:nowrap}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#337ab7}
.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{color:#777777}
.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}

.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label-success{background-color:#5cb85c}
.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}