body {
    background: #f1f5f8;
    color: #5a5a5a;
    font: 14px/1.5 -apple-system,'Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',SimSun,sans-serif
}

body {
    --mainColor: #ea4c89;
    --subColor: #ea4c89;
    --text: #333;
    --subText: #6e6d7a;
    --infoText: #999;
    --border: #eee;
    --focusBorder: #ea4c89;
    --bg: #fff;
    --subBg: #f6f6f6;
    --largeRadius: 10px;
    --radius: 6px;
    --subRadius: 3px;
    --layoutWidth: 1200px;
    --filterBg: rgba(234,76,137,0.1);
    --input: #f6f7f8;
    --blue: #409eff;
    --yellow: #e6a23c;
    --red: #f56c6c;
    --green: #67c23a;
    --gold: #faad14;
    --gray: #dcdfe6;
    --dgyBlue: #0170fe
}

li,ul {
    list-style: none
}

.wp {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.elp {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "."
}

.clearfix {
    zoom:1}

@media (min-width: 768px) {
    .wp {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .wp {
        width:970px
    }
}

@media (min-width: 1280px) {
    .wp {
        width:1200px
    }
}

@media (min-width: 1440px) {
    .wp {
        width:1400px
    }
}

.img-scale,.pic-scale .pic {
    position: relative;
    overflow: hidden
}

.img-scale img,.pic-scale img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.img-scale:hover img,.pic-scale:hover img {
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transform: scale(1.05)
}

.img-scale.scale2:hover img,.pic-scale.scale2:hover img {
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transform: scale(1.05)
}

.oh {
    overflow: hidden
}

.dj-sm {
    margin-top: 50px;
    color: #9f9f9f
}

.sm-one {
    margin-bottom: 4px;
    text-align: center
}

.sm-one:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: "\0020"
}

.sm-one span {
    float: left;
    display: block;
    color: #ccc
}

.sm-o-left {
    width: 42%;
    height: 0;
    border-top: 1px solid #ccc;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.sm-o-center {
    top: -13px;
    margin-top: -13px;
    width: 16%;
    text-align: center;
    text-indent: 0
}

.sm-o-right {
    width: 42%;
    height: 0;
    border-top: 1px solid #ccc;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.sm-con {
    margin-top: 6px;
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.sm-con a {
    color: #9f9f9f;
    text-decoration: underline!important
}

.dj-tt {
    border: 1px solid red!important;
    color: red!important
}

body,dd,dl,dt,li,ol,td,th,ul {
    margin: 0;
    padding: 0
}

body {
    overflow: auto!important;
    padding: 0!important
}

.modal {
    overflow: hidden!important
}

a {
    color: #5a5a5a;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

a:hover {
    color: #fb0202;
    text-decoration: none
}

a:link,a:visited {
    text-decoration: none
}

body.nav-fixed {
    position: relative
}

ul li {
    list-style: none
}

.modal-dialog {
    margin: 200px auto
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0!important
}

a:focus {
    outline: 0!important
}

.fr {
    float: right
}

.fl {
    float: left
}

.input-login,.input-reg {
    margin-bottom: 15px
}

.ajax_imgcode {
    position: absolute;
    right: 45px;
    bottom: 5px;
    z-index: 9
}

.ajax_reg_imgcode {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 9
}

.faw {
    width: 15px
}

.col-sm-6.admina,.col-sm-6.commenta,.col-sm-6.loga,.col-sm-6.weiyua {
    margin-bottom: 10px
}

.row>.lga>a {
    margin: auto 15px
}

.modal-header .close {
    margin-right: -8px;
    text-shadow: 0 1px 0 #ddd;
    transition: all .5s linear
}

.modal-header .close:hover {
    transform: rotate(-360deg)
}

.text-muted {
    color: #777;
    font-size: 85%
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: 0;
    margin-left: 0
}

.navbar-brand {
    box-sizing: content-box;
    padding: 12px 0;
    height: auto;
    color: #fff!important;
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 1
}

.navbar-brand b {
    color: #fb0202
}

.navbar-brand span {
    font-size: 14px
}

.navbar-default {
    background: #fff
}

.navbar-form .input-group>.form-control {
    float: right;
    padding-left: 35px;
    width: 20%;
    background: url(../image/search.png) no-repeat 15px 7px
}

.nav>li>.dropdown a:hover ul {
    display: block
}

.navbar-default .navbar-nav>li>a {
    display: block;
    padding: 14px 12px;
    color: #454545;
    font-size: 16px
}

.navbar-default .navbar-nav>li {
    margin-left: 5px
}

.navbar-default .navbar-nav>li>a i {
    margin-left: 3px
}

.nav>li.s-li {
    display: none
}

.nav>li.s-li form {
    display: flex;
    padding: 10px;
    opacity: .9
}

.nav>li.s-li form input {
    width: 80%;
    border-color: #ededed;
    box-shadow: inset 0 0 2px rgba(0,0,0,.075);
    font-size: 12px
}

.nav>li.s-li form .btn {
    width: 20%;
    background: #fb0202;
    color: #fff
}

.navbar-nav>li:last-child {
    background: 0
}

.navbar-nav .fa-angle-down {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -ms-transition: all .25s
}

.navbar-nav li:hover .fa-angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.dropdown>a:focus {
    background-color: transparent;
    color: #fb0202
}

.navbar-default .navbar-nav>.dropdown>a:hover,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #fb0202
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #fb0202
}

.navbar-default .navbar-nav>li.active:before {
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 3px;
    background: #fb0202;
    content: '';
    transition: all .5s ease;
    -webkit-mask-image: linear-gradient(-75deg,rgba(244,55,55,.24) 50%,#f43737 50%,#000 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite
}

.navbar-default .navbar-nav>li.active:after {
    position: absolute;
    right: 32%;
    bottom: 18px;
    display: none;
    width: 6px;
    height: 3px;
    background: #fff;
    content: '';
    transition: all .3s ease
}

.navbar-default .navbar-nav>li.active:before {
    width: 30px
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}

.modal-header {
    padding: 10px 20px;
    height: 42px;
    color: #454545
}

.carousel-control>.slide-left,.carousel-control>.slide-right {
    margin: 70% auto
}

.logout_body {
    margin-bottom: 5px;
    border-bottom: 1px solid #ededed
}

.sidebar-user {
    margin: 18px;
    text-align: center
}

.sideli {
    margin-bottom: 15px
}

.carousel-indicators {
    bottom: 0
}

.panel-default {
    border-color: #eaeaea
}

.modal-footer {
    padding-top: 0;
    border-top: 0
}

.badge {
    background-color: #999
}

.btn-info {
    border-color: #1e9fff;
    background-color: #fb0202
}

.btn-info:hover {
    border-color: #1e9fff;
    background-color: #fb0202
}

.sign-title {
    margin: 3px 10px;
    padding-bottom: 8px;
    width: 72px;
    border-bottom: 2px solid #3dbaf9;
    color: #3dbaf9;
    font-size: 18px
}

.ajax_btn-reg {
    margin-top: 15px
}

.ajax_qq {
    float: left;
    display: inline-block
}

.ajax_btn {
    float: right;
    display: inline-block
}

.ajax_login_icon {
    padding: 6px 8px;
    border: 2px solid #f78c8a;
    border-radius: 50px!important;
    background-color: #fff;
    color: #f97f7d!important;
    font-size: 20px;
    font-family: YaHei,Georgia,Serif
}

.ajax_login_icon:hover {
    padding: 6px 8px;
    border: 2px solid #f78c8a;
    border-radius: 50px!important;
    background-color: #fff;
    color: #f97f7d!important;
    font-size: 20px;
    font-family: YaHei,Georgia,Serif;
    opacity: .8
}

.ajax_login_code {
    padding: 6px 10px;
    border: 2px solid #3dbaf9;
    border-radius: 50px!important;
    background-color: #fff;
    color: #3dbaf9!important;
    font-size: 20px;
    font-family: YaHei,Georgia,Serif
}

.ajax_login_code:hover {
    padding: 6px 10px;
    border: 2px solid #3dbaf9;
    border-radius: 50px!important;
    background-color: #fff;
    color: #3dbaf9!important;
    font-size: 20px;
    font-family: YaHei,Georgia,Serif;
    opacity: .8
}

.form-group.input-login>span {
    margin-right: 10px
}

.ajax_reg_btn {
    border: 1px solid #3dbaf9;
    background-color: #3dbaf9;
    color: #fff
}

.ajax_reg_btn:hover {
    color: #fff;
    opacity: .8
}

.ajax_login_btn {
    width: 120px;
    border: 1px solid #fff;
    border-color: #3dbaf9;
    border-radius: 3px!important;
    background-color: #3dbaf9;
    color: #fff
}

.ajax_login_btn:hover {
    color: #fff;
    opacity: .8
}

.container-fluid p {
    color: #454545
}

.btn.ajax_reg_btn.btn-block {
    color: #fff
}

.col-sm-7.ajax_login_list1 {
    border-right: 1px solid #ededed
}

.ajax_login_btn[disabled] {
    background-color: #9ad5f3
}

.ajax_btn>span>input {
    display: inline-block;
    padding: 4px 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff
}

.ajax_btn>span>input:hover {
    opacity: .8
}

.nav-tabs>li>a {
    border-radius: 2px 4px 0 0;
    color: #fff;
    line-height: .82857143
}

.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
    border: 1px solid transparent;
    background-color: transparent;
    color: #5a4e4c;
    text-decoration: none;
    text-shadow: .07em .07em 0 rgba(0,0,0,.1)
}

.dlbt {
    margin-left: 5px;
    color: #ffa600
}

.content-wrap {
    float: left;
    width: 72%
}

.content-wrap.nosidebar {
    float: none;
    width: 100%
}

.content {
    position: relative;
    margin-bottom: 15px;
    min-height: 280px
}

.sidebar {
    position: relative;
    float: right;
    margin-left: 0;
    width: 26.6%
}

.sidebar .row {
    margin: 0;
    height: 100%
}

.sidebars {
    position: relative;
    float: left;
    margin-left: -340px;
    width: 326px
}

.excerpt-minic {
    overflow: hidden;
    margin-bottom: 20px;
    height: 40px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22);
    line-height: 40px
}

.gglb {
    padding-left: 5px
}

.bulletin ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.posts-gallery-content h2 a:hover {
    color: #1e9fff
}

.posts-gallery-content1 h2 a:hover {
    color: #1e9fff
}

.sub-cate {
    padding: 0 1px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.sub-cate .tit {
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: middle
}

.sub-cate a {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
}

.sub-cate a.on {
    color: #fff
}

.sub-cate a:active {
    box-shadow: none
}

.product-cate {
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 4px;
    background: #fff
}

.product-cate .item~.item {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #ededed
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-cate .flex a {
    width: 15%;
    text-align: left
}

@media (max-width: 768px) {
    .product-cate .flex a {
        width:auto
    }

    .product-cate .flex a.mhide {
        display: none
    }
}

.content-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef!important;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.content-box {
    overflow: hidden;
    padding: 10px
}

.posts-default .content-box {
    padding: 0
}

.posts-default-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    max-height: 300px
}

.posts-default-img a {
    position: relative;
    display: block
}

.posts-default-img img {
    width: 100%
}

.posts-default-img .overlay {
    opacity: 0
}

.posts-default-img a:hover .overlay {
    opacity: .2
}

.posts-default-box {
    padding: 32px 27px
}

.posts-default-title {
    position: relative;
    margin: 0 0 10px
}

.posts-default-title h2 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    line-height: 1.2
}

.posts-default-title h2 a:hover {
    color: #1e9fff
}

.posts-default-content {
    position: relative;
    line-height: normal
}

.posts-default-content .posts-text {
    margin-bottom: 15px;
    color: #748594;
    line-height: 1.6
}

.posts-default-info {
    position: relative;
    display: inline-block
}

.posts-default-info ul li {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    color: #748594;
    letter-spacing: -.2px;
    font-size: 12px;
    line-height: 1.5
}

.posts-default-info ul li a {
    color: #748594
}

.posts-default-info ul li a:hover {
    color: #1e9fff
}

.posts-default-info ul li.post-author {
    padding-left: 22px
}

.posts-default-info ul li .avatar {
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px
}

.posts-default-info ul li .avatar img {
    padding: 1px;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 50%
}

.posts-gallery-img {
    position: relative;
    float: left;
    overflow: hidden;
    width: 200px;
    height: 134px
}

.nopic .posts-gallery-img {
    display: none
}

.posts-gallery-img img {
    width: 100%;
    height: 100%;
    border: 1px solid #e5e8ed;
    object-fit: cover
}

.posts-gallery-img .simg {
    height: 100%
}

.posts-gallery-img .simg-8 img {
    display: block
}

.posts-gallery-img .simg .t1 {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    padding: 0 6px;
    border-radius: 4px;
    background: rgba(255,68,0,.8);
    color: #fff;
    font-size: 12px
}

.posts-gallery-content {
    margin-left: 220px;
    padding-top: 0
}

.posts-gallery-content1 {
    padding-top: 0
}

.video-list-two .posts-gallery-content {
    margin-left: 0
}

.video-list-two .posts-gallery-content1 {
    margin-left: 0
}

.posts-gallery-content h2 {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2
}

.posts-gallery-content h2 a {
    color: #454545;
    font-weight: 700
}

.posts-gallery-content .posts-gallery-text {
    margin-bottom: 15px;
    min-height: 66px;
    color: #777;
    line-height: 1.6
}

.posts-gallery-content1 h2 {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2
}

.posts-gallery-content1 h2 a {
    color: #454545;
    font-weight: 700
}

.posts-gallery-content1 .posts-gallery-text {
    color: #777;
    font-size: 14px;
    line-height: 1.6
}

.post-style-tips {
    position: absolute;
    right: 28px;
    bottom: 32px
}

.post-style-tips a {
    display: inline-block;
    padding: 6px 10px;
    background: #378df7;
    color: #fff;
    font-size: 13px;
    line-height: 1
}

.post-style-tips span a:hover {
    background: #273746
}

.post-images-item {
    margin-bottom: 10px
}

.post-images-item ul {
    overflow: hidden
}

.post-images-item ul li {
    float: left;
    width: 33.3333%
}

.post-images-item ul li .overlay {
    opacity: 0
}

.post-images-item ul li:first-child .image-item {
    position: relative;
    overflow: hidden;
    margin-right: 6px;
    height: 135px
}

.post-images-item ul li:nth-child(2) .image-item {
    position: relative;
    overflow: hidden;
    margin-right: 3px;
    margin-left: 3px;
    height: 135px
}

.post-images-item ul li:last-child .image-item {
    position: relative;
    overflow: hidden;
    margin-left: 6px;
    height: 135px
}

.post-images-item ul li a img {
    width: 100%;
    height: 166px
}

.post-entry-categories {
    float: right;
    display: block;
    margin-top: -2px
}

.post-entry-categories a {
    display: inline-block;
    margin: 0 2px 2px 0;
    padding: 4px 5px;
    background-color: #fb0202;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4
}

.post-entry-categories a:nth-child(6n+0) {
    background-color: #4a4a4a
}

.post-entry-categories a:nth-child(6n+1) {
    background-color: #ff5e5c
}

.post-entry-categories a:nth-child(6n+2) {
    background-color: #ffbb50
}

.post-entry-categories a:nth-child(6n+3) {
    background-color: #1ac756
}

.post-entry-categories a:nth-child(6n+4) {
    background-color: #1e9fff
}

.post-entry-categories a:hover {
    background-color: #1b1b1b;
    color: #fff
}

.index_cms_6 {
    padding-right: 5px;
    padding-left: 5px
}

.index_cms {
    margin-right: -5px;
    margin-left: -5px
}

.xg {
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px)
}

i.article-mark {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 14;
    margin: -3px 0 0 -3px;
    width: 56px;
    height: 56px;
    background: url(../image/ico-mark.png)
}

i.article-marks {
    position: absolute;
    top: 45px;
    left: 10px;
    z-index: 14;
    margin: -3px 0 0 -3px;
    width: 56px;
    height: 56px;
    background: url(../image/ico-mark.png)
}

i.article-mark.new-mark,i.article-marks.new-mark {
    background-position: -16px -16px
}

i.article-mark.hot-mark,i.article-marks.hot-mark {
    background-position: -112px -16px
}

i.article-mark.top-mark,i.article-marks.top-mark {
    background-position: -192px -16px
}

span.mark-red {
    position: absolute;
    top: -15px;
    right: -40px;
    padding: 24px 0 2px;
    width: 90px;
    background: #f73b3b;
    color: #f73b3b;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    transform: rotate(45deg)
}

.textgg i {
    float: left;
    margin-right: 8px;
    margin-left: 10px;
    border-radius: 50%;
    color: #fb0202;
    text-align: center;
    line-height: 42px
}

.excerpt {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.content-list:hover,.excerpt:hover,.panel-default:hover {
    box-shadow: 0 3px 6px 0 rgba(3,27,78,.1)
}

.btn,.dropdown-menu,.form-control,.input-group-addon,.modal-content,.panel {
    border-radius: 4px
}

.panel-default>.panel-heading {
    padding: 15px 15px 10px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background: rgba(255,255,255,.81)
}

.more {
    font-size: 15px
}

.panel_cms {
    padding: 5px 15px 0;
    min-height: 197px
}

.panel_cms ul {
    margin-bottom: 0;
    padding: 0 4px
}

.panel_cms li a {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap
}

.panel_cms li a:hover {
    color: #1e9fff
}

.panel_cms time {
    float: right;
    margin: 0;
    margin-left: 20px;
    padding: 0;
    color: #999;
    font-size: 12px;
    line-height: 24px
}

.panel_cms ul li {
    line-height: 1.8em
}

.panel-default {
    margin-bottom: 10px
}

.pagination {
    display: inline-block;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    text-align: center;
    font-size: 12px
}

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0
}

.pagination ul>a {
    display: inline
}

.pagination ul>a.page-num-current {
    background: #1e9fff!important;
    color: #fff
}

.pagination ul>a:hover {
    background: #ededed
}

.pagination ul>span.tj {
    float: left;
    margin: 0 2px;
    padding: 2px 14px;
    border: 0;
    background-color: transparent;
    color: #999;
    font-size: 12px;
    cursor: default
}

.pagination ul>a,.pagination ul>span {
    float: left;
    margin: 0 2px;
    padding: 1px 14px;
    border: 1px solid #e5e8ed;
    border-radius: 4px;
    background: #fff;
    color: #444;
    line-height: 22px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.excerpt-page {
    padding: 10px 0;
    text-align: center;
    font-size: 0
}

.navbar-right {
    display: flex;
    margin-left: 6%!important;
    padding-right: 15px;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.navbar-right:after,.navbar-right:before {
    display: none
}

.navbar-nav .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0)
}

.navbar-right .dropdown-menu {
    right: auto;
    left: 50%;
    display: inline-block;
    visibility: hidden;
    margin-left: -65px;
    width: 130px;
    min-width: 0;
    background-color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transition: all .4s ease;
    -webkit-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
    -ms-transform: translateY(6px)
}

.navbar-nav .dropdown-menu:after {
    margin-top: 1px;
    border-bottom: 6px solid #fff
}

.navbar-nav .dropdown-menu:before {
    border-bottom: 6px solid #ccc
}

.navbar-nav .dropdown-menu:after,.navbar-nav .dropdown-menu:before {
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: ''
}

.widget_ui_statistics ul {
    overflow: hidden;
    padding: 15px;
    color: #888;
    line-height: 26px
}

.widget_ui_statistics li {
    float: left;
    width: 50%
}

.shareBox {
    position: relative;
    margin: 40px 0 10px;
    text-align: center
}

.shareBox p {
    margin: 0;
    padding-bottom: 0
}

