/* Basestyle */
body.custom-font-enabled{font-family: "Microsoft Yahei",Arial !important;}
body.single-store a,body #main-wrap a{text-decoration: none;}
.fancyimg {position:relative;padding: 8px;background: #fff;display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.thumb-img {overflow: hidden;position: relative;}
.thumb-img img {width: 100%;display: block;}
.fancyimg span {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";background: #000;background: rgba(0,0,0,0);width: 100%;height: 100%;float: left;position: absolute;top: 0;left: 0;border-radius: 3px;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.fancyimg:hover span {filter: alpha(opacity=50);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";background: rgba(0,0,0,.5);}
.fancyimg span i {width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center;position: absolute;top: 50%;left: 50%;float: left;border-radius: 50px;color: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";background: #49acd5;color: #FFF;opacity: 0;-webkit-transform: scale(4);-moz-transform: scale(4);-o-transform: scale(4);-ms-transform: scale(4);transform: scale(4);-webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;-webkit-font-smoothing: antialiased;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.fancyimg:hover span i {filter: alpha(opacity=80);opacity: 0.8;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);pointer-events: auto;}
.fancyimg span i:before {font-size: 24px;top: 13px;left: 13px;position: absolute;}
.layui-form-radio{margin:0;padding:0}
/* Shop page */
#guide .group {height: 50px;border-bottom: 1px solid #d8d8d8;}
#guide .group ul li {float: left;position: relative;margin-right: 20px;font-size: 14px;height: 50px;}
#guide .group ul li a {color: #666;display: block;padding: 11px 10px 16px 10px;}
#goodslist .col {display: block;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 20px;position: relative;}
#goodslist .span_1_of_4 {width: 25%;border-radius: 0px 0px 5px 5px;}
#goodslist .span_1_of_4 a.fancyimg {padding: 0;max-height: 185px;overflow: hidden;margin-bottom: 8px;}
#single-blog-wrap.container {border-radius: 5px;padding-top: 0;border-color: rgba(218,222,225,0.8);border-width: 1px;margin-top: 10px;max-width: 1250px;}
#single-blog-wrap.container.shop {margin: 20px auto;}
body.single-store #main-wrap,body.author #main-wrap{position: relative;}
body.author #main-wrap{padding: 0;margin-top: 80px;}
body.post-type-archive-store #main-wrap{background: #f1f1f1;}
.shop *{box-sizing:border-box !important;}
.shop-wrap{margin-top:-60px;background:#f1f1f1;}
.sub-billboard.shopping {background-image: url(img/shop-bg.jpg);}
.sub-billboard {height: 200px;}
.billboard {text-align: center;color: #FFF;background: center top no-repeat #222;background-size: cover;}
.billboard .wrapper {height: 200px;position: relative;width: 100%;left: 0;top: 0;display: inline-table;}
.billboard .inner {width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.sub-billboard .inner h1 {font-size: 28px;letter-spacing: 1px;line-height: 1.2;margin-bottom: 10px;color:#fff;}
.sub-billboard .inner p{font-size:12px;line-height:1.5;}
.container.shop {position: relative;max-width: 1000px;margin: 0 auto;}
.navcaret#guide {text-align: center;padding-top: 10px;background-color: #f1f1f1;position: relative;}
.navcaret#guide ul li {float: none;display: inline-block;margin: auto 20px;margin-bottom: -1px;}
.navcaret#guide .current-menu-item {border-bottom: 1px solid #666;}
#goodslist{margin: 20px auto 30px auto;overflow:hidden;}
.shop-item{margin: auto 6px;background-color: #FFF;box-shadow: 0 1px 1px rgba(0,0,0,0.05);overflow: hidden;position: relative;border: 0px solid #FFF;border-bottom: 0 none;}
.shop-item h3,.shop-item h3 a{font-weight:400;font-size:14px;line-height:25px;height:25px;overflow:hidden;}
.shop-item h3{padding: 0 10px;}
.shop-item p{font-size:12px;line-height:20px;font-weight:400;height:40px;overflow:hidden;padding: 0 10px;}
.shop-item .pricebtn{margin:10px 0 15px;font-size:16px;height:auto;color:#0a28f4;line-height:26px;padding: 0 10px;}
.shop-item .pricebtn strong{font-size:20px;font-weight:normal;}
.pricebtn .buy{background-color: #0a28f4;display: inline-block;border-radius: 2px;color: #FFF;padding: 3px 10px;float: right;font-size: 12px;line-height:18px;}
.pricebtn .buy:hover{background-color:#FF9EBF;}
#single-blog-wrap.container.shop{margin:20px auto;}
.shop .area{background-color: #fff;margin-bottom: 20px;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.shop .product-content{padding: 40px;max-width: 1100px;margin: auto;font-size:13px;}
.shop .breadcrumb {color: #333;margin-bottom: 20px;font-size:13px;background: none;padding-left: 0;}
.shop .breadcrumb a {color: #333;font-size: 15px;/* font-weight: bold; */font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
.shop .breadcrumb a:hover{text-decoration:underline;}
.shop .product {position: relative;}
.shop .product .preview {width: 360px;height: 300px;text-align: center;color: #FFF;position: absolute;left: 0;top: 0;}
.shop .product .preview img {display: block;margin: auto;border: 1px solid rgba(0,0,0,.05);box-shadow:none;width: 100%;}
.shop .product .preview .view-share {height: auto;margin-top: 10px;line-height: 24px;}
.shop .product .preview .view {float: left;color: #999;}
.shop .product .preview .share {float: right;color:#999;}
.shop .product .preview .share #bdshare span{float: left;}
.shop .share a {float:none !important;width: 24px;height: 24px !important;line-height:24px !important;display: inline-block;margin: 0 5px 0 0 !important;background-image: url(img/share.png) !important;cursor: pointer;margin-bottom: -8px;opacity: .8;position: relative;}
.shop .share .bgdshare-button-style0-16 a,.shop .share .bgdshare-button-style0-16 .bgds_more{padding-left: 0 !important;}
.shop .share a.bgds_qzone{background-position: 0 -65px !important;}
.shop .share a.bgds_tsina{background-position: 0 0 !important;}
.shop .share a.bgds_tqq{background-position: 0 -163px !important;}
.shop .share a.bgds_weixin{background-position: 0 -32px !important;position: relative;z-index: 2;}
.shop .share a.bgds_weixin #weixin-qt{left:-120px;border-color:#aaa;}
.weixin-btn{position: relative;}
#weixin-qt{position: absolute; display: none; left:-55px; top:40px; width:260px; box-shadow: 0px 2px 3px #eee; z-index: 10; background: #fff; border:1px solid #e0e0e0;}
.shop .product .property {margin-left: 400px;min-height: 400px;color: #999;}
.shop .product .property .row {padding: 5px 20px;background: transparent;margin: 0;line-height: 25px;}
.shop .product .property .title h1 {font-size: 18px;margin-bottom: 5px;color: #333;font-weight: bold;}
.shop .product .property .summary {padding: 10px 20px;margin: 10px auto;color: #333;}
.shop .product .property .summary li {padding: 5px 0;}
.shop .product .property .dt {width: 70px;display: inline-block;color: #999;}
.shop .product .property .summary .summary-price strong {font-size: 24px;color: #0a28f4;font-weight: normal;font-family: Arial;}
.shop .product .property .summary .summary-price strong del{color: #0a28f4;}
.shop .product .property .summary .summary-price strong em {font-size: 14px;color: #0a28f4;font-style: normal;margin-right: 3px;font-family: "Microsoft Yahei";}
.shop .product .property .amount .amount-number {display: inline-block;vertical-align: middle;border: 1px solid #d8d8d8;height: 60px;overflow: hidden;}
.shop .product .property .amount .control {height: 32px;line-height: 60px;width: 20px;text-align: center;display: block;float: left;font-size: 12px;color: #999;}
.shop .product .property .amount .amount-input {border: none;border-top: 0 none;border-bottom: 0 none;vertical-align: middle;float: left;width: 80px;height: 60px;padding: 10px 30px;line-height: 40px;color: inherit;text-align: center;}
.shop .product .property .amount .amount-input:focus{box-shadow: none;border-color: #e1e1e1 !important;}
.shop .product .property .buygroup {margin-top: 20px;}
.shop .product a.buy-btn.sold-out,.shop .product a.buy-btn.free-buy,.shop .product a.buy-btn.sold-out:hover,.shop .product a.buy-btn.free-buy:hover{background-color: #9e9e9e;cursor: default;}
.shop .product a.buy-btn, .shop .product a.set-email-btn {background-color: #0a28f4;width: 160px;height: 40px;line-height: 40px;text-align: center;color: #FFF;display: inline-block;font-size: 16px;cursor:pointer;}
.shop .product a.buy-btn:hover, .shop .product a.set-email-btn:hover{background-color:#FF9EBF;}
.shop .product a.buy-btn i, .shop .product a.set-email-btn i {margin-right: 8px;}
.shop .product .main-content {height: auto;overflow: hidden;}
.shop .product .main-content .shop-content {width: 100%;float: left;}
.shop .product .mainwrap {height: auto;margin-left: 260px;}
.shop .product .nav {height: 48px;border: 1px solid #d8d8d8;margin: auto;position: relative;}
.shop .product .nav .intro {display: none;width: 260px;height: 100%;float: left;}
.shop .product .nav li {float: left;height: 48px;line-height: 48px;display: block;cursor: pointer;position: relative;}
.shop .product .nav li.active {border-top: 2px solid #0a28f4;position: relative;z-index: 1;margin: -1px 0 0 -1px;}
.shop .product .nav li a {padding: 0 20px;border-right: 1px dotted #d2d2d2;color: #666;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.shop .product .nav li a i {margin-right: 5px;}
.shop .product .nav li.active a {display: block;height: 100%;line-height: 47px;color: #0a28f4;border-left: 1px solid #3baeb5;border-right: 1px solid #3baeb5;}
.shop .product .nav li.active:after {content: '';display: block;border-width: 5px;border-style: solid;border-color: #0a28f4 transparent transparent;width: 0;height: 0;font-family: arial;position: absolute;top: -1px;left: 50%;margin-left: -5px;}
.shop .product .nav li a em {font-style: normal;margin-left: 5px;color: #0a28f4;}
.shop .product #wrapnav .fixed-buy-btn {font-size: 14px;float: right;display: none;height: 50px;line-height: 50px;}
.shop .product .mainwrap .wrapbox {margin: 20px auto;display: none;}
#single-blog-wrap .area .single-content {max-width: 960px;padding: 10px;margin: auto;font-size: 14px;line-height: 1.8;display:block;}
.shop #reviews .comments-main{padding: 10px;}
.shop .product .mainwrap .wrapbox p {margin: 10px auto;}
#history .history-tip {text-align: center;padding: 20px;margin: auto;background-color: #f5f5f5;color: #666;}
#single-blog-wrap .area .single-content p {margin: 20px auto;}

#history .pay-history,.order-history {margin: auto;}
#history .pay-history .greytip {text-align: right;color: #999;margin: 10px auto;}
#history .pay-history table,.order-history table {text-align: center;border-collapse: collapse;border-spacing: 0;}
#history .pay-history td, #history .pay-history th,.order-history td,.order-history th {padding: 10px;}
#history .pay-history th,.order-history th,.orders-table th {border-top: 1px solid #eee;background-color: #f5f8fa;}
#history .pay-history td,.order-history td,.orders-table td {border-bottom: 1px dotted #e5e5e5;vertical-align: middle !important;}
.shop .product .main-content .shop-sidebar {float: left;width: 240px;margin-left: -100%;border: 1px solid #e5e5e5;box-sizing: border-box;padding-bottom: 10px;}
.shop .product .main-content .shop-sidebar h3 {padding: 0 10px;height: 48px;line-height: 48px;border-bottom: 1px solid #e5e5e5;background-color: #f9f9f9;color: #666;font-size: 12px;font-weight:normal;}
.shop .product .main-content .shop-sidebar h3 i {margin-right: 5px;}
.shop .product .main-content .shop-sidebar ul li {display: block;margin-bottom: 0;line-height: 1;margin-top: 6px;}
.shop .product .main-content .shop-sidebar ul li p{padding: 8px 10px;font-size: 12px;color:#0a28f4;}
.shop .product .main-content .shop-sidebar ul li p a{color:inherit; }
#order {font-size: 12px;display: none;position: fixed;width: 860px;left: 50%;top: 150px;margin-left: -430px;background-color: #FFF;z-index: 9999;border-radius: 10px;overflow: hidden;}
#order #alipayment {}
#order #pay .part-order {height: auto;overflow: hidden;}
#order #pay ul {padding: 20px 20px 0;clear:both;}
#order #pay h3 {color: #0a28f4;font-size: 16px;margin-bottom: 20px;}
#order #pay h3 span {color: #999;margin-left: 5px;font-size: 12px;}
#order #pay ul li {margin: 10px auto;width:50%;min-width: 320px;float:left;}
#order #pay ul label {display: inline-block;width: 90px;text-align: right;margin-right: 10px;}
#order #pay ul label small {color: #f7094c;margin-right: 3px;font-size:smaller;}
#order #pay ul li input[readonly] {background-color: #f5f5f5;color: #999;}
#order #pay ul input {background-color: #FFF;border: 1px solid #e5e5e5;box-shadow: 0 1px 1px rgba(0,0,0,.05) inset;padding: 5px 8px;width: 250px;}
#order #pay .checkout {background-color: #f5f5f5;padding: 20px;border-bottom: 1px solid #e5e5e5;height: auto;overflow: hidden;}
#order #pay .checkout #coupon{float:left;line-height:42px;}
#order #pay .checkout #coupon input{height: 36px;width: 160px;}
#order #pay .checkout #coupon #coupon_code_apply{padding: 9px 12px;color: #fff;background: #AEAEAE;height: 42px;cursor: pointer;}
#order #pay .checkout #pay-submit {float: right;background-color: #0a28f4;color: #FFF;border: 0 none;padding: 12px 40px;cursor: pointer;}
#order #pay .checkout #pay-submit:hover {background-color: #11245c;background-image: none;}
#order #pay .checkout #total-price {float: right;margin: 12px 20px 0 0;}
#order #pay .checkout #total-price strong {color: #0a28f4;font-size: 20px;font-weight: normal;margin-right: 3px;}
#order #pay .popup-close {cursor:pointer;position: absolute;width: 50px;height: 50px;line-height: 50px;text-align: center;right: 0px;top: 0;color: #000;font-size: 18px;}
#order #pay .popup-close i {-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;-o-transition: all ease-out .3s;transition: all ease-out .3s;}
#order #pay .popup-close:hover i {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.label-title{margin: 40px 0;position: relative;float: left;}
.label-title span#title{padding: 5px 10px;font-weight: bold;font-size: 16px;border-radius: 50px;border: 2px solid #191919;margin-bottom: 20px;float: left;color: #191919;}
.label-title p{line-height:150%;font-size: 14px !important;}
.label-title li{list-style: none;margin: 0 !important;position: relative;}
.down-link:before{content: "\e672";font-family: iconfont !important;font-size: 30px;position: absolute;left: 0px;top: 0;display: flex;justify-content: center;align-items: center;height: 60px;width: 60px;}
/* Login pop */
.overlay-login{background: #000;background:rgba(0,0,0,0.5);opacity: .8;filter: alpha(opacity=80);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9998;display: none;}
.fadeIn .overlay-login{display: block;}
.fadeIn #sign{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top: 250px;}
#sign,#sign a{font-size:12px !important;line-height:1.5;}
#sign{position:fixed;z-index:9999;top: -250px;left: calc(50% - 400px);width: 800px;opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,-600px,0);-moz-transform:translate3d(0,-600px,0);-o-transform:translate3d(0,-600px,0);transform:translate3d(0,-600px,0);min-height:200px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px;height: 500px;}
#sign .part{min-height:425px;position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding: 20px 50px 40px 50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none;border-radius: 8px;}
#sign .part form{width: 100%;float: left;padding-left: 300px;}
#sign.um_sign .part.loginPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign.um_sign .part.registerPart{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#sign.register .part.loginPart{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}

#sign .part .login-ad{
    width: 300px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}#sign .part img{
    height: 100%;
    object-fit: cover;
    border-radius: 5px 0 0 5px;
}
#sign form h3{font-size: 23px;margin: 0 0 30px;font-weight: bold;letter-spacing: 5px;}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form .status .error{color:#ea4c89}
#sign form .status .success{color:#00c3b6}
#sign form p,#sign form li{margin:10px auto;position:relative;color: #333;}
#sign form p.status{margin: 10px auto;padding-left:5px;color: #0054FF;letter-spacing: 1px;}
#sign form #captcha_inline label.error{right: auto;left: 0;top:45px;}
#sign form p#captcha_inline .inline{float: left;}
.abs-right {z-index: 1;}
#sign .signup-captch {display: none;}
#captcha_inline #um_captcha{width: 100px;margin-right: 5px;padding-right: 10px;}
#captcha_inline img{margin-right: 5px;cursor:pointer;}
#captcha_inline input.submit{float: right !important;width: 100px;}
#sign form label.error{color: #ffffff;background-color: #030303;padding: 4px 8px;position:absolute;z-index:5;right:10px;top:11px;border-radius: 5px;font-size: 12px;}

#sign form input{border: 1px solid #e8e8e8 !important;padding: 12px 10px;width:100%;box-sizing:border-box;border-color: transparent;font-size: 14px;}
#sign ::-webkit-input-placeholder{color:#999}
#sign form input:focus{border-bottom: 2px solid #0845f6;outline: 0;}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-left: 10px;}
#sign form .submit{width: 100%;margin: 20px 0;border-radius: 50px;}
#sign form .submit:hover{background-color: #0845f6;}
#sign form .submit:focus{
    border-color: #0054ff;
    color: #fff;
}
#sign form .safe{color:#999;margin-top:20px}
#sign form .rememberme{width:inherit;margin-right:3px;}
#sign form .lost{float:right}
#sign form .close{position:absolute;right: 20px;top: 10px;opacity: 1;}
#sign form .close i{font-size: 14px;}
#sign form .close:hover i{
    opacity: 1;
    transition: max-height .8s ease;
}
#sign .other-sign{margin-left: 300px;display: flex;float: left;width: 400px;position: relative;justify-content: center;}
.other-sign a,.local-account a{width: 45px;height: 45px;padding: 10px;border: 1px solid #edeeee;color: #a5a7aa;border-radius: 50%;cursor: pointer;display: flex;justify-content: center;align-items: center;margin: 0 8px;}
.other-sign a:hover,.local-account a:hover{color:#202020;border-color:#202020}
.other-sign a i,.local-account a i{
    font-size: 20px;
}
#sign .other-sign div{width:50%;text-align:center;float:left;}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block}
#sign .switch i{margin-right:5px;color: #0054FF;}
.overlay {background: #000;opacity: .8;filter: alpha(opacity=80);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9998;}
.nav-wrap #login-reg{float: right;margin-left: 5px;margin-right:5px;font-size: 14px;padding: 23px 0;height: 80px;}
.nav-wrap #login-reg span{display: block;background-color: #757575;background-color: rgba(0,0,0,.2);color:#eee;color: rgba(255,255,255,.8);height: 34px;padding: 0 15px;line-height: 34px;overflow: hidden;display:inline-block;cursor:pointer;float:left;}
.nav-wrap #login-reg span:hover{color:#aaa;}
#user-login{border-radius: 4px 0 0 4px;}
#user-login.only-login{border-radius:4px;}
#user-reg{border-radius: 0 4px 4px 0;margin-left:1px}

/* Author page */
#author-page .pagecontent{margin-bottom:0}
#author-page button,#author-page input,#author-page select,#author-page textarea {border-radius: 0;font-family: inherit;color: #333;}
#author-page .grid{margin-bottom:50px;grid-template-columns: repeat(4,1fr);}
.user-msg {padding: 0;margin: 0;list-style: none;display: flex;}
.user-msg p{margin:0 0 10px;}
.user-msg p.pm-date{margin-bottom: 0;font-size: 12px;color: #bbb;}
.user-msg .message-content{padding: 12px 0;line-height: 150%;}
.user-msg .message-content p{background:transparent !important;}
.message-content img.avatar{margin: 0 20px;}
.user-msg a.info{font-style: italic;color: #bbb !important;font-size: 12px;margin-bottom: 0;}
.user-msg li{padding: 0;margin-bottom: 10px;line-height: 32px;border-bottom: 1px solid #eee;font-size: 18px;border-radius:  8px;}
.user-msg li.tip,.site-order-list li.tip{border: 0;/* background: #f8f8f8; */border-radius: 3px;}

.message-lists .message-content{
	display:flex;
	flex-direction:row;
	padding: 10px 0;
	margin: 10px 0;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	margin-left: -20px;
}.message-lists .unread .message-content{background: #f7faff;}
.message-lists .unread .unread-tip{width: 4px;height: 100%;background: #0054ff;position: absolute;top: 0;left: 0;}
.message-lists .avatar{width:50px;}
.message-lists .pm-content{
	background: none;
	border: none;
	color: #28354a;
	padding-left: 0;
	margin: 0;
}
.panel-chat{
	background: #fff;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}
#chat-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    color: #ccc;
}

#chat-nav .author_page_navi {
    margin: 0;
}

#chat-nav .author_page_navi .btn {
    padding: 5px !important;
    min-width: auto;
    border-radius: 5px;
    background: #f5f5f5;
    color: #ccc;
    transform: scale(.8);
}
.chat_history ul{display:flex;flex-direction: column-reverse;margin: 10px 0;max-height: 50vh;overflow-y: scroll;}
.chat_history .message-content{display:flex;flex-direction:row;margin-bottom:10px}
.chat_history .message-content.pull-right{flex-direction:row-reverse;}

.pm-box{display:flex;flex-direction:column;}
.message-content:hover .respond{display:flex;opacity:1;}
.respond{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    opacity: 0;
    display: none;
}.respondto{padding:10px;background: #f0f7ff;border-radius:50%;font-size: 18px;color: #0284ff !important;}
.respondto:hover i{color:#0054FF !important}
.pm-date{color: #d4d9e0;}
#author-page  .author-container .element{
    justify-content: space-between;
}

#author-page .archive h3{white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;line-height: 34px;}
#author-page .archive h3 a{font-weight: bold;font-size: 16px;letter-spacing: 2px;}
#author-page .archive-excerpt{height:60px;overflow:hidden;}
#author-page .archive-excerpt p{font-size:12px;line-height:1.5;}
#author-page .archive .postlist-meta{overflow:hidden;color: #999;font-size: 12px;margin-top: 10px;height: 20px;line-height: 1;}
#author-page .item-b:hover header{background:#fff}
.postlist-meta-author {float: left;margin-right: 10px;}
.postlist-meta-time {float: left;margin-left: 20px;}
.postlist-meta-views {float: left;text-align: center;}
.postlist-meta-comments {float: right;}
.archive .postlist-meta-category{display:inline-block;float:left;margin-left:20px;}
.archive .postlist-meta-category a:hover{text-decoration: underline;}
#author-page .archive div.pagination a.btn{padding: 6px 12px !important; border: 1px solid transparent !important;}
#author-page .form-group a.btn:hover{color:#fff;}
.panel {margin-bottom: 20px;background-color: #fff;border: none;box-shadow: none;}
.panel-danger {border: 1px solid #a94442;}
.panel-success {border-color: #B1E4B1;}
.panel-heading {padding: 10px 15px;border-radius: 3px;border: none;}
.panel-danger>.panel-heading {color: #fff;background-color: #e83e8c;border-color: #dc3545;}
.panel-success>.panel-heading {color: #fff;background-color: #20c997;}
.panel-body {padding: 15px;}
.panel-body .page-header{line-height: 34px;margin: 10px 0;}
.panel-body p{margin: 0 0 10px;}
.radio-inline, .checkbox-inline {display: inline-block;padding-left: 20px;padding-right:20px;margin-bottom: 0;font-weight: 400;vertical-align: middle;cursor: pointer;}
.panel-body input[type=radio], .panel-body input[type=checkbox] {margin: 4px 10px 0 0;line-height: normal;margin-left: -20px;}
.panel-body label{max-width: 100%;}
.panel-newpost{display:grid;grid-template-columns:3fr 1fr;grid-gap: 15px;width: 100%;}
.editor-sidebar{display:flex;flex-direction:column;}
.alert-success {color: #0054FF;background-color: #f5f8ff;border-color: #dee8ff !important;}
.alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}
.form-inline .input-group {display: inline-table;vertical-align: middle;position: relative;border-collapse: separate;}
.input-group-addon {padding: 6px 12px;font-size: 12px;font-weight: 400;line-height: 1;color: #555;text-align: center;background: none;border: 0;border-radius: 4px;display: table-cell;white-space: nowrap;vertical-align: middle;}
.input-group .form-control:last-child{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group .form-control {display: table-cell;position: relative;z-index: 2;float: left;margin-bottom: 0;width: auto;}
.input-group-addon:first-child {border-right: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #999;font-size: 14px;line-height: 1.5;}
p.help-block{margin-top:10px;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {background-color: #fff;}
button[disabled],html input[disabled]{cursor:default}
.credit-table,.coupon-table,.orders-table {margin: 15px 0;width: 100%;border-spacing: 0 10px;border-collapse: separate;}
.credit-table{
    border-spacing: 0 5px;
}
.credit-table tbody tr td{padding:10px !important;text-align: left;position: relative;}
.credit-table tbody tr td:first-child{padding-left:20px !important;}
.credit-table tbody tr td:first-child:before{content:'';width: 6px;height: 6px;background: #0054FF;position: absolute;border-radius: 6px;left: 5px;top: 50%;margin-top: -3px;}
.credit-table tbody tr td:last-child{font-size: 22px;font-weight: 700;text-align:right;padding: 5px !important;}
.credit-table tbody tr:not(:last-child) td:last-child:before{content:'+';font-size:20px;font-weight:bolder;font-family: Helvetica, sans-serif;}
.credit-table tbody tr:last-child td{background:#0054FF;color:#fff;font-size:16px;padding: 20px!important;}
.credit-table tbody tr td small{font-size:12px;margin:0 10px}
.coupon-table,.orders-table{text-align: center;}
.table-bordered {/* border: 1px solid #e8e8e8; */}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {border-top: 0;}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {background-color: #f5f5f5;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {border-bottom-width: 2px;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {/* border: 1px solid #eee; */}
.table>thead>tr>th {vertical-align: bottom;border-bottom: 1px solid #eee;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 20px;line-height: 1.5;vertical-align: middle;border-top: none;border-left: none;border-right: none;}
.credit-table th {text-align: left;font-weight: bold;}
.credit-table td, .credit-table th {display: table-cell;vertical-align: inherit;color:#333;}
.pull-left {float: left!important;justify-content: center;}
.pull-right{float: right !important;}
.content .user-msg p a:after{content:"" !important;}
.content .user-msg p a{border:none !important;}
.content .user-msg p a:hover{text-decoration:underline;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;-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;}
.form-control:focus {-webkit-box;set 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);border-color: #0845f6;box-shadow: none;}
textarea.form-control{height:auto;}
#author-profile {width: 100%;line-height: 26px;background: #f8f8f8;color: #555;padding:5px;border-radius:3px;}
#author-profile .title {width: 80px;text-align: right;margin: 0;background: transparent;line-height: 26px;display: table-cell;}
#author-profile tr:first-child td {border: 0;}
#author-profile tr td:last-child {color:#aaa;}
#author-profile td {padding: 6px 10px;}
.page-header{margin: 20px 0;padding-bottom: 0px;border-bottom: none;float: left;width: 100%;}
#author-page .page-header small{font-size:12px;color:#aaa;font-weight:normal;margin-left: 15px;}
.form-horizontal .control-label {padding: 7px 0;display: block;}
.col-sm-3 {width: 25%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;float:left;}
.col-sm-9 {width: 75%;float:left;}
.col-sm-offset-3 {margin-left: 25%;}
.form-horizontal .form-group{margin-bottom:15px;}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 27px;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 7px;margin-top: 0;margin-bottom: 0;}
.form-control-static {padding-top: 7px;padding-bottom: 7px;margin-bottom: 0;}
.clearfix:before,.clearfix:after,.content:before,.content:after,.form-group:before,.form-group:after,.user-msg p:before,.user-msg p:after,#author-page:before, #author-page:after{content: " ";display: table;clear:both;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#author-page .radio img{vertical-align: middle;}
input[name="post_title"]{margin-bottom:10px;}
#author-page input[type="text"] {-moz-box-sizing: border-box;-webkit-appearance: none !important;-webkit-box-sizing: border-box;-webkit-writing-mode: horizontal-tb;width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;border: 1px solid #ccc;border-radius: 3px;color: #191919;font-family: inherit;font-size: 13px;font-weight: 600;line-height: 1.33;}
#author-page input[type="text"]:focus{outline: none;border-color: #0a28f4 !important;}
select[name="post_cat[]"]{margin:10px 0;}
#author-page input.title{font-size: 28px !important;padding:20px !important;height: auto;}
.text-right {text-align: right;}
select[name="post_status"] {height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;margin-top:5px;margin-bottom:5px;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-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;}
#wrap #wp-link-wrap{font-size:14px;}
#wrap #wp-link-wrap span.screen-reader-text{position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(0 0 0 0);border: 0;}
#wrap #wp-link-wrap input[type=text],#wrap #wp-link-wrap input[type=search],#wrap #wp-link-wrap input[type=submit]{height:25px;padding:5px;line-height:15px;font-size:12px;}
#author-page .archive .entry-meta{overflow:hidden;color: #999;font-size: 12px;margin-top: 10px;height: 20px;}
.user-msg .unread p.info span.tag{width: 10px;height: 10px;background: #F44336;display:  block;border-radius: 99rem;position:  absolute;top: -30px;}
#edit-umavatar{color: #d9534f;cursor: pointer;}
#upload-input{margin:10px 0;display: none}
#upload-input span{height: 40px;margin: 0 10px !important;border-radius: 5px !important;}
#upload-avatar-msg{display: none;font-size: 14px;color:#f00;}
#author-page .pay-history #the-list{font-size: 12px;}
.contextual {padding: 10px 15px;margin: 10px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;position: relative;font-size: 14px;list-style: none;}
body .bgd a.close-order{color:#d9534f;}
.wp-editor-container button,.wp-editor-container .button{padding: 5px 8px!important;border-radius: 5px !important;}
#author-page input{border-radius:5px !important;overflow:hidden !important;border:1px solid #eee!important;}
#author-page .cbxwpbookmark-mylist-wrap{width: 100%;min-height: 50px;}
#author-page .cbxbookmark-mycat-item{float: left;margin: 0 !important;}
.msg-contanter{
padding: 15px;
}
.message_box{min-height:280px}
.msg-contanter .message-title{width:100%;font-size: 18px;font-weight: bold;margin: 0 0 20px;}
.msg-contanter .message-form{
    width: 100%;
}.message-form textarea{    width: 100%;
    min-height: 120px;
    margin: 20px 00;
    border: 1px solid #ddd;
    padding: 10px;}
/* ---------------- */
body .bgd{position:relative;color:#8A8A8A;font-family: "Microsoft Yahei";word-wrap: break-word;word-break: normal;font-size: 12px;line-height: 150%;z-index: 5;}
body .bgd img,body .bgd img:focus{outline: 0;}
.bgd .clear{clear: both;}
.bgd .clear:before,.bgd .clear:after{content:"";clear: both;}
.bgd {width:100%;max-width: 100%;margin-left: auto;margin-right: auto;}
.clx, .menu {zoom: 1;}
.clx:after, .menu:after {clear: both;display: block;visibility: hidden;height: 0;content: "";font-size: 0;line-height: 0;}
button, input, select, textarea{font-family: inherit;}
#cover {height: 260px;overflow: hidden;position: relative;z-index: 1;}
#cover img{width: 100%;height:  260px;object-fit:  cover;position: absolute;top: 0;left: 0;bottom: 0;z-index: -1;}
#custom-cover:hover {background-position: 0 -25px;}
#cover-change {max-width: 550px;background-color: #fff;position: absolute;left: 0;top: 130px;z-index: 139;display: none;box-shadow: 0 0 20px rgba(0,0,0,.3);border-radius: 6px;margin: auto;right: 0;padding: 30px 20px 20px;}
#cover-c-header {padding: 10px 15px;font-size: 20px;color: #333;overflow: visible;position: relative;}
#cover-close {text-decoration: none;font-size: 14px;top: -15px;position: absolute;right: -5px;color: #000;}
#cover-change-inner {padding: 10px;}
#cover-list ul li, #cover-list ul li a {display: block;}
#cover-list ul li {float: left;padding: 5px;width: 50%;}
#cover-list ul li a {border: 1px solid #eee;width: 100%;height: 64px;}
#cover-list #upload-cover{border-style: dashed !important;border-color: #ddd;position: relative;}
#cover-list #upload-cover span{display:inline-block;font-size: 50px;width: 40px;height: 40px;top:50%;left: 50%;margin-left: -20px;margin-top: -25px;color:#ddd;position: absolute;line-height: 40px;}
#cover-c-footer {margin: 10px 7px 0 7px;padding-top: 10px;text-align: right;}
#cover-c-footer a {display: inline-block;padding: 5px 20px;margin-left: 10px;}
#cover-sure {border: none;color: #fff;background-color: #0a28f4;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 4px;}

.loading{background-image: url(../../../img/loading.svg);background-position:center;background-repeat:no-repeat;text-indent:-99999px;}
.Profile{
	background-color: #F0F3F8;
	color: #191919;
	padding-bottom: 80px;
}
.uers_info_bar {
    display: flex;
    justify-content: space-between;
    margin: 0px 70px;
    border-bottom: 1px solid #ddd;
}.uers_info_bar #num-info .num-list-box.current{opacity:1;}
#author-page #daily_sign,#author-page #daily_signed {
    max-width: 200px;
    align-self: center;
}#avatar-wrap img.avatar{display: flex;width: 110px;border-radius: 50%;overflow: hidden;position: relative;height: 110px;}
@media (min-width: 1200px){
.Profile{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    position: relative;
    }
.profileContents{
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0px 0 50px 50px;
    width: auto;
    padding: 70px 20px;
}
#ai{background-color: #fff;/* border-radius: 8px; *//* box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); */flex-shrink: 0;width: 430px;padding: 25px 40px 16px 110px;display: flex;flex-direction: column;}


#num-info{position: relative;display: flex;flex-direction: row;margin: 10px 0px;color: #000;}
#num-info .num-list-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 80px;
    margin: 5px 10px;
    opacity: .5;
}
#num-info .num,#num-info .num a{font-size: 18px;color: inherit;line-height: 30px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#num-info .text{font-size: 15px;line-height: 30px;color: inherit;}
#ai .name{text-transform: capitalize;font-size: 24px;font-weight: 600;line-height: 1.15;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#ai .des{margin: 20px 0;color: #999;}
#ai .btn-lable .edit-btn,.btn-lable .btn{max-width: 200px;margin: 10px 0;}
#ai .fp-btns span{background: none;color: #333;border: 1px solid;border-radius: 50px;flex: 1;}
.fp-btns{display: flex;position:  relative;width: 100%;}
.fp-btns span{padding: 10px 15px;background: #585858;border-radius: 50px;font-size: 16px;cursor: pointer;color: #fff;transition: background 0.5s ease;margin: 5px;display: flex;justify-content: center;align-items: center;}
}
#avatar-wrap{display: flex;-webkit-box-pack: center;justify-content: center;padding: 6px;position: relative;width: 300px;float: left;}
@media (max-width: 1200px) and (min-width: 0){
    .profileContents{margin:15px 30px}
	#ai{position:relative;margin-top: 190px;text-align: center;}
	#num-info,#rb,.user-time{display:none}
	#ai #avatar-wrap{background:#fff;border-radius:50%;padding: 7px;display: inline-block;margin: 0 auto;}

}

.fp-btns span:hover{background: rgba(133,144,166,.06);color: #8590a6;}
.fp-btns span a:hover{color: #888;}
.fp-btns span i{margin-right: 5px;}
.fp-btns span.current{background: #000000;color: #fff;}
.fp-btns span.current a{/* color: #fff; */}
.fp-btns span.current:hover{background: #002f9a;}

.dashboard {
    position: relative;
    padding: 20px;
    display: flex;
    width: 50%;
    height: 260px;
    z-index: 1;
    justify-content: flex-start;
    align-items: center;
}

.dashboard .info {
    margin: 0;
    color: #fff;
}.dashboard .info div{margin-bottom:10px}.dashboard .info .name {
    font-size: 26px;
    margin-bottom: 20px;
}



.setting {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #B1B1B1;
    font-size: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}.setting a{margin:0 10px}
#author-page #content{background: #f5f8fa;}
#mc {max-width:  1270px;margin: 50px auto;}
#mc-body{}
#mc-bdinner{padding: 0;}
#mc-body-box{overflow: hidden;}
#mc-body-box.full{padding-right: 0;}
#mc-body-box.full #lc{max-width: 1000px;float: none;}
#mc-body-box #rb{position: relative;}
#tab-bar{margin-bottom: 25px;/* margin-top: 15px; */}
#tab-bar li{display: inline-block;overflow: hidden;}
#tab-bar li a {display: block;line-height: 22px;padding: 10px 5px;font-size: 16px;margin: 0 5px;letter-spacing: 2px;z-index: 1;font-weight: 600;color: #959595;position: relative;}
#tab-bar li.current a,#tab-bar li a:hover {color: #333;}
#tab-bar li.current a:after {content: "";height: 6px;width: 6px;background: #0a28f4;position: absolute;bottom: 0;display: block;left: 50%;margin-left: -3px;border-radius: 5px;}


.like-btn,.collect-btn{cursor: pointer;line-height: 40px;box-shadow: none;display: flex;padding: 0;}
.love-yes,.collect-yes{color: #F44336;}
.author_page_navi{
    margin: 20px 0;
}
.panel-grid-2c{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-column-gap: 50px;
    grid-row-gap: 20px;
}
.panel-grid-2c .panel-grid{background:#fff;padding: 20px 40px;border-radius: 8px;display: flex;flex-direction: column;}
.creditlog{
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}
.creditlog li{font-size: 12px;border-bottom: 1px dashed #eee;padding: 10px 0;display: flex;justify-content: space-between;color: #ddd;}
.panel-credit-log{
    grid-area: span 2 / span 1;
}
.daily-download .buy_vip{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.panel-success-order ul{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}.panel-success-order td{font-weight: 700;padding: 20px;}
.table thead td,.table thead th{padding: 10px 20px !important;background: #f5f5f5;}
.table tbody>tr:hover td{background:#0054FF;color:#fff;}
.table tbody tr td:first-child,.table thead tr td:first-child, .table tr td:first-child, .table tr th:first-child{border-radius: 8px 0 0 8px;}
.table tbody tr td:last-child, .table thead tr td:last-child, .table tr td:last-child, .table tr th:last-child{border-radius: 0 8px 8px 0;}
.user-comment-list ul{display:flex;flex-direction:column;flex-wrap:nowrap;}
.user-comment-list ul li{margin-bottom:20px}
.user-comment-list 
 .message-content,.pm-content {display: flex;max-width: 400px;width: auto;margin-bottom: 10px;line-height: 1.5;border-radius: 12px 12px 0px 12px;background: #0086ff;color: #fff;padding: 10px 20px;position: relative;border: 1px solid #007fed;}
.highlight{background: #f1f2f6;color: #28354a;border-radius: 16px 16px 16px 0px;border-color: #e9eaec;}


.affiliate-tab p#aff{margin:10px 0;color:#000;}
.affiliate-tab p#aff input{margin-left:10px;padding: 5px;border: 1px solid #EEE;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #fff;}
.orders-table thead tr:first-child th,.coupon-table thead tr:first-child th{font-weight: bold;color: #333;text-align: center;}
.orders-table tr td,.coupon-table tr td{text-align: left;}
#withdraw{text-align: right;}
#couponform .form-group,#couponform button{margin-top: 10px;}
.delete_couponcode a{cursor: pointer;color: #f00 !important;}
.site-orders{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}
.site-orders table{padding:20px;background:#fff;border-radius:5px}
/* Widgets */
#rb-inner{border: 0;}
.user_tip{
	-webkit-box-align: center;
	align-items: center;
	background-color: #f5f8ff;
	border: 1px solid #dee8ff;
	border-radius: 5px;
	color: #0057ff !important;
	cursor: pointer;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 12px;
	-webkit-transition: background-color 0.15s linear;
	transition: background-color 0.15s linear;
}
#rb .widget-header {background-color: #ffffff;padding: 8px 0 10px 20px;font-size: 12px;}
#rb .widget-header .avatar {float: left;padding: 1px;border: 1px solid #E7E7E7;background-color: #fff;margin-right: 10px;}
#rb .widget-header h4 {font-weight: 700;line-height: 18px;padding-top: 5px;display: inline;}
#rb .widget-p {line-height: 16px;}
#rb .widget-body .item,#rb .widget-body .flowlist {padding-top: 10px;}
#rb .fieldset {border: none;border-top: 1px solid #E6E6E6;padding: 0;margin: 0;_padding: 4px 0 0;}
#rb .legend {font-weight: 400;font-size: 12px;padding: 0 5px 0 0;}
.flowlist .flow{width: 80px;display:block;float:left;margin:0 10px 10px 0;list-style: none;text-align:  center;}
.flowlist .flow img.avatar{width: 80px;height: 80px;}
.flowlist .flow span.name{font-size: 16px;line-height: 2;overflow: hidden;width: 100%;display: inline-block;word-wrap: break-word;height: 32px;}
#rb .widget-header .icon{font-size: 40px;float: left;margin-right: 10px;}
#rb .widget-body .user-time p{margin:5px 0;}
#rb .widget-body .user-time p span{margin-right: 10px;width: 75px;text-align: right;display: inline-block;padding: 3px 6px;}
.sociallist{margin-top: 10px;}
.sociallist span{margin:0 5px 5px 0;display: inline-block;}
.sociallist span a.as-img{
	font-size: 10px;
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 8px;
    border-radius: 50px;
    background: #000;
}
.sociallist span a.as-img:hover{background: #696969}
#as-weixin-qr, #as-donate-qr {width: 130px;height: 168px;padding: 5px;position: absolute;display: none;bottom: 60px;right: -25px;opacity: 1;background: #fff;border-radius: 5px;border: 1px solid #eaeaea;}
.sociallist .as-qr{font-size: 12px;color:#666;white-space: initial;word-wrap: break-word;line-height: 150%;}
.sociallist .as-qr img{width: 100%;}

.manage-widget .widget-body li{list-style: none;margin-top: 10px;}
.manage-widget .widget-body li img{margin: 0 auto;display: block;}
.manage-widget .widget-body li a{color: inherit;}
.manage-widget .widget-body li.active{margin: 10px 0;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px;}
.manage-widget .widget-body li.active i{margin-right: 5px;font-size: 25px;display: block;margin-bottom: 15px;}
.manage-widget .widget-body li.active a{display: flex;justify-content: center;flex-direction: column;background: #f5f8ff;padding: 20px 10px;border-radius: 8px;align-items: center;}
.manage-widget .widget-body li.active a:first-child {grid-area: 1 /span 1;}
.manage-widget .widget-body li.active a:nth-child(2) {grid-area: 1 /span 2;}
.manage-widget .widget-body li.active a:nth-child(3) {grid-area: 2 /span 2;}
.widget_umucenter *{box-sizing:border-box !important;}
.widget_umucenter li{list-style: none !important;}
.widget_umucenter li a{text-decoration: none !important;}
.umcreditsrank{overflow: hidden;background: url(https://archpi.oss-cn-shanghai.aliyuncs.com/assets/num.png) no-repeat;padding: 50px 10px 10px 30px;background-position: 20px 40px;}
/**/
		
				div.tagsinput {
    width: 100% !important;
    min-height: 38px !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0;
    flex-wrap: wrap;
}
#post_tags_tagsinput #post_tags_tag{width: 100% !important;flex: 1;max-width: 100% !important;font-size: 12px;color: #999 !important;min-width: 120px;}
.tagsinput span.tag{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 15px 15px 0;
    position: relative;
}.tagsinput span.tag:hover{transform:scale(1.2);-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;}
.tagsinput span.tag span {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 15px;
    background: #eceff1;
    color: #999;
    font-size: 16px;
    text-align: center;
    display: block;
    float: left;
}
.tagsinput span.tag a {
    color: #fff;
    position: absolute;
    right: -4px;
    top: -8px;
    background: #1f1f1f;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    }
 .tagsinput span.tag i{
    	font-size:10px;transform:scale(.6);
    }
.tagsinput input {
}
.tagsinput #post_tags_addTag {
    flex: 1;
    margin-bottom: 15px;
}

.not_valid { background: #FBD8DB !important; color: #90111A !important;}

/* Pagenation */
#tab-content .pagination{text-align: center;margin: 50px 0 20px;display: block !important;width: 100%;float:  left;position: relative;}
#tab-content .pagination .pg-item{padding: 3px 5px;}
.shop .pages{text-align: center;padding-bottom: 20px;}
.shop .pages ul.page-list {display: inline-block;}
.shop .pages li {display: inline-block;margin-right: 10px;list-style: none !important;}
.shop .pages li a {display: inline-block;background: #f5f5f5;padding: 8px 12px;border: 1px solid #d8d8d8;border-radius: 4px;text-decoration: none;color: #393839;}
.shop .pages li a:hover {background: #fff;border: 1px solid #d8d8d8;}
.shop .pages li.current a {background: #0a28f4;border: 1px solid #0a28f4;color: #fff;}
.shop .pages li i {font-size: 16px;}
.shop .pages li.prev-page {margin-right: 20px;}
.shop .pages li.next-page {margin-left: 10px;}

/* Image icon */
.img-icon{display: inline-block;background-image: url("img/icon.png");background-repeat: no-repeat;}
.icon_male {background-position: -100px -50px;}
.icon_female{background-position: -125px -50px;}
.icon_male, .icon_female {width: 16px;height: 16px;vertical-align: -2px;margin-left: 5px;}

/*Ajax load*/

.ajax_spinner{
	min-height: 35px;
    min-width: 35px;
    -webkit-animation: fa-spin 750ms infinite linear;
    animation: fa-spin 750ms infinite linear;
    height: 20px;
    position: absolute;
    width: 20px;
}
.Spinner-blue{
    stop-color: #0054ff;
}

/* Button */

#author-page .btn-success {color: #fff;}
#author-page .btn-default {color: #fff;}
#author-page .btn-primary,.local-account .btn-primary {color: #fff;}
#author-page *{box-sizing:border-box !important;}
#author-page .btn-product {color: #fff;background: #9e5BE0;border-top: 0;box-shadow: 0 0 0 1px #EEE;border: 2px solid #fff;}
#author-page .btn-lg {padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 5px;}
#author-page .btn {text-indent: 0;margin: 5px;display: inline-block;font-size: 14px;vertical-align: middle;cursor: pointer;user-select: none;border-radius: 50px;color: #fff;width: auto;min-width: 120px;border: 2px solid transparent;}
#author-page .btn-full{width:100%;color:#fff}
#author-page .form-group h3{display:inline-block;padding-right: 15px;color:#333;margin-bottom:20px;font-weight:  bolder;letter-spacing: 2;}
#author-page .form-group p{display:inline-block;color: #777;font-size: 12px;}
#author-page  .radio{font-size: 17px;font-weight: bolder;color: #333030;letter-spacing: 1;}
#joinvip .radio-inline{border:2px solid #eee;padding:15px;position:  relative;border-radius: 16px;margin: 10px 0;text-align: center;font-weight: 700;font-size: 16px;overflow: hidden;}
#joinvip .layui-form-radio{opacity:0;position:absolute;left: 0;top: 0;right:  0;bottom: 0;}
#joinvip  .radio-checked{border-color: #0054ff;}

/* Single post */
.activity-btn{width: 100%;display: flex;justify-content: center;}
.activity-btn a{border: 1px solid #0054ff;border-radius: 50%;box-shadow: none;display: flex;color: #fefeff !important;font-size: 10px;background-color: #0054ff;justify-content: center;align-items: center;flex-direction: column;margin: 20px;width: 80px;height: 80px;position: relative;}
.activity-btn a:hover{color: #fff !important;background: #0a28f4;border-color: #0a28f4;}
.activity-btn .icon-like:before,.activity-btn .icon-likefill:before{font-size: 30px;}
.activity-btn span{display:flex;flex-direction: column;position: absolute;bottom: 0px;}
.activity-btn a.collect-btn{/* border-color: #0aa284; *//* color:#0aa284 !important; */padding: 0;}
.activity-btn a.collect-btn:hover{color: #fff !important;background: #0aa284;}
.activity-btn a.collect-btn i{font-size: 18px;}
.activity-btn a.marked{background: #333 !Important;color: #fff !important;border-color: #333 !important;}
a.inner-buy-btn, a.inner-soldout{cursor: pointer;text-decoration: none !important;border: 2px solid;padding: 13px 22px;border-radius: 50px;}
a.inner-buy-btn:hover,a.inner-soldout:hover,#post-price .summary-price a:hover{border-color: #FFF;background: #fff;}
#post-price .summary-price span.dt,#pay-content .summary-content span.dt{text-align: right;padding: 8px;display: inline-block;color: #000;font-weight: bold;line-height: 200%;}
#post-price .summary-price em{font-style: normal;font-size: 16px;font-weight: bolder;}
#post-price .summary-price strong{margin:0 5px;font-size: 16px !important;}
#post-price .summary-price strong del{color: #c3c3c3;line-height: 44px;font-size: 16px;}
.label-title.post{font-size: 14px;}

/**/
.topicHeader{
	position: fixed;
	top: 120px;
	width: 100%;
}
.crumbNav {
    display:flex;
}
.crumbNav .crumbItem {
    color: #b6b6b6;
    float: left;
    padding: 4px 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.43px;
    height: 100%;
}.crumbNav .crumbItem.divider {
    margin: 0 10px;
}.crumbNav .crumbItem.active {
    color: #222;
}
.topicHeader h2 {
    font-size: 48px;
    color: #222;
    margin: 20px 0 38px;
    font-weight: 700;
    letter-spacing: -.04em;
}
/* Alert */
.umalert{display: none;position: fixed;top:50%;left: 50%;width: 300px;min-height: 150px;margin-top:-75px;margin-left: -150px;box-shadow: 0 0 5px rgba(0,0,0,0.1);background: #ffffff;border: 1px solid #eee;z-index: 9999;padding: 20px;border-radius: 8px;}
.alert_title{padding:10px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;background:#eee;}
.alert_title h4{font-size:15px;}
.alert_content{padding:0 10px;}
.umalert p{line-height: 150%;font-size: 16px;text-align: center;font-weight:  bold;color: #333;}
.umalert p span{padding: 0 2px;color:red;}
.umalert .alert_close{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;line-height: 20px;font-size: 16px;cursor: pointer;}
.cancel-to-back{position: absolute;bottom: 20px;left: 50%;margin-left: -45px;text-align: center;cursor: pointer;display: inline-block;vertical-align: middle;outline: none;text-decoration: none;line-height: normal;}
.cancel-to-back:hover{background: #0a28f4;}

/* Widget */
.umcreditsrank li{line-height:200%;clear: both;}
.umcreditsrank li i{font-style:italic;color:#EC8282;margin-right:10px;font-weight:600;}
.umcreditsrank span.creditsrank-ranking{float:right;color: #afafaf;}
.umcreditsrank span{line-height:40px;max-width: 120px;overflow: hidden;max-height: 40px;float: left;margin-bottom: 14px;font-size: 12px;}
.rank-avatar img{vertical-align:baseline;margin-left:20px;border-radius: 50%;width: 40px;}
.creditsrank-name{margin-left:20px;}
.umcreditsrank ul{margin-top:-15px;}
.widget_umucenter li{margin-top:10px;list-style: none;}
.widget_umcreditsrank {border-radius: 5px;overflow: hidden;/*! -moz-box-shadow: -1px 5px 8px -1px #0054FE21; *//*! -webkit-box-shadow: -1px 5px 8px -1px #0054FE21; *//*! box-shadow: -1px 5px 8px -1px #0054FE21; */}
.widget_umcreditsrank h2{background: url(https://archpi.oss-cn-shanghai.aliyuncs.com/assets/rank.png) no-repeat;height: 80px;background-color: #0054fe;color: #fff;line-height: 80px;padding-left: 100px;border-radius: 5px;font-size: 22px;margin-bottom: 0;}
.widget_umucenter li img{float:left;}
.widget_umucenter li span a{margin:0;width:32%;}
.widget_umucenter li span:first-child a{margin-right:5px;}
.widget_umucenter li span:last-child a{margin-left:5px;}
.widget_umucenter .input-group{width:100%;z-index: 0;}

/* Comment notify check */
span.mail-notify-check{display:none;}

/* About author */
.sg-author{padding: 15px 0;margin-top:20px;clear: both;background:#fbfbfb;position:relative}
.sg-author .img{display:inline-block;position:absolute;margin-left:20px;z-index:2;}
.sg-author img{box-shadow:none}
.sg-author-info{min-height: 100px;position:relative;margin-left: 135px;}
.word{padding:5px 0;}
.authordes{padding: 10px 10px 10px 0;line-height:150%;overflow:hidden;min-height: 50px;}
.authorsocial a{padding:3px 4px;font-size:14px;line-height:18px;position:relative;}
.authorsocial i{font-size:16px;width:20px;height:18px;}
.authorsocial a:hover{background: #ddd}
.social-icon-wrap{margin-right: 5px;margin-bottom: 5px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; display: inline-block;}
#as-weixin-a{position: relative;}
#as-weixin-qr,#as-donate-qr{width: 130px; height: 166px; padding:5px; position:absolute; display: none; bottom: 60px; right:-40px; opacity: 1; background: #ddd; border-radius: 5px; border: 3px solid #ddd;}


@keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);-moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2);  -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-moz-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);-moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1);-o-transform:rotate(1080deg) scale(1,1);transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-webkit-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2); -moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1); -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1);  transform:rotate(1080deg) scale(1,1);  opacity:1;}
}
@-o-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);  -moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);  -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}

@media screen and (max-width:1050px){
	#goodslist .span_1_of_4{width: 33.3%;}
	.shop .product .preview{width:300px !important;height:auto !important;}
	.shop .product .property{margin-left:320px !important;margin-bottom:20px !important;min-height:300px !important;}
}

@media screen and (max-width:860px){
	.shop .product .preview{width:200px !important;height:auto !important;margin-bottom: 10px;}
	.shop .product .property{margin-left:220px !important;margin-bottom:10px !important;min-height:200px !important;}
	.shop .product .preview .view,.shop .product .preview .share{float:none !important;overflow: hidden;text-align: center;display: inline-block;}
	.shop .product .preview .view,.shop .product .preview .share #bdshare{float:none !important;}
	.shop .product .main-content .shop-sidebar{display:none !important;}
	.shop .product .mainwrap{margin-left:0 !important;}
	#order{width:100%;left:0;margin-left:0;}
	#order #pay ul label{text-align:left;}
	#order #pay .checkout{text-align:center;}
	#order #pay .checkout #pay-submit,#order #pay .checkout #total-price{float:none;}
	#mc-body-box{padding-right: 0;}
	#mc-body-box #lc{max-width: 100%;float: none;}
	#mc-body-box #rb{float: none;margin-right: 0;width: 100%;}
	#mc-body-box #rb .um-widget{width: 50%;float: left;}
	#mc-body-box #rb .um-widget:nth-child(3){clear:both;}
}

@media screen and (max-width:720px){
	#goodslist .span_1_of_4{width: 50%;}
}

@media screen and (max-width:640px){
	.shop .product .preview{position:relative !important;width:100% !important;}
	.shop .product .preview img{width:100%;}
	.shop .product-content{padding:10px 5px !important;}
	.shop .product .property{margin-left:0 !important;}
	#mc-body-box #rb .um-widget{width: 100%;float: none;}
}

@media screen and (max-width:480px){
	#goodslist .span_1_of_4{width: 100%;}
	#goodslist .span_1_of_4 a.fancyimg{max-height: 250px;}
	.shop .product .preview .view, .shop .product .preview .share{overflow: visible;}
	.shop .product .property .buygroup{text-align: center;}
	.sub-billboard{height: 200px;}
	.billboard .wrapper{height:150px;}
	.shop-item{border-width:5px;}
	#order{position:absolute;top:0;}
	#captcha_inline input.submit{width:75px;}
}

@media screen and (max-width:320px){
	.shop .product .nav li a{padding: 0 12px;}
}

.wp-editor-wrap .wp-editor-area{border: 1px solid #eee !important;}
.mce-menu .mce-menu-item-normal.mce-active, .mce-menu .mce-menu-item-preview.mce-active, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, .mce-menu .mce-menu-item:hover{
	background: #0a28f4!important;
	
}#insert-media-button,#post_content-tmce,#post_content-html{padding: 5px 20px!important;box-shadow:  none !important;border: 1px solid #e5e5e5;background: #fff;height: 38px !important;border-radius: 50px !important;overflow:  hidden;margin-bottom: 10px;}
.wp-switch-editor{padding:5px 10px !important;}
.media-modal-close{
    width: 150px !important;
}
.media-modal-close:active, .media-modal-close:hover {
    color: #0a28f4 !important;
}
.media-toolbar-secondary{width:66%}#media-attachment-filters{width:100px!important}.media-modal-content .attachments-browser .search{width:60% !important}
.pay_content{
    margin: 20px 0 0 0;
    padding: 20px 10px;
    color: #333;
    border-radius: 5px;
    background: #eceff1;
    }.pay_content textarea{overflow-y:hidden}
 .new-post a{
    height: 265px;
    text-align: center;
    vertical-align: middle;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    border: 1px dashed #b7b7b7;
    transition: background-color 0.15s linear;
    border-radius: 8px;
}.new-post a:hover{background-color: #f2f2f2;}
.new-post .create{
	-webkit-box-align: center;
	align-items: center;
	border: 2px solid #0054ff;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	height: 44px;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 auto 15px;
	position: relative;
	width: 44px;
	background: #0054FF;
}
.new-post .create::before, .new-post .create::after{
	background-color: #ffffff;
	bottom: 10px;
	content: '';
	left: calc(50% - 1px);
	position: absolute;
	top: 10px;
	width: 2px;
}
.new-post .create::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

div.mce-toolbar-grp,.quicktags-toolbar{background-color:#eceff1 !important;border:  none !important;padding: 10px 5px !important;}
.mce-panel.mce-menu{border:none;border-radius:5px;margin-top:10;padding:20px;}
.mce-menu-item{border-radius:5px;overflow:hidden;}
.mce-window .mce-btn.mce-primary{
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.mce-btn button{background: #fff;overflow:  hidden;}
.mce-btn{background:#fff !important;border-radius:5px!important;margin-right:5px !important}
.mce-top-part::before{box-shadow:none }
.mce-primary button, .mce-primary button i{
    background: #0054FF;
}
.mce-toolbar .mce-btn-group .mce-btn:focus, .mce-toolbar .mce-btn-group .mce-btn:hover, .qt-dfw:focus, .qt-dfw:hover{border-color:#fff !important}
.mce-toolbar .mce-btn.mce-active .mce-open, .mce-toolbar .mce-btn:focus .mce-open, .mce-toolbar .mce-btn:hover .mce-open{border-color:#fff !important}
.quicktags-toolbar input{color:#333 !important;line-height: 10px !important;background: #fff !important;box-shadow: none !important;}
#insert-media-button:hover, #post_content-tmce:hover, #post_content-html:hover{color:#fff;background:#333;border-color:#333;}
#rb #accordion {
    display: block;
    float: left;
    width: 100%;
    border: none;
}

#rb #accordion .colla-title {
    background: none;
    padding: 0;
    width: 100%;
    position: relative;
    float: left;
}

#rb #accordion .layui-colla-icon {
    position: absolute;
    left: auto;
    right: 0;
}
.empty-bm-img{width: 200px;
background: url(./img/empty-bm.jpg) center no-repeat;
    background-size: auto;
margin: 10px auto;
height: 200px;
background-size: 100% 100%;
-moz-background-size: 100% 100%;}
.loading,
.notyf.load:before,
.swiper-lazy-preloader {
    content: "";
    width: .7em;
    height: .7em;
    display: inline-block;
    border: .1em solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite;
    animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite;
}
.loading-full{
	width: 100px;
	height: 100px;
	background-image: url(../../../img/loading-blue.svg);
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-self: center;
}
@-webkit-keyframes huan-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

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

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
#author-page .cbxbookmark-category-list{
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 25px;
	grid-template-columns: repeat(4, 1fr);
}

.board-item .img_overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.1);
    z-index: 2;
    visibility: hidden;
    pointer-events: none;
}
.board-item:hover .img_overlay,.board-item:hover .cbxbookmark-edit-btn{visibility:visible;display:block}
.board-item {
    width: 100%;
    height: 200px;
    display: block;
    background: #d5d5d5;
    float: left;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}.board-item div:first-child{width:50%;height:100%}.board-item div:not(first-child){width:50%;height:50%;float:left}
.cbxbookmark-mycat-item h3{margin: 20px 0 10px;float: left;width: 100%;}
.cbxbookmark-category-list-sc li a:after{clear:both;margin: 0 !important;display: none !important;}
.board-item-img{background-size: cover !important;border: 1px solid #f9f9f9;background-position: center !important;background-color: #eee;}
.cbxbookmark-mycat-editbox .layui-form-switch{display:inline-block;margin: 0;float: right;}
.popbox .layui-form-onswitch{background: #0054ff;border-color: #0054FF;}
.cbxbookmark-mycat-editbox label{font-size:14px;color: #888;font-weight: 500;display: inline-block;}
.cbxbookmark-mycat-editbox .cbxbookmark-delete-btn{position:relative;display:inline-block;float:left;margin-top: 30px;font-size: 20px;line-height: 40px;}
.follow_panel{display:block}
.follow_panel .flow-list{max-height: 300px;overflow-x: hidden;padding: 0 20px;margin: 20px 0;}
.follow_panel h2,.follow_panel .num,.follow_panel .flow-list{width:100%;text-align:center;display: flex;flex-direction: column;}
.follow_panel .flow-list li{margin: 5px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.follow_panel .flow-list li img{width:45px;border: 2px solid #DDD;}
.follow_panel .flow-list li .name{font-size: 16px;font-weight:bold;margin-left: 15px;}
.follow_panel .flow-list li .btn{
    margin: 5px 0;
}
.flow-list::-webkit-scrollbar,.scroll-y::-webkit-scrollbar{
            width: 4px;     
            height: 2px;
}

.flow-list::-webkit-scrollbar-thumb,.scroll-y::-webkit-scrollbar-thumb{
            border-radius: 5px;
            background: #ccc;
        }
.flow-list::-webkit-scrollbar-track,scroll-y::-webkit-scrollbar-track {
            background: #fff;
        }