@charset "UTF-8";
body{font-family:"Microsoft YaHei",sans-serif; background-color:#eaeaea; color:#425466;font-size:14px;}
body.home{background:url(../img/bg.svg) no-repeat;}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#425466;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.quform-edit-form{display:none;}
@media (min-width:1200px){
	.col-20{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding-right:15px;padding-left:15px;position:relative;width:100%;}
}
hr{border-top:1px solid #f1f1f1;}
.bg-hui{background: #084298;}
.bg-light-d{background:#f1f1f1;}
mark{color:inherit;padding:0;background:none;background-image:linear-gradient(120deg,rgba(255,193,7,0.4) 0%,rgba(255,193,7,0.4) 100%);background-repeat:no-repeat;background-size:0% .3em;background-position:0 80%;position:relative;-webkit-animation-delay:1s;animation-delay:1s;background-size:100% .3em;}
.card{border-radius:0px;border:1px solid #f1f1f1;overflow:hidden;}
.card-fluid{height:calc(100% - 15px);}
.card-bg{width:100%;height:100%;background-size: cover;background-repeat: round;}
.card-bg:after{padding-top:65%;content:'';display:block;}
.lead{font-size:16px;line-height:1.8;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f300{font-weight:300}
.l18{line-height:1.8}
.l20{line-height:2}
.bzh{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wbj_row{margin-right:0px;margin-left:0px}
.wbj{padding-right:0px;padding-left:0px}
.xbj_row{margin-right:-5px;margin-left:-5px}
.xbj{padding-right:5px;padding-left:5px}
.zbj_row{margin-right:-8px;margin-left:-8px}
.zbj{padding-right:8px;padding-left:8px}
.z9{z-index:9}
.br6{border-radius:6px}
.button_no{background:none;border:none;padding:0px;color:inherit;}
.color_main{color:#5956E9}

@media (min-width:960px){
.siderbar.col-md-4 {width:32%;}
}
/*jr*/
.jieri{background:#084298;position:relative;}
.jieri p{}

/*nav*/
.navbar{background:#e81d37;padding:0px;}
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;text-align:center;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;}
.header-menu .header-menu-ul li:hover{}
.header-menu .header-menu-ul li a{padding:0px 20px;display:block;font-size:14px;color:#212629;transition:all .6s;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:50px;background:#e81c37;width:200px;box-shadow:0 1px 2px rgba(0,0,0,.21);z-index:99;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children > a:after{content:'\f107';font-family:FontAwesome;display:inline-block;margin-left:10px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:after{content:'\f107';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.header-menu .header-menu-ul li.current-menu-item,
.header-menu .header-menu-ul li.current-menu-parent,
.header-menu .header-menu-ul li.current-menu-ancestor{font-weight:bold;}
.header-menu .header-menu-ul li.current-menu-item:before,
.header-menu .header-menu-ul li.current-menu-parent:before,
.header-menu .header-menu-ul li.current-menu-ancestor:before{content:"";width:4px;height:4px;border-radius:50%;background:#084298;position:absolute;bottom:-7px;left: 50%;margin-left: -2px;}
@media (max-width:768px){
	.header-menu .header-menu-ul{}
	.header-menu .header-menu-ul li a{padding: 0px 5px;}
}
.head{}
.logo{position:relative;}
.logo a{display:block;font-size:22px;color:#333;font-weight:bold;}
.logo a span{color:#5956e9;}
@media (max-width:768px){
	.logo a{font-size:18px;}
	a.foot_logo{font-size:20px;}
}
.header-menu .header-menu-ul li a:hover{font-weight:bold;}
.icon-shape{display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;border-radius:0.375rem;width:3rem;height:3rem;font-size:1.2rem;}
.Section_name{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;}
.Section_name a{position:relative;display:block;width:34px;height:8px;}
.Section_name a:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:8px;height:8px;left:0px;top:0px;box-shadow:12px 0 #fdbc40,24px 0 #35cd4b;z-index:2;}
.price{position:absolute;right:25px;bottom:25px;font-style:inherit;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;}
.footer{background:#084298;}
.cat_name{border-top:1px solid #f1f1f5;border-bottom:1px solid #f1f1f5;}

/*mbx*/
.breadcrumb{list-style:none;margin:0px;padding:0px;font-weight:300;font-size:12px;background:none;}
.breadcrumb-home:before{content:"\f015";font-family:'FontAwesome';margin-right:8px;}
.breadcrumb li{display:inline-block;}
.breadcrumb li em{font-style:inherit;margin:0px 8px;}
.breadcrumb li em:last-child{display:none}
@media (max-width:768px){
	.breadcrumb{white-space:nowrap;overflow-x:auto;overflow-y:hidden;display:block;}
}
.accordion{}
.faqbox:before{content:"";width:100%;height:330px;position:absolute;background:#5956e9;}
.faq_card{margin-bottom:15px;border-radius:5px;box-shadow:0px 2rem 4rem 20px rgba(18,38,63,0.03);}
.faq_card h2{padding:25px 60px 25px 30px;cursor:pointer;position:relative;line-height:1.6;}
.faq_card h2[aria-expanded="true"]:before{content:"\f068";font-family:'FontAwesome';position:absolute;font-size:12px;right:30px;}
.faq_card h2[aria-expanded="false"]:before{content:"\f067";font-family:'FontAwesome';position:absolute;font-size:12px;right:30px;}
.faq_card .faq_ask{}
.faq_card .faq_ask .faq_ask_box{line-height:1.8;padding-top:20px;border-top:1px dashed #ececec;padding:20px 30px 10px 30px;}
.scroll_service{position:fixed;right:36px;bottom:100px;width:42px;height:42px;color:#fff;text-align:center;line-height:40px;border-radius:50%;z-index:99;font-size:22px;background-color:#5956e9;animation:white-shadow .8s infinite,red-shadow .8s infinite;box-shadow:0 10px 33px rgba(0,0,0,0.1);border:none;padding:0px;}
.scroll_service span{width:10px;height:10px;background:#fc625d;position:absolute;right:5px;border-radius:50%;}
.scroll_service svg{color:#fff}
@keyframes white-shadow{
	0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.5);box-shadow:0 0 0 0 rgba(255,255,255,0.5);-webkit-transition:box-shadow .3s ease-in-out;-webkit-transition:-webkit-box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow 0.3s ease-in-out,-webkit-box-shadow 0.3s ease-in-out;}
	100%{-webkit-box-shadow:0 0 0 30px transparent;box-shadow:0 0 0 30px transparent;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:box-shadow .4s ease-in-out;-webkit-transition:-webkit-box-shadow .4s ease-in-out;-o-transition:box-shadow .4s ease-in-out;transition:box-shadow .4s ease-in-out;transition:box-shadow 0.4s ease-in-out,-webkit-box-shadow 0.4s ease-in-out;}
}
@keyframes red-shadow{
	0%{-webkit-box-shadow:0 0 0 0 rgb(89 86 233);box-shadow:0 0 0 0 rgb(89 86 233);}
	100%{-webkit-box-shadow:0 0 0 30px transparent;box-shadow:0 0 0 30px transparent;}
}
.design-header{background:#F7F7F9 url(../img/bg.svg) no-repeat center;}
.design_server{background:#F7F7F9;}
.design_server img{height:100px}
.Section_title{}
.Section_title h2{}
.Section_title p{}
.server_function{background:#F7F7F9;}
.server_ico{font-size:40px;color:#084298;}
.assess_box{padding:30px;background:#F7F7F9;position:relative;}
.assess_box img{width:38px;display:inline-block;border-radius:50%;}
.assess_box .assess_name{display:inline-block;}
.assess_box .assess_name h2{}
.assess_box .assess_name p{}
.assess_comment{font-weight:300;line-height:1.8;color:#292929;}
.assess_box:before{content:" '' ";position:absolute;bottom:8px;right:20px;color:#9e9e9e;font-size:20px;}

/*zw*/
.wznrys{font-size:16px}
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}
.wznrys .post-image{padding-bottom:20px}
.wznrys p{line-height:2;padding-bottom:25px;margin-bottom:0;margin-top:0;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:20px;margin-top:0px;line-height:30px;font-weight:bold;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:20px;list-style:disc;margin-left:16px}
.wznrys ol li,
.wznrys ul li{margin-left:10px;margin-bottom:8px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys p img{max-width:100%;height:auto}
.wznrys blockquote{margin:20px 0 20px 0;position:relative;border-radius:3px;font-size:inherit;padding:10px 25px 0px 25px;border-left:4px solid #ccc;background-color:#f9f9f9;}
.wznrys blockquote p{padding-bottom:10px;}
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys p a{border-bottom: 1px solid #000000;margin: 0 4px;}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}
.wznrys pre{margin: 0px;margin-bottom: 30px;position: relative;background: #282922;padding: 36px 20px;border-radius: 5px;}
.wznrys pre code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre code:before{content:attr(class);position:absolute;top:6px;right:20px;color:#3e3e3e;text-transform:uppercase;}
.wznrys pre code table{border:none;line-height:1.8;margin:0;}
.wznrys pre code table tr{border-bottom:1px solid #272727;}
.wznrys pre code table tr:nth-child(odd){background:none;}
.wznrys pre code table tr:last-child{border-bottom:none;}
.wznrys pre code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}

.wznrys .wp-block-image{margin-bottom:30px;}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{}
.wznrys .wp-block-image figcaption{font-size:12px;font-weight:300;margin-top:10px;}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys .wp-block-image figure.aligncenter figcaption{text-align:center;}


.cat_news:before{content:"";width:100%;height:300px;position:absolute;background:#5956e9;}
.git_info{display:inline-block;}
.git_info i{height:18px;font-style:inherit;padding:0px 5px;border-radius:3px 0px 0px 3px;}

.single_info span:nth-child(2) b{background:linear-gradient(to bottom,#65c2ff 0%,#3494d2 100%);}
.single_info span:nth-child(3) b{background:linear-gradient(to bottom,#ff955f 0%,#ec773b 100%);}
.single-bg-pic {position: relative;}
.single-bg-pic .row{position: relative;z-index:1;}
.single-bg-pic:before{background:#084298;content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
.dianzan{width:140px;height:48px;border:1px solid #5956e9;display:block;text-align:center;line-height:46px;margin:25px auto 0px auto;border-radius:4px;color:#5956e9;}
.dianzan b{margin-right:3px;}
.dianzan small{margin:0px 3px;}
.dianzan:hover,
.dianzan.done{background:#084298;color:#fff;border:1px solid #084298;}
.theme_show{box-shadow:0 1rem 3rem rgba(0,0,0,0.125);border-radius:20px;overflow:hidden;}
.theme_up{margin-top:40px}

.single_loop{margin-bottom:15px;border-radius:5px;box-shadow:0px 2rem 4rem 20px rgb(18 38 63 / 3%);padding:30px;background:#fff;}

/*banbox*/
.theme_owl{width:100%;position:relative}
.theme_owl .owl-nav{position:absolute;top:50%;width:100%;margin-top:-27.5px}
.theme_owl .owl-nav button:focus{box-shadow:none;outline:0}
.theme_owl .owl-nav button.owl-prev:hover{background:#8785ff;}
.theme_owl .owl-nav button.owl-next:hover{background:#8785ff;}
.theme_owl .owl-nav button.owl-prev:after{content:"\f104";font-family:FontAwesome;font-weight:400;font-size:22px;color:#fff;}
.theme_owl .owl-nav button.owl-next:after{content:"\f105";font-family:FontAwesome;font-weight:400;font-size:22px;color:#fff;}
.theme_owl .owl-nav button.owl-prev{position:absolute;left:0;width:55px;height:55px;text-align:center;line-height:55px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%;background:#084298 !important;}
.theme_owl .owl-nav button.owl-next{position:absolute;right:0;width:55px;height:55px;text-align:center;line-height:55px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%;background:#084298 !important;}
.theme_owl:hover .owl-nav button.owl-prev{left:30px;opacity:.9;}
.theme_owl:hover .owl-nav button.owl-next{right:30px;opacity:.9;}
.theme_owl .owl-dots{text-align:center;width:100%;margin:40px 0px;}
.theme_owl .owl-dots .owl-dot{display:inline-block;margin:0 4px}
.theme_owl .owl-dots .owl-dot span{width:8px;height:8px;display:block;background:#afaefb;border-radius:50%;}
.theme_owl .owl-dots .active span{background:#084298;width:20px;border-radius:8px;}
.theme_owl .item{position:relative;transform:scale(0.82,0.82);}
.theme_owl .item:before{position:absolute;content:'';width:100%;height:100%;background:#fdfdfd;top:0px;right:0px;z-index:1;opacity:0.7;}
.theme_owl .center .item{transform:scale(0.94,0.94);}
.theme_owl .center .item:before{background:rgb(0 0 0 / 0%);}
.Releases-o{position:relative;background:#fff;border-bottom:1px dashed #eaeaea;}

.linkbox{}
.linkbox b{}
.linkbox a{margin-right:4px;}
.sales_button{background:none;border:none;padding:0px;}
.modal-ewm{width:280px;background:#fff;padding:15px;border-radius:8px;margin:0 auto;position:relative;box-shadow:0 1rem 3rem rgba(0,0,0,0.125);}
.liucheng{background:#fbfbfb;}
.liucheng_border{border-top:2px solid #084298;padding-top:30px;margin-top:60px;}
.liucheng_box{position:relative;}
.liucheng_box:before{content:'\f2da';font-family:FontAwesome;position:absolute;top:-49px;color:#084298;}
.liucheng_box h4{}
.liucheng_box p{}

/*login*/
.login_bg{background:#3633de;position:relative;min-height:100vh;}
.login_box_bg{background:#eef2ff;border-radius:10px;margin-top:20vh;}
.login_c_bg{background:#5956e9;margin-top:-15px;margin-bottom:-15px;border-radius:10px;box-shadow:2px 1rem 2rem 2px rgb(0 0 0 / 30%);}
.logink{width:12px;height:12px;display:inline-block;background:#3633dd;margin-right:8px;}
.login_form{}
.login_form p{position:relative;}
.login_form i{position:absolute;top:13px;left:15px;color:#ccc;}
.login_form p input{border:1px solid #e6e6e6;background:#fff;padding:11px 11px 11px 40px;border-radius:3px;width:100%;font-size:12px;}
.login_form p .submit_botton{background:#5956E9;color:#fff;border:none;width:100%;padding:11px 0px;border-radius:3px;font-size:12px;}
.login_form p .login-input-append{position:absolute;width:auto;top:14px;right:14px;padding:0px;border:none;color:#868686;}
.login_quick{}
.login_quick a{display:block;padding:9px 0;background:#f8f9fa;font-size:12px;}
.login_quick .col:nth-child(1) a{color:#249249;}
.login_quick .col:nth-child(2) a{color:#2b94da;}
@media (max-width:992px){
	.liucheng_border{border-top:none;padding-top:0px;margin-top:0px;}
	.liucheng_box:before{display:none}
}
@media (max-width:768px){
	.login_bg{background:#eef2ff;}
	.login_box_bg{margin:10vh 0px;}
	.mbno{display:none!important}
}


/*widget*/
.widget-title {font-weight:500;margin-top:-5px;position:relative;text-transform:capitalize;z-index:1}
.widget-title::before{background: #084298 none repeat scroll 0 0;content: "";height: 15px;top: 5px;left: -10px;position: absolute;width: 5px;z-index: -1;}


.reward-qrcode {
    display: flex;
    justify-content: center;
    align-content: center;
}

.reward-qrcode>span {
    display: inline-block;
    width: 160px;
    padding: 10px;
    color: #999;
    font-size: 12px;
    line-height: 1;
}

.reward-qrcode>span>img {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    vertical-align: top;
}


/*entry-nav*/
.entry-navigation {
    position: relative;
}

.entry-page-next, .entry-page-prev {
    min-height: 60px;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.entry-page-next:hover, .entry-page-prev:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);
    box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);
}

.entry-page-next:hover, .entry-page-prev:hover {
    border-color: #e6e6e6;
}

.entry-page-next .entry-page-icon, .entry-page-prev .entry-page-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    display: block;
    padding: 15px;
    font-size: 16px;
    -o-transition: color 250ms ease;
    transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -webkit-transition: color 250ms ease;
    z-index: 1;
}

.entry-page-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    display: block;
    padding: 16px;
    z-index: 1;
}

.entry-page-next .entry-page-info {
    text-align: left;
}

.entry-page-prev .entry-page-info {
    text-align: right;
}

.entry-page-prev .entry-page-icon {
    padding-right: 0;
}

.entry-page-next .entry-page-icon {
    padding-left: 0;
}

.entry-page-info .title {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 18px;
    line-height: 18px;
}

.entry-page-info .rnav {
    font-size: 12px;
    line-height: 1.625;
    color: #ccc;
}

@media (max-width: 768px) {
    .entry-page-next, .entry-page-prev {
        min-height: 42px;
        margin-bottom: 15px;
    }

    .entry-page-next .entry-page-icon, .entry-page-prev .entry-page-icon {
        padding: 0 16px;
    }
}

/*entry-comments*/
.entry-comments {

    overflow: hidden;
}

.comment-reply-title {
    position: relative;
    font-size: 12px;
    color: #999;
}

.comment-reply-title small {
    margin-left: 10px;
}

.comment-reply-title small a {
    color: #ff5b5b;
}

.comment-form {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #eeee;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.comment-form-comment textarea {
    width: 100%;
    height: 100px;
    padding: 15px;
    border: 0;
    border-bottom: 1px solid #f0f4f5;
    outline: 0;
    vertical-align: top;
    box-sizing: border-box;
    background: #f0f4f5;
}

.form-submit {
    padding: 10px 15px;
    margin: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    overflow: hidden;
}

.form-submit-text {
    font-size: 13px;
    line-height: 30px;
    color: #666;
}

.form-submit .avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: top;
    border-radius: 50%;
}

.form-submit .submit {
    float: right;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background-color: #546677;
    border: 0;
    outline: 0;
    border-radius: 3px;
}

.comments-title {
    position: relative;
    font-size: 12px;
    margin: 20px 0;
    color: #999;
}

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

.comments-list .comment {
    position: relative;
    padding-top: 15px;
    border-top: 1px solid #f0f4f5;
    transition: all .3s ease-out 0s;
}

.comments-list .comment-children {
    position: relative;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    background: #fdfcff;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    margin-left: 30px;
    margin-bottom: 10px;
}

.comments-list .comment-children:before {
    position: absolute;
    left: 10px;
    top: -19px;
    border: 10px solid transparent;
    border-bottom: 10px solid #f7f7f7;
    content: ""
}

.comment-children .comment:first-child {
    border-top: 0;
}

.comments-list .comment-children .comment-body .nickname {
    font-size: 13px;
    line-height: 19px
}

.comments-list .comment-children .comment-body .comment-time {
    line-height: 19px
}

.comments-list .comment-children .comment-text {
    font-size: 13px
}

.comments-list .comment-text img {
    padding: 10px;
    border-radius: .5rem;
}

.comments-list .reply {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 12px;
    line-height: 20px;
    visibility: hidden
}

.comments-list .reply a {
    transition: none
}

.comments-list .comment>.comment-inner:hover>.reply {
    padding: 0 4px;
    visibility: visible;
    border-radius: 3px
}

.comment-author {
    float: left;
    margin-right: 15px;
}

.comment-author img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.comment-body {
    position: relative;
}

.comment-awaiting-moderation {
    font-size: 12px;
    color: red;
    position: absolute;
    right: 0;
}

.comment-body .nickname {
    font-size: 12px;
    color: #aaa;
    line-height: 1.2;
}

.comment-body p {
    margin: 0 0 10px;
    font-size: 14px;
    color: #555;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 15px 15px 0;
    margin: 0;
    box-sizing: border-box
}

.comment-form-author input, .comment-form-email input, .comment-form-url input {
    display: block;
    width: 100%;
    line-height: 1.2;
    padding: 8px 12px;
    border: 1px solid #efefef;
    outline: 0;
    border-radius: 4px;
}

.comment-form-cookies-consent {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    float: left;
    font-size: 12px;
    color: #bababa;
}

.comment-notes, .comment-must-login {
    display: none;
}

.entry-comments .butterBar {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    background: #ff7171;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.entry-comments .butterBar-message {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 12px 25px;
    color: #fff;
}

@media (max-width: 768px) {
    .entry-comments {
        padding: 10px;
        margin-top: 10px;
    }

    .comments-list .comment-children {
        margin-left: 10px;
    }

    .comment-form-author, .comment-form-email, .comment-form-url {
        width: 100%;
    }
}