.shareBox .sharebtn {
    display: inline-block;
    margin: 0 2px;
    width: 92px;
    height: 36px;
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
    color: #f74840;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.shareBox .sharebtn.zan {
    cursor: not-allowed
}

.shareBox .like .icon-heart-filled {
    display: none;
    margin-top: -3px
}

.shareBox .like.current {
    background-color: #f74840;
    color: #fff
}

.shareBox .like i {
    display: inline-block;
    display: inline-block;
    margin-top: -3px;
    vertical-align: middle
}

.shareBox .like.current .icon-heart-filled {
    display: inline-block;
    -webkit-animation: waver .3s linear 1;
    -moz-animation: waver .3s linear 1;
    -o-animation: waver .3s linear 1;
    animation: waver .3s linear 1
}

.shareBox .like.current .icon-heart {
    display: none
}

.panel-abouts .wxgz {
    display: inline-block;
    margin: 0 10px;
    padding: 5px;
    border: 1px solid #836fff;
    text-align: center
}

.panel-reward {
    position: relative;
    display: none;
    margin: 15px 0;
    padding: 10px 0 0;
    border: 1px dashed #ccc
}

.panel-reward ul li {
    display: inline-block;
    margin: 0 10px 5px;
    padding: 5px
}

.panel-reward ul .txpay {
    margin-left: 6px;
    border-color: #c99eea
}

.panel-reward ul .weixinpay {
    margin-left: 6px;
    border-color: #8ae0ac;
    text-align: center
}

.context ul .weixinpay:before {
    display: none
}

.panel-abouts .wxgz img,.panel-reward ul li img {
    margin-bottom: 0;
    padding: 0;
    width: 150px;
    height: auto;
    border: 0;
    background-color: transparent!important
}

.panel-abouts .wxgz img:hover,.panel-reward ul li img:hover {
    padding: 0;
    border: 0
}

.panel-abouts .wxgz b,.panel-reward ul li b {
    display: block;
    margin-top: 10px;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.75
}

@keyframes waver {
    0 {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.5,1.5)
    }

    100% {
        transform: scale(1,1)
    }
}

@-moz-keyframes waver {
    0 {
        -moz-transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.5,1.5)
    }

    100% {
        -moz-transform: scale(1,1)
    }
}

@-webkit-keyframes waver {
    0 {
        -webkit-transform: scale(1,1)
    }

    50% {
        -webkit-transform: scale(1.5,1.5)
    }

    100% {
        -webkit-transform: scale(1,1)
    }
}

@-o-keyframes waver {
    0 {
        -o-transform: scale(1,1)
    }

    50% {
        -o-transform: scale(1.5,1.5)
    }

    100% {
        -o-transform: scale(1,1)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.shareBox .share-btn {
    border-color: #3496e6;
    color: #3496e6
}

.shareBox .sharebtn:hover {
    background-color: #f74840;
    color: #fff
}

.shareBox .publicity-btn {
    border-color: #378df7;
    background-color: #378df7;
    color: #fff
}

.shareBox .publicity-btn:hover {
    border-color: #2c6fc1;
    background-color: #2c6fc1
}

.shareBox .share-btn:hover {
    background-color: #3496e6;
    color: #fff
}

.shareBox .pay-author {
    background-color: #ec414d;
    color: #fff
}

.shareBox .pay-author:hover {
    opacity: .9
}

.bdsharebuttonbox {
    position: relative;
    display: none;
    padding: 20px 0 0
}

.panel-abouts,.panel-reward {
    position: relative;
    display: none;
    padding: 20px 0
}

#ajaxloading,#ajaxloading1,#error,#error1 {
    position: relative;
    top: 8px;
    left: 8px;
    color: red
}

#mySlide {
    margin-bottom: 10px;
    width: 100%
}

.carousel-inner>.item>img {
    margin: 0 auto;
    width: 100%
}

.carousel-control {
    margin: 0 auto
}

#header {
    height: 68px;
    min-height: auto!important;
    border-bottom: none
}

#header .navbar-fixed-top {
    width: 100%;
    height: 68px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

#header .nav-cont {
    display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap
}

#header .container:after,#header .nav-cont:before {
    display: none
}

#header.top-tip-open {
    height: 98px
}

.logo img {
    margin-top: 0
}

a.highslide {
    border: 0!important
}

.panel .panel-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px #ededed solid;
    background: #fff;
    line-height: 38px
}

.breadcrumb {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #999
}

#post-box .post-title {
    margin-top: 15px;
    margin-bottom: 12px;
    padding: 0 20px;
    width: 100%;
    color: #151515;
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5
}

#post-box .post-meta-box .breadcrumb i {
    display: none
}

#post-box .post-meta-box {
    padding: 2px 20px;
    color: #999
}

#post-box .post-meta-box a {
    color: #999
}

#post-box .post-meta-box>.meta-top {
    float: right;
    color: #777
}

#post-box .post-meta-box a:hover {
    color: #1e9fff
}

#post-box .post-meta-box>.meta-top>span.comments-top:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.post-info,.post-info-m {
    padding: 0 20px;
    color: #888;
    text-align: left;
    font-size: 12px;
    line-height: 1
}

.post-info-m {
    display: none
}

.post-info span,.post-info-m span {
    margin-right: 10px
}

.post-info span a,.post-info-m span a {
    color: #888
}

.post-info span a:hover {
    color: #1e9fff
}

#mobile-tab-menu {
    display: none;
    margin-top: 5px;
    padding: 0 10px
}

#mobile-tab-menu>li.current {
    background: #bcbcbc;
    color: #fff
}

#mobile-tab-menu>li:first-child {
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

#mobile-tab-menu>li:last-child {
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px
}

#mobile-tab-menu>li {
    float: left;
    width: 50%;
    height: 30px;
    border: 1px solid #bcbcbc;
    color: #6b7386;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    border-right-width: 0
}

.log_h3 {
    margin: 0;
    padding: 20px 20px;
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 18px
}

.tips {
    color: #6b7386
}
    
section.context {
    padding: 0 20px 20px;
    min-height: 100px;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 27px
}
.q-answer .as-title {
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-align: center;

    font-weight: 600;
    border: 0;
    border-bottom: 1px solid #eee
}
.article-content {
    line-height: 1.75
}

.article-content iframe {
    width: 100%!important;
    height: 593px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.article-content a {
    color: #fb0202
}

.article-content video {
    width: 100%;
    height: auto;
    border: 1px solid #ededed;
    vertical-align: middle
}

.article-content a:hover {
    text-decoration: underline
}

section.context ol {
    padding-left: 20px
}

section.context table {
    margin-bottom: 10px
}

section.context table td,section.context table th {
    padding: 10px 10px;
    border: 1px solid #ededed;
    color: #333;
    font-weight: 400
}

section.context table th {
    padding: 10px 10px
}

section.context table tr:nth-child(2n) td {
    background: #f1f5f8
}

section.context.context-album {
    padding: 15px 0
}

.msginfo {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ededed;
    background: #f5f5f5
}

.context img {
    max-width: 728px
}

.related-posts {
    margin: 0;
    padding: 0
}

.related-posts>li {
    margin-bottom: 10px
}

.related-posts>li .related-posts-panel {
    margin-bottom: 0;
    border: 1px solid transparent;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.panel.no-padding {
    padding: 0
}

.panel.transparent {
    background: 0
}

.related-posts>li .thumbnail-link {
    position: relative;
    display: block;
    overflow: hidden
}

.related-posts>li .thumbnailimg {
    display: block;
    width: 100%;
    height: 138px
}

.related-posts>li .related-posts-panel:hover {
    -moz-box-shadow: 0 0 2px #1e9fff;
    box-shadow: 0 0 2px #fb0202
}

.related-posts>li .related-posts-panel:hover .excerpt {
    top: 0
}

.related-posts>li .excerpt {
    position: absolute;
    top: -100%;
    left: 0;
    padding: 8px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.66);
    color: #fff;
    -webkit-transition: top .2s;
    -moz-transition: top .2s;
    -o-transition: top .2s;
    transition: top .2s
}

.related-posts>li .bottom-box {
    padding: 5px;
    background: #fff;
    text-align: center
}

.related-posts>li .post-title {
    overflow: hidden;
    margin: 0;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 13px;
    -ms-text-overflow: ellipsis
}

.related-posts>li .post-title a {
    color: #6b7386
}

.related-posts>li .post-meta>li {
    display: inline-block;
    margin-right: 30px;
    color: #6b7386
}

.related-posts>li .post-meta>li:last-child {
    margin-right: 0
}

.related-posts>li .post-meta>li a {
    color: #6b7386
}

.post-title {
    text-align: center
}

.post-meta {
    padding: 0
}

.date-abb a {
    font-size: 12px
}

.context pre {
    margin: 0 0 15px;
    padding: 10px 20px;
    border-radius: 2px;
    line-height: 20px
}

.context h1 {
    margin: 0 -15px 10px;
    padding: 0 15px;
    background: #fafafa;
    font-size: 22px;
    line-height: 32px
}

.context h2 {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(26%,rgba(49,155,208,.7)),color-stop(26%,transparent));
    background: -o-linear-gradient(bottom,rgba(49,155,208,.7) 26%,transparent 26% 100%);
    background: linear-gradient(to top,rgba(49,155,208,.7) 26%,transparent 26% 100%);
    color: #454545;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1
}

.context ul {
    padding: 0;
    list-style-type: none!important
}

.context ul li {
    position: relative;
    padding-left: 20px;
    text-align: left
}

.context ul li:before {
    position: absolute;
    left: -2px;
    padding-right: 8px;
    color: #fb0202;
    content: "●";
    line-height: 26px
}

.article-content>h2:first-child,.article-content>h3:first-child {
    margin-top: 0
}

.context h4 {
    margin: 0 -15px 10px;
    padding: 0 15px;
    background: #fafafa;
    font-size: 16px;
    line-height: 26px
}

.context h5 {
    margin: 0 -15px 10px;
    padding: 0 15px;
    background: #fafafa;
    font-size: 14px;
    line-height: 24px
}

.context h6 {
    margin: 0 -15px 10px;
    padding: 0 15px;
    background: #fafafa;
    line-height: 22px
}

.context img {
    margin-bottom: 15px;
    padding: 2px;
    height: auto;
    max-width: 100%;
    border: 1px solid #ededed;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transition-property: border-color,box-shadow;
    -moz-transition-property: border-color,box-shadow;
    -o-transition-property: border-color,box-shadow;
    transition-property: border-color,box-shadow
}

.context s,.jiaru s {
    color: #999;
    font-weight: 400
}

.navbar-form .input-group>.search-texts {
    float: right;
    width: 100%
}

.action-share {
    position: relative;
    margin: 30px 0;
    color: #6b7386;
    text-align: center
}

.bdsharebuttonbox.bdshare-button-style0-24 a {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 2px
}

.bdsharebuttonbox.bdshare-button-style0-24 span {
    position: relative;
    vertical-align: top
}

.bdsharebuttonbox.bdshare-button-style0-24 .bds_count {
    margin: 0;
    color: #6b7386
}

.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more {
    color: #6b7386;
    font-size: 14px
}

.action-like.zan {
    color: #1e9fff
}

.u-share-container {
    text-align: center;
    font-size: 0
}

.u-share-container li {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    border: 2px solid #e8e9e7;
    border-radius: 50%;
    opacity: .5;
    cursor: pointer;
    transition: opacity .36s linear
}

.u-share-container li:before {
    display: block;
    margin: 8px;
    width: 30px;
    height: 30px;
    background: url(../image/share.png) no-repeat;
    background-size: 30px 150px;
    content: '';
    transition: transform .3s linear
}

.u-share-container li:hover {
    opacity: 1
}

.u-share-container li:first-child {
    margin-left: 0
}

.u-share-container li:last-child {
    margin-right: 0
}

.u-share-container li.s-weibo {
    border-color: #ff7171
}

.u-share-container li.s-weixin {
    border-color: #5ac64f
}

.u-share-container li.s-qzone {
    border-color: #fbb611
}

.u-share-container li.s-note {
    border-color: #7ba2e8
}

.u-share-container li.s-weibo:before {
    background-position: 0 -60px
}

.u-share-container li.s-weixin:before {
    background-position: 0 0
}

.u-share-container li.s-qzone:before {
    background-position: 0 -30px
}

.u-share-container li.s-note:before {
    background-position: 0 -90px
}

.layer-share-weixin {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 19900206;
    text-align: center
}

.layer-share-weixin .inner,.layer-share-weixin:after {
    display: inline-block;
    vertical-align: middle
}

.layer-share-weixin:after {
    height: 100%;
    content: ''
}

.layer-share-weixin .inner {
    overflow: hidden;
    padding: 15px;
    width: 260px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    color: #787977;
    text-align: left;
    line-height: 20px
}

.layer-share-weixin .inner h6 {
    position: relative;
    color: #484947;
    font-weight: 400;
    font-size: 14px
}

.layer-share-weixin .inner h6 .close {
    position: absolute;
    right: 0;
    padding: 2px 5px;
    background-color: #e8e9e7;
    font-weight: 700;
    line-height: 16px;
    transition: all .3s
}

.layer-share-weixin .inner h6 .close:hover {
    background-color: #6bc30d;
    color: #fff
}

.layer-share-weixin .inner img {
    display: block;
    margin: 15px auto;
    width: 174px;
    height: 174px
}

.grid-weibo-show header {
    position: relative;
    overflow: hidden;
    height: 90px;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/weibo.jpg) center center no-repeat;
    background-size: cover
}

.widget_ui_blogger .panel {
    padding: 0
}

.fly_weibo {
    padding: 0
}

#weiboShow {
    padding: 0;
    min-height: 110px;
    background-color: rgba(255,255,255,.81)
}

.grid-weibo-show {
    background-color: rgba(255,255,255,.81)
}

.grid-weibo-show .contentt {
    padding: 20px 20px 5px
}

.grid-weibo-show .avatar {
    position: relative;
    z-index: 2;
    margin: -5px auto 0 auto;
    padding: 5px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: rgba(255,255,255,.3);
    box-shadow: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.15)
}

.grid-weibo-show .avatar img {
    width: 70px;
    height: 70px;
    border-radius: 100%
}

.grid-weibo-show h4 {
    margin: 10px 0 8px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    line-height: 1
}

.grid-weibo-show h4 span {
    position: absolute;
    display: inline-block;
    margin-top: -2px;
    margin-left: 8px;
    padding: 3px 5px;
    border-radius: 4px;
    background: #13b755;
    color: #fff;
    font-weight: 400;
    font-size: 12px
}

.grid-weibo-show .seta {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.grid-weibo-show .f-tdn {
    padding: 8px;
    text-align: center
}

.grid-weibo-show .u-btn-submit {
    display: block;
    margin: 10px auto;
    width: 70%;
    border: 1px solid #fb0202;
    background: #fb0202;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.grid-weibo-show footer {
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid #e5e5e5
}

.grid-weibo-show footer li {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
    width: 23%;
    vertical-align: middle;
    text-align: center;
    font-size: 14px
}

.grid-weibo-show footer li span,.grid-weibo-show footer li strong {
    margin: 0 auto
}

.grid-weibo-show li strong {
    margin-top: -2px!important;
    font-weight: 400;
    font-size: 15px;
    font-family: Georgia
}

.widget_ui_blogger {
    padding-right: 0;
    padding-left: 0
}

.widget_calendar {
    overflow: hidden;
    padding: 15px
}

#calendar_wrap {
    margin: 0 0 10px
}

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

.widget_calendar table caption {
    margin-bottom: 5px;
    text-align: center;
    font-size: 18px
}

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

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

.widget_calendar #calendar #today {
    background: url(../image/calendar.gif) no-repeat center center;
    color: #454545
}

.widget {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.widget .panel-header h3,.widget .widget-title h3 {
    position: relative;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 6px;
    padding: 10px 15px 10px 25px;
    color: #333;
    font-size: 18px
}

.widget .widget-title2 h3 {
    position: relative;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 6px;
    padding: 10px 0 10px 0;
    color: #333;
    font-size: 18px
}

.widget-title2 .more {
    position: absolute;
    top: 20px;
    right: 0;
    color: #999;
    font-size: 14px
}

.widget .intro-title h3 {
    padding: 13px 15px 2px 0
}

.xg_list .widget h3 {
    position: relative;
    margin: 0;
    padding: 13px 15px 2px;
    color: #333;
    font-size: 16px padding:12px 20px 12px
}

span.icon {
    float: left;
    display: none;
    padding: 12px 8px 0 15px;
    min-width: 15px
}

.widget_ui_tags .items {
    display: flex;
    overflow: hidden;
    padding: 5px 15px 12px 15px;
    flex-wrap: wrap
}

.widget_ui_tags .items a {
    overflow: hidden;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 0 10px;
    height: 28px;
    border-radius: 2px;
    background: #f1f1f1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 28px;
    line-height: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    flex-grow: 1
}

.widget_ui_tags .items a:hover {
    background: #1e9fff;
    color: #fff
}

.widget_ui_tags .items-4 a {
    width: 33.3333%
}

.widget_ui_gg .items,.widget_ui_share .items {
    display: flex;
    overflow: hidden;
    padding: 12px 15px 12px 15px;
    flex-wrap: wrap
}

.widget_ui_share .items-intro {
    line-height: 1.75
}

.widget_ui_gg .items {
    position: relative;
    padding: 0
}

.widget_ui_gg .items~.items {
    margin-top: 10px
}

.widget_ui_gg .items a,.widget_ui_share .items a {
    float: left;
    overflow: hidden;
    padding-right: 5px;
    width: 25%;
    height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 28px
}

.widget_ui_gg {
    padding: 15px
}

.widget_ui_sort ul.row.sort-ul {
    margin: 10px;
    padding: 0;
    list-style: none
}

.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li {
    margin: 0;
    padding: 0
}

.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a {
    float: left;
    width: 100%;
    height: 37px;
    border: 1px solid #eaeaea;
    background-color: #fbfbfb;
    color: #6b7386;
    text-align: center;
    font-size: 14px;
    line-height: 33px
}

.widget_archive ul.row.gd-sort {
    overflow: hidden;
    padding: 5px 0 5px 25px
}

.widget_archive ul.row.gd-sort li.gd-sort-li {
    float: left;
    overflow: hidden;
    margin: 0 1% 1% 0;
    width: 46%;
    height: 29px;
    background-color: #f6f6f6;
    color: #999;
    text-align: center;
    line-height: 29px
}

.sidebar-posts-list {
    padding: 0 0 15px
}

.sidebar-posts-list>li {
    display: flex;
    padding: 4px 8px 4px;
    justify-content: space-between
}

.sidebar-posts-list>li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1
}

.sidebar-posts-list>li .thumbnail-link {
    float: left;
    display: block
}

.sidebar-posts-list>li.thumbnail .right-box {
    padding-left: 60px
}

.sidebar-posts-list>li .side-title {
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 9px;
    margin-left: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px
}

.link-li>a:hover,.sidebar-posts-list>li .side-title-r>a:hover,.sidebar-posts-list>li .side-title>a:hover,.sidebar-posts-list>li>a:hover {
    color: #1e9fff
}

.sidebar-posts-list li span:before {
    display: inline-block;
    margin-right: 6px;
    margin-left: 6px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    line-height: 18px
}

.sidebar-posts-list li:nth-of-type(1) span:before {
    background: #e71555;
    color: #fff;
    content: '1'
}

.sidebar-posts-list li:nth-of-type(2) span:before {
    background: #16d083;
    color: #fff;
    content: '2'
}

.sidebar-posts-list li:nth-of-type(3) span:before {
    background: #ff6700;
    color: #fff;
    content: '3'
}

.sidebar-posts-list li:nth-of-type(4) span:before {
    background: #857479;
    color: #fff;
    content: '4'
}

