/*
Theme Name: hui
Theme URI: http://www.2zzt.com
Description: Crazy uncle
Author: Crazy uncle
Author URI: http://www.2zzt.com
Version: 2020.10
*/

body{font-family:"Microsoft YaHei",sans-serif;color:#333;font-size:14px;background:var(--bs-danhui);}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#333;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%;height:auto;}
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;}
:root{--bs-main:#5856e9;--bs-danhui:#F7F7F9}

/*background*/
.bg_main{background:#5856e9!important;}
.bg_grey{background:#333333!important;}

/*header*/
.header{padding:30px 0px;background:#fff;}
.logo{position:relative;margin:0px;display:flex;align-items:center;line-height:1;}
.logo a{display:block;font-size:22px;font-weight:600;color:#333;font-family:Helvetica;}
.logo a span{color:var(--bs-main);}
.top_right{text-align:right;display:flex;justify-content:flex-end;align-items:center;}
.top_right .top_right_an{margin-left:20px;border:none;background:none;}

/*index_notice*/
.index_notice{background:var(--bs-main);position:relative;text-align:center;color:#fff;padding:15px 0px;}
.index_notice p{margin-bottom:0px;color:#fff;font-size:13px;font-weight:300;}

/*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 18px;display:block;font-size:14px;color:#212629;transition:all .6s;}
.header-menu .header-menu-ul li a:hover{font-weight:bold;}
.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:#5856e9;position:absolute;bottom:-7px;left:50%;margin-left:-2px;}

/*search*/
#search_offcanvas{height:150px;}
.search_close{position:absolute;right:0px;top:0px;cursor:pointer;z-index:5;background:#e2e2e2;width:40px;height:40px;border:none;}
.search_close:after{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(-45deg);top:10px;}
.search_close:before{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(45deg);top:10px;}
.search_box{margin:50px 0px;text-align:center;}
.search_box .ss_a{width:100%;position:relative;border:3px solid #dddddd;line-height:40px;overflow:hidden;padding:0px 15px;}
.search_box .ss_a input{width:100%;border:none;font-size:12px;color:#b7b7b7;background:none;}
.search_box .ss_a button{position:absolute;top:3px;right:12px;bottom:3px;border:none;color:#b7b7b7;border-radius:5px;line-height:1;background:none;}

/*banner*/
.banner{padding-bottom:70px;margin-bottom:70px;position:relative;background:radial-gradient(circle at 12% 55%,rgba(33,150,243,.15),hsla(0,0%,100%,0) 25%),radial-gradient(circle at 85% 33%,rgba(108,99,255,.175),hsla(0,0%,100%,0) 25%);}
.banner_txt{text-align:center;padding:130px 0px 80px 0px;position:relative;}
.banner_txt h1{margin-bottom:25px;font-size:2.2rem;}
.banner_txt p{font-size:18px;font-weight:300;}
.banner_box{background:#212529;border-radius:5px;padding:60px 30px 30px 30px;margin-bottom:30px;color:#fff;position:relative;}
.banner_box .banner_box_o{width:50px;height:50px;background:#fff;border-radius:50%;text-align:center;line-height:50px;color:#000;margin-bottom:40px;font-size:18px;}
.banner_box .banner_box_o i{}
.banner_box h3{margin-bottom:20px;font-size:22px;}
.banner_box p{margin-bottom:30px;font-weight:300;line-height:1.7;}
.banner_box a{background:#fff;padding:5px 15px;border-radius:20px;font-size:12PX;}
.banner_box a:hover{background:#36cd4b;color:#fff;}
.banner_n .banner_txt{padding:80px 0px 80px 0px;}

/*Section*/
.section_show{margin-bottom:60px;}
.section_name{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:25px;}
.section_name h3{font-size:20px;margin:0px;}
.section_name .section_more{position:relative;display:block;width:34px;height:8px;}
.section_name .section_more: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;}
.lay_loop{position:relative;border-radius:5px;overflow:hidden;border:1px solid #f4f4f4;height:100%;background:#fff;}
.lay_loop img{}
.lay_loop_foot{padding:20px;border-top:1px solid #f4f4f4;}
.lay_loop_foot p{font-weight:300;font-size:12px;}
.lay_loop_foot h2{font-size:16px;color:#000;display:flex;justify-content:space-between;margin:0px;align-items:center;}
.lay_loop_foot h2 a{}
.lay_loop_foot h2 em{color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;background:#1a8754;font-style:inherit;font-weight:300;}
.lay_loop_post h2{font-size:14px;}

/*footer*/
.footer{padding-top:50px;margin-top:80px;background:#fff;}
.foot_tools{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:30px;}
.foot_about{}
.foot_about h2{font-size:22px;font-weight:600;margin-bottom:20px;font-family:Helvetica;}
.foot_about h2 span{color:var(--bs-main);}
.foot_about p{font-weight:300;margin-bottom:15px;}
.foot_about h3{font-weight:300;font-size:12px;text-transform:capitalize;}
.foot_about .foot_icon{}
.foot_about .foot_icon .foot_icon_an{border:none;background:none;font-size:14px;color:#959595;}
.foot_about .foot_icon .foot_icon_an svg{width:16px;height:16px;}
.foot_about .foot_icon .foot_icon_an i{}
.foot_nav{}
.foot_nav h3{font-size:16px;margin-bottom:20px;}
.foot_nav ul{}
.foot_nav ul li{font-size:13px;margin-bottom:10px;}
.foot_nav ul li a{font-weight:300;}
.foot_nav p{font-size:13px;font-weight:300;}
.foot_nav p a{}

/*links*/
.linkbox{font-weight:300;font-size:12px;margin-bottom:20px;}
.linkbox b{}
.linkbox a{margin-right:4px;}
.banquan{display:flex;justify-content:space-between;font-size:12px;font-weight:300;padding-bottom:20px;}
.banquan .copyright{}
.banquan .beian{}

/*cat_name*/
.cat_name{border-top:1px solid #f1f1f5;border-bottom:1px solid #f1f1f5;padding:15px 0px;background:#fff;}
.cat_name h1{font-size:13px;margin:0;font-weight:inherit;}
.cat_name h2{font-size:12px;margin:0;font-weight:inherit;}
.cat_name a.return_description{font-size:12px;}
.cat_name .breadcrumb{list-style:none;margin:0px;padding:0px;font-weight:300;font-size:12px;background:none;}
.cat_name .breadcrumb-home:before{content:"\F425";font-family:'bootstrap-icons';margin-right:8px;}
.cat_name .breadcrumb li{display:flex;align-items:center;}
.cat_name .breadcrumb li em{font-style:inherit;margin:0px 8px;}
.cat_name .breadcrumb li em:last-child{display:none}
.cat_name .breadcrumb li a{}
.cat_name .breadcrumb-item.active{}
@media (max-width:768px){
    .cat_name .breadcrumb{white-space:nowrap;overflow-x:auto;overflow-y:hidden;display:block;}
}

/*faq*/
.faqbox{}
.faqbox:before{content:"";width:100%;height:310px;position:absolute;background:#5956e9;}
.faq_card{margin-bottom:15px;border-radius:5px;box-shadow:0px 2rem 4rem 20px #12263f08;width:100%;background:#fff;}
.faq_card button{padding:20px 60px 20px 30px;position:relative;line-height:1.6;font-size:16px;margin:0px;border:none;background:none;width:100%;text-align:left;}
.faq_card button[aria-expanded="true"]:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;font-size:12px;right:30px;}
.faq_card button[aria-expanded="false"]:before{content:"\F27C";font-family:'bootstrap-icons';position:absolute;font-size:12px;right:30px;}
.faq_card .faq_ask_box{line-height:1.8;border-top:1px dashed #ececec;padding:20px 30px 10px 30px;font-size:16px;font-weight:300;}

/*sidebar kefu*/
.scroll_service{position:fixed;right:36px;bottom:100px;width:42px;height:42px;color:#fff;text-align:center;line-height:42px;border-radius:50%;z-index:99;font-size:14px;background-color:var(--bs-main);animation:white-shadow .8s infinite,red-shadow .8s infinite;border:none;padding:0px;}
.scroll_service:before{content:"";width:10px;height:10px;background:#fc625d;position:absolute;right:5px;border-radius:50%;}
.scroll_service i{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 page*/
.design-header{background:#F7F7F9 url(../image/bg.svg) no-repeat center;}
.design-header-container{text-align:center;margin:80px 0px 40px 0px;}
.design-header-container h1{margin-bottom:25px;font-size:2.2rem;}
.design-header-container p{font-size:18px;font-weight:300;margin-bottom:30px;}
.design-header-container a{padding:8px 20px;color:#fff;border-radius:5px;margin:0px 5px;display:inline-block;}
.design-server{background:#fff;padding-bottom:70px;}
.design_server{background:#F7F7F9;display:flex;justify-content:space-between;padding:30px;align-items:center;}
.design_server img{height:100px}
.design_server .design_server_name{}
.design_server .design_server_name h2{font-size:20px;}
.design_server .design_server_name p{margin-bottom:0px;font-weight:300;font-size:16px;}
.section_title{text-align:center;padding:30px 0px 20px 0px;}
.section_title h2{margin-bottom:15px;font-size:2rem;}
.section_title p{font-size:18px;font-weight:300;margin-bottom:30px;}
.server_function{background:var(--bs-danhui);padding:80px 0px 100px 0px;}
.server_function_body{background:#fff;border-radius:5px;height:100%;padding:30px;}
.server_function_body i{font-size:30px;margin-bottom:15px;display:block;color:var(--bs-main);}
.server_function_body h3{font-size:18px;margin-bottom:10px;}
.server_function_body p{margin-bottom:0px;font-weight:300;line-height:1.6;}
.liucheng{background:#ffffff;}
.liucheng_border{border-top:2px solid var(--bs-main);padding-top:15px;margin-top:60px;margin-bottom:50px;}
.liucheng_box{position:relative;height:100%;}
.liucheng_box h4{font-size:18px;margin-bottom:15px;position:relative;}
.liucheng_box h4 i{position:absolute;top:-60px;width:35px;height:35px;background:var(--bs-main);color:#fff;text-align:center;line-height:35px;border-radius:50%;}
.liucheng_box p{font-weight:300;line-height:1.6;margin-bottom:0px;}
.liucheng_shenming{margin-bottom:20px;text-align:center;font-weight:300;}
@media (max-width:1200px){
    .liucheng_border{border-top:none;padding-top:0px;margin-top:0px;}
    .liucheng_box{background:#fff;padding:30px;}
    .liucheng_box h4{}
    .liucheng_box h4 i{display:none;}
}
.assess{padding:70px 0px;}
.assess_box{padding:30px;background:#fff;position:relative;margin-bottom:15px;}
.assess_box .assess_head{display:flex;align-items:center;margin-bottom:20px;}
.assess_box .assess_head .assess_head_xm{background:#dedffd;width:40px;height:40px;border-radius:50%;margin-right:15px;text-transform:uppercase;text-align:center;line-height:40px;color:var(--bs-main);}
.assess_box .assess_head .assess_name{display:inline-block;}
.assess_box .assess_head .assess_name h2{font-size:14px;margin-bottom:4px;padding-top:2px;}
.assess_box .assess_head .assess_name p{margin-bottom:0px;font-size:12px;font-weight:300;line-height:1;}
.assess_box .assess_comment{font-weight:300;line-height:1.8;color:#292929;}
.row-pbl{column-count:3;}
.row-pbl .col{break-inside:avoid-column;}
@media (max-width:768px){
    .row-pbl{column-count:1;}
}

/*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;margin-bottom:25px;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;}
.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:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;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:5px 0px 30px 0px;position:relative;border-radius:3px;font-size:inherit;padding:10px 25px 0px 25px;border-left:4px solid #e3e3e3;background-color:#f9f9f9;}
.wznrys blockquote p{padding:0px 0px 5px 0px;font-weight:bold;font-size:16px;font-style:inherit;margin-bottom:0px;}
.wznrys blockquote cite{padding-bottom:10px;display:flex;font-size:14px;line-height:2;font-style:inherit;}
.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 #3ca5f6;color:#3ca5f6;margin:0 4px}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}
.wznrys .wp-block-image{margin-bottom:30px;}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys figure{border:none!important;}
.wznrys figcaption{font-size:12px;font-weight:300;margin:15px 0px!important;text-align:center;}
.wznrys .wp-block-gallery figcaption{margin:0!important;}
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}

/* code */
.wznrys pre.wp-block-code{margin:20px 0px 30px 0px;position:relative;background:var(--bs-main);padding-top:36px;border-radius:5px;border:1px solid #efefef;}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;}
.wznrys pre.wp-block-code code:before{content:attr(class);position:absolute;top:6px;right:20px;color:#00000030;text-transform:uppercase;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;width:100%;}
.wznrys pre.wp-block-code code table tr{}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#d3d3d3;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #eaeaea;padding-left:20px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code: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;}
.dark .wznrys pre.wp-block-code{border:1px solid #000000;}
.dark .wznrys pre.wp-block-code code{background:#000;}
.dark .wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{color:#222;}
.dark .wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #222;}
.dark .wznrys pre.wp-block-code .copycode{background:#272727;color:#505050;}
.cat_news:before{content:"";width:100%;height:300px;position:absolute;background:#5956e9;}

/* single-def-page */
.single-bg-pic{position:relative;margin-bottom:40px;}
.single-bg-pic:before{background:var(--bs-main);content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
.single-bg-pic .single-bg-name{z-index:9;text-align:center;padding:60px 0px;color:#fff;}
.single-bg-pic .single-bg-name h1{font-size:30px;margin-bottom:20px;}
.single-bg-pic .single-bg-name p{display:flex;align-items:center;justify-content:center;margin:0px;}
.single-bg-pic .single-bg-name p span{font-size:12px;display:flex;align-items:center;margin:0px 8px;}
.single-bg-pic .single-bg-name p span i{background:linear-gradient(to bottom,#555 0%,#424242 100%);font-style:inherit;padding:0px 5px;border-radius:3px 0px 0px 3px;text-transform:capitalize;}
.single-bg-pic .single-bg-name p span b{background:linear-gradient(to bottom,#4fc629 0%,#45b723 100%);padding:0px 5px;border-radius:0px 3px 3px 0px;text-shadow:0 1px 1em #333;font-weight:300;}
.single-bg-pic .single-bg-name p span:nth-child(2) b{background:linear-gradient(to bottom,#65c2ff 0%,#3494d2 100%);}
.single-bg-pic .single-bg-name p span:nth-child(3) b{background:linear-gradient(to bottom,#ff955f 0%,#ec773b 100%);}
.single-bg-pic .single-bg-name p span:nth-child(4) b{background:linear-gradient(to bottom,#dc5fff 0%,#c540ea 100%);}

/* single-def-page footer */
.post_return{text-align:center;padding-top:50px;}
.post_return a{display:inline-block;width:130px;height:44px;border:1px solid var(--bs-main);text-align:center;line-height:42px;border-radius:4px;color:var(--bs-main);margin:0px 5px;}
.dianzan{}
.dianzan b{margin-right:3px;font-weight:inherit;}
.dianzan small{margin:0px 3px;}
.dianzan span{}
.dianzan:hover,
.dianzan.done{background:var(--bs-main);color:#fff;border:1px solid var(--bs-main);}

/* single theme show*/
.theme_banner{padding:100px 0px;background:radial-gradient(circle at 12% 55%,rgba(33,150,243,.15),hsla(0,0%,100%,0) 25%),radial-gradient(circle at 85% 33%,rgba(108,99,255,.175),hsla(0,0%,100%,0) 25%);}
.theme_show{box-shadow:0 1rem 3rem rgba(0,0,0,0.125);border-radius:20px;overflow:hidden;}
.theme_show_info{}
.theme_show_info .theme_name_ver{margin-bottom:30px;font-size:46px;}
.theme_show_info .theme_name_ver mark{position:relative;}
.theme_show_info .theme_name_ver mark b{font-size:12px;background:#5856e9;color:#fff;padding:2px 6px;border-radius:3px;position:absolute;right:-40px;top:10px;}
.theme_show_info p{font-size:18px;font-weight:300;margin-bottom:40px;line-height:1.6;}
.theme_show_info .theme_show_info_an{border:none;background:#333;color:#fff;padding:10px 25px;margin-right:15px;border-radius:2px;display:inline-block;}
.theme_show_info_update{}
.theme_show_info_update h1{font-size:24px;margin-bottom:15px;}
.theme_show_info_update p{font-weight:300;font-size:16px;margin-bottom:0px;}
.theme_update_loop{border-radius:8px;margin-bottom:30px;box-shadow:0px 2rem 4rem 20px #12263f08;background:#fff;overflow:hidden;}
.theme_update_loop .theme_update_loop_header{padding:15px 30px;background:#5856e9;color:#fff;}
.theme_update_loop .theme_update_loop_header h3{font-size:18px;text-transform:uppercase;margin-bottom:0px;}
.theme_update_loop .theme_update_loop_header span{font-weight:300;}
.theme_update_loop .theme_update_loop_body{padding:20px 30px;}
.theme_update_loop .theme_update_loop_body p{margin-bottom:0px;font-size:15px;font-weight:300;line-height:2;}
.theme_up{margin-top:30px;display:table;align-items:center;font-size:12px;}
.theme_up .theme_up_data{margin-right:25px;}
.theme_up .dianzan{margin-right:10px;border:none;background:none;color:#333;}
.theme_up .dianzan:hover{color:#fff;border:none}
.theme_up .dianzan.done{color:#5856e9;}
.theme_up .dianzan small{margin:0px 1px;}
.theme_show_fancy{padding:100px 0px;background:#fcfcfc;}
.theme_show_fancy .demo_img{position:relative;background:#ececec;padding:32px 15px 15px 15px;border-radius:10px;margin:10px;}
.theme_show_fancy .demo_img:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:10px;height:10px;left:16px;top:11px;box-shadow:16px 0 #fdbc40,32px 0 #35cd4b;z-index:2;}
.theme_show_fancy .demo_img:after{content:"";position:absolute;top:11px;width:calc(100% - 85px);height:10px;background:#d1d1d1;right:14px;border-radius:8px;}
.theme_show_fancy .demo_img img{}
.theme_show_fancy .demo_img a{position:relative;display:block;border-radius:5px;overflow:hidden;}
.theme_show_fancy .demo_img a i{position:absolute;top:0px;width:100%;height:100%;z-index:2;color:#fff;text-align:center;margin:0px;font-size:38px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.6s ease;}
.theme_show_fancy .demo_img a:before{position:absolute;content:'';width:100%;height:100%;background:#000000;top:0px;right:0px;z-index:1;opacity:0;transition:all 0.6s ease;}
.theme_show_fancy .demo_img:hover a i{opacity:1}
.theme_show_fancy .demo_img:hover a:before{opacity:0.3;}
.single_loop{margin-bottom:15px;border-radius:5px;box-shadow:0px 2rem 4rem 20px rgb(18 38 63 / 3%);padding:30px;background:#fff;}
.Releases-o{position:relative;background:#fff;border-bottom:1px dashed #eaeaea;}
.tooltip{font-size:12px;}
.sales_button{background:none;border:none;padding:0px;}

/*login*/
.login_bg{background-image:url(../image/bg.svg);background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;}
.login_box{position:relative;background-color:#fff;border-radius:0.25rem;overflow:hidden;}
.login_header{background:#727cf5;text-align:center;padding:35px 0px;}
.login_header a{font-size:24px;color:#fff;}
.login_header a span{}
.login_describe{padding:25px 20px 20px 20px;text-align:center;border-bottom:1px solid #f7f7f7;margin-bottom:40px;}
.login_describe h3{font-size:18px;margin-bottom:15px;color:#6f6f6f;}
.login_describe p{color:#909090;margin-bottom:0;font-weight:300;}
.ds_login_form{padding:0px 15% 50px 15%;}
.ds_login_form label{display:block;margin-bottom:8px;color:#555555;font-weight:bold;}
.ds_login_form input{display:block;width:100%;padding:8px 15px;border:1px solid #e2e2e2;border-radius:4px;margin-bottom:20px;font-weight:300;}
.ds_login_form input::placeholder{color:#b0b0b0;}
.ds_login_form .ds_submit{width:auto;background:#727cf5;color:#fff;border:none;padding:8px 40px;margin:40px auto 0px auto;}
.ds_login_form #result{text-align:center;color:#888;margin:30px 0px 20px 0px;}
.ds_login_form .reg_error{color:#777;margin:20px 0px;}
.login_nav,
.login_nav a{color:#9d9d9d;font-weight:300;}
.go_back_for_404{display:block;margin:0px auto 30px auto;text-align:center;color:#959595;}
.down_show_modal{background:#fff;padding:50px 0px;text-align:center;}
.down_show_modal .btn-close{position:absolute;top:25px;right:30px;}
.down_show_modal h3{text-align:center;margin:30px 0px;}
.down_show_modal ul{line-height:2;}
.down_show_modal ul li{font-size:15px;font-weight:300;}
.down_show_modal ul li a{}
.down_show_modal_url{background:#2c2b75;color:#fff;padding:10px 32px;display:inline-block;margin:30px 5px 10px 5px;}
.down_show_modal_url:hover{background:#5856e9;color:#fff;}

/*toc*/
.js-toc{position:fixed;right:20px;top:50vh;text-align:right;height:48vh;overflow-y:auto;margin-top:-20vh;}
.js-toc li{margin:0px;border-right:3px solid #dfdfdf;padding-right:12px;margin-right:8px;}
.js-toc li a{font-size:12px;color:#333;padding:8px 0px;display:block;text-decoration:underline;}
.js-toc li ul{margin-right:5px;padding:5px 0px;}
.js-toc li.is-active-li{border-right:3px solid #5856e9;}
@media (max-width:768px){
    .js-toc{display:none;}
}