@charset "utf-8";

.t{padding:0 1.1rem 0;}
.t h4{font-size:1.2rem;font-weight:normal;display:inline-block}
.t p{font-size:12px;color:#999}
.t i{color:#999}
.t span{float:right;font-size:12px}
.popwin{padding:20px}

/**table**/
.table th,.table td{height:auto;border:0}
.table td i{font-size:12px;vertical-align:middle;position: relative;top:-2px;}
.table thead tr{background-color:#f5f5f5}
.table tr:nth-child(even){background-color:#f8f8f8;border:0}
body.dark-mode .table thead tr,body.dark-mode .table tr:nth-child(even){background-color:#223 !important}
body.dark-mode .table tbody td{background:none !important}

/**seotable**/
.seotable{padding:0 10px 10px}
.seotable .table th,.seotable .table td{text-align:center}
.seotable .table th:first-child,.seotable .table td:first-child{text-align:left}

/**首页卡片颜色**/
.App_Admin_Metrics_Dashboard_ContentNum{background-color:#da6c59}
.App_Admin_Metrics_Dashboard_SearchExposure{background-color:#6490f2}
.App_Admin_Metrics_Dashboard_FlowMonitoring{background-color:#16b777}
.App_Admin_Metrics_Dashboard_PotentialClient{background-color:#ea9d42}
.App_Admin_Metrics_Dashboard_ExposureNum{background-color:#ec808d}
.App_Admin_Metrics_Dashboard_InteractNum{background-color:#5974b5}
.App_Admin_Metrics_Dashboard_ContentNum *,.App_Admin_Metrics_Dashboard_SearchExposure *,.App_Admin_Metrics_Dashboard_FlowMonitoring *,.App_Admin_Metrics_Dashboard_PotentialClient *,.App_Admin_Metrics_Dashboard_ExposureNum *,.App_Admin_Metrics_Dashboard_InteractNum *{color:#fff !important}

/**首页关键词**/
.hometable td:first-child{white-space:nowrap;max-width:320px;height:25px;display:inline-block;text-overflow:ellipsis;overflow:hidden}
.hometable .table th,.hometable .table td{padding:3px 5px;font-size:1rem}
.hometable .table th:nth-child(2),.hometable .table td:nth-child(2){text-align:right}

/**首页谷歌广告**/
.data-item{width:25%;}
.data-item span{font-size:16px}
.cardcnt{padding:25px;}
.cardcnt .gitem{margin:5px}

/**首页社交媒体**/
.App_Admin_Metrics_Dashboard_Media .metric-content p{display: inline-block;vertical-align: middle;}
.App_Admin_Metrics_Dashboard_Media .medialist{display: inline-block;position: relative;top: 1.2px;}
.medialist a{background-color:#f5f5f5;width:24px;height:24px;display:inline-block;border-radius:5px;text-align:center;overflow:hidden;margin:2px}
body.dark-mode .medialist a{background-color:#2c2c43}
.medialist a.facebook{background-color:#e0e7f4}
.medialist a.facebook:hover{background-color:#cddaf3}
.medialist a.facebook.ok{background-color:#3871f0}
.medialist a.twitter{background-color:#e1ebf3}
.medialist a.twitter:hover{background-color:#d0e3f2}
.medialist a.twitter.ok{background-color:#47a0eb}
.medialist a.instagram{background-color:#f0e3e5}
.medialist a.instagram:hover{background-color:#ecd3d7}
.medialist a.instagram.ok{background-color:#d44e62}
.medialist a.linkedin{background-color:#dee5ee}
.medialist a.linkedin:hover{background-color:#cad8e9}
.medialist a.linkedin.ok{background-color:#2867bc}
.medialist a i{font-size:18px;line-height:24px;color:#fff}
.medialist a img{width:18px}
.medialist a.tiktok:hover{background-color:#ddd}
body.dark-mode .medialist a.tiktok:hover{background-color:#666}
.medialist a.tiktok.ok{background-color:#000}
body.dark-mode .medialist a.tiktok.ok{background-color:#333}
.medialist a.ok i,.medialist a:hover i{color:#fff}
.topic-tit{font-size:12px;color:#666}
.data-item p{font-size:12px}
.topiclist li{height:24px;padding:2px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topiclist li:nth-child(odd){background-color:#f8f8f8}
body.dark-mode .topiclist li:nth-child(odd){background-color:#2c2c43}
body.dark-mode .topiclist li a{color:#a8a9bb}

/**首页服务**/
.kfbox{padding:0 15px 15px}
.kfitem{width:50%;float:left;padding-bottom:15px;text-align:center}
.kfitem p{margin:0;}
.kfitem img{max-width:90%}
.faqbox{margin:15px 0 50px;text-align:center}
.faqbox h2{font-size:24px;font-weight:normal;color:#16b777;}
.faqbox h2::before, .faqbox h2::after {color: #ddd;content: "————";font-size:16px;margin:10px;}
.faqbox img{max-width:300px;margin:0 auto;border:1px solid #ddd;border-radius:5px}

/**优化方案**/
.processbox{padding:0 15px 15px}
.homeplan .processbox{padding:15px}
.processitem{padding:5px 0 10px}
.homeplan .processitem{margin-bottom:15px}
.processtit{padding-bottom:5px}
.processtit small{float:right;}
.processbg{background-color:#eee;width:100%;height:10px;position:relative;border-radius:5px}
body.dark-mode .processbg{background-color:#111}
.processok{background-color:#da6c59;width:100%;height:10px;left:0;top:0;position:absolute;z-index:2;border-radius:5px 0 0 5px}
.pitem:nth-child(1) .processok{background-color:#da6c59;}
.pitem.pitem:nth-child(2) .processok{background-color:#6490f2;}
.pitem.pitem:nth-child(3) .processok{background-color:#16b777;}
.pitem.pitem:nth-child(4) .processok{background-color:#ea9d42;}

/**优化计划**/
.planbox{padding:15px;}
.planbox .card .nav-tabs li{text-align:center}
.planbox .nav.nav-tabs .nav-item{width:8.33333%}
.planbox .card .nav-tabs li i{font-size:48px}
.planbox .nav.nav-tabs .nav-item .nav-link{padding:10px 20px;font-weight:normal}
.planbox .nav.nav-tabs .nav-item:first-child .nav-link::after{left:50%}
.planbox .nav.nav-tabs .nav-item:last-child .nav-link::after{width:50%}
.planbox .nav.nav-tabs .nav-item .nav-link::after{content: attr(data-before);height: 2px;width: 100%;left: 0;position: absolute;top: 35px;background:#ddd;z-index:1;box-shadow:unset !important}
.planbox .nav.nav-tabs .nav-item .nav-link.yes::after{background-color:#6490f2}
.planbox .nav.nav-tabs{margin-bottom:20px;border-bottom:0;text-align:center}
.planbox .nav.nav-tabs .nav-item .nav-link.active:after,.planbox .nav.nav-tabs .nav-item .nav-link.on:after{top:35px;background:#6490f2 !important;}
.circle{background-color:#eee;width:48px;height:48px;line-height:48px;margin-bottom:10px;text-align:center;display:inline-block;border-radius:50%;font-size:24px;position: relative;z-index:3;}
body.dark-mode .circle{background-color:#111}
.active .circle,body.dark-mode .active .circle,.yes .circle,body.dark-mode .yes .circle,.on .circle,body.dark-mode .on .circle{background-color:#6490f2;color:#fff}
.yes .circle{background:url("/vendor/dcat-admin/images/yes.png") #6490f2 no-repeat 50% 50%;text-indent:-100000px;}
.active.yes .circle,.on .circle{background-image:none;text-indent:0;position:relative;z-index:3}
.active .circle{width:56px;height:56px;line-height:56px;font-size:36px}
.planbox .nav.nav-tabs .nav-item .on p{font-size:16px;margin:0;color:#6490f2}
.planbox .nav.nav-tabs .nav-item small{font-size:12px}
.tabbody{margin:0 -10px;overflow:hidden}
.seoitem{width:calc(50% - 22px);float:left;margin:10px}
.seoitem .t h4{padding-left:8px;border-left:3px solid #6490f2}
body.dark-mode .seoitem{background:#223}
table.seodetail td{height:auto}

/**数据营销**/
.databox{padding:50px 25px}
.databox p{margin:0}
.datatit{margin-bottom:50px;text-align:center}
.databox h2{font-size:32px;text-align:center}
.databox .formbox{max-width:800px;margin:0 auto}
.databox .box-header{display:none}
.databox p{text-align:center}
.databox b{padding:0 2px}
.databox .card{box-shadow:none}
.databox .formbox .text-capitalize,.formbox .input-group-prepend{display:none}
.databox .formbox .help-block{height: 20px;}
.databox .selection{font-size:12px;}
.databox  .fields-group > .row > div{padding-left: 0;padding-right: 0px;}
.databox .has-error .select2-container .selection .select2-selection{border-color: #bd4147 !important;}
body.dark-mode .has-error .select2-container .selection  .select2-selection{border-color:#303247!important;}
.databox .input-group>.form-control:not(:first-child){border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.databox .box-footer .d-md-block{display:none !important}
.databox .card .box-footer{border:none}

/**谷歌广告**/
.googlesetupbox{background-color:#fff;padding:50px 25px}
body.dark-mode .googlesetupbox{background-color:#223}
.googlesetupbox p{margin:0}
.googletit{margin-bottom:50px;text-align:center}
.formbox{max-width:800px;margin:0 auto}
.formbox p{font-size:12px;color:#999;text-align:center}
.setokbox{padding:25px 0;color:#16b777;text-align:center}

@media(max-width:1328px){
    .planbox .nav.nav-tabs .nav-item p{font-size:12px}
}
@media(max-width:990px){
    .seoitem{width:calc(100% - 22px)}
    .planbox .nav.nav-tabs .nav-item{width:12.5%}
    .planbox .nav.nav-tabs .nav-item p{display:none}
}
@media(max-width:600px){
    .planbox .nav.nav-tabs .nav-item{width:16.66666%}
}
@media(max-width:375px){
    .planbox .nav.nav-tabs .nav-item{width:33.33333%}
}
/**菜单beta角标**/
.custom_menu_bate > .nav-link p::after{
    position: absolute;
    content: 'Beta';
    color: #fff;
    width: 40px;
    height: 16px;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-left: 7px;
    padding-top: 1px;
    border-radius: 8px 0 8px 8px;
    background: #da6c59;
    right: 22px;
    top: 5px;
}
/* 消息弹窗对齐 */
.header-navbar .navbar-container .dropdown-menu-media .media-list .media{
    width: 100%;
}
/* 表格样式优化 */
.custom_style_table .table-collapse .table.custom-data-table {
    padding: 0;
}

.custom_style_table .table-collapse .table-fixed-left .table.custom-data-table,
.custom_style_table .table-collapse .table-fixed-right .table.custom-data-table {
padding: 0;
}

.custom_style_table .table-main {
    overflow-y: hidden;
    overflow-x: auto;
}
.nav-sidebar .nav-item .badge{
    transform: scale(.75);
    padding: 4px 6px;
    margin-bottom: 0;
}
.nav-sidebar .nav-item h6{
    margin-bottom:0;
    position: relative;
    display: inline-block;
    top: -8px;
    left: -3px;
}
.nav-sidebar .nav-item .nav-link p .right{
    right: 1rem;
}
.googleMediaBox{
    padding: 0.65rem;
}
.googleMediaCard{
    /*position: absolute;*/
    display: none;
}
.googleMediaBox thead th{
    padding: 0.35rem;
    max-width: 7.75vw;
}
.googleMediaBox thead th .keywords{
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    top: 3.5px;
    white-space: nowrap;
}
.googleMediaBox .table tr td:first-child,
.googleMediaBox .table tr th:first-child{
    padding-left: 0.85rem;
    /* min-width: 7.5rem; */
}
.googleMediaBox .imgbox{
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.googleMediaBox td span{
    vertical-align: middle;
    font-size: 13px;
    display: none;
}
.googleMediaBox td i{
    font-size: 22px;
    color: #63a102;
    margin-left: 1rem;
}
.googleMediaBox .imgbox img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.googleMediaBox tbody tr{
    display: none;
}
.googleMediaBox tbody tr td:not(.check) .fa-check-square-o{
    display: none;
}
.googleMediaBox tbody tr .check .fa-check-square-o{
    display: inline;
}
.googleMediaBox .fa-square-o{
    color: #aaa;
}
.googleMediaBox tbody tr td:not(.check) .fa-square-o{
    display: inline;
}
.googleMediaBox tbody tr .check .fa-square-o{
    display: none;
}
.announcements_btn{
    font-size: 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.announcements_admin_grid .viewBox{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 10px 0;
    justify-content: center;
}
.announcements_admin_grid .viewBox .content{
    width: 70%;
    border: 1px solid #ddd;
    padding: 10px 15px;
    background: #fff;
}
.announcements_admin_grid .viewBox .content .label{
    font-size: 16px;
    color: #666;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    text-align: left;
    padding: 0;
}
.announcements_admin_grid .viewBox .content .value{
    font-size: 14px;
    color: #666;
    font-weight: 300;
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.2;
}
.admin_notice_list{
    position: relative;
    width: 100%;
    height: 34px;
    margin-top: -20px;
    margin-bottom: 8px;
    overflow: hidden;
}
.admin_notice_list .listbox
{
    background-color: #fdf6ec;
}
.admin_notice_list .marquen{
    width: 100%;
    padding: 8px 16px;
    padding-right: 20px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    opacity: 1;
    display: flex;
    background-color: #fdf6ec;
    align-items: center;
    transition: opacity .2s;
}
.admin_notice_list .marquen .title,
.admin_notice_list .marquen a
{
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
}
.admin_notice_list .marquen .title{
    color: #e6a23c;
    word-break: break-all;
    white-space: nowrap;
    max-width: calc(100% - 34px - 1rem);
    overflow: hidden;
    text-overflow: ellipsis;
}
.admin_notice_list .marquen .close{
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: #666;
    cursor: pointer;
    text-shadow: 0 1px 0 #fff;
}
@keyframes slideOutUp {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}

@keyframes fadeInUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.admin_notice_list .marquen-slide-out-up {
    animation: slideOutUp 0.5s ease-in-out forwards;
}

.admin_notice_list .marquen-fade-in-up {
    animation: fadeInUp 0.5s ease-in-out forwards;
}
.best_notice_shade{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    background: rgba(0, 0, 0, .7);
}
.productModel {
    width: 400px;
    background: #fff;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    position: absolute;
    margin: auto;
    min-height: 250px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    overflow:hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items:center;
}
.productModel .model_title{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: #586cb1;
    color: #fff;
    height: 40px;
    font-size: 16px;
    flex-shrink: 0;
    width:100%;
}
.productModel .fa{
    font-size: 15px;
    position: absolute;
    right: 10px;
    cursor:pointer;
}
.productModel .content_title{
    text-align: center;
    font-size: 16px;
    font-weight: 550;
    font-family: auto;
    width: 100%;
}
.productModel .content_title,
.productModel .content_info{
    word-break: break-all;
    width: 100%;
}
.productModel .content_info{
    text-align: left;
    white-space: pre-wrap;
}
.productModel .model_content{
    padding:0 20px;
    text-align:center;
    flex-shrink: 0;
    width: 100%;
}
.navbar-collapse .nav.navbar-nav.float-right{
    display: inline-block;
}
.navbar-collapse .msgNavBarHtml{
    display: inline-block;
}
.navbar-collapse .dropdown-toggle.nav-link{
    display: inline-block;
}
.navbar-collapse .dropdown.dropdown-user.nav-item{
    display: inline-block;
    margin-right: -20px;
}
.btn {
    padding: .54rem 1.2rem!important;
    height: 34px;
    line-height: 1.2;
    border-radius: .2rem;
    cursor: pointer
}

.btn.btn-trans {
    box-shadow: none
}

.btn-trans.btn-primary {
    background-color: #e3e6f2;
    border-color: #e3e6f2;
    color: #586cb1
}

.btn-shadow.btn,.btn:focus,.btn:hover {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.065),0 2px 2px 0 rgba(0,0,0,.065),0 1px 5px 1px rgba(0,0,0,.065)
}

.btn-shadow.btn:focus,.btn-shadow.btn:hover {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.1),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 1px rgba(0,0,0,.1)
}

.btn-group-sm>.btn,.btn-lg,.btn-sm {
    border-radius: .2rem
}

.btn-primary {
    color: #fff
}

.btn-sm,.btn-xs {
    padding: .54rem .9rem!important
}

a.btn,span.btn {
    line-height: 1.4
}