.sidebar-posts-list li:nth-of-type(5) span:before {
    background: #857479;
    color: #fff;
    content: '5'
}

.sidebar-posts-list li:nth-of-type(6) span:before {
    background: #857479;
    color: #fff;
    content: '6'
}

.sidebar-posts-list li:nth-of-type(7) span:before {
    background: #857479;
    color: #fff;
    content: '7'
}

.sidebar-posts-list li:nth-of-type(8) span:before {
    background: #857479;
    color: #fff;
    content: '8'
}

.sidebar-posts-list li:nth-of-type(9) span:before {
    background: #857479;
    color: #fff;
    content: '9'
}

.sidebar-posts-list li:nth-of-type(10) span:before {
    background: #857479;
    color: #fff;
    content: '10'
}

.sidebar-posts-list li:nth-of-type(11) span:before {
    background: #857479;
    color: #fff;
    content: '11'
}

.sidebar-posts-list li:nth-of-type(12) span:before {
    background: #857479;
    color: #fff;
    content: '12'
}

.sidebar-posts-list>li .side-meta {
    overflow: hidden;
    margin-left: 75px;
    white-space: nowrap
}

.sidebar-posts-list>li .side-meta>li {
    display: inline;
    margin-right: 14px;
    color: #a2a2a2;
    font-size: 12px;
    cursor: pointer
}

.sidebar-posts-list>li .side-meta>li:last-child {
    margin-right: 0
}

.sidebar-posts-list>li .side-meta>li a {
    color: #a2a2a2
}

.thumbnailside {
    display: block;
    margin-right: 10px;
    margin-left: 5px;
    border: 1px solid #e5e8ed;
    background-color: #fff;
    line-height: 1.42857143;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.sidebar-posts-list>li .side-title-r {
    padding: 0 10px;
    font-size: 15px
}

.sidebar-posts-list>li .side-meta-r {
    overflow: hidden;
    white-space: nowrap
}

.sidebar-posts-list>li .side-meta-r>li {
    display: inline;
    margin-right: 14px;
    color: #a2a2a2;
    cursor: pointer
}

.sidebar-posts-list>li .side-meta-r>li:last-child {
    margin-right: 0
}

.sidebar-posts-list>li .side-meta-r>li a {
    color: #a2a2a2
}

.sidebar-randlog-list {
    overflow: hidden;
    padding: 10px;
    list-style: none
}

.sidebar-randlog-list>li {
    position: relative;
    float: left;
    padding: 5px;
    width: 50%;
    border-right: 1px solid #f0f0f0;
    border-bottom: solid 1px #f0f0f0
}

.sidebar-randlog-list>li a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    color: #fff
}

img.thumbs {
    height: 102px;
    background-color: #fafafa
}

span.text {
    position: absolute;
    top: 0;
    z-index: 2;
    display: none;
    padding: 10px;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 1.5
}

.loading,.loading1 {
    display: none
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(250,250,250,.1)
}

.loading1 {
    position: relative;
    top: 50%;
    left: 50%;
    z-index: 1001;
    display: block;
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.loading .block:nth-child(1) {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 3px solid transparent;
    border-radius: 50%;
    content: "";
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

.loading .block:nth-child(2) {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 3px solid transparent;
    border-radius: 50%;
    content: "";
    border-top-color: #f9c922;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.loading .block:nth-child(3) {
    -webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-transform: translateX(-100%)
}

.loading .block:nth-child(4) {
    -webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -ms-transform: translateX(100%)
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -ms-transform: rotate(0)
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -ms-transform: rotate(0)
    }

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

.sidebar-randlog-list>li>a:hover span.text {
    display: block
}

.thumbnails {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #fafafa
}

.avatar .author-ident {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url(../image/icon.png);
    background-position: -50px -50px;
    background-repeat: no-repeat;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    vertical-align: -2px
}

.avatar .author-idents {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url(../image/icon.png);
    background-position: -50px -50px;
    background-repeat: no-repeat;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    vertical-align: -2px
}

.avatar .author-identw {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url(../image/icon.png);
    background-position: -50px -75px;
    background-repeat: no-repeat;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    vertical-align: -2px
}

.author-social {
    padding: 0;
    text-align: center
}

.author-social .author-blog {
    background-color: #ff7259
}

.author-social .author-weibo {
    background-color: #1e9fff
}

.author-social span {
    display: inline-block;
    margin: 0 5px;
    border-radius: 2px
}

.author-social span a {
    display: inline-block;
    padding: 5px 12px;
    color: #fff;
    font-size: 14px
}

.author-social span a i {
    margin-right: 5px
}

.author-social span a:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.1)
}

.focusmo {
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px
}

.focusmo ul {
    margin: 0;
    padding-left: 50%;
    list-style: none
}

.focusmo li.large {
    float: left;
    margin-left: -100%;
    width: 100%
}

.focusmo li {
    float: left;
    width: 50%
}

.focusmo li.large a {
    margin-left: 0;
    height: 256px
}

.focusmo img {
    width: 100%;
    height: 100%
}

.focusmo li.large {
    float: left;
    margin-left: -100%;
    width: 100%
}

.focusmo .large h4 {
    font-size: 16px;
    line-height: 34px
}

.focusmo h4 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 4px 10px 0;
    height: 41px;
    background-color: #656565;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    line-height: 17px
}

.focusmo a {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 10px;
    height: 128px
}

.focusmo a:hover h4 {
    background-color: #fb0202;
    opacity: .8
}

.link-li {
    overflow: hidden;
    padding: 3px 8px;
    color: #6b7386;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-unstyled.souul {
    margin: 1px
}

.form-control.search.soutext {
    padding-left: 25px;
    background: url(../image/search.png) no-repeat 5px 8px;
    color: #6b7386;
    opacity: .8
}

.btn.btn-default.soubtn {
    color: #888
}

.widget-zdy {
    color: #6b7386
}

.panel-comments {
    position: relative;
    margin-bottom: 15px;
    padding: 1px 20px 5px;
    background: #fff
}

.panel-comments .panel-header {
    margin: -10px -20px 10px;
    background: #fff;
    background: #fafafa;
    line-height: 38px
}

.panel-comments .panel-header .right {
    float: right;
    display: inline-block;
    margin-top: -38px;
    padding-right: 20px;
    color: #999
}

.widget_recent_comments li {
    border: 1px solid #fff;
    border-bottom-color: #e6e6eb
}

.widget_recent_comments li>a {
    display: block;
    margin-bottom: -8px;
    padding: 9px
}

.widget_recent_comments li img.avatar {
    float: left;
    margin-top: 1px;
    width: 36px;
    height: 36px;
    border: 1px #fff solid;
    border-radius: 34px;
    box-shadow: 0 1px 3px rgba(34,25,25,.6)
}

.widget_recent_comments .show-avatars li .right-box {
    padding-left: 48px
}

.widget_recent_comments li .comment-text {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 6px 1px 6px 10px;
    width: 100%;
    border: solid #dfdfdf 1px;
    border-radius: 18px;
    background: #fcfcfc;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

.widget_recent_comments li .comment-text:before {
    position: absolute;
    position: absolute;
    top: 12px;
    left: -7px;
    display: block;
    width: 7px;
    height: 11px;
    background: url(../image/bg_msg2.gif) -12px -10px no-repeat;
    content: ""
}

.widget_recent_comments li .comment-text img {
    margin-top: -3px;
    width: 18px;
    height: 18px
}

.widget_recent_comments li .comment-text small {
    color: #00a9ee
}

.widget_recent_comments .show-avatars li .right-box>blockquote {
    margin: 0;
    padding: 0;
    border: 0
}

i.comment-reply-link {
    float: right;
    visibility: hidden;
    color: #639dcb;
    font-style: inherit;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transition: all .2s ease
}

li.widget.widget_links ul {
    margin: 10px
}

.author a {
    color: #ff9088;
    font-size: 12px
}

.author {
    color: #fb0202;
    font-size: 12px
}

.author a:hover {
    color: #1e9fff
}

.authors a {
    font-size: 12px
}

#reply-title {
    font-size: 14px
}

#cancel-reply {
    float: right
}

#cancel-reply a {
    color: #ff9088;
    font-size: 12px
}

.comments-list-nav span {
    display: block;
    display: inline-block;
    width: 24px;
    background: #fff;
    background: #fb0202;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    color: #fff;
    list-style: none;
    text-align: center;
    line-height: 24px
}

.page-navi .current,.page-navi .pages,.page-navi a {
    display: inline-block;
    width: 24px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    color: #fb0202;
    list-style: none;
    text-align: center;
    text-decoration: none;
    line-height: 24px
}

.page-navi .current,.page-navi a:hover {
    border-color: #fb0202;
    background: #fb0202;
    color: #fff
}

.page-navi>:first-child {
    margin-left: 0
}

.page-navi>:last-child {
    margin-right: 0
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    border-color: #fb0202;
    background-color: #fb0202
}

#cancel-reply a:hover,i.comment-reply-link:hover {
    opacity: .6;
    -moz-opacity: .6
}

.pagination>li>a,.pagination>li>span {
    color: #fb0202
}

.comments-list #respond {
    padding: 0 5px
}

.comments-list>li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 1px 10px 10px 10px;
    border-bottom: 1px #ddd solid;
    list-style: none
}

.comments-list li>.comment-box:after {
    clear: both;
    display: block;
    height: 0;
    content: ''
}

.comments-list li>.comment-box .avatar {
    float: left;
    display: block;
    margin-top: 2px;
    padding: 3px;
    width: 58px;
    height: 58px;
    border: 1px solid #ededed;
    border-radius: 50px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.comments-list li>.comment-box .avatar:hover {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.comments-list.show-avatars li>.comment-box>.right-box {
    padding-left: 68px
}

.comments-list li .right-box>.comment-meta {
    display: block;
    margin-top: 5px;
    line-height: 20px
}

.comments-list li .right-box>.comment-meta .author {
    font-weight: 700;
    font-size: 14px
}

.comment .comment-box>.time,.comments-list li .right-box>.time {
    color: #999;
    font-size: 12px
}

.comments-list li .right-box>.comment-meta .edit-link a,.comments-list li .right-box>.comment-meta .reply a {
    color: #1e9fff
}

.comments-list.show-avatars li>.comment-box>.right-box:hover .comment-reply-link {
    visibility: visible;
    opacity: 1
}

.comments-list li .right-box>.des,.comments-list li .right-box>p {
    margin: 2px 0;
    color: #6b7386;
    line-height: 20px
}

.comments-list li .right-box>.waiting {
    color: #1e9fff
}

.comments-list li>.children {
    margin-top: 10px;
    margin-left: 15px
}

.comments-list li>.children>li {
    margin-bottom: -10px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-top: 1px dashed #ddd;
    list-style: none
}

.comments-list-nav {
    text-align: center
}

.sign1 {
    margin-left: 8px
}

#respond .comment-reply-title {
    margin-bottom: 15px;
    color: #333;
    font-size: 16px
}

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

#respond .comment-reply-title:after {
    clear: both;
    display: block;
    height: 0;
    content: ''
}

#respond .comment-reply-title>a {
    padding: 0 2px;
    text-decoration: underline
}

#respond .comment-reply-title small {
    float: right
}

#respond .comment-reply-title small a {
    color: #999
}

#respond .comment-reply-title small a:hover {
    color: #888
}

#commentform:after {
    clear: both;
    display: block;
    height: 0;
    content: ''
}

#commentform .logged-in-as a {
    padding: 0 2px;
    text-decoration: underline
}

#commentform p:hover label {
    color: #888
}

#commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-qq,#commentform .comment-form-url {
    margin: 5px 0;
    padding: 0 0 0 10px
}

#commentform .comment-form-comment {
    clear: both;
    margin-bottom: 10px
}

#commentform .form-submit {
    float: right
}

#commentform .cai,#commentform .daka,#commentform .zan {
    margin-left: 5px
}

#commentform .daka .dakas {
    top: 2px
}

#commentform .cai,#commentform .comment-form-smiley,#commentform .daka,#commentform .zan {
    position: relative;
    float: left;
    display: block;
    margin-top: 5px;
    width: 26px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #929292;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px
}

#commentform .comment-form-smiley .button {
    color: #fff;
    line-height: 26px
}

#commentform .comment-form-smiley .smiley-box {
    position: absolute;
    bottom: 30px;
    left: 0;
    overflow: hidden;
    width: 281px;
    border: solid #e6e6eb;
    border-width: 1px 0 0 1px;
    background: #fafafa
}

#commentform .comment-form-smiley .smiley-box>a {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    border: solid #e6e6eb;
    border-width: 0 1px 1px 0;
    line-height: 40px
}

#commentform .comment-form-smiley .smiley-box>a:hover {
    background: #f0f0f5
}

#commentform .comment-form-smiley .smiley-box:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6eb;
    content: ''
}

#commentform .comment-form-smiley .smiley-box:after {
    position: absolute;
    top: 0;
    right: 0;
    clear: both;
    width: 1px;
    height: 100%;
    background: #e6e6eb;
    content: ''
}

#commentform p label {
    display: block;
    color: #999
}

#commentform .flex-box-2 .form-control {
    float: left;
    width: 49.5%
}

#commentform #comment_content {
    display: block;
    width: 100%;
    height: 126px;
    resize: vertical
}

#commentform #comment_content:focus {
    background: #fafafa
}

.comment-box .right-box blockquote {
    margin: 0;
    padding: 1px 5px;
    border-left: 3px solid #0c0;
    color: #ff9088;
    font-size: 14px
}

.comments-list.show-avatars li>.comment-box>.right-box>p>img {
    margin: 2px;
    margin-top: -3px
}

.comments-list.show-avatars li>.comment-box>.right-box>p {
    overflow: hidden;
    margin-bottom: 0
}

span.useragent {
    position: absolute;
    margin-left: 5px;
    color: #999;
    font-size: 12px
}

span.dot {
    color: #999
}

span.useragent img {
    width: 14px;
    height: 14px;
    vertical-align: -2px
}

span.ajaximgcode {
    position: relative;
    top: 3px;
    margin-right: 5px;
    padding: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #ff9088;
    font-size: 14px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

span.ajaximgcode>.input {
    width: 21%;
    border: 0;
    color: #ff9088;
    font-size: 14px
}

span.ajaximgcode>img {
    margin-top: -3px
}

.admin {
    position: relative;
    top: -2px
}

.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7,.vip8 {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 16px;
    border: 1px solid #c7c7c7;
    background: #dfdfdf;
    vertical-align: middle;
    text-align: center
}

.level {
    position: absolute;
    top: -4px;
    left: 6px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    font-style: normal;
    font-size: 10px
}

.comment-body-children .level {
    top: -4px
}

.vip .pro {
    width: 1.5%;
    background: #000
}

.vip1 .pro {
    width: 12.5%;
    background: #48a8c0
}

.vip2 .pro {
    width: 25%;
    background: #1b6dff
}

.vip3 .pro {
    width: 37.5%;
    background: #d664c9
}

.vip4 .pro {
    width: 50%;
    background: #bb915c
}

.vip5 .pro {
    width: 62.5%;
    background: #5cbb6b
}

.vip6 .pro {
    width: 75%;
    background: #5c86bb
}

.vip7 .pro {
    width: 87.5%;
    background: #bb5c5c
}

.vip8 .pro {
    width: 100%;
    background: #493f3f
}

.vip1 .pro,.vip2 .pro,.vip3 .pro,.vip4 .pro,.vip5 .pro,.vip6 .pro,.vip7 .pro,.vip8 .pro {
    position: absolute;
    display: block;
    height: 14px;
    background-image: linear-gradient(to top left,transparent,transparent 25%,rgba(255,255,255,.15) 25%,rgba(255,255,255,.15) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.15) 75%,rgba(255,255,255,.15));
    background-size: 16px 16px
}

.vip1:hover .pro,.vip2:hover .pro,.vip3:hover .pro,.vip4:hover .pro,.vip5:hover .pro,.vip6:hover .pro,.vip7:hover .pro,.vip8:hover .pro {
    animation: progress .6s linear infinite;
    -webkit-animation: progress .6s linear infinite
}

.panel-sort {
    border-radius: 4px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.container-tw {
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    background-color: #fff
}

.title-tw {
    margin: 10px -20px 10px -21px;
    padding-left: 10px;
    height: 30px;
    border-left: 3px solid #fb0202;
    background: #fafafa;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px
}

.tw-lie {
    margin-top: -20px;
    margin-bottom: 15px;
    padding: 10px 0 1px;
    border-bottom: 1px dashed #ddd;
    color: #aaa;
    font-style: normal;
    font-size: 13px
}

.tw,.tw li .atitle {
    position: relative
}

.tw li {
    display: block;
    padding: 12px 0
}

.tw li:hover .atitle:after {
    background: #1e9fff
}

.tw li .atitle {
    display: inline-block;
    padding: 0 15px
}

.tw:before {
    position: absolute;
    left: 86px;
    width: 4px;
    height: 100%;
    background: #ededed;
    content: ""
}

.tw .time1 {
    float: left;
    display: block;
    margin: 8px 0 0 -15px;
    width: 82px;
    height: 40px;
    text-align: right;
    font-size: 12px
}

.tw-content em {
    position: absolute;
    top: 12px;
    left: -8px;
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    -webkit-transition-duration: .3s
}

.tw li:hover .tw-content:after {
    background: #1e9fff
}

.tw li:hover .time1 {
    border-color: #fb0202;
    color: #fb0202;
    -webkit-animation: fgxs infinite 5s linear;
    animation: fgxs infinite 5s linear
}

.tw li:hover .tw-content {
    color: #1e9fff
}

.tw-content {
    position: relative;
    margin-left: 105px;
    padding: 20px 20px 20px 30px;
    background-color: #ededed;
    color: #333;
    font-size: 14px
}

.tw .plus {
    position: absolute;
    top: 0;
    left: 75px;
    width: 29px;
    height: 10px;
    background: url(../image/timeline.png) 0 -35px
}

.tw .plus2,.tw li em1 {
    position: absolute;
    left: 83px
}

.tw .plus2 {
    bottom: 0;
    width: 10px;
    height: 10px;
    background: url(../image/timeline.png) -29px -26px
}

.tw li em1 {
    display: block;
    margin-top: 8px;
    width: 12px;
    height: 18px;
    background: url(../image/timeline.png) -36px 0
}

.status-wall-meta {
    display: none;
    text-align: right
}

.status-wall-meta span {
    padding: 2px 5px;
    border-radius: 4px;
    background-color: #fff;
    color: #777;
    font-size: 12px
}

.page-tw {
    text-align: center
}

.page-tw a {
    color: #1e9fff
}

.page-tw span {
    color: #fff
}

.page-tw a {
    padding: 3px 8px;
    border: 1px solid #ededed;
    background-color: #fff
}

.page-tw span {
    padding: 3px 8px;
    border: 1px solid #ededed;
    background-color: #fb0202
}

.page-tw a:focus,.page-tw a:hover {
    border: 1px solid #ededed;
    background-color: #fb0202;
    color: #fff
}

#album {
    overflow: hidden
}

#album .new {
    display: none
}

#album .new:hover {
    box-shadow: none
}

#album li {
    float: left;
    padding: 9px
}

#album li p.cover {
    overflow: hidden;
    padding: 5px;
    width: 170px;
    height: 110px;
    border: 1px solid #fff;
    background-color: #fff;
    background-color: #fff;
    box-shadow: 0 0 2px #000
}

#album li p:hover {
    box-shadow: 0 0 10px #0c0
}

#album li p.cover a {
    display: block;
    width: 160px;
    height: 98px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

#album li p.title {
    display: block;
    margin: 10px auto;
    padding: 5px;
    width: 170px;
    height: auto;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 0 2px #000;
    text-align: center
}

