/* Theme Name: Blues Theme Description: Blues主题是一款界面简洁、美观的XunruiCMS主题，它适用于博客、资讯、CMS等站点，当然也不局限于以上类型站点使用。 Version: 2.1.6 Tags: 博客主题、资讯主题、CMS主题 */

div,

ul,

li {

    list-style-type: none;

}



a,

a:hover {

    transition: all .3s;

    text-decoration: none !important;

}



.uk-overlay-primary2 {

    background: rgba(34, 34, 34, .3) !important;

}



.uk-space_tab{ padding-left: 20px; }

.uk-space_follow{ padding: 10px 50px; height: 50px; cursor: pointer; }



.uk-follow_topic li{ border-radius: 20px; background: #ddd; display: inline-block; padding: 10px 25px; margin: 10px 5px; }

.uk-follow_topic li a{ color: #333; }

.uk-follow_topic li:hover a{ color: #fff; }

.uk-follow_topic li:hover{ background: #333; color: #fff; }



.change-color {

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);

    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);

    color: #fff !important

}

ul.mytab1204 {

        width: 100%;

        list-style: none;

        overflow-x: auto;

        white-space:nowrap;

    }



ul.mytab1204 li {

        display:inline;

        margin-right: 30%;

    }

#regform .code_img,

#myform_login .code_img{

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

}

.sendRegister{

color: #FFF;

background-color: #3fa8e1;

border-color: #3fa8e1;

border:0;

height: 40px;

line-height: 40px;

}

#myform_login .bi,

#myform_login .fa,

#regform .bi,

#regform .fa{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 40px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    color: #999;

}

#regform .uk-input,

#myform_login .uk-input{ padding-left: 40px; }

.rotate {

    transition: all .5s

}



.rotate:hover {

    transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

}



.shadow {

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1)

}



.b-a {

    border: 1px solid #f2f2f2;

}



.b-b {

    border-bottom: 1px solid #f2f2f2;

}



.b-t {

    border-top: 1px solid #f2f2f2;

}



.b-r-4 {

    border-radius: 4px !important

}



.b-r-10 {

    border-radius: 10px !important

}



.b-r-t-4 {

    border-radius: 4px 4px 0 0 !important

}



.bg-primary {

    background: #2c63ff;

    box-shadow: -3px 2px 10px -2px #2c63ff;

}



/* * ------------------------------------------------------------------------------ * 头部样式 * ------------------------------------------------------------------------------ */

.navbar {

    height: 68px;

}



.logo {

    margin: 14px 0;

    height: 40px;

    font-size: 24px

}



.logo img {

    max-height: 100%;

    transition: all .3s;

}



.nav {

    flex: 1;

}



.nav>ul>li {

    display: inline-block;

    line-height: 68px;

}



.nav>ul>li>a {

    font-size: 15px;

    text-transform: none;

    padding: 0;

    margin: 0 15px;

    color: #222;

    line-height: 68px;

    display: inline-block;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    font-size: 16px;

    font-family: 'Nunito Sans';

    text-decoration: none;

    color: #1c1c1c;

    transition: .1s ease-in-out;

    transition-property: color, background-color, border-color, box-shadow;

    position: relative;

    z-index: 1;

}



.nav>ul>li>a:hover {

    color: #2c63ff;

}



.nav>ul .uk-active>a {

    color: #222;

    position: relative;

}



.nav>ul>.uk-active>a::before {

    content: '';

    display: block;

    width: 100%;

    left: 0;

    right: 0;

    height: 4px;

    position: absolute;

    bottom: 0;

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    z-index: 10;

    box-shadow: 0px -1px 7px -1px #2c63ff;

    border-radius: 8px;

}



.nav>ul>li>a::before {

    content: '';

    display: block;

    position: absolute;

    z-index: -1;

    bottom: 0;

    height: 4px;

    background-color: transparent;

    transition: .24s ease-in-out;

    transition-property: background-color, border-color, box-shadow, height, right;

    left: 0px;

    right: 100%;

    box-shadow: 0px -1px 7px -1px #2c63ff;

    border-radius: 8px;

}



.nav>ul>li:hover>a::before,

.nav>ul>li>a:focus::before {

    right: 0px;

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    box-shadow: 0px -1px 7px -1px #2c63ff;

    border-radius: 8px;

}



.head-search {

    font-size: 14px !important

}



.head-search i {

    font-size: 15px

}



.head-user {

    min-width: 110px !important;

}



.head-user ul li a {

    font-size: 14px;

    line-height: 30px;

}



.head-user ul li a i {

    font-size: 18px;

    margin-right: 3px;

}



.side-logo {

    height: 60px;

    line-height: 60px

}



.side-logo img {

    max-height: 80%

}



.side-nav>ul {

    width: 100%;

    border-left: 1px solid #f2f2f2

}



.side-nav>ul>li a {

    color: #222;

    padding: 10px 0;

    display: inline-block;

}



/* * ------------------------------------------------------------------------------ * 搜索样式 * ------------------------------------------------------------------------------ */

.search-input {

    padding: 15px;

}



.search-button {

    color: #fff;

    padding: 0 30px 0 25px;

    font-size: 16px;

    background: #2c63ff;

    border: 0;

    cursor: pointer;

    box-shadow: 0px 2px 10px -1px #2c63ff;

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.search-button i {

    font-weight: bold

}



.search-tags {

    margin-top: 30px

}



.search-tags li {

    display: inline-block;

    margin-right: 10px;

}



/* * ------------------------------------------------------------------------------ * 幻灯片样式 * ------------------------------------------------------------------------------ */

@media all and (min-width:960px) {

    .uk-banner {

        width: 900px;

    }

}



.uk-banner ul {

    border-radius: 4px;

    overflow: hidden;

}



/* * ------------------------------------------------------------------------------ * 首页四格样式 * ------------------------------------------------------------------------------ */

.uk-four-card h5 {

    padding: 0;

    margin: 0;

    display: inline-block;

    padding: 0 20px;

    line-height: 36px;

    box-shadow: none;

}



.uk-four-card .uk-overlay-primary {

    background: rgba(34, 34, 34, .8);

}



/* * ------------------------------------------------------------------------------ * 板块样式 * ------------------------------------------------------------------------------ */

.box {

    padding: 20px;

}



.box .box-title {

    font-size: 1.2rem;

    padding-bottom: 15px;

}



.box .box-item {

    margin-bottom: 10px

}



.box .box-item p {

    font-size: 0.89rem;

    line-height: 1.21rem;

    min-height: 45px

}



.box .box-item p em {

    color: #fff;

    font-style: normal;

    font-size: 12px;

    padding: 2px 5px;

    margin-right: 6px;

}



.box .box-item .box-item-cover {

    max-height: 70px

}



.btn {

    display: inline-block;

    padding: 4px 8px;

    background: #f9f9f9;

    color: #999;

    font-size: 12px;

    font-family: 'arial'

}



.btn i {

    margin-right: 3px;

}



.btn:hover {

    background: #2c63ff;

    color: #fff;

    box-shadow: 0 3px 10px -1px #2c63ff;

}



.btn-on {

    color: #fff;

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    box-shadow: 0 3px 10px -1px #2c63ff !important;

    border: 0;

}



.btn-on:hover {

    background: #1d48c3 !important;

}



.btn-grey {

    color: #888888 !important;

    background: #eeeeee !important;

    box-shadow: 0 3px 10px -1px #eeeeee !important;

    border: 0;

}



.btn-grey:hover {

    background: #fefefe !important;

}



/* * ------------------------------------------------------------------------------ * 快捷导航样式 * ------------------------------------------------------------------------------ */

.fastlink-item {

    box-shadow: 8px 8px 12px #fafafa;

}



.fastlink-title {

    font-size: 15px;

    color: #383838;

    letter-spacing: 1px;

    padding-bottom: 15px;

}



.fastlink-title i {

    color: #2c63ff;

    margin-right: 3px;

    font-weight: normal;

}



.fastlink-title span {

    color: #222;

    font-weight: normal;

    letter-spacing: 0

}



.fastlink-list {

    list-style: none;

    border-left: 1px solid #eee;

    margin: 15px 0 0;

}



.fastlink-list li:nth-child(1) a {

    color: #f00;

}



.fastlink-list li:nth-child(3) a {

    color: #2c63ff;

}



.fastlink-list li {

    position: relative;

}



.fastlink-list li a {

    display: block;

    font-size: 14px;

    color: #666;

    padding: 8px 12px;

}



.fastlink-list li::after {

    content: '';

    width: 5px;

    height: 5px;

    background: #fff;

    border: 1px solid #aac0ff;

    position: absolute;

    left: -4px;

    top: 7px;

    border-radius: 50%;

    margin: 7px 0;

    z-index: 90;

    transition: all .3s;

}



.fastlink-list li a:hover {

    color: #2c63ff;

}



.fastlink-tags {

    margin: 10px 0;

}



.fastlink-tags li {

    display: inline-block;

    margin-top: 10px;

    margin-right: 3px

}



.fastlink-tags li:nth-child(3) a {

    color: #fff !important;

    background: #2c63ff !important;

    box-shadow: 0 3px 10px -1px #2c63ff !important;

    border: 0 !important;

}



.fastlink-img {

    max-height: 128px;

    overflow: hidden

}



.fastlink-img .cover {

    padding: 10px

}



/* * ------------------------------------------------------------------------------ * 分类切换样式 * ------------------------------------------------------------------------------ */

.switcher-title {

    padding-bottom: 20px;

}



.switcher-title a {

    color: #333;

    font-size: 18px;

    padding-bottom: 21px;

    transition: none;

}



.switcher-title a:hover {

    color: #000

}



.switcher-title .uk-active>a {

    position: relative;

    color: #2c63ff;

}



.switcher-title .uk-active>a::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -2px;

    width: 100%;

    height: 4px;

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    box-shadow: 0px 2px 10px -1px #2c63ff;

    border-radius: 3px;

}



