/*! 
 * Theme Name: cang
 * Theme URL: http://www.sdczz.com
 * Description: Theme tob by <a href="http://www.sdczz.com">声达建站</a>,
 * Author: www.sdczz.com
 * Author URI: http://www.sdczz.com
 * Version: 7.3
 *
 */
 


















 
.share-link {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center; /* 内容居中 */
}

/* 居中显示按钮 */
/* 默认样式 */
#custom-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto; /* 允许水平滚动 */
    white-space: nowrap; /* 防止按钮换行 */
}

 /* 提高优先级按钮文字样式 */
#custom-button a.custom-button-white,
#custom-button a.custom-button-blue,
#custom-button a.custom-button-orange,
#custom-button a.custom-button-green,
#custom-button a.custom-button-red{
    color: white; /* 覆盖全局样式 */
    text-align: center;
    text-decoration: none; /* 去掉下划线 */
    min-width: 6px; /* 设置最小宽度 */
    
    flex: 1; /* 让按钮均匀分布 */
}


/* 手机端样式 */
@media (max-width: 600px) {
    #custom-button {
        gap: 5px; /* 缩小间距 */
    }

    #custom-button a {
        padding: 8px 12px; /* 缩小按钮内边距 */
        font-size: 14px; /* 调整字体大小 */
    }
}
 
 /* 提高优先级按钮文字样式 */
 /*
#container a.custom-button-white,
#container a.custom-button-blue,
#container a.custom-button-orange,
#container a.custom-button-green,
#container a.custom-button-red{
    color: white; /* 覆盖全局样式 */
 /*   text-decoration: none; /* 去掉下划线 */