#album li p.title:hover {
    box-shadow: 0 0 10px #0c0
}

#album li p.title a {
    color: #333;
    text-align: center;
    font-size: 12px
}

#photolist {
    position: relative
}

#photolist .cell {
    position: absolute;
    visibility: hidden;
    width: 190px;
    border: solid #ddd 1px;
    background: #fff;
    box-shadow: 1px 1px 1px #ddd;
    text-align: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

#photolist .cell:hover {
    box-shadow: 0 0 10px #0c0
}

#photolist .cell a {
    color: #000
}

#photolist img {
    margin-bottom: -2px;
    width: 175px;
    border: 0;
    border-radius: 4px
}

#album li p.cover a,#album li p.title a,.context>.box>.pic>a {
    border: 0
}

.context>.box>.pic>a>img {
    padding: 0;
    border: 0
}

section.context>.fbtn {
    width: 139px
}

.couer_tu ul {
    float: left;
    background: 0
}

.couer_tu ul li {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 30px 30px;
    padding: 5px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9
}

.couer_tu ul li:nth-child(6n) {
    margin-right: 0
}

.couer_tu li .img {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 155px;
    height: 115px
}

.couer_tu li .img img {
    width: 100%;
    min-height: 100%;
    transition: all .3s ease-in-out 0s
}

.couer_tu li .img img:hover {
    transition: all .3s ease-in-out 0s;
    transform: scale(1.1)
}

.couer_tu li .img .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 208px;
    height: 25px;
    background: none repeat scroll 0 0 #8aa653;
    opacity: .7;
    z-couer: 1
}

.couer_tu li .img .views {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 5px;
    height: 25px;
    color: #fff;
    font-family: "宋体";
    line-height: 25px;
    z-couer: 2
}

.couer_tu li .views a {
    color: #fff
}

.couer_tu li .tit {
    clear: both;
    overflow: hidden;
    width: 148px;
    height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 30px
}

.photo_tu ul li {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 30px 30px;
    width: 160px;
    border: 1px solid #eaeaea;
    background: none repeat scroll 0 0 #f9f9f9
}

.photo_tu ul li:nth-child(6n) {
    margin-right: 0
}

.photo_tu li .img {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 158px;
    height: 115px
}

.photo_tu li .img img {
    margin: 0;
    width: 175px;
    height: 115px;
    min-height: 100%;
    transition: all .3s ease-in-out 0s
}

.photo_tu li .img img:hover {
    transition: all .3s ease-in-out 0s;
    transform: scale(1.1)
}

.photo_tu li .img .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 208px;
    height: 25px;
    background: none repeat scroll 0 0 #8aa653;
    opacity: .7;
    z-photo: 1
}

.photo_tu li .img .views {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    z-photo: 2;
    color: #fff;
    bottom: 0;
    left: 0;
    padding: 0 5px;
    height: 25px;
    color: #fff;
    font-family: "宋体";
    line-height: 25px;
    z-photo: 2
}

.photo_tu li .tit {
    clear: both;
    overflow: hidden;
    width: 158px;
    background-color: #f9f9f9;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.photo_tu ul {
    float: left;
    background: 0
}

.page a,.page span {
    display: inline!important
}

.pagenav .current,.pagenav .page-numbers,.pagenav a,.pagenav em,.pagenav span {
    padding: 3px 14px 3px 13px!important;
    font-size: 14px
}

.single {
    overflow: hidden!important
}

.logtop h3 {
    margin: 10px 0;
    border-left: 5px solid #1e9fff;
    background-color: #f6f6f6;
    font-weight: 700
}

.logtop h4 {
    margin: 10px 0;
    padding: 5px 15px;
    width: 100px;
    border-left: 5px solid #9461e6;
    background-color: #f6f6f6;
    font-weight: 700
}

.logtop h4.dz {
    border-left: 5px solid #5ddb4f
}

.mv4 h4 {
    margin: 10px 0;
    padding: 10px;
    border-left: 10px solid #61b3e6;
    background-color: #f6f6f6;
    font-weight: 700
}

.logtop a {
    text-decoration: none
}

.logtop p {
    margin-bottom: 18px!important;
    color: rgba(0,0,0,.8);
    letter-spacing: 1px;
    font-size: 14px!important;
    line-height: 1em!important
}

.logtop {
    position: relative
}

.logtop dt {
    float: left
}

.logtop dt img {
    margin-right: 20px;
    width: 180px;
    height: 240px
}

.logtop dd {
    display: inline-block;
    height: 255px;
    min-width: 200px
}

.logtop dd p {
    color: rgba(0,0,0,.4)!important;
    font-size: 14px!important;
    line-height: 1.5em!important
}

.logtop dl p {
    color: rgba(0,0,0,.4)!important;
    font-size: 14px!important;
    line-height: 1.4em!important
}

.logtop dd p a:hover,.logtop dl p a:hover {
    text-decoration: none
}

.logtop dd p .fcolor {
    margin-right: 3px;
    padding: 1px 5px 2px 1px;
    border-bottom: 0;
    color: #fff
}

.logtop dd p .fcolor:nth-child(6n+1) {
    background-color: #e88b88
}

.logtop dd p .fcolor:nth-child(6n+2) {
    background-color: #71de71
}

.logtop dd p .fcolor:nth-child(6n+3) {
    background-color: #71d2ef
}

.logtop dd p .fcolor:nth-child(6n+4) {
    background-color: #f3c585
}

.logtop dd p .fcolor:nth-child(6n+5) {
    background-color: #9bcbf5
}

.logtop dl p .spbut {
    display: inline-block;
    margin: 2px auto;
    width: 90px;
    height: 35px;
    border: 1px solid #fb0202;
    background: #fff;
    box-shadow: none;
    color: #fb0202;
    text-align: center;
    text-decoration: none;
    line-height: 28px;
    line-height: 35px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.logtop dl p .spbut:hover {
    border: 1px solid #fb0202;
    background-color: #1e9fff;
    color: #fff
}

.context .fanhui a {
    display: inline-block;
    margin: 2px auto;
    width: 60px;
    height: 30px;
    border: 1px solid #242424;
    background: #fff;
    box-shadow: none;
    color: #242424;
    text-align: center;
    text-decoration: none;
    line-height: 28px;
    line-height: 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.context .fanhui a:hover {
    border: 1px solid #242424;
    background-color: #242424;
    color: #fff
}

.blogroll {
    clear: both;
    overflow: hidden
}

.linkli {
    margin-top: 5px
}

.linkli a {
    display: block;
    overflow: hidden;
    height: 38px;
    border: 1px solid #eaeaea!important;
    text-align: center;
    line-height: 38px
}

.linkli img {
    margin-top: 5px;
    width: 20px;
    height: 20px;
    border: 0
}

.linkli a:hover {
    border-color: #45b6f7;
    color: #45b6f7
}

.archives ul {
    overflow: hidden;
    margin-left: 30px
}

.archives-title {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 1px #ededed solid
}

.archives li a {
    display: block;
    padding: 8px 0;
    border-bottom: 0;
    color: #606060
}

.archives li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.archives li.goodwork a {
    color: #ec4048
}

.archives li a:hover .atitle:after {
    background: #54e25f
}

.archives li a span {
    display: inline-block;
    width: 90px;
    text-indent: 20px
}

.archives li a .atitle {
    position: relative;
    display: inline-block;
    padding: 0 28px;
    width: calc(100% - 180px);
    white-space: nowrap
}

.archives li a .atitle:after {
    position: absolute;
    top: 8px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 6px;
    background: #ccc;
    content: ""
}

.archives li a .atitle:before {
    position: absolute;
    top: 6px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #fff;
    box-shadow: inset 0 0 2px #3fd435;
    content: ""
}

.archives {
    position: relative;
    padding: 10px 0
}

.archives:before {
    position: absolute;
    top: 0;
    left: 126px;
    width: 4px;
    height: 100%;
    background: #ededed;
    content: ""
}

.archives h4 {
    position: relative;
    margin: 10px 0;
    width: 200px;
    border: 0;
    background: 0 0;
    color: #333;
    font-size: 18px;
    cursor: pointer
}

.archives h4:hover:after {
    background: #54e25f
}

.archives h4:before {
    position: absolute;
    top: 3px;
    left: 119px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 4px #3fd435;
    content: ""
}

.archives h4:after {
    position: absolute;
    top: 6px;
    left: 122px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #ccc;
    content: ""
}

.toggler {
    margin-left: 20px;
    color: #ec4048;
    font-size: 14px
}

.avatar .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(0,0,0,.4);
    box-shadow: 0 0 5px 1px #ddd;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.avatar:hover .overlay {
    opacity: 1
}

.avatar .overlay a.expand {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: auto;
    width: 100%;
    height: 100%;
    color: rgba(255,255,255,.9);
    text-align: center;
    font-size: 19px;
    line-height: 60px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.avatar:hover .overlay a.expand {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px
}

img.thumb:hover {
    transition: All .7s ease;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3)
}

img.thumb {
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear
}

.excerpt-list {
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.col-list {
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
    height: 100px
}

.indexebox {
    padding: 10px;
    border-right: 1px dashed #ededed;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: .2s;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.indexebox:active .btn-sm,.indexebox:hover .btn-sm {
    margin-top: -5px
}

.indexebox:active,.indexebox:hover {
    -webkit-transform: translateY(-33px);
    -o-transform: translateY(-33px);
    transform: translateY(-33px);
    -ms-transform: translateY(-33px)
}

.indexebox-6 {
    border-right: 0
}

.indexebox h4 {
    margin: 11px 0;
    color: #444;
    font-size: 14px
}

.indexebox p {
    overflow: hidden;
    height: 18px;
    color: #bbb;
    font-size: 12px;
    line-height: 18px
}

.indexebox a.btn-sm {
    margin-top: 5px;
    border-radius: 2px;
    color: #fff
}

.post-copyright {
    position: relative;
    padding: 10px 20px;
    border-style: solid;
    background: #fff;
    color: #6b7386;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 28px
}

.post-copyright p {
    margin: 0
}

.post-copyright p a {
    color: #1e9fff
}

.sidetags a:nth-child(6n+1) {
    color: #e14938
}

.sidetags a:nth-child(6n+2) {
    color: #213ec0
}

.sidetags a:nth-child(6n+3) {
    color: #00a753
}

.sidetags a:nth-child(6n+4) {
    color: #ff8c00
}

.sidetags a:nth-child(6n+5) {
    color: #836fff
}

.post-copyright>.sidetags>a {
    border-bottom: 0
}

.sidetags a {
    position: relative;
    margin-right: 6px
}

.qrcode {
    position: absolute;
    top: 12px;
    right: 10px
}

.qrcodeimg {
    width: 70px
}

.simg {
    position: relative;
    display: block;
    margin: 0 auto
}

.simg:before {
    position: absolute;
    top: 0;
    left: -200px;
    overflow: hidden;
    width: 200px;
    height: 100%;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);
    content: "";
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg)
}

.simg:hover:before {
    left: 150%;
    transition: left 1s ease 0s
}

ul.readers-list {
    overflow: hidden;
    margin: 0 auto;
    padding: 0
}

ul.readers-list li {
    display: inline-block;
    width: 20%
}

ul.readers-list a,ul.readers-list a:hover strong {
    background-color: #f2f2f2;
    background-image: -webkit-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: -moz-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: linear-gradient(#fdfdfd,#f2f2f2)
}

ul.readers-list a {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 4px;
    padding: 4px 4px 4px 44px;
    height: 40px;
    border: 1px solid #e5e8ed;
    color: #999;
    line-height: 32px
}

ul.readers-list em,ul.readers-list img,ul.readers-list strong {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

ul.readers-list img {
    float: left;
    margin: 0 8px 0 -38px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(34,25,25,.5)
}

ul.readers-list img:hover {
    border-color: #fb0202;
    -webkit-animation: myhk infinite 5s linear;
    animation: myhk infinite 5s linear
}

ul.readers-list em {
    position: absolute;
    overflow: hidden;
    margin-right: 10px;
    width: 50%;
    height: 36px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal
}

ul.readers-list strong {
    position: absolute;
    right: 8px;
    width: 20%;
    color: #999;
    text-align: right
}

ul.readers-list a:hover {
    border-color: #ddd;
    background-color: #fff;
    background-image: none;
    text-decoration: none
}

ul.readers-list a:hover img {
    margin-left: -1px
}

ul.readers-list a:hover em {
    color: #1e9fff
}

ul.readers-list a:hover strong {
    top: 0;
    right: 80%;
    height: 44px;
    border-right: 1px solid #eaeaea;
    color: #fb0202;
    text-align: center;
    line-height: 44px
}

.shot,.snew,.stop {
    color: rgba(255,82,82,.91);
    font-weight: bolder;
    font-style: inherit;
    font-size: 14px
}

.container.footer_ {
    margin-bottom: 10px
}

.links_ {
    margin-top: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.links_bt {
    height: 50px;
    background-color: #fff;
    line-height: 50px
}

.links_bt_l {
    float: left
}

.links_bt_l a {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    height: 18px;
    color: #3e4142;
    font-size: 16px
}

.links_bt_r {
    float: right;
    margin-right: 20px
}

.links_bt_r a {
    height: 18px;
    color: #999;
    font-size: 14px
}

.links_bt_r a:hover {
    color: #1e9fff
}

.links_lb {
    position: relative;
    float: left;
    clear: both;
    padding: 10px 0 0;
    width: 100%;
    background-color: #fff
}

.links_lb ul li {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 30px
}

.links_lb ul li img {
    position: relative;
    top: -1px;
    display: none;
    overflow: hidden;
    margin-right: 5px;
    width: 16px;
    border-radius: 50%
}

.links_lb ul li a:hover {
    color: #1e9fff
}

.tags_lb ul {
    display: flex;
    padding: 0 7px;
    flex-wrap: wrap
}

.tags_lb ul li {
    margin: 3px 3px;
    padding-right: 6px;
    padding-left: 6px;
    border: 1px solid #ededed;
    line-height: 26px
}

.rollbar {
    position: fixed;
    right: 2px;
    bottom: 120px;
    z-index: 999;
    display: none
}

.rollbar ul {
    margin: 0;
    padding: 0;
    width: 50px;
    list-style: none
}

.rollbar li {
    position: relative;
    margin-top: 10px;
    text-align: center;
    opacity: .4
}

.rollbar a {
    position: relative;
    z-index: 2;
    display: block;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(102,102,102,.81);
    color: #fff
}

.rollbar a:hover {
    color: #fff
}

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

.rollbar .fa-comments {
    font-size: 24px
}

.rollbar li:hover,.rollbar li:hover h6 {
    opacity: .9
}

.rollbar li:hover h6 {
    right: 100%
}

.rollbar h6 {
    position: absolute;
    top: 50%;
    right: -15%;
    z-index: 1;
    margin: -13px 10px 0 0;
    width: 53px;
    background-color: #6b7386;
    color: #fff;
    text-align: center;
    line-height: 26px;
    opacity: 0
}

.rollbar h6 i {
    position: absolute;
    top: 50%;
    right: -4px;
    display: inline-block;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #6b7386;
    vertical-align: middle
}

.footer {
    position: relative;
    margin-top: 20px;
    padding-top: 30px;
    background: #222831;
    color: #9ca0ad;
    font-size: 12px
}

.footer .footer-tag-list {
    margin-bottom: 10px
}

.footer .footer-tag-list ul {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(238,238,238,.2)
}

.footer .footer-tag-list ul li~li {
    margin-top: 15px
}

.foot-links a {
    position: relative;
    top: -2px;
    vertical-align: middle;
    font-size: 0!important
}

.footer .footer-tag-list a {
    margin-left: 7px;
    color: #9ca0ad;
    font-size: 12px
}

#cnzz_stat_icon_1278752612 a~a {
    margin-left: 0
}

.footer .footer-tag-list ul li i {
    margin-right: 5px;
    margin-left: 7px;
    font-style: normal
}

.footer .footer-tag-list .nam a {
    margin-right: 0;
    margin-left: 0
}

.copyright {
    line-height: 30px
}

.footer .copy-right a {
    height: 40px;
    color: rgba(255,255,255,.9)
}

.footer a:hover {
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,.1)
}

.footer .copy-right span {
    display: block
}

.copyright a {
    margin-left: 0!important
}

.nav-single {
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.nav-single a {
    display: block
}

.meta-nav {
    float: left;
    overflow: hidden;
    width: 50%;
    background: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.nav-single .meta-nav:first-child {
    border-right: 1px solid #eaeaea
}

.meta-nav a {
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.meta-nav a:hover {
    background: #1e9fff;
    color: #fff
}

.clear {
    clear: both;
    display: block
}

.comment_admin {
    display: inline-block;
    padding: 0 5px 0 5px;
    background-image: url(../image/ux.png);
    background-position: 0 -20px;
    background-repeat: no-repeat;
    line-height: 20px
}

.comment_visitor {
    display: inline-block;
    padding: 0 5px 0 21px;
    background-image: url(../image/ux.png);
    background-position: 0 -40px;
    background-repeat: no-repeat;
    line-height: 20px
}

.xiongzhanghao {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.xiongzhanghao_touxiang img {
    margin-top: 26px;
    width: 67px;
    height: 67px;
    border: 1px solid transparent;
    border-radius: 50%
}

.xiongzhanghao_biaoti {
    margin-top: 10px;
    color: #333;
    font-weight: 600;
    line-height: 18px;
    fon-size: 18px
}

.xiongzhanghao_miaoshu {
    margin: auto;
    margin-top: 10px;
    width: 90%;
    color: #6b7386;
    font-weight: 300;
    font-size: 13px;
    line-height: 17px
}

.xiongzhanghao_ck {
    margin: 13px 0 25px
}

.xiongzhanghao_chakan {
    display: inline-block;
    padding: 8px 0;
    width: 120px;
    border-radius: 4px;
    background: #fb0202;
    color: #fff;
    vertical-align: middle;
    font-size: 13px;
    line-height: 13px;
    -webkit-tap-highlight-color: transparent
}

.yuanchuang {
    float: left;
    display: inline-block;
    display: none;
    margin: 4px 5px 0 0;
    padding: 0 3px;
    height: 20px;
    border: 1px solid #fb0202;
    color: #fb0202;
    line-height: 18px
}

.beian {
    display: inline-block!important
}

.beian img {
    display: inline-block!important
}

.beian span {
    display: inline-block!important
}

.wenda_right {
    text-align: right
}

.wenda_right a {
    border: 0!important
}

.wenda_toux {
    float: right;
    margin-left: 90%!important
}

.wenda_wz {
    display: inline-block;
    margin-left: 65px;
    width: 100px;
    font-weight: 700;
    font-style: normal;
    font-size: 13px
}

.wenda_wz0 {
    display: inline-block;
    margin-left: 65px;
    width: 150px;
    font-style: normal;
    font-size: 12px
}

.wenda_wz1 {
    display: inline-block;
    width: 70px;
    height: 24px;
    border-radius: 100px;
    background: #3897f0;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-size: 13px;
    line-height: 24px
}

.wenda_wz2 {
    display: inline-block;
    width: 70px;
    height: 24px;
    border-radius: 100px;
    background: #ffab2e;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-size: 13px;
    line-height: 24px
}

.wenda_tx0 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/thum-96671534220775.jpg);
    background-size: 100%
}

.wenda_tx1 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/1.jpg);
    background-size: 100%
}

.wenda_tx2 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/2.jpg);
    background-size: 100%
}

.wenda_tx3 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/3.jpg);
    background-size: 100%
}

.wenda_tx4 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/4.jpg);
    background-size: 100%
}

.wenda_tx5 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/5.jpg);
    background-size: 100%
}

.wenda_tx6 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/6.jpg);
    background-size: 100%
}

.wenda_tx7 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/7.jpg);
    background-size: 100%
}