/* * ------------------------------------------------------------------------------ * 卡片样式 * ------------------------------------------------------------------------------ */

.card-item {

    transition: all .3s;

}



.card-item:hover {

    transform: translateY(-5px);

    -webkit-box-shadow: 0 34px 20px -24px rgba(136, 161, 206, 0.3);

    box-shadow: 0 34px 20px -24px rgba(136, 161, 206, 0.3);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

    -ms-transform: translateY(-5px);

}



.card-item .title {

    font-size: 16px;

    min-height: 48px;

    margin: 15px 0;

    line-height: normal;

}



.card-item .title a {

    color: #262626;

}



.card-item h3 a:hover {

    color: #2c63ff

}



.card-item .cover {

    height: 160px;

    overflow: hidden;

}



.card-item .cover img {

    min-height: 100%;

    min-width: 100%

}



.home-btn {

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    line-height: 46px;

    font-size: 16px;

    padding: 0 30px;

    box-shadow: 0 3px 10px -1px #2c63ff;

}



.home-btn:hover {

    color: #fff;

    background: #1d48c3;

}



.bbs-btn {

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    line-height: 46px;

    font-size: 16px;

    padding: 0 60px;

    box-shadow: 0 3px 10px -1px #2c63ff;

}



.bbs-btn:hover {

    color: #fff;

    background: #1d48c3;

}



/* * ------------------------------------------------------------------------------ * 博客样式 * ------------------------------------------------------------------------------ */

.blog-item-foot {

    color: #999

}



.blog-item-foot a {

    color: #999

}



.blog-item-foot a:hover {

    color: #000

}



.blog-item-foot span {

    margin-right: 15px

}



.blog-item-foot i {

    margin-right: 2px

}



.blog-item h3 a {

    color: #222

}



.blog-item:hover h3 a {

    color: #2c63ff

}



.blog-item .cover {

    max-height: 160px;

    max-width: 282px;

    overflow: hidden

}



.blog-item p i {

    margin-right: 5px;

}



.hot-tag a {

    font-size: 13px;

    padding: 4px 10px;

}



.hot-tag a:hover {

    border: 0

}



.sponsor {

    padding: 30px 0;

}



/* * ------------------------------------------------------------------------------ * 专题样式 * ------------------------------------------------------------------------------ */

.thematic {

    overflow: hidden

}



.thematic-item {

    transition: all .3s;

}



.thematic-item:hover {

    box-shadow: 0 0 20px #eaeaea;

}



.thematic-item .item-thumb {

    max-height: 160px;

    z-index: 10;

}



.thematic-item .item-thumb img {

    max-width: none

}



.thematic-item .thematic-item-title {

    margin: 20px 0 10px;

    padding-left: 20px;

    font-size: 18px;

    font-weight: bold;

}



.thematic-item .thematic-item-title::after {

    content: '';

    position: absolute;

    left: 0;

    height: 100%;

    width: 5px;

    background: #2c63ff;

    box-shadow: 3px 0px 10px -1px #2c63ff;

    border-radius: 2px;

}



.thematic-item p {

    padding: 0 20px;

}



.thematic-item .btn-on {

    padding: 5px 10px;

}



.thematic-item .btn-on:hover {

    color: #fff !important

}



/* * ------------------------------------------------------------------------------ * 列表分类/子分类样式 * ------------------------------------------------------------------------------ */

.cat-list ul {

    margin-bottom: 0;

    white-space: nowrap;

}



.cat-list ul li {

    list-style: none;

    display: inline-block;

    color: #888;

    text-align: center;

}



.cat-list ul li:first-child {

    margin-right: 20px

}



.cat-list ul li a {

    display: block;

    padding: 8px 20px;

    color: #666;

    font-size: 13px;

    transition: all 0s;

    border-radius: 4px;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    transition: all .3s

}



.cat-list ul li a:hover {

    color: #fff;

    background: #2c63ff;

    box-shadow: -3px 2px 10px -2px #2c63ff;

}



.cat-list .current-cat a {

    background: #2c63ff;

    border-radius: 4px;

    box-shadow: -3px 2px 10px -2px #2c63ff;

}



.cat-list .current-cat a {

    color: #fff

}



.ajax-btn a {

    display: inline-block;

    background: #2c63ff;

    line-height: 46px;

    font-size: 16px;

    color: #fff;

    border-radius: 4px;

    padding: 0 30px;

    box-shadow: 0 3px 10px -1px #2c63ff;

}



.ajax-btn a:hover {

    color: #fff;

    background: #1d48c3;

}



/* * ------------------------------------------------------------------------------ * 分页样式 * ------------------------------------------------------------------------------ */

.pagination {

    margin: 0;

    padding: 0;

    text-align: center;

}



.pagination li {

    transition: all .3s;

    display: inline-block;

}



.pagination li a {

    color: #888;

    background: #fff;

    display: inline-block;

    padding: 8px 16px;

    border-radius: 4px;

    margin-right: 5px;

    box-shadow: 0 5px 10px -5px #e0e8f3;

}



.pagination li a:hover {

    background: #2c63ff;

    color: #fff

}



.pagination li.active a {

    background: #999999;

    color: #fff;

    box-shadow: 0px 5px 10px -5px #999999;

}



/* * ------------------------------------------------------------------------------ * 侧边栏样式 * ------------------------------------------------------------------------------ */

.helper {

    letter-spacing: .5px

}



.helper p {

    max-width: 80%;

}



