:root{
    /*主题色*/
    --bs-theme-color:#059b42;
    /*副主题色*/
    --bs-sec-theme-color:#008837;
    /*亮色*/
    --bs-bright-color:#3ac34c;
    /*浅色*/
    --bs-light-color:#e6f5ec;
    /*浅边框色*/
    --bs-border-color:#9bd7b3;
    /*选中文本颜色*/
    --bs-selection-color:#2ad772;
}

::-moz-selection {
    /* Code for Firefox */
    color: var(--bs-selection-color);
    background: transparent;
}

::selection {
    color: var(--bs-selection-color);
    background: transparent;
}

@font-face{
    font-family:boxicons;src:url(../fonts/boxicons/boxicons.eot?t=1590207869815);
    src:url(../fonts/boxicons/boxicons.eot?t=1590207869815#iefix) format("embedded-opentype"),
    url(../fonts/boxicons/boxicons.woff2?t=1590207869815) format("woff2"),
    url(../fonts/boxicons/boxicons.woff?t=1590207869815) format("woff"),
    url(../fonts/boxicons/boxicons.ttf?t=1590207869815) format("truetype"),
    url(../fonts/boxicons/boxicons.svg?t=1590207869815#remixicon) format("svg");
}

.main-container{padding-left:0;}
#content{margin-left: 156px;    margin-top: 60px;}
a{color:var(--bs-bright-color)}
.aside-nav::-webkit-scrollbar{width:6px;height:6px;}
.aside-nav::-webkit-scrollbar-thumb{background-color:var(--bs-border-color);}
.aside-nav::-webkit-scrollbar-track{background-color:#ffffff}
.sidebar-wrapper ::-webkit-scrollbar-thumb{background-color:var(--bs-theme-color);}
.sidebar-wrapper ::-webkit-scrollbar-track{background-color:var(--bs-sec-theme-color)}
/*-----------------------------登录页---------------------------------*/
em{font-style:normal}
body{font-family: "Microsoft YaHei UI", sans-serif;font-size: 14px;}
body:before{content:none;}
.modal-content .modal-body a:not(.btn){color:var(--bs-theme-color)}
.form-container {align-items: flex-end;background-position: right top;background-repeat: no-repeat;background-size: contain;background-color: var(--bs-theme-color);}
.form-form .form-form-wrap{width: 440px;max-width: 100%;min-width:unset;}
.form-form .form-container{background-color: transparent;}
.form-form .form-form-wrap h1 .brand-name,
.form-form .form-form-wrap p.signup-link a,
.form-form .form-form-wrap form .field-wrapper.terms_condition a{color:#ffffff;}
.form-form .form-form-wrap form .field-wrapper.input{padding: 0;margin-top: 23px;}
.form-form .form-form-wrap form .field-wrapper svg{top: 15px;color: #ffffff;}
.form-form .form-form-wrap form .field-wrapper input{height: 55px;height: 55px;border-bottom: 1px solid rgba(255,255,255,.15);padding: 14px 0 14px 35px;color:#ffffff;}
.form-form .form-form-wrap form .field-wrapper input::placeholder {color: #79d29d;font-size: 14px; }
.form-form .form-form-wrap form .field-wrapper input:focus{border-bottom: 1px solid #ffffff;}
.form-form .form-form-wrap form .field-wrapper button.btn{width:100%;margin-top:30px;margin-left:0;}
.form-form .form-form-wrap form .field-wrapper .tip{margin-top:35px; color:#ffffff}
.form-form .form-form-wrap form .field-wrapper .tip span{background-size:20px auto; padding:3px 0 3px 30px;}
.form-form .form-form-wrap form .field-wrapper a.forgot-pass-link{color: #ffffff;}
.form-form .terms-conditions,
.terms-conditions{max-width: 90%;color:#ffffff;font-size: 14px;}
.form-form .terms-conditions a,
.terms-conditions a{color: #ffffff;}
.terms-conditions{position: fixed;bottom: 26px;left: 50%;transform: translateX(-50%);}
#username-field input:-internal-autofill-selected,
#password-field input:-internal-autofill-selected{color: #ffffff !important;}
.form-container .form-form input:-webkit-autofill {
    background: transparent !important;
    color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color:#fff;
}
.login_title span{ color:#ffffff;}
.login_title em{font-weight: 700;}
.nav-tabs{ margin:46px 0 20px;}
.nav-tabs .nav-link{padding:12px 0; margin-right:46px;color: #ffffff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom-color:#ffffff}
.get-sms-code:focus{outline: none;}
.get-sms-code{bottom:13px;background:#ffffff; color:var(--bs-theme-color);}
.form-form .form-form-wrap form .field-wrapper .get-sms-code svg{color:var(--bs-theme-color);}
.btn-white{background-color: #ffffff;color: var(--bs-theme-color);}
.btn-white:hover,#login_submint:hover{background-color: var(--bs-sec-theme-color);border-color: var(--bs-sec-theme-color);color: #ffffff;}
#login_submint{padding:8px 1.25rem;border-radius: 6px;font-size: 16px;color:var(--bs-theme-color);}


/*-----------------------------顶部、侧边导航---------------------------------*/
.theme-logo{background-color:var(--bs-theme-color);background-image:none;}
.sidebar-wrapper .aside-top{font-family: "Microsoft YaHei UI", sans-serif;display:flex;align-items:center}
.aside-nav li{margin: 0 5px;padding: 0 26px;line-height: 59px;position: relative;cursor: pointer;white-space:nowrap;}
.aside-nav li .bx, .aside-nav li em{vertical-align: middle;transition:all .35s ease;}
.aside-nav li .bx{font-size: 22px;margin-right: 4px;}
.aside-nav li .bx.ri-database-2-line,
.aside-nav li .bx.ri-youtube-line,
.aside-nav li .bx.ri-apps-line{    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.aside-nav li::after{content: '';width: 0;height: 2px;border-radius: 2px;position: absolute;bottom: 0;left: 50%;transition: all .35s ease;transform: translateX(-50%);background-color: var(--bs-theme-color);}
.aside-nav li.active .bx, .aside-nav li.active em,
.aside-nav li:hover .bx, .aside-nav li:hover em{color: var(--bs-theme-color);}
.aside-nav li.active::after,.aside-nav li:hover::after{width:100%;}
.sidebar-wrapper{width: 156px;height: calc(100% - 60px);left:0;top: 60px;border: none;}
.sidebar-theme{background:var(--bs-sec-theme-color)}
.sidebar-wrapper .aside-menu{width: 156px;height: calc(100vh - 60px);background-color:var(--bs-sec-theme-color);border:none;border-radius:0;padding-left:8px !important;}
.sidebar-wrapper .aside-menu .menu-pannel ul{padding: 6px 0px;}
.sidebar-wrapper .aside-menu .menu-pannel ul li a{padding: 7px 16px;color: #ffffff;border-radius: 4px;}
.sidebar-wrapper .aside-menu .menu-pannel ul li.active>a,
.sidebar-wrapper .aside-menu .menu-pannel ul li:hover>a[title]{background-color: var(--bs-theme-color);color: #ffffff;}
.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user:hover{border-color:var(--bs-theme-color);background-color: var(--bs-theme-color);}
.header-container .navbar .navbar-item .nav-item.dropdown .nav-link:hover span{color:#ffffff !important;}

/*-----------------------------其他---------------------------------*/
.calendar_choose .title span{background:var(--bs-theme-color)}
body[value="bg_light"] .funnelData .items:nth-child(1) .item{background:rgba(0, 136, 55,.7)}
body[value="bg_light"] .funnelData .items:nth-child(2) .item{background:rgba(0, 136, 55,.8)}
body[value="bg_light"] .funnelData .items:nth-child(3) .item{background:rgba(0, 136, 55,.9)}
.funnelData .items:nth-child(4) .item{background:rgba(0, 136, 55,1)}
.calendar_choose .title i{color:var(--bs-theme-color) !important;}
.calendar_choose ul li:hover,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge,
.mail-pagination-number.active, .mail-pagination-prev.active, .mail-pagination-next.active{background:var(--bs-theme-color);}
.btn.btn-style02{background: var(--bs-theme-color) !important;}
.mm-button__primary{background-color: var(--bs-theme-color);border-color: var(--bs-theme-color);}
.mm-button__primary:hover, .mm-button__primary:focus{background-color: var(--bs-sec-theme-color);border-color: var(--bs-sec-theme-color);}
.plain-list-item.unseen .mail-list-item-overview-content .con-wrap .subject-summary-wrap .subject{color:var(--bs-theme-color)}
.tooltip .tooltip-inner,
.tooltip.tooltip-primary .tooltip-inner,
.tooltip.tooltip-primary.menu_tooltip_style .tooltip-inner{background-color:var(--bs-theme-color) !important;}
.tooltip.tooltip-primary .tooltip-inner:before{border-right-color:var(--bs-theme-color)}
.tooltip.bs-tooltip-top .tooltip-inner:before{border-top-color:var(--bs-theme-color)}
.tooltip.tooltip-primary.menu_tooltip_style.bs-tooltip-bottom .tooltip-inner:before{display:none;}
/*按钮*/
.btn-primary,.add-account-opt .mass-message-btn,.paginating-container .page-item.active .page-link{background-color: var(--bs-theme-color) !important;border-color: var(--bs-theme-color) !important;}
.mm-tabs-item.mm-tabs-item--active,
.mail-list-header-tool-wrapper .header-tab .mm-tabs-item.mm-tabs-item--active2,
.mail-list-header-tool-wrapper .header-tab .mm-tabs-item.mm-tabs-item--active,
.mail-sidebar-menu .mail-sidebar-menu-item.mm-menu-item--active .mail-menu-item-count{color:var(--bs-theme-color)}
.mail-list-header-tool-wrapper .header-tab .mm-tabs-active-bar,.mm-tabs-active-bar{background-color:var(--bs-theme-color)}
.galio-mail-manange button.btn.btn-link, .mail-tag-list-item button.btn.btn-link, .folder-item .btn-list button.btn.btn-link{color:var(--bs-theme-color) !important}
.mail-sidebar-menu .mail-sidebar-menu-item.mm-menu-item--active{color:var(--bs-theme-color);background-color:rgba(5, 155, 66,.2)}
.td-opt-btn.edit:hover{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(5,155,66,1)"><path d="M5 18.89H6.41421L15.7279 9.57627L14.3137 8.16206L5 17.4758V18.89ZM21 20.89H3V16.6473L16.435 3.21231C16.8256 2.82179 17.4587 2.82179 17.8492 3.21231L20.6777 6.04074C21.0682 6.43126 21.0682 7.06443 20.6777 7.45495L9.24264 18.89H21V20.89ZM15.7279 6.74785L17.1421 8.16206L18.5563 6.74785L17.1421 5.33363L15.7279 6.74785Z"></path></svg>')}
.td-opt-btn:hover.col-array{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(5,155,66,1)"><path d="M17 2V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7V2H17ZM7 6H5V20H19V6H17V8H7V6ZM9 16V18H7V16H9ZM9 13V15H7V13H9ZM9 10V12H7V10H9ZM15 4H9V6H15V4Z"></path></svg>')}
.td-opt-btn.review:hover{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(5,155,66,1)"><path d="M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z"></path></svg>')}
.create-task-form-wrap .items .title.checked strong:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23059b42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>')}
.create-task-form-wrap .submit-btn,.paginating-container dd a{background:var(--bs-theme-color);}
.page-tot-container{background-color:var(--bs-sec-theme-color)}
.card-header-content .card-title,.td-opt-btn.col-array:hover span,
.new-checkbox-style01-items label .new-style-checkbox:checked + span{color:var(--bs-theme-color) !important;}
.btn-plane{background:var(--bs-theme-color) url(../img/plane.png) no-repeat 15px center}
.create-task-form-wrap .items .new-checkbox-items .new-checkbox{background-color:var(--bs-theme-color);}
.create-task-form-wrap .items .title.checked strong,
.common-search-wrap-style03 .common-search-box .left{border-color:var(--bs-theme-color);}
#cue-word-box .items .item:last-child .item_input,
.card-header-content .card-title #search_total_number{color:var(--bs-theme-color) !important;}
.template_box .modal-footer .btn01{background-color:var(--bs-theme-color) !important;}
.text-primary{color:var(--bs-theme-color) !important;}
.page_tip{background:var(--bs-sec-theme-color) url(../img/ico06.png) 18px 47% no-repeat}
.page_tip_ffe1e2{background:#ffe1e2;}
.proportion_item i.ico{background:var(--bs-sec-theme-color)}
.proportion_item .con .info .top .right strong{color:var(--bs-sec-theme-color)}
.ahref_btn,.new_table .ico_details,.tab_nav_wrap .tab_nav_item a{background:var(--bs-theme-color)}
.current-account.account-item:before,.export_valid_wa_data,.pagination-solid li:hover a,
.group_oper_btn.btn, .export_btn.btn, .individual_oper_btn.btn,
.group_oper_btn, .crm_add_btn, .crm_add_btn_page, .export_btn{background:var(--bs-theme-color) !important;}
.bootstrap-select.btn-group .dropdown-toggle:not(.custom-styling) .filter-option,
.chat-system .user-list-box .people .person:hover .user-info .f-body .meta-info .user-name, .chat-system .user-list-box .people .person:hover .user-info .f-body .meta-info .user-meta-time,.template_item .card_header.show{color:var(--bs-theme-color)}
.common-search-box{border-color:var(--bs-theme-color)}
.common-search-result .filter-items .filter-item .filter_item_label{background-color:var(--bs-theme-color)}
.btn-outline-primary{color:var(--bs-theme-color) !important;border-color:var(--bs-theme-color) !important}
.btn-outline-primary:hover{background-color:var(--bs-theme-color)}
.table-pagination-wrap .table-pagination .active, .table-pagination-wrap .table-pagination a:hover, .swiper-video-pagination-wrap .swiper-video-pagination .active, .swiper-video-pagination-wrap .swiper-video-pagination a:hover{color:var(--bs-theme-color);background-color:rgba(5, 155, 66,.3)}
.table-pagination-wrap .table-pagination .jump-btn{background-color:var(--bs-theme-color);}
body[value="bg_light"] .enterprise-title-bar{border-color:var(--bs-theme-color)}
.enterprise-title-bar .title-left .title{background-color:var(--bs-theme-color)}
.enterprise-title-bar .title-right .f-btn{color:var(--bs-theme-color)}
.enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-title:after{border-color:rgba(5, 155, 66,.2)}
.enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-info .item-num{color:var(--bs-theme-color)}
.pannel .total-data-bar strong,
.pannel .table-pannel-box .table-pagination-wrap .right a{color:var(--bs-theme-color) !important}
.enterprise-addr-map .addr-content ul{border-color:var(--bs-theme-color)}
.sidenav .sidenav-content a.active, .sidenav .sidenav-content a:hover, body[value="bg_light"] .enterprise-pannel-nav .sidenav-content a.active, body[value="bg_light"] .enterprise-pannel-nav .sidenav-content a:hover{color:var(--bs-theme-color) }
.sidenav .sidenav-content a.active:after, .sidenav .sidenav-content a:hover:after{background-color:var(--bs-theme-color)}
body[value="bg_light"] .loader.mx-auto{border-top-color:var(--bs-theme-color)}
.common-search-box .add_keywords_btn svg{color:var(--bs-theme-color)}
.detail_ico01, .detail_ico011{border-color:var(--bs-theme-color)}
.enterprises_table_filter_content01 .filter01 input[type=submit]{background-color:var(--bs-theme-color) !important;}
.bootstrap-select.btn-group .dropdown-toggle:not(.custom-styling) .filter-option{color:var(--bs-theme-color);}
.main-table .view_more{border-color:var(--bs-theme-color);}
.card-header button.btn{background-color:var(--bs-theme-color);border-color:var(--bs-theme-color);}
.card-header button.btn.btn-sky{border-color:var(--bs-theme-color);}
.customer-box-container .radio-group-solid .radio-button-wrapper-checked:not(.radio-button-wrapper-disabled){background-color:var(--bs-theme-color);border-color:var(--bs-theme-color)}
.customer-list-group-sider .menu-item-selected.menu-item .title, .customer-list-group-sider .menu-submenu-selected .menu-submenu-title .title, .customer-list-group-sider .menu-item-selected.menu-item .num, .customer-list-group-sider .menu-submenu-selected .menu-submenu-title .num{color:var(--bs-theme-color)}
.customer-list-group-sider .menu:not(.menu-horizontal) .menu-item-selected, .customer-list-group-sider .menu:not(.menu-horizontal) .menu-item-selected:hover{background-color:rgba(5, 155, 66,.05)}
.pagination-item.pagination-item-active a{color:var(--bs-theme-color)}
.paginating-update-new .pagination-item-active{background-color:var(--bs-light-color);}
.config-tab-content .btn.btn-link{color:var(--bs-bright-color)}
.accordion.todo-inbox .ai_search_tab.ai_search_tab01 .mass_hair_btn,
.accordion.todo-inbox .ai_search_tab.ai_search_tab01 .right .export_btn
.accordion.todo-inbox .ai_search_tab.ai_search_tab01 .right .group_oper_btn{background-color: var(--bs-theme-color) !important;
    border-color: var(--bs-theme-color) !important;}
/*.alert.page_tip{background-color:var(--bs-theme-color) !important;}*/
.btn.btn-outline-primary[gray]:hover{color: var(--bs-theme-color) !important;border-color: var(--bs-border-color) !important;background-color: var(--bs-light-color);}
.btn.btn-outline-primary.has[gray]:hover{background-color:#eee;}
label.checkbox.is-checked .checkbox_label{color:var(--bs-theme-color);}
.tool-container .btn-primary{border-color: var(--bs-theme-color) !important;background-color: var(--bs-theme-color) !important;}
.tool-container .btn-primary:hover{border-color: var(--bs-sec-theme-color) !important;background-color: var(--bs-sec-theme-color) !important;}
.tool-container .nav-tabs .nav-item .nav-link:hover,
.tool-container .nav-tabs .nav-item .nav-link.active{color:var(--bs-theme-color);}
.mobile_menu_btn{display:none !important;}
.sidebar-wrapper .aside-top .aside-nav{display:none;}
.searchable-container #addContactModal .modal-footer .btn#btn-add{background-color:var(--bs-theme-color);border-color:var(--bs-theme-color);}
#search_form .table_filter_content{padding:15px 20px;}
.todo-inbox .chart_nav a{background-color:var(--bs-theme-color);}
.table_filter_content .download_monthly_data{background-color:var(--bs-theme-color) !important;}
.searchable-container .table_chart_style table th{background-color:var(--bs-theme-color)}
.searchable-container .table_chart_style table td{background-color:var(--bs-light-color)}
body[value=bg_light] input[class^=search_], body[value=bg_light] select[class^=search_]{background:#fff;}
input[class^=search_], select[class^=search_]{border-color:#e5e5e5;}
.help-box{border-color:var(--bs-theme-color)}
.work-email-field .work-email-tip{top:4px;}
.work-email-field label a{color:var(--bs-theme-color) !important;}
.aside-menu .menu-pannel li[data-link="/tools/tool_install"] a:after{top: 6px;right: 10px;}
.sidebar-wrapper .aside-menu .menu-pannel ul ul{padding-left:10px;}
.sidebar-wrapper .aside-menu .menu-pannel ul ul li.active a{color:#ffffff;}
.common-search-box .add_keywords_btn_custom01 svg{color:var(--bs-theme-color)}
.optimization-box .modal-footer .submit-btn,
.page_mass_hair_wrap .items .item .item_input input[type=submit]{background:var(--bs-theme-color)}
.page_mass_hair_wrap .item .cost_num.num{color:var(--bs-theme-color) !important;}
.tab_nav_wrap .tab_nav_item:hover a{background:var(--bs-sec-theme-color)}
.template_item .card_header.show .accordion_icon svg{color:var(--bs-theme-color)}
.see_box .modal-footer .btn.btn01, .see_box .modal-footer .btn.btn02{background:var(--bs-theme-color)}
#add_label_box003 #add_label_form .btn.btn-add_label{background:var(--bs-theme-color) !important;}
.custom_select_group .select_wrap span.placeholder{color:var(--bs-theme-color) !important;}
body[value="bg_light"] .btn.btn-primary{background-color:var(--bs-theme-color) !important;}

@media only screen and (max-width:1280px){
    .aside-nav li{padding:0 15px;white-space: nowrap;}
}

@media only screen and (max-width:992px){
    .header .navbar-item .aside-nav{display:none;}
    .sidebar-wrapper .aside-top .aside-nav{display:block;}
    .mobile_menu_btn{display:flex !important;}
    .aside-nav li{padding:0 15px;white-space: nowrap;}
    .sidebar-wrapper .aside-menu .menu-pannel ul li a{color:#333;}
    .sidebar-wrapper .aside-menu .menu-pannel ul ul li.active a{color:var(--bs-theme-color);}
    .sidebar-wrapper .aside-menu .menu-pannel ul li.active>a{background-color:#ffffff;}
    .sidebar-wrapper .aside-nav ul{display:block;}
    .sidebar-wrapper .aside-nav ul li{line-height:1.5}
    .sidebar-wrapper .aside-nav ul li:after{position:static;}
    .sidebar-wrapper .aside-nav ul li.active:before{background-color:var(--bs-theme-color)}
    .sidebar-wrapper .aside-nav ul li.active:after{background:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23059b42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>') no-repeat center center}
    /*.sidebar-wrapper .aside-menu .menu-pannel ul li:hover>a[title]{background-color:transparent;color:#333;}*/
    .sidebar-wrapper ::-webkit-scrollbar-thumb{background-color:var(--bs-border-color);}
    .sidebar-wrapper ::-webkit-scrollbar-track{background-color:#ffffff;}
}

@media only screen and (max-width:930px){
    .navbar.navbar-expand-sm .navbar-item{max-width:calc(100% - 156px)}
}

/*---------------------------------------------新增样式： 开始（2024-09-12）--------------------------------------*/
body .mail-box-container{font-size: 13px;}
.tooltip .arrow::before{border-top-color: var(--bs-theme-color) !important;}
.d-flex:after{display: none;}
.color_ff747f{color: #ff747f;}
.color_ff4683{color: #ff4683;}
.color_ff4a3d{color: #ff4a3d;}
.color_ffa92d{color: #ffa92d;}
.color_11be57{color: #11be57;}
.color_4dc9f7{color: #4dc9f7;}
.color_8361ff{color: #8361ff;}
.color_999{color: #999;}
.color_4d79f6{color: #4d79f6 !important;}
.color_ed6b6b{color: #ed6b6b !important;}
.color_04c9a3{color: #04c9a3 !important;}
.color_95aff8{color: #95aff8 !important;}
.bg_fff6f9{background-color: #fff6f9;}
.bg_fffbf4{background-color: #fffbf4;}
.bg_f3fcf6{background-color: #f3fcf6;}
.bg_f6fcff{background-color: #f6fcff;}
.bg_f9f7ff{background-color: #f9f7ff;}
.bg_fff6f5{background-color: #fff6f5;}
.bg_ffeded{background-color: #ffeded;}
.bg_e7faf6{background-color: #e7faf6;}
.bg_ecf0fd{background-color: #ecf0fd;}
.border-radius-5{border-radius:100% ;width: 30px; height: 30px;line-height: 30px;text-align: center;display: inline-block;}
.cus_flatpickr{position:relative; border: 1px solid #eee;border-radius: 4px;}
.cus_flatpickr::before{content: "";display: block;position: absolute;left: 8px;top:11px; width: 12px;height: 12px; background: url(../img_yutu/calendar.png) no-repeat center;background-size: contain;}
.cus_flatpickr input{width: 100%;height: 34px;border: none;padding-left: 27px;}
input::placeholder {color: #bbb; }
.cus_input{border: 1px solid #eee;border-radius: 4px;height: 34px; padding-left: 10px;}

/*------    页面：
                数据总览    ------*/

.total_data{width: calc(100% + 20px); margin-right: -20px;}
.total_data li{width: calc(1/var(--bs-data-num) * 100% - 20px);min-width: 165px; margin-right:20px;margin-bottom:20px;padding:20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 6px;}
.total_data li img{width: 28px;height:auto;object-fit:contain;}
.total_data li p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin: 5px 0 ;max-width: calc(100% - 38px);}
.total_data li .num{font-size: 28px;text-align:center;display:block;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;}
.total_data li .num.empty{position: relative;top: auto;left: auto;transform: none;}
.total_data li .num.empty::before{content:'—';display:block;font-size:18px;padding:7px 0;}
.chart_box{width: 100%;}
.chart_box .box_item{width: 49.2%;margin-bottom:20px;padding:20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 6px;}
.chart_box .box_item.large{width: 65%;}
.chart_box .box_item.small{width: 34%;}
.chart_box .box_item .item_data{ width: 180px;}
.chart_box .box_item .item_data.large{width:100%}
.chart_box .box_item.large .item_data{ width: 44%;}
.chart_box .box_item .item_data .item_header{margin:5px 0 20px;}
.chart_box .box_item .item_data .item_header img{width: 28px;margin-right: 8px;}
.chart_box .box_item .item_data .item_header h4{font-size: 14px; font-weight: bold;}
.chart_box .box_item .item_data .item_content{background-color: #f7f9f8;padding:20px 15px;border-radius: 6px;min-height:285px}
.chart_box .box_item .item_data.large .item_content{min-height:auto;}
.chart_box .box_item .item_data .item_content p{margin-bottom: 15px;}
.chart_box .box_item .item_data.large .item_content p{width: 25%;margin: 8px 0;}
.chart_box .box_item.large .item_data .item_content p {width: 45%;}
.chart_box .box_item .item_data .item_content p span{}
.chart_box .box_item .item_data .item_content p strong{font-size: 16px;display: inline-block;}
.chart_box .box_item .item_data:not(.large) .item_content >p:first-of-type{margin: 0 0 25px;width: 70px;}
.chart_box .box_item .item_data:not(.large) .item_content >p:first-of-type strong{display: block;font-size: 26px;}

.chart_box .box_item .item_chart{position: relative; width: calc(100% - 220px);}
.chart_box .box_item.large .item_chart{width: 52%;}
.chart_box .box_item .item_chart .item_header img{width: 16px;}
.chart_box .box_item .item_chart .item_content{position: relative; margin-left:-5%}
.chart_box .box_item .item_chart .item_content .name{position: absolute;display: inline-block; left: 50%;top: 20%;color: #bbb;font-size: 12px;pointer-events: none;-moz-transform:translateX(-50%);  -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);-ms-transform:translateX(-50%); transform:translateX(-50%);}
@media only screen and (max-width:1366px){
    .chart_box .box_item{align-items: start !important;}
    .chart_box .box_item .item_data,.chart_box .box_item .item_chart,.chart_box .box_item.large .item_data,.chart_box .box_item.large .item_chart{width: 100%;}
    .chart_box .box_item .item_data{margin-bottom: 20px;}
    .chart_box .box_item .item_data .item_content{min-height: auto;}
    .chart_box .box_item .item_data:not(.large) .item_content >p:first-of-type{margin-bottom: 15px;width: auto;}
    .chart_box .box_item .item_data:not(.large) .item_content >p:first-of-type strong{display: inline-block;font-size: 16px;}
    .chart_box .box_item .item_data .item_content p,.chart_box .box_item .item_data .item_content p span,.chart_box .box_item .item_data .item_content p strong{display: inline-block !important; vertical-align: middle;padding: 0 10px 0 0;}
    .chart_box .box_item.large,.chart_box .box_item.small{width: 50%;}
    .chart_box .box_item.large .item_data .item_content>div.d-flex,.chart_box .box_item.large .item_data .item_content p{
        display: inline-block !important;vertical-align: middle;width: auto;
    }
}
@media only screen and (max-width:680px){
    .total_data li{width:46%;margin:10px 2%;min-width: auto;}
    .chart_box .box_item,.chart_box .box_item.large,.chart_box .box_item.small{width: 100%;}
    .total_data{width:100%;margin-right:0;}
}
@media only screen and (max-width:480px){
    .total_data li{padding:15px;}
    .total_data li .num{font-size:20px;}
    .navbar.navbar-expand-sm .navbar-item{max-width:calc(100% - 142px);}
}
@media only screen and (max-width:360px){
    .total_data li{width:100%;}
    .navbar.navbar-expand-sm .navbar-item{max-width:calc(100% - 82px);}
}
#satisfiedRateModal{height:283px;}
#satisfiedRateModal .step_content{height:253px;}
#satisfiedRateModal .step_item .dimension_item > span{width:170px;}
#satisfiedRateModal .step_item .dimension_item > span span{font-size:14px;color:#f00;}
#satisfiedRateModal .rate-item{font-size:24px;}
#satisfiedRateModal .rate-item{font-size:24px;}
#satisfiedRateModal .btn_next:hover{background-color:var(--bs-theme-color);border-color:var(--bs-theme-color);}
#satisfiedRateModal .comment_area textarea{height:138px;}
/*------    页面：
                facebook    ------*/
.layui-layer{border-radius:10px;}
.layui-layer-title{border-radius:10px 10px 0 0;}
.layui-layer-btn .layui-layer-btn0{border-color: var(--bs-theme-color);background-color: var(--bs-theme-color);height: 30px;font-size:13px;}
.layui-layer-btn{padding-bottom:20px;}
body[value="bg_light"] a.layui-layer-btn0, body[value="bg_light"] a.layui-layer-btn0:hover{color:#fff;}
.account_header{font-size: 14px; font-weight: bold;margin-bottom:15px}
.account_header img{width: 26px;margin-right: 6px;}
.account_list{background-color: #eff3f1;border-radius: 6px;padding: 0 15px;}
.account_list li{padding: 8px 20px;cursor: pointer;position:relative;}
.account_list li img,.account_content .avatar{width: 40px;height: 40px;object-fit: cover; border-radius: 100%;border:3px solid #fff; margin-right:3px;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.account_list li:hover a,.account_list li.active a{color: var(--bs-theme-color);}
.account_list li:hover img,.account_list li.active img{border-color: var(--bs-theme-color);}
.account_list li .btn-dele{font-size:18px;color:#666;transition:all .35s ease;position: absolute;top: 50%;right: -5px;margin-top: -13px;opacity: 0;}
.account_list li:hover .btn-dele{opacity:.6;}
.bx-x:before{content:"\ec8d"}
.account_content {padding: 30px 0;}
.account_content .avatar{width: 100px;height: 100px;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);border-width: 4px;margin:0 5%;overflow: hidden; }
.account_content .avatar img{width:100%;height:100%;object-fit: cover;}
.account_content .account_name{font-size: 14px;font-weight: bold;}
.account_content .account_text{margin: 12px 0 20px;color: #999;}
.account_content .total_data li{min-width: 135px;width:auto;box-shadow:none;padding: 10px 20px;}
.account_content .total_data  .num{font-size: 26px;display:block;text-align:center;}
.account_els{border-top: 1px solid #ddd;}
.account_els .title_bar{padding: 25px 0 15px;}
.account_els .title_bar a{padding: 6px 30px; font-weight: bold;border-radius: 6px}
.account_els .title_bar a.active{background-color: #e6f5ec;color: var(--bs-theme-color);}
.account_els  .account_wrap{align-items: flex-start;}
.account_els  .account_wrap .item{margin: 15px 0; -moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.account_els  .account_wrap .item:hover{opacity:.8}
.account_els  .account_wrap .item .item_els{ padding:15px 15px 0; }
.account_els  .account_wrap .item .item_els .avatar{width: 35px; height: 35px;object-fit: cover; border-radius: 100%;margin-right: 10px;overflow: hidden;}
.account_els  .account_wrap .item .item_els .item_info{}
.account_els  .account_wrap .item .item_els .item_info h4{font-size: 14px;font-weight: bold;}
.account_els  .account_wrap .item .item_els .item_info h4 span{color: #999;font-weight: normal;}
.account_els  .account_wrap .item .item_els .item_info  .item_author{margin-bottom: 0;color:#999}
.account_els  .account_wrap .item .item_els .item_info  .item_time{margin-bottom: 0;color:#999}
.account_els  .account_wrap .item .item_els .item_info .item_text{}
.account_els  .account_wrap .item .item_p{padding: 10px 0;}
.account_els  .account_wrap .item .item_url{color: var(--bs-theme-color);padding: 10px 15px;display: block;}
.account_els  .account_wrap .item .item_img{position: relative; width: 100%;;}
.account_els  .account_wrap .item .image{width: 100%;}
.account_els  .account_wrap .item .item_img .ico{position: absolute;bottom: 7px; left: 7px;color: #fff;z-index: 1;}
.account_els  .account_wrap .item .item_img:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);  }
.account_els  .account_wrap .item .item_inner{background-color: #f0f2f5;padding: 10px 15px;/*border-bottom: 1px solid #ddd;*/}
.account_els  .account_wrap .item .item_inner .item_url{color:#999;padding: 0;word-wrap: break-word;}
.account_els  .account_wrap .item .item_inner h4{font-size: 13px;font-weight: bold; padding: 5px 0;line-height: 1.5;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;min-height: 49px;*/}
.account_els  .account_wrap .item .item_inner .item_text{color:#999}
.account_els  .account_wrap .item .item_datas{justify-content: space-between;padding:5px 0;}
.account_els  .account_wrap .item .item_datas .item_data{padding: 10px 0px;color: #989ca2;transition:all .35s ease;}
.account_els  .account_wrap .item .item_datas .item_data img{width: 20px;margin-right:5px;cursor: pointer;}
.account_els  .account_wrap .item .item_datas .item_data em{vertical-align:middle;line-height: 1;}
.account_els  .account_wrap .item .item_content{display:block;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, .1);height:100%;display:flex;flex-direction: column;justify-content:space-between;overflow: hidden;}
.account_els  .account_wrap .item .item_img{flex:1;}

.account_els  .account_wrap .item50{width: 47%;margin-right: 3%;}
.account_els  .account_wrap .item33{width: 31%;margin-right: 2.333%;}
.account_els  .account_wrap .item25{width: 24%;margin-right: 1%;}
.account_els  .account_wrap .item14{width: 14%;margin-right: .28%;}
.account_els  .account_wrap .item20{width: 19%;margin-right: 1%;}
.account_els  .account_wrap .item12{width: 12%;margin-right: .5%;}
.account_els .account_wrap .item_style1 .image{margin-left: 45px;width: calc(100% - 45px);}
.account_els .account_wrap .item_style1 .item_datas{padding-left: 45px;}
.account_els .account_wrap .item_style2 .item_datas .item_data{width: auto;}
.account_els .account_wrap .item_style2 .item_els{padding: 0 0 10px;}
.account_els .account_wrap .item_style3 .item_datas .item_data{padding: 0;}

/* youtube style02 */
.account_els.style02 .account_wrap .item_content{display:block;}
.account_els.style02 .account_wrap .item{margin-top: 10px;}
.account_els.style02 .account_wrap .item{margin-top: 10px;}
.account_els.style02 .account_wrap .item .item_img{border-radius:6px;overflow:hidden;}
.account_els.style02 .account_wrap .item .item_info strong{margin:15px 0 10px;}
.account_els.style02 [data-tag="01"] .account_wrap .item .item_info strong{min-height:39px;}
.account_els.style02 [data-tag="01"] .account_wrap .item .item_info .ellipsis_3_line{height:58.5px;}
.account_els.style02 .account_wrap .item .item_info p{margin-bottom:0;}
.account_els.style02 .account_wrap .item .item_content{box-shadow:none;border-radius:6px;}
.ellipsis_1_line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis_4_line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;}
.ellipsis_3_line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.ellipsis_15_line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:15;overflow:hidden;text-overflow:ellipsis;}
.modal.show .modal-dialog.align-center{margin: auto;top: 50%;transform: translateY(-50%);}
/* facebook style03 */
.account_els.style03 .account_wrap .item{margin-bottom:0;}
.account_els.style03 .account_wrap .item_content{display:block;}
.account_els.style03 .account_wrap .item .item_els .item_info{flex:1;}
.account_els.style03 .account_wrap .item .item_img{display:flex;align-items:center;justify-content:center;}
.account_els.style03 .account_wrap .item .item_img.item_fb_video{aspect-ratio:1 / 1;overflow:hidden;}
.account_els.style03 .account_wrap .item .item_img.item_fb_video:before{background-color:#000000;}
.account_els.style03 .account_wrap .item .item_img.item_fb_video .fb-video{width:100%;height:100%;}
.account_els.style03 .account_wrap .item .item_img.item_fb_video .fb-video>span,
.account_els.style03 .account_wrap .item .item_img.item_fb_video .fb-video>span>iframe{width:100% !important;height:100% !important;object-fit:contain;}
.account_els.style03 .account_wrap .item .item_datas{padding-left:15px;padding-right:15px;}
.account_els.style03  .account_wrap .item .item_datas .item_data{border-radius:6px;padding-left:20px;padding-right:20px;}
.account_els.style03  .account_wrap .item .item_datas .item_data:hover{background-color:#f2f2f2;}
.account_els.style03 .account_wrap .item .item_inner h4{padding:0;margin:5px 0;}
.account_els.style03 .account_wrap .item .item_url{word-wrap: break-word;}
/* instagram style04 */
.account_els.style04 .account_wrap .item{margin-bottom:0;}
.account_els.style04 .account_wrap .item_content{display:block;}
.account_els.style04 .account_wrap .item .item_els .item_info{flex:1;}
.account_els.style04 .account_wrap .item_style2 .item_els{padding: 15px;}
.account_els.style04 .account_wrap .item .item_img{/*aspect-ratio: 1 / 1.25;*/overflow: hidden;display: flex;align-items: center;justify-content: center;}
.account_els.style04 .account_wrap .item .item_p{margin:10px 0;padding:0;/*min-height:39px;*/}
.account_els.style04 [data-tag="02"] .account_wrap .item .item_datas{padding-top:15px;padding-bottom: 15px;}
.account_els.style04 .account_wrap .item .item_datas{padding-left:15px;padding-right:15px;}
.account_els.style04 .account_wrap .item .item_content > .item_info{padding: 0 15px 10px;}
/* twitter style05 */
.account_els.style05 .account_wrap .item{margin-bottom:0;}
.account_els.style05 .account_wrap .item_content{display:block;}
.account_els.style05 .account_wrap .item .item_els{padding-top:20px;padding-bottom: 5px;}
.account_els.style05 .account_wrap .item .item_els .avatar{margin-right:14px;}
.account_els.style05 .account_wrap .item{box-shadow: 0 0 15px rgba(0, 0, 0, .1);border-radius: 8px;}
.account_els.style05 .account_wrap .item .item_img{/*aspect-ratio:16 / 9;*/overflow:hidden;}
.account_els.style05 .account_wrap .item_style1 .item_datas{padding-left:15px;padding-right:15px;}
.account_els.style05 .account_wrap .item_style1 .image{width:100%;height: 100%;object-fit: cover;margin:0;}
.account_els.style05 .account_wrap .item .item_els .item_info {flex:1;}
.account_els.style05 .account_wrap .item .item_els .item_info h4 span{font-size:13px;margin-left: 10px;}
.account_els.style05 .account_wrap .item .item_els .item_info .item_text{margin-top:5px;/*min-height: 58.5px;*/}
/* linkedin style06 */
.account_els.style06 .account_wrap .item{margin-bottom:0;}
.account_els.style06 .account_wrap .item_content{display:block;}
.account_els.style06 .account_wrap .item .item_els .item_info{flex:1;}
.account_els.style06 .account_wrap .item .item_els{padding-bottom:10px;}
.account_els.style06 .account_wrap .item .item_img{margin-bottom:15px;/*aspect-ratio:1 / 1.2;*/overflow:hidden;}
.account_els.style06 .account_wrap .item .image{height:100%;object-fit:cover;}
.account_els.style06 .account_wrap .item .item_p{padding:0 15px;/*min-height:58.5px;*/}
.account_els.style06 .account_wrap .item .item_datas{padding-left:15px;padding-right:15px;}
.page-control .pagination{justify-content:center;}
.page-item.active .page-link{background-color: var(--bs-theme-color);border-color: var(--bs-theme-color);}
/* tiktok style01 */
.account_els.style01 .account_wrap .item_content{display:block;}
.account_els.style01 .account_wrap .item {margin-bottom:5px;}
.account_els.style01 .account_wrap .item .item_p{padding:0;margin:10px 0;min-height:39px;}
/*.account_els.style01 .account_wrap .item .item_datas{padding-left:15px;padding-right:15px;}*/
.account_els.style01 .account_wrap .item .item_img{aspect-ratio:3 / 4;overflow:hidden;display: flex;align-items: center;justify-content: center;}
.account_videos .page-control{padding:25px 0 20px;}
.account_els .account_wrap .item14{width:13.8%;}

.account_videos .hide{display: none;}
.keywords_search{padding: 10px 0 15px;}
.keywords_search .cus_flatpickr{ }
.keywords_search .cus_input{height:39px;border-radius: 4px 0 0 4px;border-right: 0;min-width: 220px;}
.keywords_search .btn{background-color: var(--bs-theme-color);color: #fff;border-radius: 0 4px   4px 0;}
.yutu_table{width: 100%;border-collapse: collapse;margin-bottom: 20px;}
.yutu_table th{background-color: #EFF3F1;padding:15px 10px; font-weight: bold;text-align: center;}
.yutu_table td{padding: 10px; text-align: center;}
.yutu_table td img{width: 20px;margin-right: 5px;}
.yutu_table td a{color: var(--bs-theme-color);}
.yutu_table td a:hover{text-decoration: underline;}

.web_loading .wrap .spinner-border{border-color:var(--bs-theme-color) transparent var(--bs-theme-color) var(--bs-theme-color);}

.page-control.readmore{width:50px;margin:15px auto;padding:0;color:#666;cursor: pointer;-webkit-animation: fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;-moz-animation: fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;-o-animation: fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;animation: fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;}
.page-control.readmore:hover {animation-play-state: paused;}
@-webkit-keyframes fadeInUp {0% {opacity: .2;-webkit-transform: translate3d(0, 18px, 0);transform: translate3d(0, 18px, 0) }100% {opacity: 1;-webkit-transform: none;transform: none }}
@keyframes fadeInUp {0% {opacity: .2;-webkit-transform: translate3d(0, 18px, 0);-ms-transform: translate3d(0, 18px, 0);transform: translate3d(0, 18px, 0) }100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none }}

@media only screen and (max-width:1366px){
    .account_els  .account_wrap .item12,
    .account_els  .account_wrap .item14,
    .account_els  .account_wrap .item20{width: 19%;margin-right: 1%;}

}
@media only screen and (max-width:1280px){
    .account_els  .account_wrap .item12,
    .account_els  .account_wrap .item14,
    .account_els  .account_wrap .item20
    {width: 24%;margin-right: 1%;}
}
@media only screen and (max-width:1080px){
    .account_els  .account_wrap .item25,
    .account_els  .account_wrap .item12,
    .account_els  .account_wrap .item14,
    .account_els  .account_wrap .item20
    {width: 31%;margin-right: 2.333%;}
}
@media only screen and (max-width:580px){
    .account_content{flex-wrap: wrap;}
    .account_content .avatar{margin: 0 auto 20px;}
    .account_els  .account_wrap .item33,
    .account_els  .account_wrap .item25,
    .account_els  .account_wrap .item12,
    .account_els  .account_wrap .item14,
    .account_els  .account_wrap .item20{width: 47%;margin-right: 3%;}

}
@media only screen and (max-width:320px){
    .account_content{flex-wrap: wrap;}
    .account_content .avatar{margin: 0 auto 20px;}
    .account_els  .account_wrap .item50,
    .account_els  .account_wrap .item33,
    .account_els  .account_wrap .item25,
    .account_els  .account_wrap .item12,
    .account_els  .account_wrap .item14,
    .account_els  .account_wrap .item20{width:100%;margin-right: 0;}

}
/*---------------------------------------------新增样式： 结束（2024-09-12）--------------------------------------*/
.page-control nav input{
    height: 35px;
    width: 60px;
    border: 1px solid #dee2e6;
    margin-left: 10px;
}

/*--------------------------------------------- 社媒首页 --------------------------------------*/
.flex_row{display: flex;flex-wrap: wrap;justify-content: space-between;}
.DataPage_main{font-family: "Microsoft YaHei UI", sans-serif;}
.DataPage_main .top{margin-bottom: 20px;width:100%;}
.DataPage_main .top_banner{width: 35%;border-radius: 5px;overflow: hidden;box-shadow: 0 0 12px rgba(0,0,0,.1);}
.DataPage_main .top_banner img{width: 100%;height: 100%;object-fit: contain;background-size:cover}
.DataPage_main .top_banner div{height:100%;}
.DataPage_main .layui-carousel-arrow{width: 26px;line-height: 26px;height: 26px;font-size: 12px;}
.DataPage_main .layui-icon-left{ }
.DataPage_main .layui-icon-right{}
.DataPage_main .top_banner .layui-carousel-ind ul{padding: 5px 11px;}
.DataPage_main .top_banner .layui-carousel-ind ul li{width: 7px;height: 7px;background: #fff;opacity: .5;margin: 0 2.5px;}
.DataPage_main .top_banner .layui-carousel-ind ul li.layui-this{width: 17px;opacity: 1;border-radius: 3px;}
.DataPage_main .top_item{width: 19.24%;box-shadow: 0 0 12px rgba(0,0,0,.1);/* overflow: hidden; */padding: 33px 33px 29px;position: relative;border-radius: 5px;}
.DataPage_main .top_item .tit{font-size: 16px;margin-bottom: 9px;font-weight:700;}
.DataPage_main .top_item .select{margin-bottom: 16px;position: relative;}
.DataPage_main .top_item .select p{position: relative;cursor: pointer;font-size: 13px;}
.DataPage_main .top_item .select p:after{content:"";border-right: 3px solid transparent;border-top: 5px solid #404040;border-left: 3px solid transparent;display: inline-block;vertical-align: middle;margin-left: 10px;}
.DataPage_main .top_item .select ul{display: none;position: absolute;z-index: 2;background: #fff;box-shadow: 0 0 15px #3333;width: 100%;padding: 5px 0;max-height: 200px;overflow-y: scroll;overflow-x: auto;min-width: 100px;max-width: 150px;}
.DataPage_main .top_item .select ul::-webkit-scrollbar{ width: 4px; height: 4px; background-color: #fff }
.DataPage_main .top_item .select ul::-webkit-scrollbar-track{ background-color: transparent; }
.DataPage_main .top_item .select ul::-webkit-scrollbar-thumb{ border-radius: 10px; background-color:#D3D4D6;box-shadow: inset 0 0 5px #D3D4D6
}
.DataPage_main .top_item .select ul::-webkit-scrollbar-button{  height: 0;background-color: #D3D4D6 }

.DataPage_main .top_item .select li{padding: 10px;cursor: pointer;transition: all .3s linear;font-size:13px}
.DataPage_main .top_item .select li.active,.DataPage_main .top_item .select li:hover{ background:#E9F5FE;}
.DataPage_main .top_item .select li span{ overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.DataPage_main .top_item .reload{position: absolute;right: 24px;top: 30px;width: 22px;height: 22px;text-align: center;border: 1px solid #D8D8D8;border-radius: 3px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.DataPage_main .top_item .reload svg{    width: 12px;color: #A1A1A1;}
.DataPage_main .top_item .reload.active svg{animation: raote 1.5s linear infinite;}
@keyframes raote{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.DataPage_main .word_time .time{font-size: 32px;font-weight: bold;display: block;text-align: center;margin-bottom: 11px;}
.DataPage_main .word_time .date{display: block;text-align: center;font-size: 13px;color: #404040;}
.DataPage_main .exchange_rate .ex_tit{justify-content: flex-start;}
.DataPage_main .exchange_rate .qus{cursor: pointer;margin-left: 10px;position: relative;top: -1px;}
.DataPage_main .exchange_rate .ex_message{ }
.DataPage_main .exchange_rate .ex_country{justify-content: flex-start;}
.DataPage_main .exchange_rate .ex_country>p{margin-left: 26px;font-size:13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.DataPage_main .exchange_rate .ex_money{justify-content: flex-start;font-size: 28px;font-weight: bold;align-items: flex-end;line-height: 1;margin-bottom: 22px;padding-top: 0px;gap:8px}
.DataPage_main .exchange_rate .ex_money p{margin:0px; }
.DataPage_main .exchange_rate .ex_money span{font-size: 12px;opacity: .5;font-weight: 400;}
.DataPage_main .exchange_rate .ex_money .ex_change{ }
.DataPage_main .exchange_rate .ex_content{font-size: 13px;color: #404040;opacity: .5;}
.DataPage_main .user_info{width: 22.889%;background: url(../img_yutu/yutu_DataPage_2.jpg);border-radius: 5px;color: #fff;background-size: cover;}
.DataPage_main .user_info li{justify-content: flex-start;margin-bottom: 19px;line-height:1;}
.DataPage_main .user_info h2{font-size: 14px;margin-right: 22px;color:#fff !important;font-weight: 600;}
.DataPage_main .user_info h3{font-size: 14px;color: #FDFF29 !important;flex: 1;font-weight: 600;}
.DataPage_main .user_info .info_fir h2,.DataPage_main .user_info .info_fir h3{font-size: 14px;}
.DataPage_main .user_info p{flex: 1;font-size: 14px;margin: 0;overflow: hidden;text-overflow: ellipsis;}
.DataPage_main .user_info h3 em{list-style: none;}
.DataPage_main .user_info li:last-child{margin-bottom:0;}
.DataPage_main .top{position:relative;}
.DataPage_main .top_item {position:absolute;top:0;height:100%;}
.DataPage_main .word_time {left:36.2%;}
.DataPage_main .exchange_rate {left:56.64%;}
.DataPage_main .user_info {left:77.28%;}
.DataPage_main .exchange_rate .ex_country{flex-wrap:nowrap;}
.DataPage_main .top_item .select p{white-space:nowrap;}
.DataPage_main .top_item .select p span{max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: inline-block;
    vertical-align: middle;}

.top_data {width:100%;margin-bottom:20px;}
.top_data .item_data{width:35%;min-width:400px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}
.top_data .item_data .item{width:calc(50% - 10px);border-radius:5px;box-shadow:0 0 12px rgba(0,0,0,.1);display:flex;padding:18px;}
.top_data .item_data .item.large{width:100%;font-weight: 700;padding-top:10px;padding-bottom:10px;}
.top_data .item_data .item .item_ico{width:32px;}
.top_data .item_data .item .item_info{flex:1;margin-left:15px;max-width:calc(100% - 45px)}
.top_data .item_data .item.large .item_info{display:flex;align-items:center;flex-wrap:wrap;}
.top_data .item_data .item.large .item_info strong{display:inline;font-weight: bold;font-size:22px;padding:0 3px}
.top_data .item_data .item .item_info span{display:block;margin-bottom:15px;margin-top:5px;font-weight:700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top_data .item_data .item .item_info strong{font-size:28px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top_data .item_chart{width:calc(65% - 20px);max-width:calc(100% - 420px);margin-left:20px;border-radius:5px;box-shadow:0 0 12px rgba(0,0,0,.1);}
.top_data .item_chart .item_content{overflow: hidden;padding:15px 0;}
.top_data .item_chart .item_content svg{height:370px !important;}
.top_data .item_chart .item_content foreignObject{height:365px;}
.chart_box .box_item.style_01{padding-right:0;}
.chart_box .box_item.style_01 .item_chart .item_header{padding-right:20px;}
.chart_box .box_item.style_01 .item_chart .item_content{margin-left: calc(-5% - 20px);}
.chart_box .box_item .item_chart .item_content .name{top:0;}
/*.top_data .item_chart .item_content{margin-left: -20px;}*/
@media only screen and (max-width:1680px){
    .DataPage_main .top_item{padding-left:20px;padding-right:20px;padding-top: 22px;}
    .DataPage_main .top_item .reload{top:19px;}
    .DataPage_main .exchange_rate .ex_money{font-size:26px;}
    .DataPage_main .word_time .time{font-size:28px;}
}
@media only screen and (max-width:1500px){
    /*.DataPage_main .exchange_rate .select p{margin-bottom:0;}*/
    .DataPage_main .top_item .select{margin-bottom:10px;}
    .DataPage_main .exchange_rate .ex_money{margin-bottom:18px;}
    .DataPage_main .exchange_rate .ex_country>p{margin-left:12px;}
    .DataPage_main .user_info li{margin-bottom:10px;}
    .DataPage_main .user_info{display: flex;flex-direction: column;justify-content: space-between;}
}
@media only screen and (max-width:1440px){
    .DataPage_main .top_item .select{margin-bottom:2px;}
    .DataPage_main .exchange_rate .ex_money{font-size:24px;}
    .DataPage_main .word_time .time{font-size:26px;}
}
@media only screen and (max-width:1366px){
    .DataPage_main .top_item{padding-left:15px;padding-right:15px;}
    .DataPage_main .user_info h2{margin-right:10px;}
    .DataPage_main .exchange_rate .ex_money{font-size:22px;margin-bottom: 12px;}
    .DataPage_main .word_time .time{font-size:24px;line-height: 1.1}
    .DataPage_main .user_info .info_fir h2, .DataPage_main .user_info .info_fir h3,
    .DataPage_main .user_info h2,.DataPage_main .user_info p{font-size:13px;}
}
@media only screen and (max-width:1280px){
    .DataPage_main .top{row-gap:20px;}
    .DataPage_main .top_banner,.DataPage_main .top_item{width:calc(50% - 10px);}
    .DataPage_main .top_item{position:relative;left:auto;top:auto;height:auto;}
    .DataPage_main .word_time, .DataPage_main .exchange_rate{order:2;}
    .DataPage_main .top_item .select{margin-bottom:10px;}
    .DataPage_main .exchange_rate .ex_money{margin-bottom:18px;}
    .DataPage_main .word_time .time{margin-top:18px;margin-bottom: 16px}
    .top_data .item_data,.top_data .item_chart{width:100%;max-width:100%}
    .top_data .item_chart{margin:20px 0 0}
}
@media only screen and (max-width:1080px){
    .DataPage_main .top_item{padding:20px 15px;}
    .DataPage_main .user_info h2{width: auto;margin-bottom: 0px;}
    .top_data .item_data{width:100%;min-width:unset;margin-bottom:20px;}
    .top_data .item_chart{width:100%;max-width:100%;margin-left:0px;}
}
@media only screen and (max-width:800px){
    .DataPage_main .user_info li{margin-bottom:5px;}
    .DataPage_main .top_item{padding-top:15px;padding-bottom:15px;}
}
@media only screen and (max-width:700px){
    .DataPage_main .top_banner,.DataPage_main .top_item{width:100%;}
    .DataPage_main .user_info li{margin-bottom:15px;}
    .DataPage_main .top_item{padding-top:20px;padding-bottom:20px;}
}
@media only screen and (max-width:480px){
    .top_data{margin-bottom:10px;}
    .top_data .item_data{gap:15px;}
    .top_data .item_data .item{padding:15px;}
    .top_data .item_data .item .item_info {margin-left: 10px;}
    .top_data .item_data .item .item_info span{font-size:12px;}
    .top_data .item_data .item .item_info strong{font-size:20px;}
    .top_data .item_data .item .item_ico{width:26px;}
}
@media only screen and (max-width:400px){
    .top_data .item_data .item{width:100%;}
}

@media only screen and (max-width:298px){
    .navbar .nav-item.theme-logo{background-color:var(--bs-theme-color);}
    .navbar.navbar-expand-sm .navbar-item{max-width:100%}
}