.wenda_tx8 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/8.jpg);
    background-size: 100%
}

.wenda_tx9 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/9.jpg);
    background-size: 100%
}

.wenda_tx10 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/10.jpg);
    background-size: 100%
}

.wenda_tx11 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/11.jpg);
    background-size: 100%
}

.wenda_tx12 {
    margin-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/12.jpg);
    background-size: 100%
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.Rotation {
    -webkit-transform: rotate(360deg);
    animation: rotation 8s linear infinite;
    -moz-animation: rotation 8s linear infinite;
    -webkit-animation: rotation 8s linear infinite;
    -o-animation: rotation 8s linear infinite
}

.kefu {
    position: fixed;
    bottom: 40%;
    left: 10px;
    width: 102px;
    height: 181px;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/robot.gif)
}

@media screen and (max-width: 768px) {
    .container.footer_ {
        display:none
    }
}

.t-one {
    position: relative;
    margin-bottom: 15px;
    padding: 15px 15px 10px;
    background-color: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.t-one .rm,.t-one .sj {
    display: inline-block;
    width: calc(50% - 4px);
    vertical-align: top
}

.t-one .sj {
    padding-right: 10px
}

.t-one .rm {
    padding-left: 10px
}

.t-one h3 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 15px 10px;
    color: #333;
    font-size: 16px
}

.links_bt_l a:after,.t-one h3:after,.widget .panel-header h3:after,.widget .widget-title h3:after {
    position: absolute;
    top: 1px;
    left: 0;
    width: 3px;
    height: 16px;
    border-radius: 9px;
    background: #fb0202;
    content: " "
}

.links_bt_l a:after,.widget .panel-header h3:after,.widget .widget-title h3:after {
    top: 50%;
    left: 15px;
    margin-top: -9px;
    height: 16px
}

.links_bt_l a:after {
    top: 16px
}

.widget .intro-title h3:after {
    display: none
}

.t-one .dj-item .dj_li,.t-one ul .dj-li {
    display: block;
    padding: 6.5px 0;
    height: auto
}

.dj-scroll>.swiper-scrollbar {
    width: 2px!important
}

.dj-scroll .swiper-container {
    flex-wrap: wrap
}

.hot-swp {
    right: 0;
    bottom: 12px;
    left: auto;
    width: 50px;
    color: #999;
    font-size: 12px
}

.t-one .dj-item .dj_li:hover,.t-one ul .dj-li:hover {
    color: #1e9fff
}

.t-one .dj-item .dj_li strong,.t-one ul .dj-li strong {
    float: right;
    padding-left: 15px;
    font-weight: 400;
    line-height: 22px
}

.t-one .dj-item .dj_li strong img {
    margin: -6px 3px 0 0
}

.t-one .dj-item .dj_li a,.t-one ul .dj-li a {
    display: block;
    overflow: hidden;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    -ms-text-overflow: ellipsis
}

.t-one .dj-item .dj_li a:hover,.t-one ul .dj-li a:hover {
    color: #1e9fff
}

.t-one .dj-item .dj_li a span,.t-one ul .dj-li a span {
    display: inline-block;
    margin-right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #f2f2f2;
    color: #6b7386;
    text-align: center;
    line-height: 22px
}

.t-one .dj-item .dj_li:nth-child(4) a span:before {
    content: "4"
}

.t-one .dj-item .dj_li:nth-child(5) a span:before,.t-one ul .dj-li:nth-child(5) a span:before {
    content: "5"
}

.t-one .dj-item .dj_li:nth-child(6) a span:before,.t-one ul .dj-li:nth-child(6) a span:before {
    content: "6"
}

.t-one .dj-item .dj_li:nth-child(7) a span:before {
    content: "7"
}

.t-one .dj-item .dj_li:nth-child(8) a span:before {
    content: "8"
}

.t-one .dj-item .dj_li:nth-child(9) a span:before {
    content: "9"
}

.t-one .dj-item .dj_li:nth-child(10) a span:before {
    content: "10"
}

.t-one .dj-item .dj_li:nth-child(11) a span:before {
    content: "11"
}

.t-one .dj-item .dj_li:nth-child(12) a span:before {
    content: "12"
}

.t-one .dj-item .dj_li:nth-child(13) a span:before {
    content: "13"
}

.t-one .dj-item .dj_li:nth-child(14) a span:before {
    content: "14"
}

.t-one .dj-item .dj_li:nth-child(15) a span:before {
    content: "15"
}

.t-one .dj-item .dj_li:nth-child(16) a span:before {
    content: "16"
}

.t-one .dj-item .dj_li:nth-child(17) a span:before {
    content: "17"
}

.t-one .dj-item .dj_li:nth-child(18) a span:before {
    content: "18"
}

.t-one .dj-item .dj_li:nth-child(19) a span:before {
    content: "19"
}

.t-one .dj-item .dj_li:nth-child(20) a span:before {
    content: "20"
}

.t-one .sj ul .dj_li:nth-child(1) a span:before {
    content: "推"
}

.t-one .sj ul .dj_li:nth-child(2) a span:before {
    content: "荐"
}

.t-one .dj_li:nth-child(1) span.rmbr:before {
    content: "最"
}

.t-one .dj_li:nth-child(2) span.rmbr:before {
    content: "æ–°";
    color: #fff;
    font-weight: 400;
    font-size: 10px
}

.t-one .dj-item .dj_li.gg_li a {
    color: red;
    font-weight: 700
}

.t-one .dj-item .dj_li.gg_li:nth-child(2) a {
    color: #5c3ef3
}

.myad {
    display: block;
    padding-left: 0!important;
    width: 40px!important;
    height: 22px!important;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #c2c2c2;
    vertical-align: middle;
    text-align: center!important;
    text-indent: 0;
    font-size: 12px!important;
    line-height: 21px!important
}

.dj-scroll {
    overflow: hidden;
    padding-right: 10px;
    height: 410px
}

@media screen and (max-width: 768px) {
    .t-one {
        border:1px solid #e5e8ed
    }

    .t-one .rm,.t-one .sj {
        width: 100%
    }

    .t-one .sj {
        margin-bottom: 20px;
        padding-right: 0
    }

    .t-one .rm {
        padding-left: 0
    }
}

.excerpt .item {
    position: relative
}

.excerpt .item~.item {
    margin-top: 5px
}

.excerpt .item img {
    padding: 0;
    border: 0
}

.ggbs {
    position: absolute;
    right: -2px;
    bottom: -2px;
    padding: 1px 5px 1px 10px;
    width: auto!important;
    height: auto!important;
    border-top-left-radius: 16px;
    border-top-left-radius: 16px;
    color: #6b7386;
    font-size: 12px!important;
    line-height: 20px!important;
    opacity: .5;
    transform: scale(.9)
}

.side-message {
    overflow: hidden;
    padding: 15px;
    color: #888;
    line-height: 26px
}

.side-message .media~.media {
    margin-top: 10px
}

.side-message .media .cont {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-name {
    color: #1e9fff
}

.comment-time {
    color: #999;
    font-size: 12px
}

.side-message .media {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.side-message .media:hover {
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    -ms-transform: translateX(5px)
}

.cate-tit {
    padding: 15px
}

.cate-tit h1 {
    margin: 0;
    margin-bottom: 0;
    color: #333;
    font-size: 20px;
    line-height: 1
}

.cate-tit .des {
    margin-top: 15px;
    color: #777;
    font-size: 14px
}

.gg6 {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    padding: 0 20px;
    border: 0;
    box-shadow: none!important
}

.gg6:hover {
    box-shadow: none
}

.navbar-search {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    max-width: 100%;
    background-color: rgba(34,40,49,.7);
    opacity: 1;
    transition: all .4s ease-in-out 0s;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    transform-origin: 0 0;
    -ms-transform: scaleY(1)
}

.navbar-search .searchform {
    display: block;
    padding: 24px 100px;
    width: 100%;
    border-radius: 3px
}

.navbar-search .searchform input {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #fff
}

.navbar-search .searchform input::-webkit-input-placeholder {
    color: #f2f2f5;
    opacity: 1
}

.navbar-search .searchform input::-moz-placeholder {
    color: #f2f2f5;
    opacity: 1
}

.navbar-search .searchform input:-ms-input-placeholder {
    color: #f2f2f5;
    opacity: 1
}

.navbar-search .searchform input::-ms-input-placeholder {
    color: #f2f2f5;
    opacity: 1
}

.navbar-search .searchform input::placeholder {
    color: #f2f2f5;
    opacity: 1
}

.navbar-search .searchform input:focus {
    outline: 0;
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.navbar-search .searchform .input-group-append>.btn {
    padding: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    cursor: pointer
}

.navbar-search .searchform .input-group>.form-control:focus+.input-group-append .btn {
    border-color: transparent;
    color: #24bcb5
}

.navbar-search .input-group {
    width: 100%
}

.navbar-search .input-group-append {
    position: absolute;
    right: 0;
    z-index: 11;
    margin-top: 4px
}

.navbar-search .input-group:focus {
    color: #fff
}

.panel {
    margin-bottom: 10px
}

.flex-box-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.required {
    margin: 0 2px;
    color: red
}

#email-notes {
    color: #999
}

.form-submit .btn {
    margin-top: 5px;
    border-color: #fb0202;
    border-radius: 2px;
    background-color: #fb0202;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-submit .btn:focus {
    border-color: #1e9fff;
    background-color: #fb0202;
    color: #fff
}

.form-submit .btn:hover {
    opacity: .9
}

#scroll {
    position: fixed;
    right: 20px;
    bottom: 6%;
    z-index: 9999;
    float: right;
    width: 40px
}

#scroll li a {
    display: block;
    margin-top: 5px;
    width: 36px;
    height: 36px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    color: #6b7386;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

#scroll li .qr i,#scroll li .scroll-c,#scroll li .scroll-c i {
    font-size: 16px
}

#scroll li a:hover {
    background: #fb0202;
    color: #fff
}

.qr-img {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9999;
    display: none;
    padding: 10px 10px 2px 10px;
    max-width: 300px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    background: rgba(255,255,255,.95);
    box-shadow: 0 1px 1px rgba(0,0,0,.04)
}

#output img {
    position: absolute;
    top: 72px;
    right: 72px;
    width: 25px;
    height: 25px
}

.qr .fa-qrcode {
    font-size: 20px!important;
    line-height: 32px!important
}

#output td {
    border: 0
}

#output td {
    padding: 0
}

.content-box {
    padding: 15px
}

.theme-list {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    padding-bottom: 5px;
    flex-wrap: wrap
}

.video-list {
    margin-right: -15px;
    margin-left: -15px
}

.theme-list .col-md-3 {
    padding: 0 10px
}

.product-list .col-md-3 {
    width: 20%
}

.theme-list-index {
    margin-bottom: -15px
}

.theme-list-index>div {
    margin-bottom: 15px
}

.theme-list .latest-template-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px -5px rgba(158,158,158,.22);
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22);
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

.theme-list .latest-template-wrap .tip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 40px
}

.theme-list .latest-template-wrap .tip img {
    max-width: 100%
}