.helper .home-btn {

    padding: 6px 10px;

    font-size: 13px;

    line-height: normal;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.helper .home-btn i {

    font-size: 14px;

    margin-right: 5px;

}



.helper .helper-thumb {

    position: absolute;

    right: 0;

    bottom: 0;

}



.helper .btn {

    font-size: 13px

}



.side-tag li {

    display: inline-block;

    margin: 5px 0 5px 5px;

}



/* * ------------------------------------------------------------------------------ * 内容页样式 * ------------------------------------------------------------------------------ */

.single-head ul li {

    display: inline-block;

}



.single-head ul li a {

    color: #999

}



.single-head ul li a i {

    margin-right: 3px

}



.single-head .single-info a {

    font-size: 14px

}



.single-warp,

.cat-warp {

    width: 880px

}



.single-content {

    padding: 20px

}



.single-content h2 {

    padding-bottom: 10px;

    border-bottom: 2px dashed #ddd;

}



.single-content p {

    font-size: 16px;

    letter-spacing: .5px;

    line-height: 28px;

}



.single-content img {

    margin: 15px 0;

}



.single-content a {

    color: #262626;

}



.single-content a:hover {

    color: #000

}



.single-content table {

    border: 1px solid #eee;

}



.single-content table th {

    color: #222;

    font-weight: bold;

    font-size: 15px !important;

    border-right: 1px solid #eee;

}



.single-content table td {

    border-right: 1px solid #eee;

}



.single-content blockquote {

    font-style: normal;

    font-size: 13px !important

}



.single-content blockquote a {

    font-size: 15px !important

}



.single-content cite {

    font-style: normal;

    color: #999;

}



.single-copy {

    background: #2c63ff;

    padding: 5px 10px;

    font-size: 13px;

    border-bottom-left-radius: 4px;

    cursor: pointer

}



.single-content .single-alert {

    font-size: 13px;

}



.single-content .single-alert a {

    font-size: 13px

}



.single-content .single-alert p {

    font-size: 13px

}



.single-content li {

    line-height: 32px;

}



.single-tags a {

    color: #999;

    font-size: 14px;

    margin: 0 6px;

}



.aligncenter {

    text-align: center;

}



.single-down {

    padding: 8px 16px 9px 13px;

    font-size: 14px;

    background-color: #fe7f6f;

    color: #fff !important

}



.single-down:hover {

    background-color: #ed1c24;

}



.single-down-top {}



.single-down-main {

    width: 85%;

    margin: -45px auto 0 auto

}



.single-down-main .down-btn {

    line-height: 38px;

    font-size: 15px;

    padding: 0 20px;

    color: #fff;

}



/* * ------------------------------------------------------------------------------ * 点赞样式 * ------------------------------------------------------------------------------ */

.zan a {

    padding: 8px 16px 9px 13px;

    font-size: 14px;

    color: #333;

    border:solid 1px #e2e2e2;

    /*background-color: #e2e2e2;*/

}



.zan a:hover {

    border:solid 1px #2c63ff;

    background-color: #2c63ff;

    color: #fff

}



.zan i {

    margin-right: 2px

}



.zan .count {

    font-size: 13px;

}



.zan .done {

    background-color: #262626 !important;

}



.reward {

    background-color: #f5a754 !important

}



.zan .done {

    background-color: #ed1c24 !important

}



/* * ------------------------------------------------------------------------------ * 分享样式 * ------------------------------------------------------------------------------ */

.share {

    font-family: arial;

}



.share>a {

    padding: 8px 16px 9px 13px;

    background: #fe7f6f;

}



.share>a:hover {

    background-color: #ed1c24

}



@media (max-width:320px) {

    .uk-grid-padding-left {

        padding-left: 10px !important;

    }

}



/* * ------------------------------------------------------------------------------ * 分页样式 * ------------------------------------------------------------------------------ */

.turn-page {

    padding: 14px 0;

    color: #262626

}



.turn-page a {

    font-size: 15px;

    color: #262626

}



/* * ------------------------------------------------------------------------------ * 单页样式 * ------------------------------------------------------------------------------ */

.page-menu ul li {

    padding: 20px 0;

    margin: 0 !important;

    border-bottom: 1px solid #eee;

    text-indent: 20px

}



.page-menu ul li:last-child {

    border: none

}



.page-menu ul li a {

    display: block;

    color: #888;

    font-size: 15px;

}



.page-menu .current-menu-item {

    background: #fafafa;

}



.page-menu .current-menu-item a {

    position: relative;

    font-weight: bold;

    color: #2c63ff !important

}



.page-menu .current-menu-item a::after {

    content: '';

    position: absolute;

    width: 5px;

    height: 100%;

    background: #2c63ff;

    left: 0;

    box-shadow: 3px 0px 10px -1px #2c63ff;

    border-radius: 2px;

}



.page-main {

    font-size: 16px;

    color: #525252;

    line-height: 1.875;

    padding: 0 10px;

    word-wrap: break-word;

}



.page-main a {

    color: #222

}



/* * ------------------------------------------------------------------------------ * 标签大全样式 * ------------------------------------------------------------------------------ */

.page-tags-item {

    padding: 20px 0

}



.page-tags-item .name {

    padding: 0 20px;

    color: #333;

    font-size: 15px;

}



.page-tags-item .name:before {

    content: '';

    position: absolute;

    left: 0;

    height: 100%;

    width: 5px;

    background: #2c63ff;

    box-shadow: 3px 0px 10px -1px #2c63ff;

    border-radius: 2px;

}



.page-tags-item li {

    margin: 10px 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.page-tags-item li a {

    color: #888

}



.page-tags-item li a:hover {

    color: #000

}



.page-tags-li {

    padding: 20px;

}



.page-tags-li a {

    display: inline-block;

    background: #f2f6fc;

    color: #666;

    padding: 5px 10px;

    margin: 3px 5px;

}



.hot-tag a {

    font-size: 13px;

    padding: 4px 10px;

}



.hot-tag a:hover {

    border: 0

}



/* * ------------------------------------------------------------------------------ * 评论样式 * ------------------------------------------------------------------------------ */

.comments-title {

    padding: 15px 20px;

}



.comments-main {

    padding: 20px

}



.comment-reply-title {

    font-size: 13px;

    color: #333;

}



.comment-reply-title a {

    display: inline-block;

    color: #333

}



.comment-reply-title small>a {

    color: #999

}



.comment-notes {

    display: none

}



.comment-submit {

    display: inline-block;

    padding: 8px 20px;

    background: #2c63ff;

    box-shadow: 0 3px 10px -1px #2c63ff;

    border: 0;

    color: #fff;

    cursor: pointer;

    transition: all .3s

}



.comment-submit:hover {

    background: #1d48c3;

}



.commentlist {

    padding-top: 20px;

    list-style: none;

}



.commentlist .children {

    list-style: none;

    padding: 0;

    background: #f5f5f5;

    margin: 0 30px 30px;

    border-radius: 4px;

}



.commentlist .children>li {

    padding: 20px;

    padding-bottom: 0;

    border-bottom: 1px solid #eee;

}



.commentlist .children>li:last-child {

    border: 0

}



.comment-head em {

    font-style: normal;

    padding: 1px 3px;

    background: #f5f5f5;

    color: #999;

    margin-left: 5px;

}



.comment-head img {

    border-radius: 50%;

    margin-right: 5px

}



.comment-head .author {

    display: inline-block;

    padding: 2px 6px;

    color: #999;

}



.comment-head .author a {

    color: #999

}



.comment-head .reply a {

    color: #aaa;

    font-size: 13px

}



.comment-content {

    padding: 20px 30px;

}



.comment-content p {

    margin: 0;

    color: #555

}



.comment-content a {

    color: #555

}



.comment-content a:hover {

    color: #555

}



.comment-form-cookies-consent {

    display: none

}



/* * ------------------------------------------------------------------------------ * 最新评论样式 * ------------------------------------------------------------------------------ */

.new-comment {

    margin: 0;

    max-height: 360px

}



.new-comment li {

    padding: 20px 0;

}



.new-comment li>.avatar {

    margin-right: 4px

}



.new-comment li>.avatar img {

    border-radius: 4px;

}



.new-comment li:last-child {

    border: 0

}



.new-comment li a {

    color: #999;

    line-height: 26px;

}



.new-comment li .content {

    padding: 6px 10px;

}



.new-comment li p {

    margin: 10px 0 0

}



/* * ------------------------------------------------------------------------------ * 作者页样式 * ------------------------------------------------------------------------------ */

.author {

    padding: 25px

}



.author-info {

    width: 320px;

}



.author-bg {

    max-height: 120px;

}



.author-bg img {

    width: 100%;

    -webkit-filter: blur(10px);

    filter: blur(10px);

}



.author-avatar {

    margin-top: -40px;

    border: 5px solid rgba(255, 255, 255, 0.4);

}



.author-data-item {

    border-right: 1px solid #F2F6FC;

}



.author-data-item:last-child {

    border: 0

}



.author-data-num {

    font-family: 'arial';

    font-size: 1.1rem;

}



.author-list li {

    margin: 0 !important;

    line-height: 40px;

    padding: 0 20px;

    font-family: 'arial';

}



/* * ------------------------------------------------------------------------------ * 网址导航样式 * ------------------------------------------------------------------------------ */

.site-head {

    width: 100%;

    max-height: 300px;

    background-size: 100%;

}



.site-switcher {

    width: 600px;

}



.site-switcher-menu li {

    display: inline-block;

    padding: 10px 0;

    margin: 0 20px;

}



.site-switcher-menu li span {

    cursor: pointer;

    font-size: 15px;

}



.site-switcher-menu .uk-active {

    position: relative;

}



.site-switcher-menu .uk-active::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #2c63ff;

    box-shadow: 0 1px 7px -1px #2c63ff;

    border-radius: 4px;

}



.site-switcher-main {

    box-shadow: 0 6px 20px -8px #e5f2ff;

}



.site-select {

    border: 0;

    padding: 0 20px;

    outline: medium;

    cursor: pointer

}



.site-form {

    display: none;

}



.site-form input {

    width: 100%;

    border-radius: 4px;

    padding: 16px 0;

    text-indent: 1em;

    border: 0;

}



.site-form input:focus {

    outline: medium;

}



.site-form button {

    position: absolute;

    top: 10px;

    right: 0;

    border: 0;

    background: none;

    cursor: pointer;

    margin: 5px 10px;

    font-weight: bold;

    color: #54677b;

}



.site-search {

    flex: 1;

}



.site-item {

    box-shadow: 0 10px 20px -10px rgb(230, 234, 245);

    transition: all .3s;

}



.site-item:hover {

    transform: translateY(-5px);

}



.site-item>a {

    color: #262626;

}



.site-item>a:hover {

    color: #000;

}



.site-item-data {

    padding-top: 10px;

    margin-top: 10px;

}



.site-item .site-item-tag a {

    display: inline-block;

    padding: 3px 8px;

    background: #f9f9f9;

    color: #999;

    font-size: 12px;

    border-radius: 4px;

}



.site-item .site-item-tag a:hover {

    color: #fff;

    background: #2c63ff;

    box-shadow: -3px 2px 10px -2px #2c63ff;

}



.site-item .site-item-go {

    flex: 1;

    color: #262626;

}



.site-icon {

    width: 32px;

    height: 32px;

}



.site-icon img {

    min-height: 100%

}



.sitenav li {

    list-style: none

}



.sitenav li:last-child {

    border: 0

}



.sitenav li a {

    color: #999;

    font-size: 13px;

    background: #fff;

    min-width: 90px;

}



.sitenav li a:hover {

    color: #262626

}



.sitenav li i {

    font-size: 14px;

    color: #ddd;

    margin-right: 3px;

    transition: all .3s

}



.sitenav li a:hover i {

    margin-right: 6px

}



.sitenav li b {

    padding: 0 20px;

    border-right: 1px solid #eee;

}



.sitenav li b i {

    color: #aaa

}



.site-submit {

    line-height: 52px;

    font-size: 15px;

}



.site-title {}



.site-title span {

    padding-bottom: 12px;

    border-bottom: 2px solid #000;

    color: #262626;

    font-size: 15px;

}



.site-box {

    padding: 15px 20px

}



.site-box .site-box-cover {

    width: 160px;

    height: 160px

}



.site-box .site-box-cover img {

    width: 100%;

    height: 100%

}



.site-box-cover-small {

    width: 45px;

    height: 45px;

}



.site-content ul {

    padding: 20px;

    list-style: none;

}



.site-content li {

    margin-bottom: 10px;

    font-size: 13px;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 10px;

}



.site-content li:last-child {

    border: 0;

    margin: 0;

    padding: 0

}



.site-content p {

    margin: 0;

    display: inline-block

}



.site-content .btn-on {

    color: #fff;

    padding: 4px 10px 4px 6px

}



/* * ------------------------------------------------------------------------------ * 登录页面样式 * ------------------------------------------------------------------------------ */

.login-warp {

    background-image: linear-gradient(135deg, #2295ed 10%, #130CB7 100%);

}



.login-main {

    width: 960px;

    margin: 0 auto;

}



.login-box {

    width: 100%;

}



.login-bg-01 {

    width: 100%;

    bottom: -15px;

    z-index: 20;

}



.login-bg-01 .bg-box {

    height: 50px;

    background: #fff;

    margin: 0 10px;

    opacity: .5;

}



.login-bg-02 {

    width: 100%;

    bottom: -30px;

    z-index: 10;

}



.login-bg-02 .bg-box {

    height: 50px;

    background: #fff;

    margin: 0 20px;

    opacity: .2;

}



.login-contnet {

    z-index: 30;

    width: 100%;

}



.login-l {

    height: 100%;

    border-right: 1px solid #f2f2f2;

}



.login-l h2 {

    font-family: arial;

    padding-bottom: 15px;

}



.login-l .btn-on {

    font-size: 14px;

    letter-spacing: 1px;

    transition: all .3s;

    color: #fff

}



.login-l .btn-on i {

    margin-right: 3px;

}



.login-r {

    height: 100%;

    background-size: 100%;

}



.login-r img {

    min-height: 100%;

    max-width: none;

    min-width: 100%;

}



.s-res {

    border-top-left-radius: 0;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 0;

    box-shadow: 10px 0 30px -10px rgba(0, 0, 0, 0.2);

    margin-left: -175px;

    transition: all .3s;

}



.login-r:hover .s-res {

    margin: 0;

}



.s-res h4 {

    padding-bottom: 15px;

}



.s-res p:after {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    height: 1px;

    width: 100%;

    background: #aaa

}



.s-res span {

    z-index: 10;

    padding: 0 4px;

}



.s-res .btn-on {

    font-size: 14px;

    letter-spacing: 1px;

    padding: 4px 20px;

    font-family: arial;

}



.s-res .btn-on i {

    margin-right: 3px;

}



.s-res .btn-on:hover {

    color: #fff;

}



.other-login h5 {

    padding-bottom: 15px;

}



.other-login .btn {

    padding: 6px 16px 6px 14px

}



.other-login .btn:hover {

    border: 1px solid #2c63ff

}



.other-login a {

    font-size: 13px

}



.uk-notification-message {

    font-size: 1.1rem !important;

    border-radius: 4px;

    letter-spacing: .5px

}



.uk-notification-close {

    color: #fff !important

}



.uk-notification-message-success {

    background: #32d296 !important;

    color: #fff !important

}



.uk-notification-message-primary {

    border: 1px solid #eee

}



.uk-notification-message-warning {

    background: #ffa631 !important;

    color: #fff !important

}



/* * ------------------------------------------------------------------------------ * 返回顶部样式 * ------------------------------------------------------------------------------ */

.gotop {

    position: fixed;

    bottom: 0;

    right: 0;

    margin: 30px;

    display: none;

    overflow: hidden;

}



.gotop a {

    padding: 10px 13px;

    background-color: #fff;

    transition: all .3s ease;

    color: #888;

    text-align: center;

}



.gotop a:hover {

    color: #fff;

    background: #2c63ff;

    box-shadow: -3px 2px 10px -2px #2c63ff;

    transform: translateY(-3px);

    border: 0

}



.gotop a:last-child {

    border: 0

}



.gotop i {

    font-size: 18px

}



/* * ------------------------------------------------------------------------------ * 友情链接样式 * ------------------------------------------------------------------------------ */

.link {

    padding: 15px;

    border: 1px dashed #444;

}



.link ul li {

    display: inline-block;

    color: #999;

}



.link a {

    color: #666;

    margin-right: 10px;

}



.link a:hover {

    color: #fff;

}



/* * ------------------------------------------------------------------------------ * 底部样式 * ------------------------------------------------------------------------------ */

.foot-about {

    background: #2c63ff;

}



.foot-about-title {

    border-bottom: 1px solid #6f95ff

}



.foot-about-title em {

    font-style: normal

}



.foot-about-ewm {

    max-height: 120px

}



.foot-item .foot-item-title {

    border-bottom: 1px solid #333;

    font-size: 1.1rem;

    padding-bottom: 15px;

}



.foot-item ul {

    list-style: none;

}



.foot-item ul li {

    width: 50%;

    margin-top: 0 !important;

    margin-bottom: 10px;

    float: left;

}



.foot-item ul li a {

    color: #666;

    font-size: 1rem;

}



.foot-item p {

    font-family: arial;

    color: #696969;

}



.qq-modal {

    width: 360px !important;

    border-radius: 10px;

}



.qq-modal-btn {

    padding: 10px 0;

    color: #fff !important

}



@media (max-width: 768px) {

    .site-switcher-menu li {

        margin: 0 10px;

    }



    .single-warp,

    .cat-warp {

        max-width: 100%

    }



    .login-main {

        width: 100%

    }

}



::-webkit-scrollbar {

    width: 10px;

    height: 4px;

    background-color: #fff;

}



::-webkit-scrollbar-track {

    background-color: #fff;

}



::-webkit-scrollbar-thumb {

    background-color: #b1b6c1;

    border-radius: 10px

}



/* * ------------------------------------------------------------------------------ * 暗黑模式 * ------------------------------------------------------------------------------ */

.night {

    background-color: #151617 !important; color: #999;

}

.night .sitename {

    color: #fff;

}

.night h1,

.night h2,

.night h3,

.night .uk-h3,

.night .uk-h5,

.night h5 {

    color: #eee;

}

.night .page-menu ul li {



    border-bottom: 1px solid #333;



}

.night .page-menu .current-menu-item {

    background: none;

}

/*默认背景色*/

.night .uk-background-default {

    background-color: #1d1f20;

}



/*板块背景色*/

.night .uk-background-muted {

    background-color: #151617;

}



.night .b-a {

    border: 1px solid #262626

}



.night .b-b {

    border-bottom: 1px solid #262626;

}



.night .b-t {

    border-top: 1px solid #262626;

}



.night pre {

    background: #151617 !important;

    border: 1px solid #262626;

    color: #999 !important;

}



.night pre::-webkit-scrollbar {

    width: 10px;

    height: 8px;

    background-color: #333;

}



.night pre::-webkit-scrollbar-track {

    background-color: #333;

}



.night pre::-webkit-scrollbar-thumb {

    background-color: #444;

}



.night .btn {

    background: #262626;

}



.night .btn:hover {

    background: #2c63ff;

    color: #fff;

    box-shadow: 0 3px 10px -1px #2c63ff;

}



/*导航样式*/

.night .nav>ul>li>a {

    color: #999;

}



.night .nav>ul .current-menu-item>a {

    color: #fff;

}



/*手机导航*/

.night .side-nav>ul>li a {

    color: #eee;

}



.night .side-nav>ul {

    border-left: 1px solid #262626;

}



/*最新发布*/

.night .uk-text-secondary {

    color: #aaa !important;

}



.night .uk-text-secondary:hover,

.uk-text-secondary:hover {

    color: #1e87f0 !important;

}



.night .box .box-title {

    color: #fff

}



/*快捷导航*/

.night .fastlink-item {

    box-shadow: none;

}



.night .fastlink-title {

    color: #aaa;

}



.night .fastlink-list {

    border-left: 1px solid #262626;

}



.night .fastlink-list li::after {

    background: #1d1f20;

    border: 1px solid #333;

}



.night .switcher-title a {

    color: #4c4c4c;

    transition: all .3s;

}



.night .switcher-title a:hover {

    color: #666

}



/*卡片阴影*/

.night .card-item:hover {

    -webkit-box-shadow: 0 34px 20px -24px rgba(0, 0, 0, 0.3);

    box-shadow: 0 34px 20px -24px rgba(0, 0, 0, 0.3);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

    -ms-transform: translateY(-5px);

}



.night .blog-item-foot a:hover {

    color: #fff;

}



/*列表*/

.night .card-item .title a {

    color: #fff;

}



/*返回顶部*/

.night .gotop a {

    background-color: #262626;

}



.night .gotop a:hover {

    background: #2c63ff;

    box-shadow: -3px 2px 10px -2px #2c63ff;

}



/*分类*/

.night .nav>ul>li:hover .sub-menu>li {

    border-bottom: 1px solid #262626;

}



/*面包屑*/

.night .crumb a {

    color: #999;

}



/*分页*/

.night .fenye .page-numbers {

    background: #262626;

    box-shadow: 0 5px 10px -5px #111;

}



.night .fenye .current {

    background: #2c63ff;

    color: #fff;

    box-shadow: 0px 5px 10px -5px #2c63ff;

}



.night .fenye a {

    border: 1px solid #262626;

}



/*内容页*/

.night .single-content h2 {

    border-bottom: 2px dashed #333;

}



.night .single-content p {

    color: #aaa;

}



.night .uk-alert-primary {

    background: #151617;

}



.night .single-content table th {

    border-right: 1px solid #262626;

    color: #aaa

}



.night .single-content table td {

    border-right: 1px solid #262626;

}



.night .uk-table-divider>:first-child>tr:not(:first-child),

.night .uk-table-divider>:not(:first-child)>tr,

.night .uk-table-divider>tr:not(:first-child) {

    border-top: 1px solid #262626;

}



.night .single-content table {

    border: 1px solid #262626;

}



/*点赞*/

.night .zan .done {

    background-color: #262626 !important;

}



.night .zan a {

    background-color: #262626;

    color: #aaa;

}



.night .zan a:hover {

    background-color: #111 !important;

}



/*分享*/

.night .share>a {

    background: #262626;

}



.night .share>a:hover {

    background-color: #111;

}



.night .uk-dropdown {

    background: #1d1f20;

}



/*上一页下一页*/

.night .turn-page a {

    color: #ddd;

}



.night .turn-page i {

    color: #ddd;

}



.night .author-data-item {

    border-right: 1px solid #262626;

}



/*网址导航*/

.night .site-switcher-main {

    box-shadow: 0 6px 20px -8px #0d0d0d;

    background: #262626;

}



.night .site-item {

    box-shadow: 0 10px 20px -10px rgb(19, 19, 19);

}



.night .site-item p {

    color: #fff;

}



.night .site-item .site-item-tag a {

    background: #262626;

}



.night .sitenav li a {

    background: none;

}



.night .site-select {

    background: #262626;

    color: #eee;

}



.night .site-form input {

    background: #262626;

    color: #999;

}



.night .site-form button {

    color: #999;

}



.night .site-switcher-main {

    box-shadow: 0 6px 20px -8px #0d0d0d;

}



.night .sitenav li b {

    border-right: 1px solid #262626;

}



.night .sitenav li a:hover {

    color: #fff;

}



.night .site-item .site-item-go {

    color: #fff;

}



/*主题介绍*/

.night .theme-title {

    color: #fff;

}



/*评论*/

.night .comments-title {

    color: #eee;

}



.night .commentlist .children {

    background: #222;

}



.night .comment-head em {

    background: #262626;

}



.night .uk-input,

.night .uk-select,

.night .uk-textarea {

    background: #262626;

    border: 1px solid #333;

}



/*搜索框*/

.night .uk-modal-dialog {

    background: #151617;

}



.night .uk-search-input {

    background: #151617;

}



/*登录*/

.night .login-contnet .night .uk-background-default {

    background-color: #fff;

}



.night .login-contnet .b-a {

    border: 1px solid #2c63ff;

}



.night .login-contnet .b-b {

    border-bottom: 1px solid #f2f2f2;

}



.night .login-l h2 {

    color: #333;

}



.night .other-login .btn {

    background: #f9f9f9;

    color: #999;

    border: 1px solid #f2f2f2;

}



.night .other-login .btn:hover {

    background: #2c63ff;

}



/*滚动条*/

.night ::-webkit-scrollbar {

    width: 10px;

    height: 4px;

    background-color: #333;

}



.night ::-webkit-scrollbar-track {

    background-color: #333;

}



.night ::-webkit-scrollbar-thumb {

    background-color: #444;

    border-radius: 10px

}



.night .uk-hr,

.night hr {

    border-top: 1px solid #262626;

}



.night .uk-index-radius {

    border-radius: 6px;

    border: solid 1px #262626;

    background: #262626;

    overflow: hidden;

}



.night .uk-news .uk-text-secondary {

    color: #fff !important;

}



.night .uk-news .uk-text-secondary:hover {

    color: #1e87f0 !important;

}



.night .uk-news>li:hover {

    background-color: #262626;

    cursor: pointer;

}



.night .uk-news>li {

    border-bottom: dashed 1px #262626;

}



.night .uk-article-des {

    background: #1d1f20;

    border: 1px solid #333;

    color: #666;

}



.night .uk-link-heading a,

.night a.uk-link-heading,

.night .uk-article-content,

.night #ds-reset .ds-comments-info .ds-comment-count,

.night #ds-reset .ds-highlight,

.night h4 {

    color: #aaa !important;

}



/*自定义样式*/

.cu-flex-wrap {

    flex-wrap: wrap;

}



.cu-link-ellipsis {

    display: -webkit-box;

    overflow: hidden;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



@media (max-width:320px) {

    .cu-grid-padding-left {

        padding-left: 10px !important;

    }

}



/*下载部分右侧开始*/

.widget-area .widget {

    position: relative;

    background-color: #fff;

    padding: 20px;

    border-radius: 4px;

    clear: both;

    overflow: hidden;

}



.widget-area .widget ul {

    padding: 0px;

}



.widget-pay .pay-rateinfo {

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 4px;

    margin-bottom: 15px;

}



.widget-pay .pay-rateinfo b {

    margin: 0 10px;

}



.widget-pay .pay-rateinfo b .price {

    font-size: 28px;

    margin-right: 5px;

}



.widget-pay .pay-rateinfo b .ua {

    color: #8c8c8c;

}



.widget-pay .pay-rateinfo b sup {

    font-size: 14px;

    margin-left: 3px;

}



.widget-pay .pay-rateinfo .desc {

    color: #626a71;

}



.widget-pay .pay-rateinfo b .price {

    font-size: 28px;

    margin-right: 5px;

    color: #1461ff

}



.widget-pay .pay-rateinfo b sup {

    font-size: 13px;

    margin-left: 5px;

    color: #555;

    font-weight: 400

}



.widget-pay .pricing-options {

    position: relative;

    margin-bottom: 10px;

}



.widget-pay .pricing-options li {

    padding: 10px 0;

    font-size: 14px;

    cursor: pointer;

    color: #8c8c8c;

}



.widget-pay .pricing-options li+li {

    border-top: 1px dashed #eee;

}



.widget-pay .pricing-options li .pricing_opt {

    font-weight: 600;

}



.btn-primary {

    background-color: #3385ff;

    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));

    background-image: -webkit-linear-gradient(left, #006eff, #13adff);

    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);

    background-image: linear-gradient(90deg, #006eff, #13adff);

    border: none;

    border-radius: 50px;

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    line-height: 33px;

    margin: 0;

    padding: 0 18px;

    text-align: center;

    color: #fff;

    transition: all .3s;

}



.widget-pay .pay-content {

    position: relative;

    padding-bottom: 10px;

}



.widget-pay .agent-contact {

    overflow: hidden;

    border-radius: 4px;

}



.widget-pay .agent-contact ul li {

    font-size: 11px;

    list-style: none;

    position: relative;

    padding: 9px 20px 9px;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    color: currentColor;

    justify-content: inherit;

    white-space: nowrap;

    text-overflow: ellipsis

}



.widget-pay .agent-contact ul li:before {

    height: 100%;

    width: 1px;

    left: 3px;

    background: linear-gradient(-180deg, #467eff 0, #0056ff 98%)

}



.widget-pay .agent-contact ul li:after {

    left: 0;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 7px;

    height: 7px;

    border: 1px solid #0056ff;

    border-radius: 50%;

    background-color: #467eff;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.widget-pay .agent-contact ul li:after,

.widget-pay .agent-contact ul li:not(:last-of-type):before {

    content: "";

    position: absolute;

    top: 1.2em

}



.widget-pay .agent-contact .list-paybody {

    padding: 10px;

    background-color: #f3f7ff;

}



.widget-pay .agent-contact .list-paybody span:nth-child(1) {

    font-style: inherit;

    letter-spacing: .075em;

    margin-top: 0;

    text-transform: uppercase;

    font-weight: 600;

    color: currentColor

}



.agent-contact ul li:not(:last-of-type):before {

    content: "";

    position: absolute;

    top: calc((1em - -5px)/2);

}



.agent-contact ul li:before {

    height: 100%;

    width: 1px;

    left: 3px;

    background: linear-gradient(-180deg, #467eff 0, #0056ff 98%);

}



.widget-pay .agent-contact .list-paybody span {

    font-style: inherit;

    letter-spacing: 0;

    font-size: 12px;

    letter-spacing: .025em;

    color: #8a92a9;

    padding-right: 10px

}



.widget-pay .ac_qqhao {

    text-align: center;

}



.widget-pay .ac_qqhao a {

    text-decoration: none;

    cursor: pointer;

    color: #555;

}



/*下载部分右侧结束*/

/* Blues主题二次开发css文件 二次开发css样式请在此文件编辑 */

/*body,html{font-size: 15px;}*/

.uk-h1,

.uk-h2,

.uk-h3,

.uk-h4,

.uk-h5,

.uk-h6,

.uk-heading-2xlarge,

.uk-heading-large,

.uk-heading-medium,

.uk-heading-small,

.uk-heading-xlarge,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 15px 0;

}



*+.uk-h1,

*+.uk-h2,

*+.uk-h3,

*+.uk-h4,

*+.uk-h5,

*+.uk-h6,

*+.uk-heading-2xlarge,

*+.uk-heading-large,

*+.uk-heading-medium,

*+.uk-heading-small,

*+.uk-heading-xlarge,

*+h1,

*+h2,

*+h3,

*+h4,

*+h5,

*+h6 {

    margin: 15px 0 0 0;

}



.uk-h2,

h2 {

    font-size: 1.3rem;

    line-height: 1.7;

}



@media (min-width: 960px) {



    .uk-h2,

    h2 {

        font-size: 1.5rem;

    }

}



.uk-hr,

hr {

    border-top: 1px solid #f2f2f2;

}



*+.uk-hr,

*+hr {

    margin-top: 15px;

}



.uk-catbg {

    background-image: url(../images/catbg.jpg);

}



.uk-grid-column-small,

.uk-grid-small {

    margin-left: -15px;

}



.uk-grid-column-small>*,

.uk-grid-small>* {

    padding-left: 15px;

}



.uk-grid-small>.uk-grid-margin {

    margin-top: 30px;

}



.uk-container {

    max-width: 1390px;

}



/*下拉一级菜单后面的倒三角*/

nav ul li a.dropdown-toggle:after {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: .286rem;

    content: '';

    vertical-align: middle;

    border-top: .286rem solid;

    border-right: .286rem solid transparent;

    border-left: .286rem solid transparent;

    margin-right: 0;

    margin-left: .3em;

    transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

}



nav ul li:hover a.dropdown-toggle:after {

    transform: rotateZ(180deg);

    -o-transform: rotateZ(180deg);

    -moz-transform: rotateZ(180deg);

    -webkit-transform: rotateZ(180deg);

}



/*下拉一级菜单后面的倒三角*/

.sitename {

    font-weight: bold;

    font-size: 1.8rem;

}



/*下拉二级后图标*/

.uk-nav-parent-icon li {

    line-height: 25px;

    text-align: left;

    font-size: 14px;

}



.uk-nav-parent-icon>.uk-parent>a,

.uk-nav-parent-icon>.uk-parent {

    transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

}



.uk-nav-parent-icon>.uk-parent>a::after {

    background-image: none!important;

    content: "\f053";

    /*大箭头*/

    content: "\f104";

    /*小箭头*/

    display: inline-block;

    line-height: 24px;

    -webkit-font-smoothing: antialiased;

    font-family: "FontAwesome";

    font-weight: 900;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

}



.uk-nav-parent-icon>.uk-parent.uk-open>a::after {

    background-image: none;

    content: "\f078";

    /*大箭头*/

    content: "\f107";

    /*小箭头*/

}



/*下拉二级后图标*/

.uk-heading-bullet::before {

    border-left: calc(3px + .1em) solid #2c63ff;

    border-radius: 2px;

}



.uk-index-radius {

    border-radius: 6px;

    border: solid 1px #efefef;

    background: #efefef;

    overflow: hidden;

}



/*margin: 20px 0!important; */

.uk-index-radius img:hover {

    transform: scale(1.08);

}



.uk-index-image-title {

    padding: 6px 0;

    font-size: 0.8rem;

    background: rgba(34, 34, 34, .8);

    color: rgba(255, 255, 255, .7);

    padding: 4px 10px;

}



img[data-src][src*='data:image'] {

    background: rgba(0, 0, 0, 0.1);

}



img {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.uk-index-right-news-list li {

    font-size: 1rem;

    line-height: 1.6

}



.uk-index-right-news-list li i {

    color: #ccc;

}



.uk-index-right-news-list li a {

    font-size: 14px;

    color: #333;

}



.uk-index-right-news-list li a:hover {

    color: #2c63ff

}



.uk-index-right-news-list.fa-ul {

    margin-left: 1.5em;

}



.uk-news {

    margin: 0px !important;

    padding: 0px !important;

}



.uk-news>li {

    padding: 20px 15px;

}



.uk-news>li:hover {

    background-color: #fdfdfd;

    cursor: pointer;

}



.uk-news>li>div {

    z-index: 9

}



.uk-news>li {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    transition: all .3s;

    position: relative;

    z-index: 1;

    border-bottom: dashed 1px #eee;

}



.uk-article-content {

    line-height: 2;
    margin-top: 20px;

}

.uk-article-content p{

text-indent:2em;

}




.uk-article-des {

    padding: 15px;

    margin: 25px 0;

    font-size: 15px;

    font-size: 0.825rem;

    line-height: 2;

    color: #999;

    background: #fbfbfb;

    border: 1px solid #efefef;

    border-radius: 3px;

}



.page {

    padding: 40px 0 40px 0;

    text-align: center;



}



.page ul li {

    display: inline

}



.page ul li a {

    display: inline-block;

    background-color: #fff;

    border: 0 none;

    border-radius: 3px;

    font-size: 14px;

    margin-left: 9px;

    text-decoration: none;

    display: inline-block;

    height: 42px;

    line-height: 42px;

    border: 1px solid #e3e3e3;

    padding: 0 12px;

    color: #333

}



.page.page ul li a:hover {

    border: 1px solid #333;

    background-color: #333;

    color: #FFF

}



.page.page ul li a:active {

    background-color: #333;

    color: #FFF

}



.page ul li.active a {

    background-color: #333;

    border: 0 none;

    border-radius: 3px;

    color: white;

    font-size: 14px;

    font-weight: normal;

    margin-left: 9px;

    display: inline-block;

    width: 42px;

    height: 42px;

    line-height: 42px;

    border: 1px solid #333

}



.page ul li.disabled a {

    border: #eee 1px solid;

    padding: 2px 5px;

    margin: 2px;

    color: #ddd

}



.filter-content {

    margin-top: -40px;

    display: block;

    width: 100%;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    background-color: #fff;

    z-index: 1;

    position: relative;

    margin-bottom: 30px;

    box-shadow: 0 34px 20px -24px rgba(0, 36, 100, 0.06);

    border: 1px solid #f3f3f3;

}



.filter-content li {

    transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

}



.filter-content .form-box {

    padding-bottom: 0;

    padding: 20px;

}



.filters .filter-item {

    padding: 5px 0;

}



.filter-content .filter-item li a span {

    background-color: #eeeeee;

    padding: 0 2px;

    border-radius: 4px;

    color: #7b8695;

    border: 1px solid transparent;

    font-size: 12px;

}



.filter-content .filter-item span.child {

    color: #dedede;

}



.filter-content .filter-item ul.filter-tag li {

    border-radius: 4px;

}



.filter-content .filter-item ul.filter-tag li a {

    display: inline-block;

    margin-top: 0;

    border-bottom: 1px solid transparent;

    color: #808080;

    position: relative;

}



.filter-content .filter-item ul.filter-tag li.on,

.filter-content .filter-item ul.filter-tag li.on a {

    color: #fff;

    background-color: #333;

}



.filter-content .filter-item ul.filter-tag li:hover {

    background-color: #333;

}



.filter-content .filter-item ul.filter-tag li:hover a {

    color: #fff;

}



.filter-content .filter-item>.on {

    color: #1890ff

}



.filter-content .filter-item {

    margin-top: 10px

}



.filter-content .filter-tag {

    position: relative;

    display: inline-block;

    list-style: none;

    margin: 0;

    padding: 0;

}



.filter-content .filter-tag li {

    display: inline-block;

    margin: 0;

    padding: 0;

    list-style: none;

    margin: 0 5px;

    padding: 2px 10px;

    border-radius: 4px;

    cursor: pointer;

}



.filter-content .filter-tab {

    border-top: 1px solid #E9E9E9;

    padding-top: 13px;

    margin-top: 10px;

    margin-bottom: -10px;

}



.filter-content .filter-tab span {

    margin-right: 10px;

    background-color: #eeeeee;

    padding: 2px 6px;

    border-radius: 4px;

    color: #7b8695;

    border: 1px solid transparent;

}



.filter-content .filter-tab a {

    display: inline-block;

    color: #808080;

    position: relative;

}



.filter-content .filter-tab .tab.on i {

    background: #ffffff;

}



.filter-content .filter-tab .tab.on i:before {

    display: inline-block;

    margin-top: 1px;

    color: #FF9800;

    content: "\f111";

    font: normal normal normal 14px/1 FontAwesome;

    speak: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    vertical-align: 5px;

    margin-left: 2px;

}



.filter-content .filter-tab li.on,

.filter-content .filter-tab li:hover {

    color: #fff;

    background: #333;

}



.filter-content .filter-tab li.on a,

.filter-content .filter-tab li:hover a {

    font-style: normal;

    color: #fff;

}



.filter-content .filter-tab li.rightss {

    float: right;

}



@media (max-width: 768px) {

    .filter-content {

        margin-top: -10px;

        display: block;

        padding: 10px;

    }



    .filter-content .filter-item span,

    .filter-content .filter-tab span {

        width: 100%;

        display: inline-block;

        margin-bottom: 10px;

    }



    .filter-content .filter-item a {

        margin-right: 5px;

        line-height: 20px;

        font-size: 13px;

        padding: 0 5px;

    }



    .filter-content .filter-tab a {

        margin-right: 5px;

        font-size: 13px;

    }



    .filter-content .filter-tab li.rightss {

        float: none;

        margin-bottom: 10px;

        margin-top: 10px;

        margin-right: 5px;

    }

}



.uk-article-meta span {

    margin-right: 4px;

}



article.uk-article pre {

    position: relative;

    padding: 30px 40px;

    background: #fbfbfb;

    font-family: RiPlus-Black;

    margin: 20px 0;

    border-radius: 3px;

    border: 1px solid #efefef;

    line-height: 2;

}



article.uk-article pre:before {

    position: absolute;

    top: 20px;

    left: 20px;

    display: block;

    width: 16px;

    height: 14px;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;

    content: ''

}



article.uk-article pre:after {

    position: absolute;

    right: 20px;

    bottom: 20px;

    display: block;

    width: 16px;

    height: 14px;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;

    content: ''

}



article.uk-article pre p {

    margin: 0;

    padding: 10px;

    line-height: 2.5

}



.user-img a.uk-align-center {

    width: 60px;

    height: 60px;

    margin-bottom: 0px !important;

}



.user-img p {

    margin: 10px !important;

}



.user-img #myfollow {

    padding: 0 20px;

    cursor: pointer;

}

/*

.select-loginType {

    margin-top: 20px;

    text-align: center;

}



.select-loginType a {

    display: inline-block;

    font-size: 15px;

    text-align: center;

}



.select-loginType a i {

    background: rgba(0, 0, 0, 0) url("../images/icon_layerbox.png") no-repeat scroll 0 0;

    display: block;

    height: 82px;

    margin-bottom: 20px;

    width: 82px;

}



.select-loginType .qq {

    color: #898989;

}



.select-loginType .qq i {

    background-position: 0 0;

}



.select-loginType .qq:hover i {

    background-position: 0 -84px;

}



.select-loginType .weixin {

    color: #898989;

    margin-left: 60px;

    margin-right: 60px;

}



.select-loginType .weixin i {

    background-position: -168px 0;

}



.select-loginType .weixin:hover i {

    background-position: -168px -84px;

}



.select-loginType .weibo {

    color: #898989;

}



.select-loginType .weibo i {

    background-position: -84px 0

}



.select-loginType .weibo:hover i {

    background-position: -84px -84px;

}
*/

    .my_login_type{
        margin: 20px 0;
    }
    .my_login_type a{ display: inline-block; width: 32%; text-align: center; }
    .my_login_type a div.wrap{
        border-radius: 100%;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
        font-size: 40px;
        margin: 0 auto;
    }
    .my_login_type a span{ display: inline-block; color: #333; margin: 10px 0; }

    .my_login_type a.qq div.wrap{
        border:2px solid #19a9f1;
    }
    .my_login_type a.qq i{
        color: #19a9f1;
    }
    .my_login_type a.qq:hover div.wrap{ background: #19a9f1 }
    .my_login_type a.qq:hover i{
        color: #fff;
    }

    
    .my_login_type a.weixin div.wrap{
        border:2px solid #00bb00;
    }
    .my_login_type a.weixin i{
        color: #00bb00;
    }
    .my_login_type a.weixin:hover div.wrap{ background: #00bb00 }
    .my_login_type a.weixin:hover i{
        color: #fff;
    }

    .my_login_type a.weibo div.wrap{
        border:2px solid #ed2b2f;
    }
    .my_login_type a.weibo i{
        color: #ed2b2f;
    }
    .my_login_type a.weibo:hover div.wrap{ background: #ed2b2f }
    .my_login_type a.weibo:hover i{
        color: #fff;
    }


@media screen and ( max-width: 650px ) {

    .my_login_type a div.wrap{
        border-radius: 100%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 30px;
        margin: 0 auto;
    }
    .my_login_type a span{ color: #333; font-size: 12px; }


}



.remember {

    vertical-align: middle;

    margin: 0 !important;

}



.uk-modal-body {

    border-radius: 10px;

}



.uk-modal-body .uk-modal-title {}



.uk-button-green {

    background-color: #5cb85c;

    color: #fff;

    border: 1px solid transparent

}



.uk-button-green:hover,

.uk-button-green:focus {

    background-color: #4cae4c;

    color: #fff

}



.uk-button-green:active,

.uk-button-green.uk-active {

    background-color: #4cae4c;

    color: #fff

}



.uk-button-yellow {

    background-color: #f0ad4e;

    color: #fff;

    border: 1px solid transparent

}



.uk-button-yellow:hover,

.uk-button-yellow:focus {

    background-color: #eea236;

    color: #fff

}



.uk-button-yellow:active,

.uk-button-yellow.uk-active {

    background-color: #eea236;

    color: #fff

}



.uk-button-red {

    background-color: #d9534f;

    color: #fff;

    border: 1px solid transparent

}



.uk-button-red:hover,

.uk-button-red:focus {

    background-color: #d43f3a;

    color: #fff

}



.uk-button-red:active,

.uk-button-red.uk-active {

    background-color: #d43f3a;

    color: #fff

}



.uk-button-default:disabled,

.uk-button-green:disabled,

.uk-button-primary:disabled,

.uk-button-secondary:disabled,

.uk-button-danger:disabled {

    background-color: transparent;

    color: #999;

    border-color: #e5e5e5

}



.entry-meta,

.entry-meta a {

    color: #aaa;

    font-size: 12px;

}



.entry-meta .meta-category a+a {

    margin-left: 8px;

}



.entry-meta .meta-category .dot {

    border-radius: 50%;

    height: 6px;

    margin-right: 5px;

    width: 6px;

    background-color: #fd721f;

}



.entry-meta .meta-category a:nth-child(2) .dot {

    background-color: #4CAF50;

}



.entry-meta .meta-category a:nth-child(3) .dot {

    background-color: #2196F3;

}



.leaderboard {

    border-radius: 0 0 12px 12px;

    padding: 15px 15px 20px;

    display: grid;

    row-gap: 8px;

}



.leaderboard .profile {

    display: grid;

    grid-template-columns: 1fr 3fr 1fr;

    align-items: center;

    padding: 4px 30px 4px 10px;

    overflow: hidden;

    border-radius: 10px;

    /*box-shadow: 0 5px 7px -1px rgba(51, 51, 51, 0.1);*/

    cursor: pointer;

    transition: transform 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98), box-shadow 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98);

}



.leaderboard .profile:hover {

    transform: scale(1.2);

    /*box-shadow: 0 9px 47px 11px rgba(51, 51, 51, 0.18);*/

}



.leaderboard .profile .picture {

    max-width: 100%;

    width: 30px;

    border-radius: 50%;

    box-shadow: 0 0 0 4px #ffffff, 0 0 0 12px #f2f2f2;

}



.leaderboard .profile .picture.color1 {

    box-shadow: 0 0 0 4px #F44336, 0 0 0 12px #ff9e97;

}



.leaderboard .profile .picture.color2 {

    box-shadow: 0 0 0 4px #4CAF50, 0 0 0 12px #7ad17e;

}



.leaderboard .profile .picture.color3 {

    box-shadow: 0 0 0 4px #FFC107, 0 0 0 12px #ffe493;

}



.leaderboard .profile .picture.color4 {

    box-shadow: 0 0 0 4px #00BCD4, 0 0 0 12px #7be5f2;

}



.leaderboard .profile .picture.color5 {

    box-shadow: 0 0 0 4px #2196F3, 0 0 0 12px #80c2f6;

}



.leaderboard .profile .key {

    letter-spacing: 0.64px;

    margin-left: 12px;

}



.leaderboard .profile .name {

    letter-spacing: 0.64px;

    margin-left: 12px;

}



.leaderboard .profile .value {

    text-align: right;

}



.leaderboard .profile .value>span {

    opacity: .8;

    font-weight: 600;

    font-size: 13px;

    margin-left: 3px;

}







.uk-space li {

    float: left;

    width: 23%;

    display: grid;

    grid-template-columns: 1fr 3fr;

    background-color: #fff;

    border-radius: 10px;

    margin: 15px 1%;

    height: 100px;

    padding: 20px;

    cursor: pointer;

}



.uk-space li .tile-title {

    margin-left: 20px;

}



.uk-space li .tile-title a {

    color: #555;

    font-weight: bold;

}



.uk-space li .tile-title p {

    margin: 10px 0;

    color: #999;

}



.uk-space li .tile-thumbnail img {

    max-width: 100%;

    width: 60px;

    border-radius: 50%;

    box-shadow: 0 0 0 4px #ffffff, 0 0 0 12px #faf9f9;

}



.uk-topic li {

    float: left;

    width: 31%;



    background-color: #fff;

    border-radius: 10px;

    margin: 15px 1%;



    padding: 20px;

    cursor: pointer;

}

.uk-topic li .uk-topic_tag{

    display: grid;

    grid-template-columns: 1fr 3fr;

}

.uk-topic li .uk-topic_tag .tile-title {

    margin-left: 20px;

}



.uk-topic li .uk-topic_tag .tile-title a {

    color: #555;

    font-weight: bold;

}



.uk-topic li .uk-topic_tag .tile-title p {

    margin: 4px 0;

    color: #999;

}



.uk-topic li .uk-topic_tag .tile-title p .tag_fav {

    float: right;

}

.uk-topic_list{ padding: 20px 10px 0 10px}

.uk-topic_list a{ display: inline-block; height: 30px; line-height: 30px; color: #333; overflow: hidden; }



.topic_tile-thumbnail img,

.topic_tile-thumbnail span {

    max-width: 100%;

    width: 60px;

    border-radius: 50%;

    box-shadow: 0 0 0 4px #ffffff, 0 0 0 12px #faf9f9;

}



.topic_tile-thumbnail span {

    display: inline-block;

    width: 70px;

    height: 70px;

    text-align: center;

    line-height: 70px;

    background-color: #eee;

    font-size: 3rem;

    color: #ffffff;

}





.topic_tile-thumbnail.big img,

.topic_tile-thumbnail.big span {

    width: 120px;

}



.topic_tile-thumbnail.big span {



    width: 120px;

    height: 120px;

    line-height: 120px;

    font-size: 5rem;

}



.logo {

    height: 45px !important;

}



.logo img {

    box-shadow: -3px 2px 10px -2px #2c63ff;

}



.logo img:hover {

    box-shadow: 0px 5px 10px -2px #2c63ff;

    transform: translateY(-5px);

}



.uk-index-img-h {

    max-height: 150px;

    overflow: hidden;

}



.bbs-nav {

    display: flex;

    flex-wrap: wrap;

    margin: 10px;

    padding: 0;

    list-style: none;

    position: relative;

}



.bbs-nav::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0px;

    right: 0;

    border-bottom: 1px solid #e5e5e5;

}



.bbs-nav>* {

    flex: none;

    margin: 0 10px;

    position: relative;

}



.bbs-nav a {

    display: block;

    text-align: center;

    padding: 14px 10px;

    color: #999;

    border-bottom: 1px solid transparent;

    font-size: .875rem;

    text-transform: uppercase;

    transition: color .1s ease-in-out;

}



.bbs-nav .uk-active>a::before {

    content: '';

    display: block;

    width: 100%;

    left: 0;

    right: 0;

    height: 4px;

    position: absolute;

    bottom: 0;

    background: #2c63ff;

    z-index: 10;

    box-shadow: 0px -1px 7px -1px #2c63ff;

    border-radius: 8px;

}



.uk-bbs-list>div {

    border-bottom: 1px solid #f2f2f2;

    padding-bottom: 15px;

}



.uk-bbs-cat {

    background: #ccc;

    padding: 3px 10px;

    border-radius: 2px;

    color: #fff !important;

}



.uk-page-content{ line-height: 1.5}



/*内容页支付*/

.uk-pay_modal .uk-modal-dialog{ border-radius: 6px; width: 500px;font-size:.875rem;}

.uk-pay_modal .uk-modal-dialog h2.uk-modal-title{ border-bottom: solid 1px #eee; font-size: 1rem;padding: 10px 20px; font-weight: bold; }

.uk-pay_modal .uk-modal-dialog h2 i{ font-size: 1.4rem }

.uk-pay_modal .uk-modal-dialog .price{ text-align: center; margin-bottom: 30px; }

.uk-pay_modal .uk-modal-dialog .price i{ font-size: 72px; color: #2254f4; }

.uk-pay_modal .uk-modal-dialog .price img{  width: 120px; margin: 50px 0 0 0; }

.uk-pay_modal .uk-modal-dialog .price b{ font-size: 1.6rem; display: block; color: #333; height: 60px; line-height: 60px; }

.uk-pay_modal .uk-modal-dialog .paybtn{ text-align: center; }

.uk-pay_modal .uk-modal-dialog .paybtn .btn{ display: inline-block; width: 280px; line-height: 35px; background: #2254f4; color: #fff; border-radius: 4px; font-size: 0.875rem }

.paytips{ text-align: center; height: 60px; line-height: 60px; }

    .uk-sku,.uk-kucun,.uk-buynum{ width: 50%; margin: 0 auto; margin-bottom: 10px; }



    .uk-sku button{ border:0; cursor: pointer; border-radius: 0!important; padding: 5px 14px; }

    .uk-sku button.red{ background: #1e87f0; color: #fff }

/*内容页支付*/



/*支付页面*/

.checkout_msg h5{ font-weight: bold; }

.checkout_msg .form-group{ margin: 20px 0; font-size: 0.875rem; }

#dr_row_city select{  

    background:#fff;  

    height: 40px;

    width: 180px;

    padding: 0 10px;

    line-height: 40px;

    border:1px solid #e5e5e5;

    -moz-border-radius:6px;  

    -webkit-border-radius:6px;  

    border-radius:6px;

    transition: .2s ease-in-out;

    transition-property: color,background-color,border;

}  



.uk-checkout{ padding-top: 30px; padding-bottom: 20px; }

.uk-checkout-btn{ text-align: center; margin-bottom: 50px; }

.uk-checkout-btn a{ display: inline-block; width: 280px; height: 45px; line-height: 45px; background: #2254f4; color: #fff; border-radius: 4px; font-size: 0.875rem}

.uk-checkout h1{ font-size: 1rem; font-weight: bold; padding: 1rem 0; border-bottom: 1px solid #eee; }

.paytype{ padding-bottom: 80px; }

.paytype .uk-grid{ padding: 40px 0; }



.paytype label{ cursor: pointer; }

.order-gbook{}



.payinfo{ font-size: 0.875rem; }

.payinfo ul li{ margin-top: 5px!important; }

/*支付页面*/



#myform_login{width: 300px; margin: 0 auto;}

#regform{width: 300px; margin: 0 auto;}

#search_form{margin: 0 25%}



@media screen and ( max-width: 650px ) {

    

.select-loginType{ text-align:center; width:80px; margin:0 auto;}

.select-loginType a{ display:inline; }

.select-loginType a span{ display:block}

#search_form{margin: 0 }



.select-loginType .weixin {

    color: #898989;

    margin-left: 20px;

    margin-right: 20px;

}



.uk-search-default {

    width: 100px!important;

}



#search_form{margin: 0 }



 

    .filter-content .filter-item li a span{ display:none;}

    .uk-topic,.uk-space{ padding:0; margin:0}

    .uk-topic li,.uk-space li {

        float: left;

        width: 100%;

        margin: 15px 0;

    

    }

    #modal-login>div>div.uk-modal-body,

    #modal-reg>div>div.uk-modal-body{ padding:0; }

    #modal-login #myform_login,

    #modal-reg #regform{ width:100%;}

    #modal-login #myform_login .uk-width-medium,

    #modal-reg #regform .uk-width-medium{ width:100%;}

    

    #modal-login .uk-inline,

    #modal-reg .uk-inline{ display:block;}



    #usercenter span{ display: none }



    .sitename {font-size: 1.4rem;}





    .page .pc-page{ display: none }

}

.top_title {
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
}