/*}*/
 
  /*红色按钮*/
 .custom-button-red {
    background-color: #dc3545; /* 红色背景 */
    color: white;
        padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-button-red:hover {
    background-color: #c82333;
        transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.custom-button-red:active {
    background-color: #bd2130;
        transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 
 /*绿色按钮*/
 .custom-button-green {
    background-color: #28a745;
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-button-green:hover {
    background-color: #218838;
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.custom-button-green:active {
    background-color: #1e7e34;
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 
 /* 白色背景按钮 */
 

.custom-button-white {
    background-color: #ffffff; 
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


.custom-button-white:hover {
    background-color: #0056b3; 
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.custom-button-white:active {
    background-color: #004080;
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}



/*橙色背景按钮*/

.custom-button-orange {
    background-color: #ffc107;
    color: #333;
        padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-button-orange:hover {
    background-color: #e0a800;
        transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.custom-button-orange:active {
    background-color: #d39e00;
        transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* 蓝色背景按钮 */
.custom-button-blue {
    background-color: #007bff; 
    color: white; /* 白色文字 */
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-button-blue:hover {
    background-color: #0056b3; /* 悬停时变为深蓝色 */
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.custom-button-blue:active {
    background-color: #004080; /* 点击时变为更深的蓝色 */
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 

 
/* 为TinyMCE编辑器的自定义按钮添加图标样式 */
.mce-i-prism_button:before {
    font-family: dashicons;
    content: "\f475"; /* 代码图标的Unicode值 */
}



.content strong,
.article-container strong{
     /* content下面的显眼标题 */
  /* 直接设置渐变背景 */
  background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);

  /* 将<strong>元素设置为块级元素，使背景占满整行 */
  display: block;

  /* 设置文本颜色，确保与渐变背景有足够的对比度 */
  color: #F5F5DC; /* #ffffff白色通常与蓝色渐变背景形成高对比度 */

  /* 增大字体，使标题更加显眼 */
  font-size: 2em;

  /* 文本居中显示 */
  text-align: center;

  /* 设置内边距，调整文本与背景边缘的距离 */
  padding: 10px 0; /* 上下内边距10px，左右为0 */

  /* 设置外边距，调整<strong>元素与其他元素间的距离 */
  margin: 10px 0; /* 上下外边距10px，左右可以根据需求设置，这里保持为0 */

  /* 可选：添加其他样式，如边框、圆角等 */
  /* border: 2px solid #ffffff; */
  /* border-radius: 5px; */
}


 .content h1 {
    font-size: 2.5em; /* 设置字体大小 */
    color: #ff0000;    /* 设置字体颜色 */
    text-align: center; /* 设置文本对齐方式 */
    margin-top: 20px;   /* 设置上边距 */
    margin-bottom: 20px; /* 设置下边距 */
    /* 你可以根据需要添加更多的样式属性 */
}

 
/*菜单标签美化*/
.new1 {
display: inline-block;
transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
background: linear-gradient(to bottom left, #00c6ff 0%, #0072ff 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

.new2 {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

.new3 {
display: inline-block;
transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
background: linear-gradient(to right, #6454ef 0%, #3021ec 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

.new4 {
display: inline-block;
transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
background: linear-gradient(to right, #8b7de1 0%, #f308a0 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
 
 
  
/* 回复可见样式 */
.contentrestriction {
    backgroundcolor: #f2f2f2;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
}




html {
  
  

    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

/* Buttons */
input[type="submit"], .button, .post-content .button, #commentform #submit, .contact-submit input[type="submit"], #edd-purchase-button, #content input[type=submit].edd-submit, #edd-wl-modal .edd-wl-button, #content p a.edd-wl-action.edd-wl-button, .mailbag-wrap .mailbag-input .button, .wpcf7-submit, .post-password-form input[type="submit"], .wpforms-submit {
    font-size: 16px;
    display: inline-block;
    padding: .5em 1em;
    height: auto;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #3298d6;
    line-height: 1.4;
    -webkit-appearance: none;
}

@media only screen and (max-width: 600px) {
    input[type="submit"], .button, .post-content .button, #commentform #submit, .contact-submit input[type="submit"], .vendor-dashboard #content .fes-submit input[type=submit], #edd-purchase-button, #content .edd-submit, #content input[type=submit].edd-submit, .wpcf7-submit, .post-password-form input[type="submit"], .wpforms-submit {
        font-size: 14px;
    }
}

input[type="submit"]:hover, .button:hover, .post-content .button:hover, #commentform #submit:hover, .contact-submit input[type="submit"]:hover, #content .contact-form input[type="submit"]:hover, .vendor-dashboard #content .fes-submit input[type=submit]:hover, #edd-purchase-button:hover, #content .edd-submit:hover, #content input[type=submit].edd-submit:hover, #edd-wl-modal .edd-wl-button:hover, #content p a.edd-wl-action.edd-wl-button:hover, .mailbag-wrap .mailbag-input .button:hover, .wpcf7-submit:hover, .post-password-form input[type="submit"]:hover, .wpforms-submit:hover {
    cursor: pointer;
    color: #fff;
    box-shadow: inset 0 0 80px rgba(255, 255, 255, .15);
    border: none;
}

input[type="submit"]:active, .button:active, .post-content .button:active, #commentform #submit:active, .contact-submit input[type="submit"]:active, #content .contact-form input[type="submit"]:active, .vendor-dashboard #content .fes-submit input[type=submit]:active, #edd-purchase-button:active, #content .edd-submit:active, #content input[type=submit].edd-submit:active, #edd-wl-modal .edd-wl-button:active, #content p a.edd-wl-action.edd-wl-button:active, .mailbag-wrap .mailbag-input .button:active, .wpcf7-submit:active, .wpforms-submit:active {
    outline: none;
}

.cta-button {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    margin: 0;
    padding: 1em 1.2em;
    color: #fff;
    border-radius: 3px;
    @media only screen and (max-width: 600px) {
        padding: 1em;
        font-size: 16px; }

    @media only screen and (max-width: 500px) {
        width: 100%;
    }
}

.cta-button:hover {
    color: #fff;
}

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

*, :after, :before {
    box-sizing: border-box;
}

html {
    font-size: 9pt;
    -webkit-tap-highlight-color: transparent
}

body {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.42857143
}

button, input, select, textarea {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

[role=button] {
    cursor: pointer
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: 21px;
    line-height: inherit
}

label {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
}

input[type=search] {
    box-sizing: border-box
}

/* Custom Checkboxes and Radio Selects */
input[type="checkbox"], input[type=radio] {
    border-radius: 2px;
    background: #E9EEF2;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 18px;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 18px;
    min-width: 18px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

input[type=radio] {
    border-radius: 20px;
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background: #51a7dc;
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
    float: left;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-top: 9px;
    margin-left: 0;
    font-family: "iconfont";
    content: "\e6b5";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    color: #555;
    font-size: 14px;
    line-height: 1.42857143
}

input[type=search] {
    -webkit-appearance: none
}

@font-face {
    font-family: iconfont;
    src: url(fonts/iconfont.eot);
    src: url(fonts/iconfont.eot?#iefix) format('embedded-opentype'), 
    url(fonts/iconfont.woff) format('woff'), 
    url(fonts/iconfont.ttf) format('truetype'),
    url(fonts/iconfont.svg#iconfont) format('svg')

    
}

/* 定义第二个字体文件 */
@font-face {
    font-family: 'iconfont2'; /* 字体名称 */
    src: url('fonts/iconfont2.woff') format('woff'), /* 现代浏览器 */
         url('fonts/iconfont2.ttf?t=1736413992285') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

/* 使用第二个字体文件 */
.iconfont2 {
    font-family: 'iconfont2' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfont {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-size: 15px;
    font-family: iconfont!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}
/*
.icon-shejiaotubiao-48:before {
  content: "\e670";
}*/

embed, iframe, img, video {
    max-width: 100%
}

.avatar {
    border: 1px solid #cfd9e1;
    border-radius: 50%;
    box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out
}

.avatar:hover {
    box-shadow: 0 0 10px #fff;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.text-hide {
    border: 0;
    background-color: transparent;
    color: transparent;
    text-shadow: none;
    font: 0/0 a
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

.clearfix:after, .clearfix:before, .container:after, .container:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after, .container:after {
    clear: both
}

.home-swiper:before {
    display: table;
    content: "";
    clear: both;
    height:100%;
}

.thumb, a, input {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 3px;
}

a {
    color: #555
}

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

a:hover {
    color: #ff6651
}

a:focus {
    outline: 0;
    color: #555
}

#shareimage {
    display: none
}

body {
    overflow-x: hidden;
    background-color: #fff;
    color: #555;
    font-size: 14px;
    line-height: 1.4
}

body.page-template, .page-template-default, .post-template-default, .single {
    background-color: #f2f2f4;
}

body.page-template-blog {
    background-color: #ffffff;
}

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.wel-login {
    position: relative;
    z-index: 3;
    float: right;
    margin-top: 20px;
    margin-left: 15px
}

.wel-login img {
    border-radius: 30px
}

@media(max-width: 768px) {
    .wel-login {
        display: none
    }
}

.wel-login-btn {
    display: inline-block;
    padding: .375rem 1rem;
    border: 1px solid transparent;
    border-radius: .1rem;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    user-select: none
}

.wel-login-btn, .wel-login-btn-primary {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wel-login-btn-primary {
    border-color: #3298d6;
    background-color: #3298d6;
    color: #fff
}

.sidebar-btn-primary {
    border-color: #eee;
    background-color: #f2f2f4;
    color: #999
}

.sidebar-btn-primary:hover {
    border-color: #e6e6e6;
    background-color: #eee;
    color: #999
}

.sidebar-btn {
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wel-login-btn-primary:hover {
    border-color: #288bc7;
    background-color: #288bc7;
    color: #fff
}

.sign-btn {
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hreadloing-moblie {
    margin: 0 auto;
    text-align: center
}

.hreadloing-moblie img {
    border-radius: 30px
}

.search-moblie {
    margin: 0 auto;
    text-align: center
}

.search-moblie img {
    border-radius: 30px
}

.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem;
    max-width: 75pc
}

@media(max-width: 640px) {
    .container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        padding-right: .9375rem;
        padding-left: .9375rem;
        max-width: 75pc
    }

    .article-shoppng {
        display: none;
    }
}

.content-wrap {
    float: left;
    margin-bottom: 15px;
    width: 100%
}

.content {
    position: relative;
    margin-right: 350px;
    margin-bottom: 30px;
    min-height: 500px
}

/**** .btn default theme ****/
.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.focus {
    text-decoration: none
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}


.rd-notice-type-success:after {
	background-color:#ff2626;
	-webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
	box-shadow:0 5px 10px 0 rgba(38,199,252,.2)
}
.rd-notice-position-left {
	margin-left:-20px
}
.rd-notice-position-left:after {
	right:-6px;
	top:50%;
	margin-top:-10px
}
.rd-notice-tooltip.single-line .rd-notice-content {
	height:40px;
	padding:0 20px;
	line-height:40px;
	white-space:nowrap
}


.btn-primary {
    color: #fff;
    background-color: #0ae;
    border-color: #0ae
}

.btn-primary:hover {
    color: #fff;
    background-color: #0098d4;
    border-color: #0098d4
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0098d4;
    border-color: #0098d4
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0098d4;
    border-color: #0098d4;
    background-image: none
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #0086bb;
    border-color: #0086bb
}

.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #0ae;
    border-color: #0ae
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #0ae;
    border-color: #0ae
}

.btn-default {
    color: #999;
    background-color: #fff;
    border-color: #ddd
}

.btn-default:hover {
    color: #999;
    background-color: #f2f2f2;
    border-color: #d0d0d0
}

.btn-default:focus, .btn-default.focus {
    color: #999;
    background-color: #f2f2f2;
    border-color: #d0d0d0
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    color: #999;
    background-color: #f2f2f2;
    border-color: #d0d0d0;
    background-image: none
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
    color: #999;
    background-color: #e6e6e6;
    border-color: #c4c4c4
}

.btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus {
    background-color: #fff;
    border-color: #ddd
}

.btn-default.disabled:hover, .btn-default:disabled:hover {
    background-color: #fff;
    border-color: #ddd
}

/**** edd theme item satr ****/
.themes-box {
    margin-right: -2%;
    overflow: hidden;
    margin-bottom: 2%;
}

@media (max-width: 768px) {
    .themes-box {
        margin-bottom: 15px;
    }
}

.themes-item {
    float: left;
    width: 31.33333%;
    margin-right: 2%;
    text-align: center;
    margin-top: 2%
}

.themes-item:hover {
    transition: all .5s;
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.themes-item header {
    padding: 30px 15px 0;
    border: 1px solid #eee;
    border-bottom: none;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.themes-item h2 {
    font-size: 18px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 5px;
}

.themes-item h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 200;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

.themes-item h4 p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.themes-item h4::after {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 28px;
    left: 50%;
    margin-left: -14px;
    height: 1px;
    background-color: #bbb
}

.themes-item .themes-item-content {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 30px
}

.themes-item .themes-item-content img {
    width: 100%;
    height: 158px;
}

.themes-item footer {
    border: 1px solid #eee;
    padding: 30px;
    background-color: #F3F7F8;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

@media (max-width: 768px) {
    .themes-item {
        width: 98%;
        margin-top: 15px
    }

    .themes-item h2 {
        font-size: 14px;
        font-weight: bold
    }

    .themes-item h4 {
        font-size: 12px
    }

    .themes-item .btn {
        font-size: 12px
    }
}

/**** edd theme item end ****/
.sign-container {
    position: relative;
    margin: 0 auto;
    padding: 75pt 0 200px;
    width: 20pc
}

.sign-form {
    background-color: #fff
}

.sign-form h1 {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 22px
}

.sign-form .item {
    margin-bottom: 25px
}

.sign-form label {
    display: block;
    margin-bottom: 5px
}

.resetpassword-form .red, .sign-form .red {
    margin-bottom: 20px;
    padding: 10px 15px;
    background-color: #f90;
    color: #fff
}

.resetpassword-form .red {
    background-color: #390
}

.register-success, .register-verification, .resetpassword-success {
    padding: 200px 0;
    background-color: #fff;
    text-align: center
}

.register-success h1, .register-verification h1, .resetpassword-success h1 {
    font-weight: 400;
    font-size: 22px
}

.findPassword a {
    float: right;
    color: #999
}

.sign-submit {
    margin-bottom: 20px
}

.sign-info {
    text-align: right
}

.sign-info a {
    color: #999
}

.sign-error {
    padding: 75pt;
    min-height: 500px;
    text-align: center
}

.sign-error h1 {
    color: #f60;
    font-size: 40px
}

.sign-error h2 {
    font-weight: 400;
    font-size: 22px
}

.sign-tips {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    overflow: hidden;
    height: 0;
    background-color: #f60;
    color: #fff;
    text-align: center;
    font-size: 9pt;
    line-height: 29px
}

.resetpassword-form {
    padding: 50px 200px;
    min-height: 350px;
    text-align: left
}

.resetpassword-form p {
    margin-bottom: 30px
}

.resetpassword-form h1 {
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 22px
}

.resetpass {
    margin: 0 auto
}

.resetpasssteps {
    overflow: hidden;
    margin: 40px 0 5pc;
    margin-left: -40px;
    list-style: none
}

.resetpassform {
    margin: 0 auto;
    width: 20pc
}

.resetpasssteps li {
    position: relative;
    float: left;
    padding: 0 15px;
    width: 33.33333%;
    background-color: #eee;
    color: #666;
    text-align: center;
    line-height: 33px
}

.resetpasssteps li.active {
    background-color: #0ae;
    color: #fff
}

.errtip {
    padding: 8px 15px;
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #eee;
    color: #ff6651;
    font-size: 14px
}

@media(max-width: 543px) {
    .sign-container {
        padding: 40px 0 50px;
        width: 280px
    }
}

.ipt {
    display: block;
    padding: .375rem .75rem;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .1rem;
    background-color: #fff;
    background-image: none;
    color: #55595c;
    font-size: .875rem;
    line-height: 1.5
}

.pagecontainer {
    position: relative
}

.pagesidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px
}

.pagemenus {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    border-radius: 3px;
    background-color: #fff;
    list-style: none
}

.pagemenus li:first-child a {
    padding-top: 20px;
    border-top: 0
}

.pagemenus li:last-child a {
    padding-bottom: 20px
}

.pagemenus a {
    display: block;
    padding: 15px 30px;
    border-top: 1px solid #f2f2f4
}

.pagemenus a:hover {
    background-color: #f9f9f9
}

.pagemenus li.active a {
    background-color: #384047;
    color: #eee;
    border-top-color: #384047
}

.pagemenuscontent {
    position: relative;
    margin-bottom: 15px;
    margin-left: 230px;
    min-height: 600px
}

@media(max-width: 768px) {
    .pagesidebar {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 20px;
    }

    .pagemenuscontent {
        margin-left: 0
    }
}

.page-template-default .content, .single-post .content {
    margin-right: 350px
}

.sidebar {
    position: relative;
    float: left;
    /* margin-top: 20px; */
    margin-left: -20pc;
    width: 20pc;
    top: 20px;
}

@media(max-width: 1024px) {
    .page-template-default .content-wrap, .single-post .content-wrap {
        float: none;
        width: 100%
    }

    .content, .page-template-default .content, .single-post .content {
        margin-right: 0
    }

    .page-template-default .sidebar, .single-post .sidebar {
        float: none;
        margin-top: 45px;
        margin-left: 0;
        width: auto
    }

    .sidebar, .single-post .sidebar {
        position: relative;
        float: left;
        margin-top: 30px;
        margin-left: 0;
        width: 100%;
    }
}

@media(max-width: 768px) {
    .page-template-default .content, .single-post .content {
        padding-top: 5px;
    }
}

.glide {
    position: relative;
    width: 100%;
    height: 100%
}

.glide__track, .glide__wrapper {
    overflow: hidden
}

.glide__track {
    position: relative;
    width: 100%;
    height: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y
}

.glide__track.dragging {
    cursor: grabbing;
    user-select: none
}

.glide__slide {
    width: 100%;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    user-select: none
}

.glide__arrow {
    cursor: pointer
}

.glide__bullets {
    -webkit-touch-callout: none;
    user-select: none
}

.glide--slider .glide__slide {
    float: left;
    clear: none
}

.glide--carousel.glide--vertical .glide__track {
    overflow: visible
}

.glide--carousel .glide__slide {
    float: left;
    clear: none
}

.glide--slideshow .glide__wrapper {
    height: 100%
}

.glide--slideshow .glide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d
}

.glide--slideshow .glide__slide.active {
    z-index: 1
}

.glide__track {
    margin: 0;
    padding: 0
}

.glide__arrows {
    position: absolute
}

.glide--horizontal .glide__arrows {
    top: 50%;
    margin-left: 4%;
    width: 92%
}

.glide--vertical .glide__arrows {
    left: 50%;
    margin-top: 6%;
    height: 88%
}

.glide__arrow {
    position: absolute;
    z-index: 2;
    padding: 15px;
    border: 0;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase
}

.glide__arrow .fa {
    font-size: 36px
}

.glide__arrow:focus {
    outline: 0
}

.glide__arrow:hover {
    border-color: #fff
}

.glide--horizontal .glide__arrow {
    transform: translateY(-50%)
}

.glide--horizontal .glide__arrow.prev {
    left: 0
}

.glide--horizontal .glide__arrow.next {
    right: 0
}

.glide--vertical .glide__arrow {
    transform: translateX(-50%)
}

.glide--vertical .glide__arrow.prev {
    top: 0
}

.glide--vertical .glide__arrow.next {
    bottom: 0
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    list-style: none
}

.glide--horizontal .glide__bullets {
    bottom: 8%;
    left: 0;
    width: 100%;
    height: 8px;
    text-align: center
}

.glide--vertical .glide__bullets {
    top: 50%;
    right: 8%;
    width: 8px;
    height: auto;
    transform: translateY(-50%)
}

.glide__bullets>* {
    display: inline-block;
    padding: 0;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    transition: all .3s ease-in-out
}

.glide--horizontal .glide__bullets>* {
    margin: 0 4px
}

.glide--vertical .glide__bullets>* {
    vertical-align: middle
}

.glide__bullets>.active {
    background-color: #fff
}

.glide__bullets>:focus {
    outline: 0
}

.glide__bullets>:focus, .glide__bullets>:hover {
    border: 2px solid #fff;
    background-color: hsla(0, 0%, 100%, .5)
}

.glide--slider .glide__arrow {
    opacity: 1;
    transition: opacity .15s ease
}

.glide--slider .glide__arrow.disabled {
    opacity: .33
}

.tipsy {
    position: absolute;
    z-index: 100000;
    padding: 5px 0;
    font-size: 10px
}

.tipsy:before {
    position: absolute;
    display: inline-block;
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 5px;
    content: ''
}

.tipsy-n:before {
    top: -4px;
    left: 50%;
    margin-left: -5px
}

.tipsy-ne:before {
    top: -4px;
    right: 10px
}

.tipsy-inner {
    padding: 4px 7px 3px;
    max-width: 200px;
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 9pt
}

.tipsy-nw:before {
    top: 0;
    left: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

.tipsy-se .tipsy-arrow {
    right: 10px;
    bottom: 0;
    background-position: bottom left
}

.tipsy-e .tipsy-arrow {
    right: 0;
    background-position: top right
}

.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    width: 5px;
    height: 9px
}

.tipsy-w .tipsy-arrow {
    left: 0
}

.header {
    position: relative;
    z-index: 99;
    height: 70px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    box-shadow: 1px 0 5px rgba(0, 0, 0, .06)
}

.logo {
    float: left;
    overflow: hidden;
    margin: 1pc 70px 0 0;
    height: 54px;
    color: #fff;
    font-size: 1px;
    line-height: 35px
}

.logo span {
    display: none
}

.logo a, .logo img {
    display: block
}

.logo img {
    margin-bottom: 75pt;
    max-height: 40px
}

.sitenav {
    float: left;
    font-size: 18px;
    line-height: 35px
}

.sitenav>ul>li.menu-item-has-children:hover>a:before {
    border-top-color: #ff6651
}

.sitenav>ul>li.menu-item-has-children>a {
    position: relative;
    padding-right: 15px
}

.sitenav>ul>li.menu-item-has-children>a:after, .sitenav>ul>li.menu-item-has-children>a:before {
    position: absolute;
    top: 50%;
    right: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: ''
}

.sitenav>ul>li.menu-item-has-children>a:before {
    border-top: 5px solid #555
}

.sitenav>ul>li.menu-item-has-children>a:after {
    margin-top: -1px;
    border-top: 5px solid #fff
}

.sitenav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sitenav ul>li {
    position: relative;
    float: left;
    margin-right: 40px
}

.sitenav ul>li:hover {
    z-index: 2
}


.ceo-huodong .girl {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:50
}

.sdczz_com_service {
	position:fixed;
	right:39px;
	font-size:14px;
	color:#243558;
	z-index:13
}
.sdczz_com_service ul {
	margin:0;
	padding:0;
	position:absolute;
	right:0
}
.sdczz_com_service li {
	list-style-type:none
}
.sdczz_com_service li>div {
	box-sizing:border-box;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.1)
}
.sdczz_com_service_box {
	width:40px;
	height:40px;
	background:#fff;
	margin-bottom:10px;
	border-radius:4px;
	box-sizing:border-box;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.1)
}
.sdczz_com_service_box .sdczz_com_qq {
	display:block;
	outline:none;
	position:relative;
	border-radius:4px;
	color:var(--primary-color);
	text-align:center;
	cursor:pointer;
	line-height:33px;
	padding:3px
}
.sdczz_com_service_box .ceo_today_active {
	display:block;
	outline:none;
	position:relative;
	border-radius:4px;
	color:var(--primary-color);
	text-align:center;
	cursor:pointer;
	line-height:33px;
	padding:3px
}
.ceo_footer_s a {
	display:block;
	outline:none;
	position:relative;
	border-radius:4px;
	color:var(--primary-color)!important;
	text-align:center;
	cursor:pointer;
	line-height:33px;
	padding:3px
}
.ceo_footer_s a:hover {
	color:#fff!important;
}

.sdczz_com_service_consult:hover .sdczz_com_service_consult_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.sdczz_com_service_consult_cont {
	top:0px;
	width:200px;
	min-height:100%;
	max-height:1000px;
	border-radius:3px;
	background:#fff;
	right:62px;
	position:absolute;
	text-align:center;
	border:1px solid #e1e6ec;
	display:none;
	opacity:0
}
.sdczz_com_service_consult_cont1 {
	width:70px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.sdczz_com_service_consult_cont1 .sdczz_com_service_triangle:before {
	width:0 !important
}
.sdczz_com_service_consult_cont>.sdczz_com_service_triangle:after {
	border-left:10px solid #f6f8fb
}
.sdczz_com_service_consult_cont span {
	float:left
}
.sdczz_com_service_consult_cont_top {
	width:100%;
	height:100%;
	background:#f6f8fb;
	border-radius:3px;
	border-bottom:1px solid #eef2f8
}
.sdczz_com_service_hint {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#9aa8c2;
	text-align:center
}
.sdczz_com_service_iconlx {
	font-size:14px!important;
	margin:13px 2px 0 18px
}
.sdczz_com_service_button {
	width:160px;
	background:#4f7cfc;
	border-radius:18px !important;
	text-align:center;
	color:#fff !important;
	margin:7px 20px 10px 20px;
	cursor:pointer;
	display:inline-block
}
.sdczz_com_service_button:hover {
	background:#618aff
}
.sdczz_com_service_phone {
	width:100%;
	height:53px;
	line-height:53px;
	font-size:14px;
	text-align:center
}
.sdczz_com_service_check_site {
	width:100%;
	height:48px;
	line-height:48px;
	color:#3b6bf4;
	border-top:1px solid #eaeef5;
	cursor:pointer
}
.sdczz_com_service_icongd {
	font-size:16px!important;
	margin:15px 2px 0 45px
}
.sdczz_com_service_qr {
    
}
.sdczz_com_service_qr:hover {
	background:#4f7cfc
}
.sdczz_com_service_qr:hover .sdczz_com_service_qr_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.sdczz_com_service_qr_cont {
	top:0px;
	width:143px;
	height:202px;
	border-radius:3px;
	background:#fff;
	right:62px;
	position:absolute;
	text-align:center;
	border:1px solid #e1e6ec;
	background-color:#f6f8fb;
	display:none;
	opacity:0
}
.sdczz_com_service_qr_cont>.sdczz_com_service_triangle:after {
	border-left:10px solid #f6f8fb
}
.sdczz_com_service_qr_cont>.sdczz_com_service_qrimg {
	width:100%;
	height:164px;
	float:left
}
.sdczz_com_service_qrimg_site {
	width:119px;
	height:119px;
	float:left;
	margin:12px 12px 5px 12px
}
.sdczz_com_service_qr_cont>.sdczz_com_service_qrtext {
	width:100%;
	height:35px;
	font-size:12px;
	color:#7b89a6;
	background-color:#fff;
	float:left;
	bottom:0;
	display:table
}
.sdczz_com_service_qr_cont>.sdczz_com_service_qrtext>span {
	display:table-cell;
	vertical-align:middle
}
.sdczz_com_service_upward_cont span {
	font-size:14px
}
.sdczz_com_service_ax {
	background-size:40%40%
}
.sdczz_com_service_ax:hover {
	border:0;
	background:#4f7cfc;
	background-size:40%40%;
	cursor:pointer
}
.sdczz_com_service_ax:hover .sdczz_com_service_ax_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.sdczz_com_service_ax_cont {
	top:0px;
	width:100px;
	padding:0 20px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
@media screen and (max-width:1221px) {
	.wapnone {
	display:none
}
}


    .ceo-app-gotop{
        position: fixed;
        bottom: 80px;
        right: 10px;
        z-index: 999;
    }
    .ceo-app-gotop a{
        border-radius: 50px;
        background: #00000052;
        color: #fff;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 0 10px rgba(0,0,0,0.07);
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .ceo-app-gotop a i{
        font-size: 50px!important;
    color: red; 

    }


.sitenav ul>li>a {
    display: block;
    padding: 18px 0 15px;
    border-bottom: 2px solid transparent;
    color: #555;
    font-size: 17px;
    border-radius: 0;
}

.sitenav ul li a:hover, .sitenav ul li.active a:hover, .sitenav ul li:hover>a {
    color: #ff6651
}

.sitenav ul li:hover>.sub-menu {
    visibility: visible;
    margin-top: -1px;
    opacity: 1
}

.sitenav ul li.current-menu-item>a, .sitenav ul li.current-menu-parent>a {
    color: #ff6651;
    border-bottom-color: #ff6651
}

.sitenav ul .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    visibility: hidden;
    margin-top: -25px;
    margin-left: -78px;
    padding: 6px 0;
    width: 140px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    list-style: none;
    text-align: center;
    font-size: 14px;
    line-height: 2pc;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sitenav ul .sub-menu:after, .sitenav ul .sub-menu:before {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -3px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: ''
}

.sitenav ul .sub-menu:before {
    border-bottom: 5px solid rgba(0, 0, 0, .1)
}

.sitenav ul .sub-menu:after {
    margin-top: 1px;
    border-bottom: 5px solid #fff
}

.sitenav ul .sub-menu li {
    float: none;
    margin: 0;
    text-align: center
}

.sitenav ul .sub-menu li a {
    display: block;
    padding: 0 15px;
    border-bottom: 0;
    font-size: 15px
}

.sitenav ul .sub-menu li a:hover {
    background-color: #eee;
    color: #555
}

.sitenav ul ul .sub-menu {
    top: -6px;
    left: 100%;
    margin-left: 0
}

.sitenav ul ul .sub-menu:after, .sitenav ul ul .sub-menu:before {
    left: -5px;
    margin-top: 23px;
    transform: rotate(-90deg)
}

.sitenav ul ul .sub-menu:after {
    margin-left: -2px
}

.hreadloing {
    float: right;
    display: none;
    margin-top: 24px
}

.searchform {
    display: block;
    width: 100%;
}

.searchform #searchsubmit {
    float: right;
    display: inline-block;
    padding: 6px 15px;
    border: 1px solid transparent;
    border-radius: .1rem;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    user-select: none;
}
/* 这是搜索框的长度 160改为185
height: 35px; 添加高度调节
*/
.searchform #s {
    padding: 0;
    width: 160px;
}

.searchform .sinput {
    float: left;
    padding: 4px 8px;
    width: 180px;
    height: 2pc;
    outline: 0;
    border: 1px solid #eee;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    color: #999;
    font-size: 14px
}

.searchform .sinput:focus {
    border-color: #ff6651
}

.searchform .sbtn {
    float: right;
    padding: 4px 10px;
    height: 2pc;
    outline: 0;
    border: 0;
    border-radius: 0 2px 2px 0;
    background-color: #ff6651;
    color: #fff;
    font-size: 14px;
    opacity: .9
}

.searchform .sbtn:hover {
    opacity: 1
}

.accounts {
    position: relative;
    z-index: 3;
    float: right;
    margin-top: 24px;
    margin-left: 15px
}

.accounts a {
    position: relative;
    float: left;
    margin-left: 5px;
    width: 2pc;
    height: 2pc;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 2pc
}

.theme-orderarea a:hover .account-popover {
    visibility: visible;
    margin-top: 0;
    opacity: 1;
}

.accounts a.account-weixin:hover {
    opacity: 1
}

.accounts a .fa {
    font-size: 18px
}

.account-popover {
    position: absolute;
    visibility: hidden;
    margin-top: -25px;
    padding-top: 20px;
    width: 155px;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 9999;
    right: 0;
    padding-right: 20px;
}

.account-popover .account-popover-content {
    position: relative;
    padding: 4px;
    border: 1px solid #999;
    border-radius: 2px;
    background-color: #fff
}

.account-popover .account-popover-content:after, .accounts a .account-popover .account-popover-content:before {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -3px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: ''
}

.account-popover .account-popover-content:before {
    border-bottom: 5px solid #555
}

.account-popover .account-popover-content:after {
    margin-top: 0;
    border-bottom: 5px solid #999999;
}

.accounts .account-weixin {
    background-color: #7cd673
}

.accounts .account-weibo {
    background-color: #ff8d8d
}

.accounts .account-tqq {
    background-color: #52c3f5
}

.accounts .account-qzone {
    background-color: #ffce00
}

.searchstart-off, .searchstart-on {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 0 15px;
    line-height: 70px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.searchstart-off .fa, .searchstart-on .fa {
    font-size: 18px
}

.sitenav-on {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999995;
    display: none;
    padding: 0 15px;
    line-height: 70px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sitenav-on .fa {
    font-size: 18px
}

.sitenav-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999990;
    display: none;
    background-color: #222;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 1200px) {
    .logo, .sitenav ul li {
        margin-right: 30px
    }

    .searchform .sinput {
        width: 90pt
    }

    .accounts {
        margin-left: 5px
    }
}

@media(max-width: 1024px) {
    .searchstart-on {
        display: block
    }

    .searchform {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .searchform-active .hreadloing {
        position: absolute;
        top: 0;
        right: 45px;
        left: 15px;
        z-index: 999996;
        float: none;
        display: block;
        margin-top: 0;
        padding: 18px 0;
        background-color: #fff
    }

    .searchform-active .hreadloing .sinput {
        float: none;
        width: 100%;
        border-radius: 2px
    }

    .searchform-active .hreadloing .sbtn {
        position: absolute;
        top: 19px;
        right: 0;
        float: none;
        opacity: 1
    }

    .accounts {
        display: none
    }
}

@media(max-width: 768px) {
    .current-cart {
        display: none;
    }

    .logo {
        float: none;
        margin-right: 60px;
        margin-left: 60px;
        text-align: center
    }

    .logo img {
        margin: 0 auto 75pt
    }

    .sitenav {
        position: fixed;
        top: 0;
        right: 100%;
        bottom: 0;
        z-index: 999991;
        padding: 5pc 0 0;
        width: 80%;
        background-color: #fff;
        font-size: 14px
    }

    .sitenav>ul {
        position: absolute;
        top: 5pc;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .sitenav>ul>li a {
        font-weight: 700;
        font-size: 13px
    }

    .sitenav>ul>li.menu-item-has-children>a:after, .sitenav>ul>li.menu-item-has-children>a:before {
        display: none
    }

    .sitenav ul li {
        float: none;
        margin-right: 0
    }

    .sitenav ul li a {
        padding: 9pt 15px;
        line-height: 1
    }

    .sitenav ul li a:hover, .sitenav ul li.active a:hover, .sitenav ul li:hover>a {
        background-color: #eee
    }

    .sitenav ul li:hover>.sub-menu {
        visibility: visible;
        margin-top: 0;
        opacity: 1
    }

    .sitenav ul li.current-menu-item>a {
        border-bottom: 0;
        background-color: #ff6651;
        color: #fff
    }

    .sitenav ul li.current-menu-parent>a {
        border-bottom: 0;
        color: #ff6651
    }

    .sitenav ul .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        visibility: visible;
        overflow: hidden;
        margin: 0 15px;
        margin-top: 0;
        width: auto;
        border: 0;
        background-color: transparent;
        box-shadow: none;
        text-align: left;
        font-size: 9pt;
        opacity: 1
    }

    .sitenav ul .sub-menu li {
        float: left;
        margin-right: 4%;
        margin-bottom: 10px;
        width: 46%
    }

    .sitenav ul .sub-menu:after, .sitenav ul .sub-menu:before {
        display: none
    }

    .sitenav ul .sub-menu li a {
        padding: 8px 15px;
        background-color: #f6f9fa;
        color: #888;
        text-align: center;
        font-weight: initial;
        font-size: 9pt;
        line-height: 14px
    }

    .sitenav-on {
        display: block;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }

    body {
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

    .sitenav-mask {
        display: block;
        visibility: hidden;
        opacity: 0
    }

    .sitenav-active {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }

    .sitenav-active .sitenav-mask {
        visibility: visible;
        opacity: 1
    }

    .sitenav-active .sitenav-on {
        left: -80%
    }

    .sitenav-active .sitenav ul .sub-menu {
        display: block
    }
}

@media(max-width: 544px) {
    body {
        padding-top: 50px
    }

    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9;
        height: 50px
    }

    .logo {
        margin-top: 10px;
        height: 30px;
        line-height: 30px
    }

    .logo img {
        max-height: 30px
    }

    .searchstart-off, .searchstart-on, .sitenav-on {
        line-height: 50px
    }

    .searchform-active .hreadloing {
        padding: 8px 0
    }

    .searchform-active .hreadloing .sbtn {
        top: 9px
    }

    .sitenav {
        padding-top: 50px
    }

    .sitenav>ul {
        top: 50px
    }
}

.shares {
    margin-bottom: 15px
}

.shares strong {
    color: #999;
    font-weight: 400
}

.shares a, .shares strong {
    display: inline-block;
    line-height: 2pc
}

.shares a {
    position: relative;
    margin-right: 10px;
    width: 2pc;
    height: 2pc;
    border-radius: 100%;
    text-align: center;
    opacity: .8;
    cursor: pointer
}

.shares a:hover {
    opacity: 1
}

.shares a:hover .share-popover {
    visibility: visible;
    margin-bottom: 0;
    opacity: 1
}

.shares a:before {
    width: 10px;
    height: 2pc
}

.shares a:hover:before {
    right: -70%;
    -webkit-transition: right .5s;
    transition: right .5s
}

.shares a.share-tsina {
    color: #ff8d8d
}

.shares a.share-weixin {
    color: #7bd172
}

.shares a.share-qzone {
    color: #fbc440
}

.shares a.share-sqq {
    color: #f68575
}

.shares a.share-renren {
    color: #95b4ec
}

.shares a.share-tqq {
    color: #5fb2d7
}

.shares a.share-douban {
    color: #67ce9b
}

.shares a.share-huaban {
    background-color: #dc5e5e
}

.shares i {
    font-weight: 400;
    font-size: 2pc
}

.shares .share-popover {
    position: absolute;
    bottom: 100%;
    left: 0;
    visibility: hidden;
    margin-bottom: 20px;
    padding-bottom: 6px;
    width: 90px;
    height: 90px;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shares .share-popover .share-popover-inner {
    position: relative;
    bottom: 6px;
    display: block;
    padding: 4px;
    height: 90px;
    border: 1px solid #999;
    border-radius: 2px;
    background-color: #fff
}

.shares .share-popover .share-popover-inner:after, .shares .share-popover .share-popover-inner:before {
    position: absolute;
    bottom: -5px;
    left: 9px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: ''
}

.shares .share-popover .share-popover-inner:before {
    border-top: 5px solid #555
}

.shares .share-popover .share-popover-inner:after {
    margin-bottom: 1px;
    border-top: 5px solid #fff
}

.f404 {
    padding: 40px 15px;
    text-align: center;
}

.f404 h2 {
    font-weight: 400;
    font-size: 20px;
}

.f404 h3 {
    font-weight: 400;
    font-size: 18px
}

.asst {
    position: relative;
    clear: both;
    overflow: hidden;
    text-align: center
}

.asst.asst-list-header {
    margin-top: 24px
}

.asst.asst-list-footer {
    margin-top: 30px
}

.asst.asst-single-header {
    margin-bottom: 22.5px
}

.asst.asst-single-comment, .asst.asst-single-footer {
    margin-bottom: 45px
}

.asst.asst-page-header {
    margin-bottom: 22.5px
}

.asst.asst-page-footer {
    margin-bottom: 45px
}

@media(max-width: 544px) {
    .asst.asst-list-header {
        margin-top: 0
    }

    .asst.asst-list-footer {
        margin-top: 15px
    }
}
.consulting {
	width:110px;
	height:32px;
	line-height:32px;
	text-align:center;
	border:1px solid #0274ff;
	color:#0274ff !important;
	font-size:14px;
	border-radius:3px;
	transform: translateY(-7px);
	cursor:pointer
}
.consulting:hover {
	background:#0274ff;
	border:1px solid #0274ff;
	color:#fff !important
}
.consulting a {
	font-size:14px !important;
	color:#0274ff !important
}
.consulting a:hover {
	color:#fff !important
}
.consultingshop {
	padding-left:0;
}

@keyframes scaleToggleOne {
    	0{transform:scale(1);
    	-webkit-transform:scale(1)
    }
    50% {
    	transform:scale(2);
    	-webkit-transform:scale(2)
    }
    100% {
    	transform:scale(1);
    	-webkit-transform:scale(1)
    }
}
@keyframes scaleToggleTwo {
    	0{transform:scale(1);
    	-webkit-transform:scale(1)
    }
    20% {
    	transform:scale(1);
    	-webkit-transform:scale(1)
    }
    60% {
    	transform:scale(2);
    	-webkit-transform:scale(2)
    }
    100% {
    	transform:scale(1);
    	-webkit-transform:scale(1)
    }
}
@keyframes scaleToggleThree {
    	0{transform:scale(1);
    	-webkit-transform:scale(1)
    }
    33% {
    	transform:scale(1);
    	-webkit-transform:scale(1)
    }
    66% {
    	transform:scale(2);
    	-webkit-transform:scale(2)
    }
    100% {
    	transform:scale(1);
    	-webkit-transform:scale(1)
    }
}
@media screen and (max-width:800px) {
	.ceo-footer-sidebar-girl {
    	display:none
    }
}
.animated {
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.ceo-footer-sidebar-girl {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    right: -10px;
    bottom: 20px;
    opacity: 1;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
    box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
    z-index: 14;
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.86,0,.07,1);
    transition: all 1s cubic-bezier(.86,0,.07,1);
}
.ceo-footer-sidebar-girl:focus {
	outline:0
}
.ceo-footer-sidebar-girl:after {
	content:'';
	width:12px;
	height:12px;
	border-radius:50%;
	background-image:linear-gradient(90deg,#fc2626,#fca626);
	position:absolute;
	right:1px;
	top:1px;
	z-index:50
}
.ceo-footer-sidebar-girl .girl {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:50
}
.ceo-footer-sidebar-girl .animated-circles .circle {
	background:rgba(255,0,0,0.25);
	width:60px;
	height:60px;
	border-radius:50%;
	position:absolute;
	z-index:49;
	transform:scale(1);
	-webkit-transform:scale(1)
}

.focusbox {
    padding: 45px 0;
    background-color: #384047;
    color: #eee;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.focusbox, .focusbox .container {
    text-align: center
}

.focusbox .focusbox-title {
    margin: 0;
    font-weight: 400;
    font-size: 21px;
}

.focusbox .focusbox-title+.focusbox-text {
    margin-top: 4.5px
}

.focusbox .focusbox-text {
    color: #999
}



.header-top-title {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    position: absolute;
    padding-top: 26px;
}

.header-top-title h2 {
    font-weight: 400;
}

.header-title h1 {
    color: #fff;
    margin: 0;
}

.header-title p {
    margin-top: 10px;
}

@media(max-width: 768px) {
    .focusbox {
        padding: 30px 0
    }

    .focusbox .focusbox-title {
        font-size: 18px
    }

    .focusbox .focusbox-text {
        font-size: 9pt
    }
}

@media(max-width: 544px) {
    .focusbox {
        padding: 18px 0;
    }

    .focusbox .focusbox-title {
        font-size: 1pc
    }

    .focusbox .focusbox-title+.focusbox-text {
        margin-top: 1.5px
    }
}

.post-view {
    margin-right: 10px
}

.post-comm, .post-view {
    display: inline-block
}

.post-like {
    position: relative;
    float: right;
    color: #bbb;
    line-height: 1
}

.post-like .fa {
    margin-right: 2px;
    vertical-align: 1px;
    font-size: 14px
}

.post-like.actived {
    color: #ff6651
}

.excerpts-wrapper {
    float: left;
    margin-top: 30px;
    width: 100%
}

.excerpt {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 220px;
    border-bottom: 1px solid #eee
}

.excerpt .focus {
    float: left;
    margin-left: -220px;
    width: 200px
}

.excerpt .thumb {
    display: block;
    width: 2 30px;
    border-radius: 3px;
}

.excerpt h2 {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.excerpt .note {
    color: #999;
    line-height: 24px
}

.excerpt .meta {
    margin-bottom: 10px;
    color: #bbb;
    font-size: 9pt
}

.excerpt .meta a, .excerpt .meta time {
    margin-right: 20px
}

.excerpt .meta a {
    color: #3298d6
}

.excerpt .meta a:hover {
    color: #288bc7
}

@media(max-width: 991px) {
    .excerpt {
        padding-left: 220px
    }

    .excerpt .focus {
        margin-left: -220px;
        width: 200px
    }

    .excerpt .thumb {
        width: 100%
    }

    .excerpt .meta, .excerpt h2 {
        margin-bottom: 10px
    }

    .excerpt .meta {
        font-size: 9pt
    }
}

@media(max-width: 767px) {
    .excerpt {
        padding-left: 180px
    }

    .excerpt .focus {
        margin-left: -180px;
        width: 10pc
    }
}

@media(max-width: 543px) {
    .excerpt {
        margin-bottom: .9375rem;
        padding-bottom: .9375rem;
        padding-left: 140px
    }

    .excerpt .focus {
        margin-left: -140px;
        width: 125px
    }

    .excerpt h2 {
        font-weight: 700;
        font-size: .85rem;
        line-height: 1.2
    }

    .excerpt .meta {
        display: none
    }

    .excerpt .note {
        font-size: 9pt;
        line-height: 1.2
    }
}

.leadpager {
    margin-top: 15px;
    margin-bottom: -10.5px;
    color: #999;
    text-align: center;
    font-size: 9pt;
    line-height: 1
}

.leadpager:before {
    content: '--- '
}

.leadpager:after {
    content: ' ---'
}

@media(max-width: 544px) {
    .leadpager {
        margin-bottom: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #f6f6f6
    }
}

.pagination {
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px
}

.pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.pagination ul li {
    display: inline-block;
    margin: 0 3px
}

.pagination ul li a, .pagination ul li span {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 2px
}

.pagination ul li a {
    background-color: #ddd;
    color: #666;
    text-decoration: none;
    opacity: 1
}

.pagination ul li span {
    color: #aaa;
    cursor: default
}

.pagination ul li a:focus, .pagination ul li a:hover {
    opacity: .8
}

.pagination ul li.active span {
    background-color: #aaa;
    color: #fff
}

.pagination ul li.next-page a {
    background-color: #ff6651;
    color: #fff
}

.pagination-loading {
    padding: 15px 0;
    text-align: center
}

.pagination-loading img {
    max-width: 70px
}

@media(max-width: 768px) {
    .pagination-loading img {
        max-width: 50px
    }
}

.ias_trigger {
    margin-bottom: 15px;
    text-align: center
}

.ias_trigger a {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 2px;
    background-color: #ff6651;
    color: #fff
}

.article-header {
    padding-bottom: 7.5px;
}

.edd-article-header {
    padding-bottom: 7.5px;
    text-align: center;
    margin-top: 20px;
    padding: 30px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.post-featured-image {
    overflow: hidden;
    width: 100%;
}

.post-featured-image img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.article-title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 24px
}

.article-meta {
    margin-bottom: 15px;
    color: #999
}

.article-meta .item {
    display: inline-block;
    margin-right: 15px
}

@media(max-width: 1024px) {
    .article-title {
        font-size: 20px
    }
}

@media(max-width: 768px) {
    .article-meta {
        font-size: 9pt
    }

    .article-meta .item {
        margin-right: 10px
    }
}

@media(max-width: 544px) {
    .article-title {
        margin-bottom: 5px;
        font-size: 18px
    }

    .article-meta {
        margin-bottom: 10px
    }
}

.article-content {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 1pc;
    line-height: 1.7;
}

.article-content img {
    display: block;
    height: auto;
    max-width: 100%
}

.article-content .wp-caption, .article-content blockquote, .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6, .article-content ol, .article-content p, .article-content pre, .article-content table, .article-content ul {
    margin: 0 0 30px
}

.article-content a {
    color: #2f9fff;

    text-decoration: underline
}

.article-content a:hover {
    color: #0087fb
}

.article-content pre {
    margin: 20px 0;
    padding: 10px 20px;
    border: 0;
    background: #4a4a4a;
    color: #f8f8d4;
    font: 9pt/20px 'courier new'
}

.article-content blockquote {
    margin: 30px;
    padding: 15px 20px 1px;
    border-left: 5px solid #eee;
    color: #999;
    font-size: 1pc
}

.article-content blockquote p {
    margin: 0;
    margin-bottom: 10px;
    padding: 0
}

.article-content h2 {
    margin: 30px 0;
    margin-left: -18px;
    padding: 0 0 0 10px;
    border-left: 7px solid #ff6651;
    color: #444;
    font-weight: 700;
    font-size: 20px
}

.article-content h3 {
    font-size: 16px;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 5px;
}

.article-content h4, .article-content h5, .article-content h6 {
    font-size: 1pc
}

.article-content ol, .article-content ul {
    margin: 0 0 30px 13px
}

.article-content p {
    margin-bottom: 30px
}

.article-content pre {
    word-wrap: break-word
}

.article-content table {
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.article-content table th {
    background-color: #f9f9f9;
    text-align: center
}

.article-content table td, .article-content table th {
    padding: 5px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.article-content embed[align=middle] {
    display: block;
    margin: 0 auto
}

.article-content .alignnone {
    margin: 0 auto
}

.article-content .alignleft {
    text-align: left
}

.article-content .aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center
}

.article-content .aligncenter img {
    margin: 0 auto
}

.article-content .alignright {
    text-align: right
}

.article-content .wp-caption {
    margin-bottom: 25px;
    max-width: 100%
}

.article-content .wp-caption img {
    margin-bottom: 5px
}

.article-content .wp-caption p {
    margin: 0;
    text-indent: 0
}

.article-content .wp-caption .alignnone {
    text-align: center
}

.article-content .wp-caption .wp-caption-text {
    color: #999;
    font-size: 14px
}

.article-copyright {
    margin-bottom: 30px
}

.article-paging {
    clear: both;
    overflow: hidden;
    margin: 15px 0 45px;
    text-align: center;
    font-size: 9pt
}

.article-paging span {
    display: inline-block;
    margin: 3px 2px;
    padding: 7px 15px;
    border-radius: 2px;
    background-color: #bbb;
    color: #fff
}

.article-paging a span {
    background-color: #eee;
    color: #999
}

.article-paging a:hover span {
    background-color: #384047;
    color: #fff
}

.article-actions {
    margin: 45px 0
}

.article-actions .shares {
    float: left;
    margin-bottom: 0
}

.article-actions .shares strong {
    display: block;
    margin-bottom: 10px;
    color: #999;
    font-weight: 400;
    font-size: 9pt;
    line-height: 1
}

.article-actions .action-like, .article-actions .action-rewards {
    float: right;
    display: inline-block;
    margin-top: 22px;
    margin-left: 15px;
    padding: 0 15px;
    height: 2pc;
    min-width: 5pc;
    border-radius: 2px;
    background-color: #f7b10d;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 31px;
    opacity: .8
}

.article-actions .action-like:hover, .article-actions .action-rewards:hover {
    opacity: 1
}

.article-actions .action-like i, .article-actions .action-rewards i {
    position: relative;
    margin-right: 3px;
    font-size: 14px
}

.article-actions .action-like {
    background-color: #ff6651
}

.article-actions .action-like i {
    top: -1px;
    margin-right: 5px
}

@media(max-width: 544px) {
    .article-actions {
        text-align: center
    }

    .article-actions .shares {
        float: none;
        margin-bottom: 45px
    }

    .article-actions .action-like, .article-actions .action-rewards {
        float: none;
        display: inline-block;
        margin: 0 10px;
        font-size: 9pt
    }
}

.article-wechats {
    text-align: center
}

.article-wechatitem {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 15px 15px 15px 110px;
    width: 20pc;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .02);
    text-align: left
}

.article-wechatitem img {
    float: left;
    margin-left: -95px;
    width: 5pc;
    height: 5pc
}

.article-wechatitem-tit {
    overflow: hidden;
    margin-bottom: 5px;
    height: 19px;
    font-weight: 700
}

.article-wechatitem-desc {
    overflow: hidden;
    height: 2pc;
    color: #bbb;
    font-size: 9pt
}

.article-wechatitem-users {
    position: absolute;
    bottom: 15px;
    color: #7bd172;
    font-size: 9pt
}

@media(max-width: 544px) {
    .article-wechatitem {
        width: auto;
        max-width: 20pc
    }
}

.rewards-popover-mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.rewards-popover, .rewards-popover-mask {
    position: fixed;
    z-index: 9999;
    display: none
}

.rewards-popover {
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin: -200px 0 0 -275px;
    padding: 40px 20px 50px;
    width: 550px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    text-align: center
}

.rewards-popover h3 {
    margin: 0 15px 30px;
    text-align: center;
    font-weight: 700;
    font-size: 18px
}

.rewards-popover-item {
    display: inline-block;
    margin: 0 20px;
    width: 200px
}

.rewards-popover-item h4 {
    margin: 0 20px 10px;
    font-size: 15px
}

.rewards-popover-item img {
    padding: 5px;
    width: 200px;
    height: 200px;
    border-radius: 2px;
    background-color: #eee
}

.rewards-popover-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    color: #999;
    font-size: 1pc;
    line-height: 1;
    cursor: pointer
}

.rewards-popover-close:hover {
    color: #666
}

@media(max-width: 768px) {
    .rewards-popover {
        margin-top: -125px;
        margin-left: -150px;
        padding: 30px 10px;
        width: 300px
    }

    .rewards-popover h3 {
        margin: 0 5px 15px;
        font-size: 1pc
    }

    .rewards-popover-item {
        margin: 0 5px;
        width: 125px
    }

    .rewards-popover-item h4 {
        margin: 0 0 10px;
        font-size: 9pt
    }

    .rewards-popover-item img {
        width: 125px;
        height: 125px
    }
}

.breadcrumbs {
    padding: 0 0 15px;
    color: #999;
    font-size: 13px
}

.article-shoppng {
    background: url(./img/mshoppng.png);
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
}

.article-container {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 30px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.article-tags {
    margin-bottom: 30px
}

.article-tags a {
    display: inline-block;
    margin-right: 5px;
    padding: 8px 10px 7px;
    border-radius: 2px;
    background-color: #eee;
    color: #999;
    font-size: 9pt;
    line-height: 1
}

.article-tags a:hover {
    background-color: #ff6651;
    color: #fff
}

.article-nav {
    clear: both;
    overflow: hidden;
    margin-bottom: 45px;
    color: #999;
    font-size: 9pt
}

.article-nav a {
    font-size: 14px
}

.article-nav .article-nav-prev {
    float: left;
    width: 50%
}

.article-nav .article-nav-next {
    float: right;
    width: 50%;
    text-align: right
}

@media(max-width: 544px) {
    .article-nav .article-nav-next, .article-nav .article-nav-prev {
        float: none;
        display: block;
        width: auto
    }

    .article-nav .article-nav-next {
        margin-top: 15px;
        text-align: left
    }
}

.postitems, .postitems h3 {
    font-size: 15px
}

.postitems h3 {
    margin-bottom: 20px;
    font-weight: 700
}

.postitems ul {
    margin-left: -20px;
    color: #999;
    list-style: disc
}

.postitems li {
    margin-top: 10px
}

.postitems time {
    margin-left: 20px;
    color: #bbb;
    font-size: 9pt
}

@media(max-width: 543px) {
    .postitems time {
        display: none
    }
}

.postformat-gallery .article-content, .postformat-image .article-content, .postformat-video .article-content {
    margin: 24px 0
}

.gallerybox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: #0c0c0c;
    background-color: rgba(0, 0, 0, .9)
}

.gallerybox .glide__slide {
    position: relative
}

.gallerybox .gallerybox-item {
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.gallerybox .gallerybox-item img {
    width: auto;
    max-height: 100%
}

.gallerybox .gallerybox-itemdesc {
    position: absolute;
    bottom: 12%;
    left: 30%;
    padding: 15px 30px;
    width: 40%;
    border-radius: 75pt;
    background-color: rgba(0, 0, 0, .4);
    color: #ddd;
    text-align: center;
    font-size: 14px
}

.gallerybox .gallerybox-close {
    position: fixed;
    top: 0;
    right: 0;
    padding: 30px;
    color: #ddd;
    cursor: pointer
}

.gallerybox .gallerybox-close .fa {
    font-size: 20px;
    line-height: 1
}

.gallerybox .gallerybox-close:hover {
    color: #fff
}

@media(max-width: 1024px) {
    .gallerybox .glide--horizontal .glide__arrows {
        margin-left: 0;
        width: 100%
    }

    .gallerybox .glide__arrow {
        padding: 30px 15px;
        background-color: rgba(0, 0, 0, .5)
    }

    .gallerybox .glide__arrow:hover {
        background-color: rgba(0, 0, 0, .8)
    }

    .gallerybox .glide--horizontal .glide__bullets {
        bottom: 5%
    }
}

@media(max-width: 544px) {
    .gallerybox .glide__arrow {
        padding: 20px 10px
    }

    .gallerybox .glide__arrow .fa {
        font-size: 20px
    }
}

.gallery .glide {
    margin-bottom: 50px
}

.gallery .glide:hover .glide__arrow {
    display: block
}

.gallery ul.glide__track {
    margin: 0;
    padding: 0
}

.gallery .glide__bullets {
    bottom: -5px
}

.gallery .glide__arrow {
    display: none;
    padding: 15px 10px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.gallery .glide__arrow .fa {
    color: #fff;
    font-size: 18px
}

.gallery .glide__bullets>* {
    background-color: #bbb
}

.gallery .glide__bullets>:focus, .gallery .glide__bullets>:hover {
    border: 2px solid #bbb
}

.gallery .glide__bullets>.active {
    background-color: #666
}

.gallery .glide__slide {
    position: relative
}

.gallery .gallery-item, .gallery .gallery-item img {
    margin: 0 auto
}

.gallery .gallery-itemdesc {
    position: absolute;
    bottom: 10px;
    left: 25%;
    padding: 5px 15px;
    width: 50%;
    border-radius: 75pt;
    background-color: rgba(0, 0, 0, .4);
    color: #eee;
    text-align: center;
    font-size: 14px
}

.gallery-size-large, .gallery-size-medium, .gallery-size-thumbnail {
    overflow: hidden;
    margin-right: -2%;
    margin-bottom: 22.5px
}

.gallery-size-large .gallery-item, .gallery-size-medium .gallery-item, .gallery-size-thumbnail .gallery-item {
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: top;
    text-align: center
}

.gallery-size-large .gallery-item img, .gallery-size-medium .gallery-item img, .gallery-size-thumbnail .gallery-item img {
    margin: 0 auto
}

.gallery-size-large .gallery-caption, .gallery-size-medium .gallery-caption, .gallery-size-thumbnail .gallery-caption {
    margin-top: 4px;
    color: #999;
    font-size: 14px
}

.gallery-size-large.gallery-columns-1 .gallery-item, .gallery-size-medium.gallery-columns-1 .gallery-item, .gallery-size-thumbnail.gallery-columns-1 .gallery-item {
    width: 98%
}

.gallery-size-large.gallery-columns-2 .gallery-item, .gallery-size-medium.gallery-columns-2 .gallery-item, .gallery-size-thumbnail.gallery-columns-2 .gallery-item {
    width: 48%
}

.gallery-size-large.gallery-columns-3 .gallery-item, .gallery-size-medium.gallery-columns-3 .gallery-item, .gallery-size-thumbnail.gallery-columns-3 .gallery-item {
    width: 31.33333%
}

.gallery-size-large.gallery-columns-4 .gallery-item, .gallery-size-medium.gallery-columns-4 .gallery-item, .gallery-size-thumbnail.gallery-columns-4 .gallery-item {
    width: 23%
}

.gallery-size-large.gallery-columns-5 .gallery-item, .gallery-size-medium.gallery-columns-5 .gallery-item, .gallery-size-thumbnail.gallery-columns-5 .gallery-item {
    width: 18%
}

.gallery-size-large.gallery-columns-6 .gallery-item, .gallery-size-medium.gallery-columns-6 .gallery-item, .gallery-size-thumbnail.gallery-columns-6 .gallery-item {
    width: 14.66667%
}

.gallery-size-large.gallery-columns-7 .gallery-item, .gallery-size-medium.gallery-columns-7 .gallery-item, .gallery-size-thumbnail.gallery-columns-7 .gallery-item {
    width: 12.28571%
}

.gallery-size-large.gallery-columns-8 .gallery-item, .gallery-size-medium.gallery-columns-8 .gallery-item, .gallery-size-thumbnail.gallery-columns-8 .gallery-item {
    width: 10.5%
}

.gallery-size-large.gallery-columns-9 .gallery-item, .gallery-size-medium.gallery-columns-9 .gallery-item, .gallery-size-thumbnail.gallery-columns-9 .gallery-item {
    width: 9.11111%
}

@media(max-width: 768px) {
    .gallery-size-large.gallery-columns-4 .gallery-item, .gallery-size-medium.gallery-columns-4 .gallery-item, .gallery-size-thumbnail.gallery-columns-4 .gallery-item {
        width: 31.33333%
    }

    .gallery-size-large.gallery-columns-5 .gallery-item, .gallery-size-large.gallery-columns-6 .gallery-item, .gallery-size-medium.gallery-columns-5 .gallery-item, .gallery-size-medium.gallery-columns-6 .gallery-item, .gallery-size-thumbnail.gallery-columns-5 .gallery-item, .gallery-size-thumbnail.gallery-columns-6 .gallery-item {
        width: 23%
    }

    .gallery-size-large.gallery-columns-7 .gallery-item, .gallery-size-medium.gallery-columns-7 .gallery-item, .gallery-size-thumbnail.gallery-columns-7 .gallery-item {
        width: 18%
    }

    .gallery-size-large.gallery-columns-8 .gallery-item, .gallery-size-medium.gallery-columns-8 .gallery-item, .gallery-size-thumbnail.gallery-columns-8 .gallery-item {
        width: 14.66667%
    }

    .gallery-size-large.gallery-columns-9 .gallery-item, .gallery-size-medium.gallery-columns-9 .gallery-item, .gallery-size-thumbnail.gallery-columns-9 .gallery-item {
        width: 12.28571%
    }
}

@media(max-width: 544px) {
    .gallery-size-large, .gallery-size-medium, .gallery-size-thumbnail {
        margin-right: -4%
    }

    .gallery-size-large .gallery-item, .gallery-size-medium .gallery-item, .gallery-size-thumbnail .gallery-item {
        margin-right: 4%;
        margin-bottom: 4%
    }

    .gallery-size-large.gallery-columns-1 .gallery-item, .gallery-size-medium.gallery-columns-1 .gallery-item, .gallery-size-thumbnail.gallery-columns-1 .gallery-item {
        width: 96%
    }

    .gallery-size-large.gallery-columns-2 .gallery-item, .gallery-size-large.gallery-columns-3 .gallery-item, .gallery-size-large.gallery-columns-4 .gallery-item, .gallery-size-medium.gallery-columns-2 .gallery-item, .gallery-size-medium.gallery-columns-3 .gallery-item, .gallery-size-medium.gallery-columns-4 .gallery-item, .gallery-size-thumbnail.gallery-columns-2 .gallery-item, .gallery-size-thumbnail.gallery-columns-3 .gallery-item, .gallery-size-thumbnail.gallery-columns-4 .gallery-item {
        width: 46%
    }

    .gallery-size-large.gallery-columns-5 .gallery-item, .gallery-size-large.gallery-columns-6 .gallery-item, .gallery-size-medium.gallery-columns-5 .gallery-item, .gallery-size-medium.gallery-columns-6 .gallery-item, .gallery-size-thumbnail.gallery-columns-5 .gallery-item, .gallery-size-thumbnail.gallery-columns-6 .gallery-item {
        width: 29.33333%
    }

    .gallery-size-large.gallery-columns-7 .gallery-item, .gallery-size-large.gallery-columns-8 .gallery-item, .gallery-size-medium.gallery-columns-7 .gallery-item, .gallery-size-medium.gallery-columns-8 .gallery-item, .gallery-size-thumbnail.gallery-columns-7 .gallery-item, .gallery-size-thumbnail.gallery-columns-8 .gallery-item {
        width: 21%
    }

    .gallery-size-large.gallery-columns-9 .gallery-item, .gallery-size-medium.gallery-columns-9 .gallery-item, .gallery-size-thumbnail.gallery-columns-9 .gallery-item {
        width: 16%
    }
}

.image-container {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.image-header {
    margin-bottom: 30px
}

.image-title {
    margin: 0 0 7.5px
}

.image-meta {
    color: #999
}

.image-content img {
    height: auto
}

.image-navigation {
    margin-top: 30px;
    margin-bottom: 30px
}

.image-navigation a {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 2px;
    background-color: #ff6651;
    color: #fff;
    opacity: 1
}

.image-navigation a:hover {
    opacity: .8
}

.image-caption, .image-description {
    margin: 0 auto 30px;
    max-width: 600px
}

@media(max-width: 1024px) {
    .image-title {
        font-size: 18px
    }
}

.page-template-blank .article-header {
    margin: 24px 0;
    text-align: center
}

.page-template-blank-2 .article-content {
    margin: 24px 0
}

.tagslist {
    overflow: hidden
}

.tagslist ul {
    margin: 0;
    margin-right: -15px;
    padding: 0;
    list-style-type: none
}

.tagslist li {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    padding: 15px;
    width: calc(20% - 15px);
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: white;
}

.tagslist li:hover {
    border-color: #999
}

.tagslist li:hover .name {
    background-color: #384047;
    color: #fff
}

.tagslist li .name {
    display: inline-block;
    padding: 5px 10px 4px;
    background-color: #eee;
    color: #666;
    font-size: 9pt
}

.tagslist li .name:hover {
    background-color: #ff6651;
    color: #fff
}

.tagslist li small {
    margin-left: 10px;
    color: #bbb
}

.tagslist li p {
    display: block;
    overflow: hidden;
    margin: 10px 0 0;
    height: 36px;
    font-size: 9pt;
    line-height: 1.5
}

.tagslist li p a {
    color: #999
}

.tagslist li p a:hover {
    color: #555
}

@media(max-width: 1024px) {
    .tagslist li {
        width: calc(25% - 15px)
    }
}

@media(max-width: 768px) {
    .tagslist li {
        width: calc(33.3333333% - 15px)
    }
}

@media(max-width: 544px) {
    .tagslist li {
        width: calc(50% - 15px)
    }
}

.theme-orderarea {
    padding-bottom: 10px
}

.theme-orderarea h4 {
    margin-bottom: 20px
}

.theme-orderarea a {
    margin-bottom: 10px
}

.sidebar-img {
    padding-bottom: 15px
}

.sidebar-img img {
    width: 100%;
    border-radius: 3px
}

.theme-orderarea .theme-orderarea-price {
    margin-top: -20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}

.theme-orderarea .theme-orderarea-price h5 {
    color: #999;
    font-weight: lighter;
    font-size: 14px;
    line-height: 30px
}

.theme-orderarea .theme-orderarea-price strong {
    float: right;
    color: #666;
    font-weight: 400;
    font-size: 30px;
    line-height: 1
}

.theme-orderarea .theme-orderarea-price strong dfn {
    position: relative;
    top: -4px;
    margin-right: 5px;
    font-style: normal;
    font-size: 14px
}

.widget {
    position: relative;
    clear: both;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 3px;
    background-color: #f6f9fa;
    font-size: 14px
}

.widget h3 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget ul ul {
    border: 0
}

.widget ul:after, .widget ul:before {
    display: table;
    content: "";
    line-height: 0
}

.widget ul:after {
    clear: both
}

.widget-textasst {
    padding: 0
}

.widget_text {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget_text h3 {
    margin: -15px -15px 15px;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb
}

.widget_text .textwidget {
    color: #999
}

.widget_meta {
    border-radius: 2px
}

.widget_meta ul {
    color: #999
}

.widget_meta ul li {
    margin-bottom: 5px;
    margin-left: 20px;
    list-style: disc
}

.widget_categories {
    padding: 15px;
}

.widget_categories h3 {
    margin: -15px -15px 10px;
    padding: 15px;
}

.widget_categories ul {
    color: #bbb
}

.widget_categories li .children {
    margin-top: 10px
}

.widget_categories li {
    margin-bottom: 7px;
    list-style: none;
    text-align: center;
    background: #eef2f5;
    padding: 5px;
    border-radius: 3px;
}

.widget_categories li:hover {
    opacity: 0.8;
}

.widget_categories li ul {
    padding: 0 0 0 15px
}

.widget_categories select {
    margin-top: 10px;
    padding: 4px 5px;
    width: 100%;
    height: 36px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    line-height: 36px
}

.widget_categories .screen-reader-text {
    display: none
}

.widget_archive {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget_archive ul {
    color: #bbb
}

.widget_archive li {
    float: left;
    margin: 5px 0 5px 20px;
    width: 43%;
    list-style: disc
}

.widget_archive li a {
    margin-right: 5px
}

.widget_archive select {
    margin-top: 10px;
    padding: 4px 5px;
    width: 100%;
    height: 36px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    line-height: 36px
}

.widget_archive .screen-reader-text {
    display: none
}

.widget_tag_cloud {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget_tag_cloud h3 {
    margin: -15px -15px 15px;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb
}

.widget_tag_cloud .tagcloud a {
    display: inline-block;
    margin: 3px 10px 3px 0
}

.widget_calendar h3 {
    display: none
}

.widget_calendar table {
    width: 100%;
    text-align: center
}

.widget_calendar table caption {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 15px
}

.widget_calendar table #next a, .widget_calendar table #prev a {
    display: block;
    padding: 0 10px
}

.widget_calendar table #prev {
    text-align: left
}

.widget_calendar table #next {
    text-align: right
}

.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th {
    padding: 5px 3px;
    border: 1px solid #eee
}

.widget_calendar table thead th {
    background-color: #fbfbfb;
    text-align: center
}

.widget_calendar table tbody td a {
    display: block;
    margin: 0 3px;
    background-color: #666;
    color: #fff
}

.widget_calendar table tbody td a:hover {
    background-color: #444
}

.widget_pages {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget_pages h3 {
    margin: -15px -15px 15px;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb
}

.widget_pages ul {
    color: #bbb
}

.widget_pages li {
    float: left;
    margin: 5px 0 5px 20px;
    width: 43%;
    list-style: disc
}

.widget_recent_entries li {
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

.widget_recent_entries li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.widget_recent_entries .post-date {
    display: block;
    margin-top: 5px;
    color: #bbb;
    font-size: 9pt
}

.widget_nav_menu {
    border-radius: 2px
}

.widget_nav_menu h3 {
    margin: -15px -15px 15px;
    margin-bottom: 0;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb
}

.widget_nav_menu ul {
    color: #999
}

.widget_nav_menu ul li {
    margin: 10px 0 0 20px;
    list-style: disc
}

.widget_links {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget_links h3 {
    margin: -15px -15px 15px;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb
}

.widget_links ul {
    color: #bbb
}

.widget_links li {
    float: left;
    margin: 5px 0 5px 20px;
    width: 43%;
    list-style: disc
}

.widget_rss {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget_rss h3 {
    margin: -15px -15px 15px;
    margin-bottom: 0;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb
}

.widget_rss .rsswidget img {
    display: none
}

.widget_rss ul {
    color: #999
}

.widget_rss li {
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

.widget_rss li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.widget-asst {
    overflow: hidden;
    border-radius: 2px;
    text-align: center
}

.widget-asst img {
    display: block;
    margin: 0 auto
}

.widget-textasst a {
    display: block;
    padding: 0 15px 15px;
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #fff;
    font-size: 9pt
}

.widget-textasst a h2 {
    margin: 10px 0;
    font-weight: 400;
    font-size: 20px
}

.widget-textasst a p {
    margin-bottom: 0;
    color: #999
}

.widget-textasst a strong {
    display: inline-block;
    margin: -1px 0 0;
    padding: 4px 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.widget-textasst a.style01 {
    color: #45b6f7
}

.widget-textasst a.style01:hover {
    border-color: #45b6f7
}

.widget-textasst a.style01 strong {
    background-color: #45b6f7
}

.widget-textasst a.style02 {
    color: #ff5e52
}

.widget-textasst a.style02:hover {
    border-color: #ff5e52
}

.widget-textasst a.style02 strong {
    background-color: #ff5e52
}

.widget-textasst a.style03 {
    color: #5cb85c
}

.widget-textasst a.style03:hover {
    border-color: #5cb85c
}

.widget-textasst a.style03 strong {
    background-color: #5cb85c
}

.widget-textasst a.style04 {
    color: #c35bff
}

.widget-textasst a.style04:hover {
    border-color: #c35bff
}

.widget-textasst a.style04 strong {
    background-color: #c35bff
}

.widget-postlist ul {
    margin-right: -15px
}

.widget-postlist li {
    overflow: hidden;
    padding: 15px 15px 15px 115px;
    border-bottom: 1px solid #eee
}

.widget-postlist .thumb {
    float: left;
    margin-left: -115px;
    width: 75pt;
    border-radius: 3px;
}

.widget-eddpostlist ul {
    margin-right: -15px
}

.widget-eddpostlist li {
    overflow: hidden;
    padding: 15px 15px 15px 115px;
    border-bottom: 1px solid #eee
}

.widget-eddpostlist li span {
    te; */ padding: 2px;
    background: #f2f2f4;
    padding: 0 10px;
    margin-left: 5px;
    border-radius: 3px;
}

.widget-eddpostlist .thumb {
    float: left;
    margin-left: -115px;
    width: 75pt;
    border-radius: 3px;
}

.widget-comments a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 52px;
    color: #777
}

.widget-comments li:last-child a {
    padding-bottom: 0
}

.widget-comments a:hover {
    color: #444
}

.widget-comments a:hover .inner {
    background-color: #fbfbfb
}

.widget-comments .inner {
    position: relative;
    padding: 9pt 15px;
    border: 1px solid #eee;
    border-radius: 2px
}

.widget-comments .inner:after, .widget-comments .inner:before {
    position: absolute;
    top: 9px;
    left: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: ''
}

.widget-comments .inner:before {
    border-right: 5px solid #aaa
}

.widget-comments .inner:after {
    margin-bottom: 1px;
    border-right: 5px solid #fff
}

.widget-comments time {
    display: block;
    margin-bottom: 3px;
    color: #bbb;
    font-size: 9pt
}

.widget-comments strong {
    margin-right: 10px;
    color: #bbb
}

.widget-comments .avatar {
    float: left;
    margin-left: -52px;
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.comments {
    padding-top: 20px;
    background: #fff;
    padding: 30px;
}

.comments-title {
    margin: 0;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1
}

.comments-title small {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-weight: 400;
    font-size: 9pt
}

.comments-respond {
    position: relative;
    margin-bottom: 15px
}

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

.comt-title {
    float: left;
    margin-left: -52px;
    width: 42px;
    color: #999;
    text-align: center;
    font-size: 9pt
}

.comt-title .avatar {
    margin-bottom: 5px;
    width: 42px;
    height: 42px;
    border-radius: 100%
}

.comt-title p {
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comt-box {
    position: relative;
    padding: 5px 10px 0;
    /* border: 2px solid #ccd4d9; */
    border-radius: 2px;
    /* background-color: #fff; */
}

.comt-area {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 72px;
    outline: 0;
    border: 0;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    resize: vertical;
    border-radius: 2px;
    margin-bottom: 10px;
    opacity: 1;
    padding: 0.375rem 0.75rem;
    border: 2px solid #eceeef;
}

.comt-ctrl {
    margin-left: -10px;
    height: 36px;
    /* border-top: 1px solid #f2f2f2; */
    /* background-color: #fbfbfb; */
}

.comt-submit {
    position: absolute;
    right: 10px;
    bottom: -2px;
    padding: 0;
    width: 75pt;
    height: 38px;
    outline: 0;
    border: 0;
    border: 2px solid;
    border-color: #ff6651;
    border-top: 0;
    border-left: 0;
    border-radius: 3px;
    background: #ff6651;
    color: #fff;
    font-size: 1pc;
    line-height: 38px;
}

.comt-count {
    float: right;
    margin-bottom: 5px;
    color: #999
}

.comt-tips {
    margin-right: 110px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 60pt;
}

.comt-tips .comt-tip {
    position: absolute;
    top: -2px;
    right: 10px;
    bottom: 50px;
    left: 10px;
    z-index: 2;
    border-radius: 2px;
    background: #7ad071;
}

.comt-error {
    background: #ff5e52
}

.comt-comterinfo {
    padding: 15px 0;
    text-align: center
}

.comt-comterinfo ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #999;
    list-style: none;
    text-align: left
}

.comt-comterinfo li {
    margin-bottom: 10px
}

.comt-comterinfo input {
    position: relative;
    margin-right: 10px;
    padding: 4px 8px;
    width: 220px;
    height: 36px;
    outline: 0;
    border-radius: 2px;
    box-shadow: none;
}

@media(max-width: 544px) {
    .comt-submit {
        font-size: 9pt
    }

    .comt-comterinfo {
        text-align: left
    }

    .comt-comterinfo ul {
        display: block
    }

    .comt-comterinfo li {
        overflow: hidden;
        height: 36px
    }

    .comt-comterinfo input {
        width: 100%
    }
}

.postcomments {
    margin-bottom: 45px
}

.commentlist {
    margin: 0;
    padding: 0;
    list-style: none
}

.comment {
    position: relative;
    overflow: hidden;
    padding: 15px 0 15px 52px;
    border-top: 1px solid #eee;
}

.comment .comments-respond {
    margin-top: 30px
}

.comment .comt-avatar {
    position: relative;
    float: left;
    margin-left: -52px;
    width: 42px;
    height: 42px;
}

.comment .comt-avatar .avatar {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 100%
}

.comment .comt-main {
    position: relative;
    margin-right: 50px;
    color: #666;
    word-wrap: break-word;
    font-size: 14px;
}

.comment .comt-main p {
    margin-top: 15px;
    margin-bottom: 0
}

.comment .comt-author {
    margin-right: 10px
}

.comment .url {
    color: #999
}

.comment .url:hover {
    color: #666;
    text-decoration: underline
}

.comment .comt-meta {
    margin-top: 7px;
    color: #bbb;
    font-size: 9pt;
}

.comment .comment-reply-link {
    display: none;
    margin-left: 30px;
    color: #bbb;
    font-size: 9pt
}

.comment .comment-reply-link:hover {
    color: #666
}

.comment .comt-f {
    position: absolute;
    top: 15px;
    right: 0;
    color: #bbb;
    font-size: 1pc
}

.comment .comt-approved {
    display: inline-block;
    margin-right: 10px;
    padding: 2px 3px 1px;
    border-radius: 2px;
    background-color: #666;
    color: #fff;
    font-size: 9pt;
    line-height: 1
}

.comment .children {
    padding: 0;
    list-style: none
}

.comment .children .comment {
    margin: 15px 0 0;
    padding: 20px 10px 20px 70px;
    border-top: 1px solid #eee;
    border-bottom: 0;
    background: #f2f2f4;
    border-radius: 5px;
}

.comment pre {
    margin: 3px 0 5px;
    padding: 7px 10px;
    border-radius: 1px
}

.comment .depth-1 {
    border-bottom: 1px solid #eee
}

.comment .wp-smiley {
    margin-bottom: 2px
}

.comment:hover {
    /* background-color: #f8f8f8 */
}

.comment:hover .comt-f {
    color: #666
}

.comment:hover .comment-reply-link {
    display: inline-block
}

#cancel-comment-reply-link {
    display: none;
    margin-top: 7px;
    color: #999;
    text-align: center;
    font-size: 9pt
}

#cancel-comment-reply-link:hover {
    color: #666
}

.comment #cancel-comment-reply-link {
    display: block
}

.comments-pagination {
    margin-top: 15px;
    text-align: center;
    font-size: 14px
}

.comments-pagination a, .comments-pagination span {
    display: inline-block;
    margin: 0 2px;
    padding: 7px 15px;
    border-radius: 2px
}

.comments-pagination a {
    background-color: #ddd;
    color: #666;
    text-decoration: none;
    opacity: 1
}

.comments-pagination span {
    color: #aaa;
    cursor: default
}

.comments-pagination a:focus, .comments-pagination a:hover {
    opacity: .8
}

.comments-pagination .current {
    background-color: #aaa;
    color: #fff
}

.edd-related {
    padding-top: 20px;
    background: #fff;
    padding: 30px;
}

.edd-related-title {
    margin: 0;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
}

.edd-related-title small {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-weight: 400;
    font-size: 9pt
}

.edd-related ul {
    margin-right: -2%;
    overflow: hidden;
    padding: 0 20px;
}

.edd-related ul li {
    float: left;
    width: 31.33333%;
    margin-right: 2%;
    margin-top: 2%;
    list-style: none;
}

.edd-related ul li:hover {
    transition: all .5s;
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.edd-related ul li a span {
    padding-top: 10px;
    display: block;
}

@media (max-width: 768px) {
    .edd-related ul li {
        width: 98%;
    }
}

.footer {
    clear: both;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 45px;
    border-top: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    font-size: 9pt
}

.footer, .footer a {
    color: #bbb
}

.footer a:hover {
    color: #999
}

.footer-navs a, .footer-links a {
    display: inline-block;
    margin: 0 10px;
}

.rollbar {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 999;
    display: none;
    width: 50px
}

.rollbar .rollbar-item {
    position: relative;
    margin-top: 10px;
    height: 50px;
    border-radius: 50px;
    background-color: #666;
    color: #fff;
    text-align: center;
    line-height: 50px;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.rollbar .rollbar-item i {
    font-size: 20px
}

.rollbar .rollbar-item:hover {
    color: #fff;
    opacity: .9
}

.rollbar .rollbar-item .fa {
    font-size: 24px;
    line-height: 50px
}

@media(max-width: 768px) {
    .rollbar {
        right: -75pt
    }
}

@media only screen and (max-width: 600px) {
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display: none;
    }

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        display: none;
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        display: none;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
}

.homecmsbox {
    margin: 40px;
}

@media(max-width: 768px) {
    .homecmsbox {
        margin: 0;
    }
}

.homecmsbox-post-image {
    display: inline-block;
    width: 100%;
    height: 203px;
    border: none
}

.homecmsbox-post-image img {
    display: block;
    width: 100%;
    height: 203px;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
}

.home-about {
    position: relative;
    padding: 4% 0;
    width: 100%;
    background: #1f1f1f url(img/background1.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.home-about .container-title {
    padding: 0 0 3%;
    width: 100%;
    text-align: center
}

.home-about .container-title h1 {
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    line-height: 35px;
}

.ceo-footer-sidebar-girl .animated-circles.animated .c-1 {
	animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards
}
.ceo-footer-sidebar-girl .animated-circles.animated .c-2 {
	animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards
}
.ceo-footer-sidebar-girl .animated-circles.animated .c-3 {
	animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards
}
.ceo-footer-sidebar-girl.animation-stopped .circle {
	opacity:0!important
}
.ceo-footer-sidebar-girl.animation-stopped .circle {
	opacity:0!important
}
.ceo-footer-sidebar-girl .livechat-hint {
	position:absolute;
	right:40px;
	top:50%;
	margin-top:-20px;
	opacity:0;
	z-index:0;
	-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);
	transition:all .3s cubic-bezier(.86,0,.07,1)
}
.ceo-footer-sidebar-girl .livechat-hint.show_hint {
	-webkit-transform:translateX(-40px);
	transform:translateX(-40px);
	opacity:1
}
.ceo-footer-sidebar-girl .livechat-hint.hide_hint {
	opacity:0;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
	max-width:1296px!important
}
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
	width:auto;
	overflow:hidden;
	text-overflow:ellipsis
}
@media only screen and (max-width:1599px) {
	.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
    	max-width:1060px!important
    }
}
@media only screen and (max-width:1309px) {
	.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
    	max-width:984px!important
    }
}
@media only screen and (max-width:1124px) {
	.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
    	max-width:600px!important
    }
}
.rd-notice-tooltip {
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
	box-shadow:0 2px 2px rgba(0,0,0,.2);
	font-size:14px;
	border-radius:3px;
	line-height:1.25;
	position:absolute;
	z-index:65;
	max-width:350px;
	opacity:1
}
.rd-notice-tooltip:after {
	position:absolute;
	display:block;
	content:'';
	height:20px;
	width:20px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:50
}
.rd-notice-tooltip .rd-notice-content {
	background:0;
	border-radius:3px;
	width:100%;
	color:#fff;
	position:relative;
	z-index:60;
	padding:20px;
	font-weight:400;
	line-height:1.45
}
.rd-notice-type-success {
	background-color:#ff2626;
	-webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
	box-shadow:0 5px 10px 0 rgba(38,199,252,.2)
}
.rd-notice-type-success .rd-notice-content {
	background-color:#ff2626
}

.home-about p {
    margin: 8px;
    font-weight: 300;
    font-size: 18px;
}

.home-about .container-title {
    padding: 0;
}

.home-about .container-title h1 {
    font-size: 20px;
}

.home-about .topaz-line {
    position: relative;
    color: #ff5733;
    width: 160px;
    margin: 25px auto;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    height: 20px;
}

.home-about .topaz-line:before, .topaz-line:after {
    content: '';
    position: absolute;
    width: 50%;
    top: 50%;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    margin-top: -1px
}

.home-about .topaz-line:before {
    right: -15px
}

.home-about .topaz-line:after {
    left: -15px
}

.home-about .topaz-line.hr-left {
    float: left;
    left: -6px;
    position: absolute;
    top: -9px
}

.topaz-line.hr-left:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    width: 60px;
    top: 4px
}

.topaz-line.hr-left:before {
    content: none;
    top: 4px
}

.home-about p {
    margin: 8px;
    font-weight: 300;
    font-size: 15px;
}

.likes-column {
    position: relative;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    vertical-align: top;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 18%;
    float: left;
    margin-bottom: 30px;
    margin-left: 1%;
    margin-right: 1%;
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

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

.likes-column:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

@media only screen and (max-width: 960px) {
    .likes-column {
        width: 23%;
    }
}

.likes-column .entry-header {
    padding: 15px;
}

@media only screen and (max-width: 600px) {
    .likes-column .entry-header {
        padding: 8% 6%
    }

    .likes-column {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .likes-column: {
        margin-right: 0
    }
}

.likes-column .entry-title {
    position: relative;
    overflow: hidden;
    font-weight: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
}

@media only screen and (max-width: 600px) {
    .likes-column .entry-title {
        font-size: 13px;
    }
}

.likes-column .entry-title a {
    color: #4a545a
}

.likes-column .entry-title a:hover {
    opacity: .8
}

.likes-column .download-meta {
    position: relative;
    right: 0;
    bottom: 0;
    padding-top: 10px;
    left: 0;
    border-top: 1px dashed #dbe0e4;
}

.likes-column-post-image img {
    display: block;
    width: 100%;
    height: 120px;
    max-width: 100%;
    border-radius: 3px 3px 0 0;
}

.posts-like-meta {
    display: block;
    width: 50%;
    float: left;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
}

.home-portfolioback {
    background-image: url(./img/background2.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.home-portfolioback h3 {
    padding-bottom: 0;
    font-size: 22px;
    color: #ffffff;
    line-height: 2;
    text-align: center;
    z-index: 1;
    font-weight: inherit;
}

@media(max-width: 768px) {
    .home-portfolioback h3 {
        padding-bottom: 0;
        font-size: 15px;
    }
}

.home-portfolioback-button {
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 3px;
}

.home-portfolioback-button:hover {
    background: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.met-index-service {
    text-align: center;
    padding: 40px 0px;
}

.appear-no-repeat {
    font-size: 30px;
    margin-top: 0px;
    text-align: center;
    font-weight: 300;
}

.appear-desct {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    width: 80%;
    color: #5e7387;
    margin: 0px auto;
}

.appear-blocks {
    padding: 0;
    margin: 0;
    margin-right: -15px;
    margin-left: -15px;
    list-style: none;
}

.appear-li {
    margin: 50px 0 0;
    clear: none;
    height: 232px;
    width: 25%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .appear-li {
        width: 50%;
    }
}

.met-index-service [class*=blocks] li h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 20px;
    color: #2a333c
}

.met-index-service [class*=blocks] li p {
    width: 90%;
    margin: 0px auto;
    font-weight: 300;
    color: #5e7387
}

.met-index-service [class*=blocks] li i {
    width: 120px;
    height: 120px;
    background: #eee;
    text-align: center;
    font-size: 50px;
    line-height: 120px;
    color: #5e7387;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
    -o-transition: background 0.5s, color 0.5s;
}

.met-index-service [class*=blocks] li:hover i {
    background: #3298d6;
    color: #fff
}

.sdczz_com_service_box .sdczz_com_qq:hover,.sdczz_com_service_box.sdczz_com_qq:hover,.ceo_footer_s a:hover {
	color:#fff
}
.sdczz_com_service_box .sdczz_com_qq:hover,.sdczz_com_service_box.sdczz_com_qq:hover,.ceo_footer_s span:hover {
	color:#fff
}
.sdczz_com_service_box i {
	font-size:20px!important
}
.sdczz_com_service_phone,.sdczz_com_service_qrimg,.sdczz_com_service_ax_cont {
	color:#333
}
.sdczz_com_service_triangle {
	top:12px;
	right:-11px;
	position:absolute;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:11px solid #e1e6ec;
	z-index:1010
}
.sdczz_com_service_triangle:after {
	content:"\20";
	top:-6px;
	right:1px;
	position:absolute;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:10px solid #fff;
	z-index:1000
}
.sdczz_com_service_triangle:before {
	content:"\20";
	width:80px;
	height:45px;
	top:-20px;
	right:-52px;
	position:absolute;
	background:rgba(0,0,0,0)
}
@keyframes fade-in {
	0% {
    	opacity:.4;
    	right:82px
    }
    100% {
    	opacity:1;
    	right:62px
    }
}
.sdczz_com_service_consult {
    
}
.sdczz_com_service_consult:hover {
	border:0;
	background:#4f7cfc
}
/*end css by Dadongg*/