.theme-list .latest-template-wrap:hover {
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover {
    opacity: 1
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover a {
    transform: scale3d(1,1,1)
}

.theme-list .latest-template-wrap .demo-overlay {
    position: relative;
    overflow: hidden;
    padding: 10px;
    height: 260px;
    font-size: 0;
    line-height: 240px
}

.theme-list .latest-template-wrap .demo-overlay img {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: 1px solid #f3f3f3;
    object-fit: cover
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: rgba(0,0,0,.7);
    text-align: center;
    opacity: 0;
    transition: opacity .4s
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div {
    display: table;
    width: 100%;
    height: 100%
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div {
    display: table-cell;
    vertical-align: middle
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div a {
    display: inline-block;
    margin: 5px;
    padding: 15px 20px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1;
    transition: all .4s;
    transform: scale3d(0,0,0)
}

.theme-list .latest-template-wrap .latest-template-intro {
    padding: 0 10px
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title {
    border-bottom: 1px solid #ededed;
    text-align: center
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 {
    margin-top: 0;
    margin-bottom: 5px
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a {
    display: inline-block;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 44px;
    color: #333;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    line-height: 1.5
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a:hover {
    color: #1e9fff
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title p {
    overflow: hidden;
    height: 22px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.6
}

.theme-list .latest-template-wrap .latest-template-intro .download-count {
    padding: 6px 0;
    font-size: 12px
}

.video-list .latest-template-wrap .demo-overlay {
    padding: 0;
    height: auto;
    line-height: 1
}

.video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 {
    margin-top: 15px
}

.video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a {
    font-size: 16px
}

.pull-left {
    float: left!important;
    color: red;
    color: #999
}

.pull-right {
    float: right!important;
    color: #999
}

.sales-price {
    color: #ef353d
}

.sidebar-search {
    overflow: hidden;
    padding: 5px 15px 13px;
    border-radius: 4px;
    color: #6b7386
}

.sidebar-search a {
    margin-right: 3px;
    color: #999
}

.sidebar-search a:hover {
    color: #1e9fff
}

.hot-search {
    margin-top: 8px
}

.sidebar-search .form-inline~.form-inline {
    margin-top: 8px
}

.sidebar-search .input-group {
    float: left;
    box-sizing: border-box;
    width: 80%
}

.sidebar-search .input-group .form-control {
    box-sizing: border-box;
    height: 32px
}

.sidebar-search .input-sub {
    width: 20%;
    height: 32px;
    border: 0;
    background: #fb0202;
    color: #fff;
    line-height: 32px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sidebar-search .input-sub:hover {
    opacity: .9
}

@media(max-width: 768px) {
    .footer .footer-tag-list ul li~li {
        margin-top:10px
    }

    .footer .footer-tag-list ul {
        line-height: 1.75
    }
}

.content-list,.excerpt,.excerpt-list,.excerpt-minic,.footer_,.panel,.t-one,.widget {
    overflow: hidden;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

#scroll li a {
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.nav-single,.posts-gallery-img img,.sidebar-randlog-list>li a,.thumbnailside {
    overflow: hidden
}

.sidebar-randlog-list>li a {
    box-shadow: 0 0 5px rgba(0,0,0,.1) inset
}

.sidebar-search .input-group .form-control {
    width: 100%
}

.context img {
    padding: 0
}

.dropdown-menu {
    box-shadow: 0 6px 12px rgba(0,0,0,.1)
}

.dropdown-menu>li>a {
    padding: 5px 0;
    color: #6b7386
}

@media(max-width: 800px) {
    .index_cms {
        display:none
    }
}

.gg1 {
    margin-top: 20px;
    padding: 5px 0;
    background-color: #ff5722;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.gg1 a {
    color: #fff;
    text-decoration: underline
}

.jiaru {
    color: #6b7386
}

.last-footer-a button {
    border-radius: 2px;
    background: #1e9fff!important;
    line-height: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.last-footer-a button:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.pb-nav-right {
    display: flex;
    color: #6b7386;
    align-items: center
}

.pb-nav-right .pb-search {
    margin-top: 4px;
    color: #fb0202;
    font-size: 18px;
    cursor: pointer
}

.pb-nav-right .btn-group {
    margin-left: 30px
}

.page-banner h1 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 30px
}

.login-tip {
    padding: 20px;
    background: #f5f5f5 repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);
    color: #6b7386;
    font-size: 15px
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    width: auto;
    -ms-flex: 1;
    flex: 1
}

.mr-3,.mx-3 {
    margin-right: 10px!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.media-body h6 strong {
    line-height: 1.2
}

.font-weight-normal {
    font-weight: 400!important
}

.media-body p .replybtn {
    cursor: pointer
}

.my-4 .pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.page-link,.page-num {
    position: relative;
    display: block;
    margin-left: -1px;
    padding: .5rem .75rem;
    background-color: #fff;
    color: #17a2b8;
    line-height: 1.25
}

.btn-secondary {
    background: #6b7386;
    color: #fff
}

.article-content .msg {
    margin-bottom: 20px;
    padding: .7em;
    border: 1px solid #ff5722;
    border-radius: 2px;
    color: #666;
    font-size: 14px;
    line-height: 1.3em
}

.kefu-baidu {
    position: fixed;
    top: calc((100vh - 181px)/ 2);
    right: 3%;
    width: 102px;
    height: 181px;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/robot.gif) no-repeat;
    transition: all .3s
}

@media(max-width: 768px) {
    .kefu-baidu {
        display:none
    }
}

.widget_btnbox {
    padding: 20px 15px 15px
}

.widget_btnbox .btn {
    display: block;
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
    height: 48px;
    border: 1px solid #ddd;
    color: #606060;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.widget_btnbox .btn:hover {
    opacity: .9
}

.widget_btnbox .btn:first-child {
    border-color: #fb0202;
    background: #fb0202;
    color: #fff
}

.widget_btnbox p {
    margin: 0;
    margin-top: 15px;
    color: #999;
    font-size: 12px;
    line-height: 1.75
}

.widget_btnbox .btn .fa-television {
    color: #fb0202
}

.widget-wrap.sticky,.widget.sticky {
    position: sticky;
    top: 90px
}

#gogo {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    margin-top: 2px;
    padding: 0;
    height: 40px;
    vertical-align: top
}

#gogo li {
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 36px
}

#gogo li:first-child {
    margin-top: 0;
    transition: margin-top .8s
}

.fr {
    float: right
}

.ml-1,.mx-1 {
    margin-left: 4px!important
}

.mr-2,.mx-2 {
    margin-right: 8px!important
}

.d-lg-block .badge {
    margin-top: -2px;
    background-color: rgba(83,109,230,.18);
    color: #536de6
}

.theme-list-index .latest-template-wrap {
    margin-bottom: 0
}

.theme-list-index .latest-template-wrap .demo-overlay {
    height: 170px;
    line-height: 1
}

.theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 {
    margin-top: 0;
    margin-bottom: 0
}

.theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 a {
    font-size: 14px
}

.two-box:nth-child(even) {
    float: right
}

.two-box-tit {
    overflow: hidden;
    padding-left: 15px;
    height: 45px;
    border-bottom: 1px solid rgba(221,221,221,.8);
    border-radius: 2px 2px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px
}

.two-box-tit h3:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 60px;
    height: 3px;
    background: #3690cf;
    content: "";
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.two-box-tit h3 {
    position: relative;
    display: inline-block;
    font-weight: inherit
}

.two-list-img {
    display: block;
    overflow: hidden;
    padding: 0 15px 15px
}

.pic-box {
    border-radius: 4px;
    background: 0 0;
    box-shadow: none
}

.pic-box-index {
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.pic-box-index ul.pic-box-list {
    margin: 0 7px
}

ul.pic-box-list {
    margin: 0 -7px
}

ul.pic-box-list li {
    position: relative;
    float: left;
    margin-bottom: 15px;
    width: 20%;
    border-radius: 4px
}

ul.pic-box-list li .abox {
    position: relative;
    display: block;
    display: block;
    overflow: hidden;
    overflow: hidden;
    margin: 0 7px 5px 7px;
    padding: 8px;
    border: #ededed 1px solid;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.pic-box-list li .abox:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0)
}

i.thumb {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 66.7%;
    width: 100%;
    height: 0;
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .2s
}

ul.pic-box-list li h3 {
    margin: 10px 10px 10px;
    color: #454545;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5
}

ul.pic-box-list li p {
    overflow: hidden;
    margin: 15px 0 5px;
    padding: 0 10px;
    color: #999;
    font-size: 12px
}

ul.pic-box-list li p b.datetime {
    float: left;
    margin-left: 0;
    color: #ef353d;
    font-weight: 400
}

ul.pic-box-list li p span.viewd {
    float: right
}

ul.pic-box-list li p span.price {
    color: #ef353d
}

ul.pic-box-list li.nocenter h3 {
    margin: 6px 5px 0;
    text-align: left;
    font-size: 14px
}

ul.pic-box-list li.nocenter p {
    margin: 10px 0 5px;
    padding: 0 5px;
    text-align: left
}

ul.pic-box-list li.nocenter .price {
    margin-top: 10px;
    padding: 0 5px;
    color: #ef353d;
    font-size: 16px
}

ul.pic-box-list li.nocenter p img {
    margin-top: -2px;
    margin-right: 1px;
    border: 1px solid #ddd;
    border-radius: 50%;
    vertical-align: middle
}

.vip-month-tag {
    display: initial;
    margin-top: 5px;
    margin-right: 3px;
    padding: 1px 5px;
    height: 18px;
    border-radius: 2px;
    background: #eff0f1;
    color: #6c6c6c;
    line-height: 18px;
    animation: fade 4.2s infinite;
    -webkit-animation: fade 4.2s infinite
}

.vip-month {
    display: initial;
    margin-top: 5px;
    padding: 1px 5px;
    height: 18px;
    border-radius: 2px;
    background: #f1f1f1;
    color: #ed1c24;
    line-height: 18px;
    animation: fade 1.2s infinite;
    -webkit-animation: fade 1.2s infinite
}

.fense {
    color: #ff4b00
}

@keyframes fade {
    from {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.side-content ul.imglist.pic-box-list {
    margin-top: 20px
}

.home-index ul.imglist.pic-box-list {
    margin-top: 0;
    margin-right: -7px;
    margin-left: -7px
}

ul.imglist.pic-box-list {
    clear: both;
    display: table;
    overflow: visible;
    margin: 10px 0 0 0
}

ul.imglist.pic-box-list li {
    overflow: visible;
    width: 33.333%
}

ul.imglist.pic-box-list li a {
    border: #f1f1f1 0 solid
}

li.sell-list:hover,ul.imglist.pic-box-list li a:hover {
    color: #54b5db;
    transform: translate(0,-5px)
}

ul.imglist.pic-box-list li h3 {
    display: -webkit-box;
    overflow: hidden;
    padding: 5px 2px;
    min-height: 64px;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

ul.imglist.pic-box-list p {
    padding: 0 2px 10px 2px;
    border-bottom: 1px solid #ddd
}

.pic-thumb {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 180px;
    transition: all .2s
}

.pic-thumb.big {
    height: 240px
}

.pppic-thumb.big {
    height: 240px
}

.zpic-thumb.big {
    height: 240px
}

ul.imglist li .pic-thumb img,ul.pic-box-list .pic-thumb img {
    width: 100%;
    min-height: 100%;
    align-self: center;
    object-fit: cover
}

ul.imglist li .pppic-thumb img,ul.pic-box-list .pppic-thumb img {
    width: 100%;
    min-height: 100%;
    align-self: center;
    object-fit: cover
}

ul.imglist li .zpic-thumb img,ul.pic-box-list .zpic-thumb img {
    width: 100%;
    min-height: 100%;
    align-self: center;
    object-fit: cover
}

.top-ad-img {
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%
}

.top-ad-img span {
    display: block
}

.top-ad-img span img {
    width: 100%;
    height: 70px
}

.top-ad-img .d {
    margin-bottom: 10px;
    width: 100%
}

.top-ad-img .x {
    overflow: hidden;
    margin-bottom: -10px
}

.top-ad-img .x a {
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    width: 49.5%;
    border-radius: 4px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.top-ad-img .x a:nth-child(2n) {
    float: right
}

.top-ad-img a {
    position: relative
}

.top-ad-img a:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    width: 26px;
    height: 1pc;
    background: url(../image/watermark.png);
    color: #fff;
    content: " ";
    text-align: center;
    font-size: 9pt
}

a.figure-thumb {
    float: left;
    display: flex;
    overflow: hidden;
    margin: 0 15px 0 0;
    width: 190px;
    height: 141px;
    transition-duration: .5s
}

a.figure-thumb i.thumb {
    padding-top: 75%;
    align-self: center
}

a.figure-thumb img {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

a.figure-thumb:hover img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1)
}

ul.two-box-list {
    float: left;
    width: 100%
}

span.two-list-date {
    float: right;
    margin-left: 8px;
    color: #999
}

li.two-list-title {
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 28px
}

li.two-list-title:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border: 4px transparent solid;
    content: '';
    border-right-width: 0;
    border-left-color: #ddd
}

.widget-title {
    position: relative
}

.widget-title .more {
    position: absolute;
    top: 8px;
    right: 15px;
    color: #999;
    font-size: 14px
}

.two-list {
    display: flex;
    margin-bottom: 0;
    border-radius: 4px;
    background: 0 0;
    box-shadow: none;
    flex-wrap: wrap;
    justify-content: space-between
}

.two-list>div {
    margin-bottom: 20px;
    padding: 0;
    width: 32.5%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

@media (max-width: 768px) {
    ul.pic-box-list li {
        width:50%
    }

    .pic-thumb {
        height: 100px
    }

    .pic-thumb.big {
        height: 120px
    }

    .pic-thumb {
        height: 60px
    }

    .pic-thumb.big {
        height: 80px
    }

    .zpic-thumb {
        height: 100px
    }

    .zpic-thumb.big {
        height: 120px
    }

    .two-list>div {
        width: 100%
    }

    a.figure-thumb {
        display: none;
        width: 100%;
        height: auto
    }

    ul.two-box-list {
        width: 100%;
        min-height: none
    }

    a.figure-thumb img {
        width: 100%
    }

    .posts-gallery-img .simg {
        height: 80px;
        border-radius: 4px
    }
}

.member-content {
    padding: 0 15px 10px
}

.paywall a,.paywall-box a {
    outline: 0;
    box-shadow: unset!important;
    text-decoration: none!important
}

.paywall {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 20px;
    border: 1px dashed #ffc107;
    background: #fffdf8;
    font-size: 14px
}

.paywall a,.paywall-box a {
    outline: 0;
    box-shadow: unset!important;
    text-decoration: none!important
}

.paywall a:hover {
    box-shadow: unset!important
}

.paywall input {
    margin: 0;
    padding: 0;
    border: 1px solid #bbb;
    border-style: solid;
    font-size: 14px
}

.paywall input[name=code],.paywall input[name=mobile] {
    margin-bottom: 15px;
    padding: 0 0 0 6px;
    width: 120px;
    height: 28px;
    line-height: 28px
}

.paywall .btn {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #ddd;
    text-align: center
}

.paywall .btn-btn {
    border-color: #6a6;
    background: #37d13b!important;
    color: #fff
}

.paywall a.btn-link {
    border-color: #fb0202;
    background-color: #fb0202;
    color: #fff
}

.paywall .btn-link:hover {
    color: #fff
}

#paywall-link-box div:not(:first-child) {
    display: inline-block;
    margin: 10px 5px 5px
}

#paywall-code-box .btn-btn {
    margin: 0 0 9px 0;
    font-weight: 400;
    line-height: 19px
}

#paywall-code-box .tips {
    margin-bottom: 15px
}

.paywall-js-show {
    display: none
}

.paywall-center {
    position: relative;
    margin-top: 30px;
    text-align: center
}

.paywall-center .buysum {
    position: absolute;
    top: 30px;
    left: 5px;
    color: #999!important;
    font-size: 12px;
    opacity: .7
}

.paywall-highlight {
    color: #f10
}

.paywall-box .paywall-highlight {
    margin: 20px 0
}

.paywall-mb {
    margin-bottom: 20px
}

.paywall-tips {
    color: #999
}

.paywall-reset,.paywall-show {
    padding: 20px 0;
    border: 0;
    background: #fff
}

.paywall-show {
    text-align: left
}

.paywall-box .paywall-mask {
    position: relative;
    bottom: 120px;
    display: block;
    margin-bottom: -100px;
    width: 100%;
    height: 120px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 30%,#fff 80%);
    background-repeat: repeat-x
}

.paywall-box .paywall-lock {
    position: relative;
    border-top: 1px dashed #ddd
}

.paywall-box .icon-lock-m {
    position: absolute;
    top: -12px;
    left: 50%;
    display: block;
    margin-left: -25px;
    width: 50px;
    height: 24px;
    background: #fff url(../image/pay-off.png) center 0 no-repeat
}

.paywall-message-error {
    margin: 5px 0 15px;
    padding: 1px 12px;
    border-left: 4px solid #fff;
    background: #fef5f1;
    color: #8c2e0b;
    border-left-color: #dc3232
}

.paywall-message-error p {
    margin: .5em 0;
    padding: 2px
}

#paywall-membership-link-container a {
    position: relative
}

#paywall-membership-link-container a span {
    position: absolute;
    top: -8px;
    right: -35px;
    padding: 0 .5em;
    border-radius: 3px 8px 8px 0;
    background: red;
    color: #fff;
    font-size: 12px
}

.pay-info {
    color: #fb0202
}

.ask-resault {
    padding-top: 15px;
    border-top: 1px solid #ededed
}

.ask-resault .comment img {
    width: 100%
}

.wintips {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: none;
    padding: 30px 20px 20px 30px;
    width: 360px;
    border: 1px solid rgba(0,0,0,.12);
    border-right: none;
    border-bottom: none;
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 10px rgba(0,0,0,.12)
}

.wintips-close {
    position: absolute;
    top: -15px;
    right: -13px;
    color: #888;
    font-size: 24px;
    cursor: pointer
}

.wintips-close .fa {
    border-radius: 50%;
    background-color: #fff
}

.wintips-close:hover {
    color: #6b7386
}

.wintips h2 {
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 22px
}

.wintips p {
    margin: 0 0 20px;
    color: #6b7386;
    font-size: 14px
}

.wintips-thumb {
    position: absolute;
    top: -50px;
    right: 10px;
    display: none;
    -webkit-transition: top 1s ease,opacity 1s ease;
    transition: top 1s ease,opacity 1s ease;
    animation: float 3s infinite
}

.btn-info.btn-wintips {
    color: #fff
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(10px)
    }

    50% {
        -webkit-transform: translatey(-10px)
    }

    100% {
        -webkit-transform: translatey(10px)
    }
}

@keyframes float {
    0% {
        transform: translatey(10px)
    }

    50% {
        transform: translatey(-10px)
    }

    100% {
        transform: translatey(10px)
    }
}

@media (max-width: 400px) {
    .wintips {
        width:100%
    }

    .wintips-close {
        top: -27px;
        left: 47%;
        font-size: 36px
    }
}

.main-im {
    position: fixed;
    top: 300px;
    right: 10px;
    z-index: 100;
    width: 110px;
    height: 272px
}

.main-im .qq-a {
    position: relative;
    display: block;
    width: 106px;
    height: 116px;
    color: #0484cd;
    text-align: center;
    font-size: 14px
}

.main-im .qq-a span {
    position: absolute;
    bottom: 5px;
    left: 10px;
    width: 90px
}

.main-im .qq-hover-c {
    position: absolute;
    top: 10px;
    left: 18px;
    z-index: 9;
    overflow: hidden;
    width: 70px;
    height: 70px;
    border-radius: 35px
}

.main-im .qq-container {
    position: absolute;
    z-index: 99;
    width: 109px;
    height: 118px;
    border-bottom: 1px solid #ddd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: url(../image/339bedd5c738aa27.png) no-repeat center 8px
}

.main-im .img-qq {
    position: absolute;
    top: 3px;
    left: 6px;
    display: block;
    max-width: 60px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.main-im .im-qq:hover .img-qq {
    position: absolute;
    top: 8px;
    left: 1px;
    max-width: 70px
}

.main-im .im_main {
    display: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9fafb;
    background: #f9fafb
}

.main-im .im_main .im-tel {
    width: 109px;
    border-bottom: 1px solid #ddd;
    color: #000;
    text-align: center
}

.main-im .im_main .im-tel div {
    margin-top: 11px;
    font-weight: 700;
    font-size: 12px
}

.main-im .im_main .im-tel .tel-num {
    color: #e66d15;
    font-weight: 700;
    font-family: Arial
}

.main-im .im_main .im-tel:hover {
    background: #fafafa
}

.main-im .im_main .weixing-container {
    float: left;
    width: 55px;
    height: 47px;
    border-right: 1px solid #ddd;
    border-bottom-left-radius: 10px;
    background: #f5f5f5;
    background: url(../image/468dc3787745f82e.png) no-repeat center center
}

.main-im .im_main .weixing-show {
    position: absolute;
    top: -82px;
    left: -125px;
    display: none;
    padding-top: 10px;
    width: 112px;
    height: 142px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    text-align: center
}

.main-im .im_main .weixing-show .weixing-sanjiao {
    position: absolute;
    top: 100px;
    left: 111px;
    z-index: 2;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
    position: absolute;
    top: 100px;
    left: 112px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ddd;
    border-style: solid;
    border-width: 8px
}

.main-im .im_main .weixing-show .weixing-ma {
    padding-top: 5px;
    padding-left: 0;
    width: 104px;
    height: 103px
}

.main-im .im_main .weixing-show .weixing-txt {
    position: absolute;
    top: 110px;
    left: 7px;
    margin: 0 auto;
    width: 100px;
    text-align: center
}

.main-im .im_main .go-top {
    float: right;
    width: 50px;
    height: 47px;
    border-bottom-right-radius: 10px;
    background: #f5f5f5;
    background: url(../image/02b245a8f353d0d0.png) no-repeat center center
}

.main-im .im_main .go-top a {
    display: block;
    width: 52px;
    height: 47px
}

.main-im .close-im {
    position: absolute;
    top: -12px;
    right: 10px;
    z-index: 100;
    width: 24px;
    height: 24px
}

.main-im .close-im a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../image/dbc9298325995e1d.png) no-repeat left top
}

.main-im .close-im a:hover {
    text-decoration: none
}

.main-im .open-im {
    margin-left: 68px;
    width: 40px;
    height: 133px;
    background: url(../image/ed2ecf4fa4dab61a.png) no-repeat left top;
    cursor: pointer
}

.bor-ul li {
    padding-left: 17px;
    height: 42px;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    line-height: 42px
}

.bor-ul li.ico-bg {
    background: url(../image/7651914b5dd0145c.png) no-repeat;
    background-position: 14px -210px
}

.ask-post-content h2 {
    margin: 0 0 6px;
    padding-top: 0
}

.ask-post-content h2 a {
    font-weight: 400
}

.ask-post-content ul li a,.posts-default-info ul li {
    color: #999
}

@media (max-width: 750px) {
    .main-im,.pb-nav-right,.wintips {
        display:none!important
    }

    .footer .footer-tag-list {
        margin-top: 10px
    }

    .theme-list .latest-template-wrap {
        margin-bottom: 0
    }
}

.video-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.video-wrap .cont {
    width: 80%
}

.video-wrap .cont p {
    margin: 0
}

.video-wrap .list {
    position: absolute;
    right: 0;
    overflow-y: scroll;
    padding: 15px;
    width: 20%;
    height: 100%;
    background: #ededed
}

.video-wrap .list .tit {
    margin-bottom: 15px;
    color: #333
}

.video-wrap .list li {
    padding-left: 0;
    font-size: 14px;
    line-height: 1.5
}

.video-wrap .list li:before {
    display: none
}

.video-wrap .list li~li {
    margin-top: 5px
}

.video-wrap .list li a {
    display: block;
    padding: 6px 10px;
    background: #ddd;
    color: #6b7386
}

.video-wrap .list li.on a {
    background: #fb0202;
    color: #fff
}

.video-wrap .list li a:hover {
    text-decoration: none
}

.video-wrap .list::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.video-wrap .list::-webkit-scrollbar-thumb {
    border-radius: 0;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(315deg,#1de9b6 0,#08c4db 72%,#057494 100%);
    background-image: linear-gradient(135deg,#1de9b6 0,#08c4db 72%,#057494 100%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media (max-width: 765px) {
    .video-wrap .cont {
        width:100%
    }

    .video-wrap .list {
        position: static;
        overflow-y: scroll;
        padding: 15px;
        width: 100%;
        height: auto
    }

    .widget.fixed {
        position: static;
        width: 100%
    }
}

.widget_soft ul {
    overflow: hidden;
    padding: 20px 15px 0
}

.widget_soft ul li {
    position: relative;
    margin-bottom: 11px;
    padding-bottom: 11px;
    border-bottom: 1px #efefef dashed
}

.widget_soft ul li:last-child {
    margin-bottom: 8px
}

.widget_soft .softimg {
    float: left;
    display: block;
    width: 55px
}

.widget_soft ul li img {
    width: 48px
}

.widget_soft h2 {
    margin: 0;
    font-size: 16px
}

.widget_soft h2 span {
    float: right;
    display: block;
    margin-top: 12px
}

.widget_soft h2 span a {
    display: inline-block;
    margin-top: -2px;
    padding: 4px 10px;
    border-radius: 2px;
    background-color: #fb0202;
    color: #fff;
    vertical-align: middle;
    font-size: 12px
}

.widget_soft p {
    margin: 6px 0 0;
    color: #333;
    font-size: 13px;
    line-height: 1.8
}

.index-slider {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.navbar-default .navbar-nav>li>a .hot {
    position: absolute;
    top: -2px;
    right: 10px;
    display: block;
    margin-left: -13px;
    width: 30px;
    height: 14px;
    background: url(../image/ceo-hot.gif) no-repeat
}

.navbar-default .navbar-nav>li>a .new {
    position: absolute;
    top: -2px;
    right: 10px;
    display: block;
    width: 30px;
    height: 14px;
    background: url(../image/ceo-new.gif) no-repeat
}

@keyframes upDown {
    0% {
        transform: translateY(5px)
    }

    25% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    75% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(5px)
    }
}

.zhuyi {
    margin-top: 30px;
    padding: 10px 20px 10px;
    border-radius: 4px;
    background: #ededed
}

.fafafa {
    overflow: hidden;
    margin: 0 0 20px 0;
    padding-left: 10px;
    border-left: 3px solid #f70;
    border-radius: 4px;
    background: #f5f5f5
}

.entry p {
    margin: 5px 0 10px;
    color: #444;
    font-size: 14px;
    line-height: 180%;
    word-break: break-all
}

.entry strong {
    color: #6b7386;
    font-weight: 700
}

.fafafa p {
    margin: 0;
    font-size: .9em;
    line-height: 25px
}

.entry a {
    padding-bottom: 1px;
    border-bottom: 1px solid #6b7386;
    text-decoration: none
}

.fafafa a {
    border-bottom: 1px solid #999;
    color: #999
}

h1,h2,h3 {
    margin-top: 0;
    margin-bottom: 0
}

.box1 {
    margin-bottom: 20px
}

.box1_left {
    float: left;
    overflow: hidden;
    width: 46%
}

.box1_right {
    float: right;
    overflow: hidden;
    width: 26%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.box1_right .box dl,.box1_right dd {
    margin: 0;
    padding: 0
}

.box1_right .box dt {
    height: 36px;
    color: #f60;
    text-indent: 18px;
    font-size: 13px;
    line-height: 36px
}

.box1_right .box dd {
    display: flex;
    padding: 0 15px;
    border-bottom: 1px dotted #ccc;
    font-size: 13px;
    justify-content: space-between
}

.box1_right .box ul li {
    float: left;
    box-sizing: border-box;
    padding: 0!important;
    width: 33.33%;
    height: 36px;
    border-top: 1px dotted #ccc;
    border-right: 1px dotted #ededed;
    text-align: center;
    line-height: 36px
}

.user_rz {
    overflow: hidden;
    margin-top: 8px;
    width: 100%;
    height: 130px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.user_rz h3 {
    padding-left: 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #6b6b6b;
    font-size: 14px;
    line-height: 35px
}

.sqrz {
    float: right;
    overflow: hidden;
    margin-right: 10px;
    width: 110px;
    height: 30px;
    line-height: 34px
}

.sqrz a {
    float: right;
    font-size: 12px
}

.sqrz em {
    float: left;
    display: block;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 6px;
    width: 16px;
    height: 14px;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/kuvai_icon.png) no-repeat -68px -35px
}

.userlist {
    margin: 10px 10px 0 10px
}

.userlist a {
    float: left;
    display: block;
    overflow: hidden;
    margin: 0 6px 0 0;
    width: 58px;
    height: 78px;
    text-align: center;
    line-height: 16px
}

.userlist a:last-child {
    margin-right: 0
}

.userlist a p {
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    font-size: 12px
}

.userlist img {
    width: 54px;
    height: 54px;
    border: 1px solid #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 4px
}

.nrtuijian {
    float: left;
    overflow: hidden;
    width: 26%;
    height: 438px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.nrtuijian h3 {
    padding-left: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #454545;
    font-size: 16px;
    line-height: 45px
}

.pic6txt {
    margin: 8px 15px 10px
}

.pic6txt li {
    display: flex;
    margin: 0;
    margin-bottom: 2px;
    height: 65px;
    list-style: none;
    justify-content: space-between;
    align-items: flex-start
}

.pic6txt li .info {
    overflow: hidden;
    padding-left: 15px;
    flex: 1
}

.pic6txt li .name {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pic6txt li .pic {
    float: left;
    display: inline;
    border: 1px solid #e3e3e3
}

.pic6txt li img {
    display: block;
    width: 89px;
    height: 60px;
    object-fit: cover
}

.pic6txt li .nprice {
    margin-bottom: 0;
    color: #a7712a;
    font-size: 12px
}

#index_tool {
    position: relative;
    overflow: hidden;
    width: 100%
}

#index_tool ul {
    overflow: hidden
}

#index_tool ul li {
    float: left;
    padding: 7px 0 0 10px;
    padding-left: 15px
}

#index_tool h2 {
    display: block;
    height: 26px;
    word-spacing: 5px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 26px
}

#index_tool h3 {
    padding: 20px 10px 10px 10px;
    font-weight: 400;
    font-size: 14px
}

#index_tool .title {
    box-sizing: content-box;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    color: #454545;
    font-size: 16px
}

#index_tool .title span {
    margin-right: 5px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    transition: .3s
}

#index_tool .title span.on {
    color: #454545;
    font-size: 16px
}

#index_book {
    margin: 0 7px 15px 12px;
    height: 110px;
    background-color: #a0cf67
}

#index_book a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/img_book.png) no-repeat
}

#index_book a:hover {
    background-position: 0 -110px
}

.index_fav {
    box-sizing: content-box;
    padding: 10px 15px;
    height: 30px;
    background: #fff;
    background-color: #fff
}

.index_fav a {
    float: left;
    width: 100px;
    height: 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 32px
}

.index_rz {
    margin-right: 8px;
    background: #449f04
}

.index_jiaqun {
    background: #eb4b00
}

.index_vip {
    margin-top: 8px;
    margin-right: 8px;
    background: #076fbd
}

.index_tui {
    margin-top: 8px;
    background: #74049f
}

.index_rz:hover {
    background: #62b806
}

.index_jiaqun:hover {
    background: #fb740b
}

.index_vip:hover {
    background: #0b90cf
}

.index_tui:hover {
    background: #9406b8
}

.index_fav a:hover {
    color: #fff
}

.mn_city {
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff
}

.mn_city dl {
    clear: both
}

.mn_city dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mn_city dt {
    position: relative;
    padding: 10px;
    font-weight: 700;
    font-size: 14px
}

.mn_city dt cite {
    position: absolute;
    top: 12px;
    right: 10px;
    font-weight: 400;
    font-size: 12px
}

.mn_city dd {
    border-bottom: 1px solid #edf2f8;
    line-height: 38px
}

.mn_city dd a {
    display: block;
    overflow: hidden;
    padding-right: 10px;
    height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mn_city dd span {
    color: #999
}

.focusBox {
    position: relative;
    overflow: hidden;
    padding: 15px 15px;
    width: 100%;
    height: 300px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.focusBox .pic {
    position: relative;
    z-index: 0;
    height: 100%
}

.focusBox .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.focusBox .pic .swiper-container {
    height: 100%
}

.focusBox .pic .swiper-container .swiper-button-next,.focusBox .pic .swiper-container .swiper-button-prev {
    background-size: 16px;
    opacity: .5
}

.focusBox .pic .swiper-container .swiper-button-next:hover,.focusBox .pic .swiper-container .swiper-button-prev:hover {
    opacity: 1
}

.focusBox .hd {
    position: absolute;
    bottom: 10px;
    z-index: 1;
    width: 100%;
    text-align: center;
    font-size: 0
}

.focusBox .hd li {
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/dot.png) no-repeat 0 -16px;
    cursor: pointer;
    zoom:1}

.focusBox .hd .on {
    background-position: 0 0
}

.banner-btn a {
    position: absolute;
    top: 120px;
    z-index: 4;
    display: block;
    overflow: hidden;
    width: 25px;
    height: 45px;
    background-color: #000;
    line-height: 40px;
    opacity: .4
}

.prev {
    left: 0
}

.next {
    right: 0
}

.focusBox i {
    display: block;
    width: 25px;
    height: 45px;
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/kuvai_icon.png) no-repeat;
    cursor: pointer
}

.focusBox .next i {
    background-position: -130px -36px
}

.focusBox .prev i {
    background-position: -131px 3px
}

.mb-cate {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(158,158,158,.22)
}

.mb-cate .item {
    display: flex;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between
}

.mb-cate .item~.item {
    border-top: 1px solid #ededed
}

.mb-cate .item .tit {
    color: #6b7386;
    font-size: 14px
}

.mb-cate .item .mb-sx {
    text-align: justify;
    flex: 1
}

.mb-cate .item .mb-sx .btn {
    display: inline-block;
    margin: 1px 0;
    padding: 2px 5px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn.on,.mb-cate .item .mb-sx .btn:hover {
    background: #fb0202;
    color: #fff
}

.mb-cate .item .mb-sx .btn .badge {
    padding: 2px 5px;
    border-radius: 0
}

.mb-cate .item .mb-sx .btn .btn-info,.mb-cate .item .mb-sx .btn.on .badge,.mb-cate .item .mb-sx .btn:hover .badge {
    background: #fff;
    color: #1e9fff
}

.mb-cate .item .mb-hy .btn {
    min-width: 78px;
    text-align: center
}

.mblist .pagination {
    margin-top: 10px;
    width: 100%;
    text-align: center
}

@media (max-width: 768px) {
    .box1_left {
        float:none;
        width: 100%
    }

    .focusBox .pic img {
        height: auto
    }

    .focusBox {
        height: auto
    }

    .nrtuijian {
        float: none;
        margin-top: 20px;
        margin-left: 0;
        width: 100%;
        height: auto
    }

    .user_rz {
        display: none
    }

    .box1_right {
        float: none;
        margin-top: 20px;
        width: 100%
    }

    .pic6txt li .info {
        float: none;
        padding-left: 15px;
        width: auto
    }

    .mb-cate .item {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .mb-cate .item .tit {
        margin-bottom: 6px;
        width: 100%;
        font-size: 16px
    }

    .mb-cate .item .mb-hy .btn {
        width: 24%
    }
}

.member-left {
    padding: 0;
    background: #fff
}

.member-right {
    padding: 0 20px 10px;
    background: #fff
}

.member-left .list-group {
    padding: 15px 0;
    border-bottom: 1px solid #ededed
}

.member-left .list-group:last-child {
    border-bottom: none
}

.member-left .list-group-title {
    display: flex;
    height: 40px;
    color: #333;
    text-indent: 45px;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    align-items: center
}

.member-left .list-group-item {
    display: block;
    margin-bottom: 0;
    padding: 0;
    height: 40px;
    border: none;
    border-left: #fff 3px solid;
    background-color: #fff;
    text-indent: 45px;
    font-size: 14px;
    line-height: 40px
}

.member-left .list-group-item.on,.member-left .list-group-item.on:hover {
    border-left: #1e9fff 3px solid;
    background-color: hsl(208 56% 46% / .1);
    color: #fb0202
}

.member-left .list-group-item:hover {
    background: 0 0;
    color: #fb0202
}

.member-left .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.member-right .column-title {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    line-height: 50px;
    justify-content: space-between;
    align-items: center
}

.member-right .column-title .column-name {
    color: #fb0202;
    font-size: 16px
}

.inp-inline-block {
    display: inline-block
}

.umodify .form-group label {
    width: 42px
}

.widget_info {
    padding: 0 20px 15px;
    line-height: 30px
}

.top-tips .closex {
    color: #ddd
}

.top-tip-open .top-tips {
    display: block
}

.top-tip-open .top-tips a {
    color: #fff
}

.top-tip-open .navbar-fixed-top {
    top: 30px
}

.top-tip-open #PB {
    margin-top: 114px;
    display: inline-block;
    width: 32px;
    border-radius: 1000px;
    vertical-align: bottom;
    white-space: nowrap
}

.nav-avatar img {
    width: 32px;
    height: 32px;
    border: 0 none;
    border: 1px solid #ededed;
    border-radius: 1000px;
    background-size: cover
}

.nav-avatar .u_vip_1 {
    background: url(../image/u_vip.png) no-repeat
}

.nav-avatar .u_vip_2 {
    background: url(../image/u_svip.png) no-repeat
}

.nav-avatar .u_vip_3 {
    background: url(https://www.tianxiayunshang.cn/static/qiye/images/u_dvip.png) no-repeat
}

.nav-avatar i {
    position: absolute;
    right: -6px;
    bottom: -10px;
    display: inline-block;
    width: 20px;
    height: 23px;
    border: none;
    background-position: center;
    vertical-align: text-bottom
}

.xg-posts-list>li {
    overflow: visible;
    padding: 15px 20px 15px;
    border-top: 1px solid #ededed;
    text-overflow: unset;
    white-space: normal
}

.xg-posts-list>li p {
    margin-top: 2px;
    margin-bottom: 0;
    color: #999
}

.xg-posts-list>li a {
    display: inline-block;
    overflow: hidden;
    width: 70%;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.xg-posts-list>li a:hover {
    color: #fb0202
}

.login-btn-wrap {
    position: relative
}

.login-btn-wrap .login-subbtn {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 99;
    visibility: hidden;
    margin-left: -40px;
    padding: 10px;
    width: 80px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    text-align: center;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -ms-transform: translateY(10px)
}

.login-btn-wrap:hover .login-subbtn {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0)
}

.login-btn-wrap .login-subbtn a {
    display: inline-block;
    width: 100%
}

.login-btn-wrap .login-subbtn a~a {
    margin-top: 5px
}

.hidden_search .text {
    padding: 0;
    width: 100%;
    height: 40px;
    border: none;
    background: 0 0;
    color: #444;
    font-size: 14px;
    font-family: "Microsoft Yahei"
}

.hidden_search .btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: 0 0;
    color: #fb0202;
    font-size: 18px;
    cursor: pointer
}

.hidden_search .search_wrap {
    position: relative;
    padding-right: 45px;
    padding-left: 20px;
    width: 95%;
    border: 1px solid #e4eaec;
    border-radius: 20px
}

.hidden_search .close_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 26px;
    color: #777;
    font-size: 26px;
    -webkit-transition: .5s;
    transition: .5s;
    transform: translateY(-50%)
}

.hidden_search .close_btn:hover {
    color: #fb0202
}

.cd-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s
}

.cd-popup.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s,visibility 0s 0s;
    transition: opacity .3s 0s,visibility 0s 0s
}

.cd-popup-container {
    position: relative;
    top: 50%;
    margin: 0 auto;
    margin-top: -58px;
    padding: 30px 40px 30px 30px;
    width: 60%;
    border-radius: .4rem .4rem .4rem .4rem;
    background: #fff;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-backface-visibility: hidden
}

.is-visible .cd-popup-container {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

.cd-popup0,.cd-popup1,.cd-popup2,.cd-popup3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s
}

.cd-popup0.is-visible,.cd-popup1.is-visible,.cd-popup2.is-visible,.cd-popup3.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s,visibility 0s 0s;
    transition: opacity .3s 0s,visibility 0s 0s
}

.cd-popup-container0,.cd-popup-container1,.cd-popup-container2,.cd-popup-container3 {
    position: relative;
    top: 20%;
    margin: 0 auto;
    padding: 40px;
    width: 60%;
    border-radius: .4rem .4rem .4rem .4rem;
    background: #fff;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-backface-visibility: hidden
}

.cd-popup-container1 {
    top: 10%
}

.is-visible .cd-popup-container0,.is-visible .cd-popup-container1,.is-visible .cd-popup-container2,.is-visible .cd-popup-container3 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

.sear_p {
    float: left;
    margin: 20px 0 0 5%;
    width: 90%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.sear_txt {
    float: left;
    width: calc(100% - 35px);
    height: 30px;
    border: none;
    background: 0 0;
    color: #666;
    text-indent: 5px;
    font-size: 12px;
    line-height: 30px
}

@media screen and (max-width: 600px) {
    .cd-popup-container {
        width:90%
    }

    .hidden_search .text {
        font-size: 14px
    }

    .cd-popup-container {
        padding: 20px 50px 20px 10px
    }
}

.mobNav {
    position: fixed;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
    display: none;
    padding: 40px 5% 30px;
    padding-top: 53px;
    background: rgba(255,255,255,.95)
}

.mobNav ul {
    overflow: auto;
    height: 70vh
}

.mobNav ul li {
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.mobNav ul li:last-child {
    border-bottom: 0
}

.mobNav ul li .navp a {
    color: #666;
    font-weight: 700;
    font-size: 15px
}

.mobNav ul li.cur .navp a {
    color: #d82128
}

.mobNav ul li .navp i {
    display: block;
    margin-right: 5px;
    width: 16px;
    transition: .3s;
    transform-origin: center
}

.mobNav ul li.on .navp i {
    transform: rotate(-45deg)
}

.mobNav ul li .subNavm {
    display: none;
    margin-top: 10px;
    padding-left: 10px
}

.mobNav ul li .subNavm a {
    display: block;
    font-size: 14px;
    line-height: 30px
}

.searchbtn {
    float: right;
    display: none;
    margin-top: 6px;
    margin-right: 10px;
    width: 40px;
    color: #fb0202;
    text-align: center;
    font-size: 18px;
    line-height: 38px
}

@media (max-width: 640px) {
    .searchbtn {
        display:block
    }
}

.vvip0,.vvip10,.vvip30,.vvip302,.vvip70,.vvip702,.vvip75,.vvip752,.vvip80,.vvip802,.vwip0,.vwip10,.vwip30,.vwip302,.vwip70,.vwip702,.vwip75,.vwip752,.vwip80,.vwip802 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://www.tianxiayunshang.cn/static/qiye/images/tu_vip.png);
    background-size: auto 40px;
    vertical-align: middle
}

.vvip0,.vvip10,.vvip30,.vvip302,.vvip70,.vvip702,.vvip75,.vvip752,.vvip80,.vvip802 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.vvip0,.vwip0 {
    background-position: 0 0
}

.vvip70,.vwip70 {
    background-position: -80px 0
}

.vvip30,.vwip30 {
    background-position: -40px 0
}

.vvip302,.vvip702,.vvip752,.vvip802 {
    background-position: -200px 0
}

.vvip75 {
    background-position: -160px 0
}

.vvip80,.vwip75,.vwip80 {
    background-position: -120px 0
}

.vwip0,.vwip10,.vwip30,.vwip302,.vwip70,.vwip75,.vwip80 {
    position: absolute;
    z-index: 10;
    border-radius: 5px 0 0 0
}

.vvip10,.vwip10 {
    background-position: 0 0
}

#right_ad {
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 1002;
    display: none;
    width: 73px;
    height: 61px;
    border-radius: 0 0 13px 13px
}

@keyframes custom-zoom-1 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.2)
    }
}

#right_ad .close {
    position: absolute;
    top: 8px;
    right: -6px;
    z-index: 5;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #f42a1c;
    border-radius: 20px;
    background-color: rgba(255,255,255,.8);
    color: #f67345;
    text-align: center;
    font-style: inherit;
    line-height: 13px;
    cursor: pointer
}

@media (max-width: 767px) {
    #right_ad.right-ad-active {
        display:none!important
    }
}

#right_ad .timer .colon {
    padding-right: 1.2px;
    padding-left: 1px
}

#right_ad .kubao {
    position: absolute;
    top: 0;
    right: -26px;
    display: none;
    width: 73px;
    height: 61px
}

@keyframes roat {
    0% {
        transform: rotate(10deg);
        transform-origin: 50% 0 0
    }

    100% {
        transform: rotate(-10deg);
        transform-origin: 50% 0 0
    }
}

#right_ad .link {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    display: inline;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
    animation: computer_1 3s infinite
}

@keyframes computer_1 {
    0% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(0,-20px)
    }

    100% {
        transform: translate(0,0)
    }
}

#right_ad.right-ad-active {
    width: 165px!important;
    height: 170px!important
}

#right_ad .time-box {
    position: absolute;
    bottom: 28px;
    left: 18px;
    padding-left: 21px;
    width: 100%;
    height: 26px
}

#right_ad .time-box .time-list {
    display: inline-block
}

#right_ad .time-box .time-list .time-span {
    float: left;
    height: 26px;
    color: #04157a;
    font-weight: 700;
    font-size: 12px;
    line-height: 26px
}

#right_ad .time-box .time-list .time-span:last-child {
    margin-right: 0
}

.topform {
    overflow: hidden;
    border: 1px solid #fb0202;
    border-radius: 4px
}

.topform .input-group {
    flex-wrap: nowrap
}

.topform .input-group select {
    padding: 6px 6px;
    width: auto;
    outline: 0;
    border: none;
    box-shadow: none;
    font-size: 12px
}

.topform .input-group .inp {
    padding: 6px;
    width: 120px;
    outline: 0;
    border: none;
    box-shadow: none;
    font-size: 12px
}

.topform .input-group button {
    padding: 0;
    width: 36px;
    height: 100%;
    border-radius: 0;
    background: #fb0202;
    color: #fff;
    font-size: 16px
}

@media (max-width: 1440px) {
    .navbar-right {
        margin-left:5%!important
    }

    .navbar-default .navbar-nav>li>a {
        padding: 14px 9px
    }
}

.list-title {
    margin-top: 10px;
    margin-bottom: 20px;
    align-items: flex-end
}

.list-title h3 {
    color: #333;
    font-weight: 700;
    font-size: 20px
}

.album-intro {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    flex-wrap: wrap
}

.album-intro .ico {
    width: 48%
}

.album-intro .info {
    width: 50%
}

.album-intro img {
    margin-bottom: 0;
    height: 100%;
    object-fit: cover
}

.album-intro table {
    height: 100%
}

.navbar-header .logo {
    position: relative
}

.navbar-header .logo .fimg {
    position: absolute;
    bottom: -34px;
    left: -20px;
    z-index: 4;
    display: none;
    width: 249px;
    height: 100px
}

.hct-content p>br {
    display: none
}

.scrollToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1005;
    display: none;
    overflow: hidden;
    width: 50px!important;
    height: 50px!important;
    border-radius: 50px;
    background-color: #333;
    color: #fff!important;
    text-align: center;
    font-size: 0;
    line-height: 50px;
    cursor: pointer
}

.scrollToTop i {
    font-size: 28px;
    line-height: 50px
}

.scrollToTop:hover {
    opacity: .9
}

@ media (max-width: 767px) {
    height: 40px;
    background-color: rgba(0,0,0,.4)
}

.scrollToTop i {
    font-size: 20px;
    line-height: 40px
}

.ggbar a~a {
    margin-top: 5px
}

.ggbar a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 4px;
    border-radius: 6px 0 0 0;
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.5);
    content: "广告";
    font-size: 12px;
    line-height: 1.28;
    transform: scale(.8);
    transform-origin: right bottom
}

.avatarText {
    display: inline-block;
    overflow: hidden;
    width: 54px;
    height: 54px;
    border-radius: 4px;
    background-color: var(--mainColor);
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(0,0,0,.3);
    word-wrap: break-word;
    font-weight: 700;
    font-size: 20px;
    font-family: microsoft jhenghei;
    line-height: 54px
}

.userlist a:nth-last-child(1n+1) .avatarText {
    background-color: var(--red)
}

.userlist a:nth-last-child(odd) .avatarText {
    background-color: var(--green)
}

.userlist a:nth-last-child(3n+1) .avatarText {
    background-color: var(--blue)
}

.userlist a:nth-last-child(5n+1) .avatarText {
    background-color: var(--yellow)
}

.nd-cert-dialog {
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 444;
    padding: 18px 0 18px;
    width: 220px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(129,137,153,.2);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    animation: move 3s 0s infinite;
    -webkit-animation: move 3s 0s infinite
}

.nd-cert-dialog .avater {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 20px;
    border-radius: 8px 4px 4px 4px;
    background: linear-gradient(90deg,#ff715c,#fe2b38);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 20px
}

.nd-cert-dialog .nd-close {
    position: absolute;
    top: 7px;
    right: 11px;
    color: #b3b3b3;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer
}

.nd-cert-dialog .nd-content {
    text-align: center
}

.nd-cert-dialog .title {
    padding-top: 17px;
    color: #333;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 20px
}

.nd-cert-dialog .des {
    padding: 6px 0 17px;
    color: #636d7e;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 17px
}

.nd-cert-dialog .nd-btn {
    display: inline-block;
    width: 128px;
    height: 36px;
    border-radius: 18px;
    background: #fb0202;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer
}

@keyframes move {
    0%,65% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    75% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    80% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    85% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    90% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    95% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

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

@-webkit-keyframes move {
    0%,65% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    75% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    80% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    85% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    90% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    95% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

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

.pglist {
    clear: both;
    padding: 20px 0 30px;
    width: 100%;
    text-align: center
}

.pglist a {
    margin: 0 1px;
    padding: 0 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    color: #666
}

.pglist * {
    display: inline-block;
    padding-bottom: 1px;
    vertical-align: middle;
    line-height: 30px
}

.pglist .hover,.pglist a:hover {
    display: inline-block;
    border-color: #fb0202;
    background: #fb0202;
    color: #fff
}

.pglist a.page-num-current {
    border: 1px solid #de0101;
    background: #d00;
    color: #fff
}

@media (max-width: 800px) {
    .album-intro .ico {
        width:100%
    }

    .album-intro .info {
        padding: 30px 0 0 0;
        width: 100%
    }
}

@media only screen and (max-width: 780px) {
    .pppic-thumb {
        position:relative;
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 100px;
        transition: all .2s
    }
}

@media screen and (min-width: 1200px) {
    .pppic-thumb {
        position:relative;
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 130px;
        transition: all .2s
    }
}

.textwidget img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.filter-tags {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 180px;
    height: 50px;
    border-radius: 17px;
    background-color: #fb02028a;
    line-height: 50px;
    transition: all .3s linear
}

.filter-tags:hover {
    background-color: #fb0101;
    color: #fff
}

.filter-tags:hover a {
    color: #fff
}

.filter-tags a {
    display: block;
    width: 100%;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 5px;
    font-weight: 700;
    font-size: 18px;
    transition: all .3s linear
}

.filter-tags .layui-icon,.filter-tags a {
    overflow: hidden;
    text-align: center;
    transition: all .3s linear
}

.filter-tags .layui-icon {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #5386f1;
    color: #fff;
    line-height: 23px
}

.widget-avatar img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.widget-avatar .avatar-wrap {
    margin-top: -60px;
    text-align: center
}

.widget-avatar .avatar-link {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.3)
}

.widget-avatar .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .3s ease-out 0s;
    object-fit: cover
}

.widget-avatar .profile-info {
    padding: 5px 0;
    text-align: center;
    line-height: 1.6
}

.widget-avatar .author-description {
    margin-top: 10px
}

.widget-avatar .author-description p {
    color: #666
}

.widget-avatar .author-name {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    line-height: 22px
}

.widget-avatar .author-level {
    display: inline-block;
    width: 16px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(0deg,rgba(253,165,34,.9294117647058824),#fd4c4c);
    color: #fff;
    letter-spacing: 0;
    font-size: 10px;
    line-height: 16px
}

.sideuserlink {
    padding: 20px;
    text-align: center;
    font-size: 0
}

.sideuserlink p {
    display: inline-block;
    padding: 0;
    width: 20%;
    vertical-align: top
}

.sideuserlink p a {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px
}

.sideuserlink p a::after {
    font-family: iconfont
}

.sideuserlink p a.qq {
    border: 1px solid #12b7f5
}

.sideuserlink p a.qq::after {
    color: #12b7f5;
    content: "\e60f";
    font-size: 28px
}

.sideuserlink p a.wechat {
    border: 1px solid #4cbf2a
}

.sideuserlink p a.wechat span {
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 30;
    display: none;
    margin-left: -70px;
    padding: 15px 10px 10px;
    width: 120px;
    border-top: 2px solid #0188fb;
    background: #fff;
    box-shadow: 0 0 2px 0 #bbb
}

.sideuserlink p a.wechat span::before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 3;
    margin: -21px 0 0 -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    content: "";
    border-top-color: #e4e8eb;
    border-bottom-color: transparent
}

.sideuserlink p a.wechat span::after {
    position: absolute;
    bottom: -18px;
    left: 50%;
    z-index: 3;
    margin: -20px 0 0 -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    content: "";
    border-top-color: #fff;
    border-bottom-color: transparent
}

.sideuserlink p a.wechat span img {
    display: block;
    width: 100%
}

.sideuserlink p a.wechat::after {
    color: #4cbf2a;
    content: "\e610";
    font-size: 32px
}

.sideuserlink p a.email {
    border: 1px solid #f9671c
}

.sideuserlink p a.email::after {
    color: #f9671c;
    content: "\e617";
    font-size: 20px
}

.sideuserlink p a.weibo {
    border: 1px solid #e6162d
}

.sideuserlink p a.weibo::after {
    color: #e6162d;
    content: "\e612";
    font-size: 32px
}

.sideuserlink p a.group {
    border: 1px solid #38638c
}

.sideuserlink p a.group::after {
    color: #38638c;
    content: "\e604";
    font-size: 24px
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: iconfont;
    src: url(../font/iconfont.woff2) format('woff2')
}

.profile-count {
    margin: 0 15px;
    border-top: 1px dashed #e5e5e5
}

.profile-count ul li {
    float: left;
    margin-top: 10px;
    width: 25%;
    color: #7e8299;
    text-align: center;
    line-height: 24px
}

.profile-count ul li span {
    display: block;
    color: #172b4c;
    font-size: 18px;
    line-height: 20px
}

@media screen and (min-width: 1200px) {
    .ceo_ads {
        display:flex;
        margin-bottom: 10px!important;
        margin-left: -15px;
        flex-wrap: wrap
    }

    .ceo_ads li {
        box-sizing: border-box;
        margin: 5px 0;
        padding-left: 15px;
        width: 100%;
        max-width: 100%;
        flex: 0 0 33.33344%
    }

    .ceo_ads img {
        width: 100%;
        height: 70px
    }

    .ceo_ads a {
        position: relative;
        float: left;
        display: block
    }

    .ceo_ads a:before {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 26px;
        height: 1pc;
        background: url(../../static/images/ceo-ads.png);
        color: #fff;
        content: " ";
        text-align: center;
        font-size: 9pt
    }
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .ceo_ads {
        display:flex;
        margin-bottom: 10px!important;
        margin-left: -15px;
        flex-wrap: wrap
    }

    .ceo_ads li {
        box-sizing: border-box;
        margin: 5px 0;
        padding-left: 15px;
        width: 100%;
        max-width: 100%;
        flex: 0 0 50%
    }

    .ceo_ads img {
        width: 100%;
        height: 70px
    }

    .ceo_ads a {
        position: relative;
        float: left;
        display: block
    }

    .ceo_ads a:before {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 26px;
        height: 1pc;
        background: url(../../static/images/ceo-ads.png);
        color: #fff;
        content: " ";
        text-align: center;
        font-size: 9pt
    }
}

@media only screen and (max-width: 768px) {
    .ceo_ads {
        display:flex;
        margin-bottom: 10px!important;
        margin-left: -15px;
        flex-wrap: wrap
    }

    .ceo_ads li {
        box-sizing: border-box;
        margin: 5px 0;
        padding-left: 15px;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .ceo_ads img {
        width: 100%;
        height: 70px
    }

    .ceo_ads a {
        position: relative;
        float: left;
        display: block
    }

    .ceo_ads a:before {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 26px;
        height: 1pc;
        background: url(../../static/images/ceo-ads.png);
        color: #fff;
        content: " ";
        text-align: center;
        font-size: 9pt
    }
}

.syad01 img {
    width: 100%
}

#banner-bear {
    position: relative;
    height: 200px;
    font-size: 22px
}

.typing {
    position: absolute;
    top: 15%;
    left: 50%;
    z-index: 1;
    color: #f90303;
    text-shadow: 1px 1px 0 rgb(249 247 247);
    font-weight: 700;
    font-size: 30px;
    transform: translate(-50%,-50%)
}

.primary-menus {
    position: absolute;
    top: 55%;
    left: 50%;
    z-index: 3;
    width: 50%;
    font-size: 16px;
    opacity: .95;
    transform: translate(-50%,-50%)
}

.primary-menus ul {
    padding: 0;
    list-style: none;
    text-align: center
}

.primary-menus ul li {
    display: inline-block;
    padding: 0 14px;
    height: 36px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: #2196f3;
    color: #f9fafb;
    font-size: 18px;
    line-height: 36px;
    cursor: pointer
}

.primary-menus ul li:first-child {
    background: #2196f3;
    color: #fff;
    font-size: 18px;
    cursor: auto
}

.primary-menus ul li:first-child:hover {
    background: #f70303;
    color: #fff
}

.primary-menus ul li:hover {
    background: #f70303;
    color: #fff;
    font-size: 18px;
    opacity: .8
}

.primary-menus ul li.current {
    background: #e71919;
    color: #fefeff;
    text-align: center;
    font-weight: 500;
    font-size: 18px
}

.primary-menus .cont {
    position: relative;
    top: -1px
}

.primary-menus .right-link {
    position: absolute;
    top: 0;
    right: 0
}

.primary-menus .right-link a {
    display: inline-block;
    margin-top: 10px;
    padding-right: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 13px
}

.primary-menus .right-link a:hover {
    color: #fff
}

.primary-menus .left-cont .search.hidden {
    display: none
}

.primary-menus .left-cont form {
    position: relative;
    width: 100%
}

.primary-menus .left-cont input {
    box-sizing: border-box;
    padding: 11px 100px 11px 26px;
    width: 100%;
    height: 48px;
    outline: 0;
    border: none;
    border-radius: 3px;
    color: #f44336;
    font-size: 15px;
    line-height: 20px
}

.primary-menus .left-cont input:focus {
    color: #3c3c3c
}

.primary-menus .left-cont button {
    position: absolute;
    top: 0;
    right: 1px;
    box-sizing: border-box;
    margin-left: -5px;
    padding: 0 15px;
    height: 48px;
    min-width: 100px;
    border: 5px solid #fff;
    border-radius: 9px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #e60d0d;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer
}

.primary-menus .left-cont button:hover {
    background-color: #ff3636
}

@media (max-width: 1199px) {
    .primary-menus ul li {
        padding:0 12px
    }

    .typing {
        font-size: 28px
    }
}

@media (max-width: 991px) {
    .primary-menus {
        top:60%;
        float: left;
        margin-left: 0;
        width: 90%
    }

    .primary-menus .right-link {
        display: none
    }

    .primary-menus .left-cont {
        margin-right: 0
    }

    .typing {
        font-size: 25px
    }
}

@media (max-width: 767px) {
    .primary-menus ul li {
        margin-right:6px;
        padding: 0 5px;
        height: 28px;
        font-size: 16px;
        line-height: 24px
    }

    .primary-menus .left-cont input {
        padding: 10px 6em 10px 10px;
        height: 34px;
        border-radius: 0 3px 3px 3px;
        font-size: 13px;
        line-height: 14px
    }

    .primary-menus .left-cont button {
        margin-right: -2px;
        width: 6em;
        height: 34px;
        border: none;
        border-radius: 2px;
        font-size: 14px;
        line-height: 34px
    }

    .typing {
        font-size: 18px
    }
}

.q-answer .as-comments-input1 {
    float: left;
    box-sizing: border-box;
    margin: 5px 0;
    width: 49%;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px
}

.q-answer .as-comments-input2 {
    float: left;
    box-sizing: border-box;
    margin: 5px 0;
    margin-left: 1%;
    width: 50%;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px
}

.as-comments-input3 {
    width: 100%!important;
    height: auto!important
}

.ask-submit {
    margin-top: 10px
}

.q-answer .as-comments,.q-answer .as-comments-box {
    position: relative;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 0
}

.q-answer .as-comments-box:after,.q-answer .as-comments-box:before,.q-answer .as-comments:after,.q-answer .as-comments:before {
    position: absolute;
    top: -11px;
    left: 116px;
    z-index: 2;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 6px solid #fff;
    content: '';
    font-size: 0;
    line-height: 0
}

.q-answer .as-comments-box:after,.q-answer .as-comments:after {
    top: -12px;
    z-index: 1;
    border-bottom: 6px solid #e5e5e5
}

.q-answer .as-comments-input {
    float: left;
    box-sizing: border-box;
    width: 88%;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px
}

@media (max-width: 767px) {
    .q-answer .as-comments-input {
        width:100%
    }
}

.q-answer .as-comments-input:focus {
    box-shadow: none
}

.q-answer .as-comments-submit {
    float: right;
    padding: 5px 10px;
    width: 10%;
    height: auto;
    outline: 0;
    border: 0;
    border-radius: 3px;
    background: #1471ca;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 24px
}

@media (max-width: 767px) {
    .q-answer .as-comments-submit {
        margin-top:5px;
        width: 100%
    }
}

.q-answer .as-comments-submit:active,.q-answer .as-comments-submit:focus,.q-answer .as-comments-submit:hover {
    background: #0d62b3
}

.q-answer .as-comments {
    padding: 10px 15px
}

.q-answer .as-comments:after,.q-answer .as-comments:before {
    left: 60px
}

.q-answer .as-comments-list {
    margin: 0;
    padding: 0!important;
    list-style: none!important;
    font-size: 14px
}

.q-answer .as-comments-item {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    list-style: none!important
}

.q-answer .as-comments-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.q-answer .as-comments-none {
    margin: 0;
    padding: 15px 0;
    color: #999;
    list-style: none;
    text-align: center;
    line-height: 16px
}

.q-answer .as-comment-name {
    color: #1471ca;
    font-size: 14px
}

.q-answer .as-comment-name span {
    margin-left: 5px;
    color: #999
}

.q-answer .as-comment-name a.j-del-comment {
    color: #666;
    font-size: 13px
}

.q-answer .as-comment-content {
    color: #666
}

.q-answer .as-comment-content p {
    margin-bottom: 5px;
    text-indent: 0
}

@media (max-width: 767px) {
    #question-form {
        position:relative;
        padding-bottom: 60px
    }
}

.q-add-header {
    position: static;
    overflow: hidden;
    padding: 15px;
    background: #fff
}

.q-add-header .btn-post {
    display: block;
    margin: 0 auto;
    padding: 10px 25px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 0;
    border-radius: 3px;
    background: #1471ca;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 1
}

.q-add-header .btn-post:hover {
    background: #0d62b3
}

.q-add-header .btn-post .fa {
    vertical-align: bottom
}

@media (max-width: 767px) {
    .q-add-header .btn-post {
        width:100%
    }
}

.q-add-title {
    float: left;
    width: 58%
}

@media (max-width: 767px) {
    .q-add-title {
        float:none;
        margin-bottom: 10px;
        width: 100%
    }
}

.q-add-cat {
    float: left;
    width: 27%
}

@media (max-width: 767px) {
    .q-add-cat {
        float:none;
        width: 100%
    }
}

.q-add-btn {
    float: left;
    width: 15%
}

@media (max-width: 767px) {
    .q-add-btn {
        position:absolute;
        right: 10px;
        bottom: 15px;
        left: 10px;
        float: none;
        width: auto
    }
}

.q-add-label {
    float: left;
    width: 50px;
    font-size: 16px;
    line-height: 34px
}

.q-add-input {
    padding-right: 10px;
    padding-left: 55px
}

.q-add-input input,.q-add-input select {
    box-sizing: border-box;
    padding: 5px 10px;
    width: 100%;
    height: 34px;
    outline: 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff
}

.q-add-main {
    padding: 0 15px 15px
}

div.mce-toolbar-grp>div {
    padding: 0 3px
}

.as-form textarea,.q-add-main textarea {
    display: none
}

.as-form .mce-flow-layout,.q-add-main .mce-flow-layout {
    padding: 1px 3px
}

.as-form .mce-panel,.q-add-main .mce-panel {
    background: #f9f9f9
}

.as-form .mce-btn,.q-add-main .mce-btn {
    background: #f9f9f9
}

.as-form .mce-panel.mce-tinymce,.q-add-main .mce-panel.mce-tinymce {
    border: 0!important
}

.as-form .mce-edit-area,.q-add-main .mce-edit-area {
    border-top: 0!important
}

.as-form .mce-btn button,.q-add-main .mce-btn button {
    color: #888
}

.as-form .mce-ico,.q-add-main .mce-ico {
    color: #888;
    font-size: 14px
}

@media (max-width: 767px) {
    .as-form .mce-edit-area iframe,.q-add-main .mce-edit-area iframe {
        min-height:80px
    }
}

.as-form .mce-ico {
    font-size: 16px
}

.q-load-wrap {
    position: relative;
    margin-top: -10px;
    margin-bottom: 30px;
    text-align: center
}

.q-load-more {
    display: inline-block;
    margin: 0 auto;
    padding: 8px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #999;
    text-align: center;
    font-size: 14px;
    line-height: 1
}

.q-load-more:hover {
    border: 1px solid #999;
    color: #666;
    text-decoration: none
}

.q-load-more.disabled {
    opacity: .6
}

.notice-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.01)
}

.notice-wrap {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 101;
    width: 100%;
    text-align: center
}

.notice-inner {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px;
    background: #ffedc8;
    color: #cd6e00;
    line-height: 1.2
}

.notice-inner.notice-1 {
    background: #e1ffe3;
    color: #388202
}

.notice-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.as-list>#notice .notice-wrap {
    top: auto;
    bottom: 10px
}

.as-item>#notice .notice-wrap {
    top: auto;
    bottom: 25px
}

.q-pagination {
    display: block;
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.q-pagination a,.q-pagination span {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 7px 8px;
    border-radius: 2px;
    background-color: #f2f2f2;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.05);
    color: #999;
    vertical-align: top;
    line-height: 1;
    transition: all .2s ease-in-out
}

@media (max-width: 767px) {
    .q-pagination a,.q-pagination span {
        display:none
    }
}

@media (max-width: 767px) {
    .q-pagination .next,.q-pagination .prev {
        display:inline-block;
        margin: 0 10px;
        padding: 10px;
        width: 40%
    }
}

.q-pagination .current {
    background: #1471ca;
    color: #fff
}

.q-pagination a:hover {
    background: #0d62b3;
    color: #fff!important;
    text-decoration: none;
    cursor: pointer
}