/* =============================== @Import Function =================.main-content.register#content============== */ /* =============================== @Import Mixins =============================== */ html { min-height: 100%; } body { color: #333333; height: 100%; font-size: /* 0.875rem */ 0.8125rem; background: #ffffff; overflow-x: hidden; overflow-y: auto; letter-spacing: 0.0312rem; font-family: 'Nunito', sans-serif; } h1, h2, h3, h4, h5, h6 { color: #3b3f5c; } :focus { outline: none; } ::-moz-selection { /* Code for Firefox */ color: #57baea; background: transparent; } ::selection { color: #57baea; background: transparent; } ::-webkit-input-placeholder{color:rgba(0,0,0,.3)!important; } ::-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:rgba(0,0,0,.3)!important;} img { max-width: 100%; } p { margin-top: 0; margin-bottom: 0.625rem; color: #515365; } hr { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #f1f2f3; } strong { font-weight: 600; } code { color: #e7515a; } strong,em,i{font-style: normal;} li{list-style: none;} @font-face { font-family:boxicons; src:url(../../plugins/font-icons/boxicons/boxicons.eot?t=1590207869815); src:url(../../plugins/font-icons/boxicons/boxicons.eot?t=1590207869815#iefix) format("embedded-opentype"), url(../../plugins/font-icons/boxicons/boxicons.woff2?t=1590207869815) format("woff2"), url(../../plugins/font-icons/boxicons/boxicons.woff?t=1590207869815) format("woff"), url(../../plugins/font-icons/boxicons/boxicons.ttf?t=1590207869815) format("truetype"), url(../../plugins/font-icons/boxicons/boxicons.svg?t=1590207869815#remixicon) format("svg"); } .bx { font-family: boxicons!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bxl-slack:before { content: "\e970"; } .bxs-widget::before { content: "\ef00"; } .bx-transfer:before { content: "\ec4e"; } .bx-search-alt:before{content:"\ebf8"} .bx-images:before{content:"\eb1e"} .bx-video-recording:before{content:"\ec71"} .bx-file:before{content:"\ead5"} .bx-crawler:before{content:"";width: 25px; height: 25px;display: inline-block; background: url(../img/crawler.png) no-repeat center; margin-bottom: 3px;background-size: contain;} .bx-link-external:before{content:"\eb3e"} .bxl-twitter:before{content:"\e982"} .bx-link:after{content:"\eb3c"; position: relative;} .bxl-telegram:before { content: "\e97b"; } .bxl-whatsapp:before { content: "\e98a"; } .bx-mail-send:before { content: "\eb53"; } .bx-git-compare:before { content: "\eaf2"; } .bx-group:before { content: "\eaff"; } .bx-extension:before { content: "\eacf"; } .bx-help-circle:before { content: "\eb0d"; } .bxs-like:before { content: "\ee0a"; } .bxs-message:before { content: "\ee21"; } .bxs-show:before { content: "\eeaa"; } .bxs-share:before { content: "\eea0"; } .bxs-map:before { content: "\ee17"; } .bxs-amazon:before { content: "\e90d"; } .bx-message-rounded-dots:before {content: "\eb78";} .ico-rocket{display:inline-block;width: 20px; height: 20px; background: url(../img/ico-rocket01.png) no-repeat center;background-size: contain;} .ico-tra{display:inline-block;width: 30px; height: 30px; background: url(../img/ico-tra.png) no-repeat center;background-size: contain;} .ico-fire{display:inline-block;width: 17px; height: 17px; background: url(../img/ico-fire.png) no-repeat center;background-size: contain;} table .btn{font-size: 13px;} span.select2.select2-container.select2-container--default.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple{border-color: #ccc !important;} .select2-container--default .select2-search--dropdown .select2-search__field{border-color: #ccc !important;padding: 0 10px !important; margin: 7px 0 !important;} .select2-results__option{padding:7px 10px !important;} .select2-results__option[aria-selected]{font-weight: normal !important;color: #333333 !important;} .select2-container--default .select2-selection--single .select2-selection__arrow{width: auto !important;height: auto !important;top: 12px !important;right: 17px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none !important;background-position: center;background-repeat: no-repeat;display: block !important;width: 10px !important; height: 10px !important;margin: 0 !important; left: 0 !important; top: 0 !important; background-image:url('data:image/svg+xml, ') !important;} .select2-container .select2-selection--single .select2-selection__rendered{ padding: 2px 10px !important;height: 32px !important; line-height: 30px !important;border-color: #ccc !important;font-size: 13px !important; } .sing-language-select{position: relative;margin-right: 10px;} .sing-language-select .select2-container{width: 165px !important;margin: 0 !important;} .sing-language-select .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow{ right: 60px !important;} .sing-language-select .sing-language-btn{background-color: transparent;border: none;position: absolute;right: 7px; top: 7px;/*z-index: 10001;*/} .sing-language-select-wrap .spinner-border{width: 18px; height: 18px; border-width: 2px;} .page-exp{position: relative; /*background-color: #efefef;*/border-radius: 8px;padding:0 0 0 26px/*;margin-left: 50px*/;} .page-exp .ico{position: absolute;left: 0; top: -2px;} .opt-box-container{border: 1px solid #eee;border-radius:8px;} .opt-box-container.noborder{border: none;} .page-filter-title-bar{position: relative;flex-wrap: wrap;} .page-filter-title-bar .left{padding-right: 50px;width: 100%;} .page-filter-title-bar .title{position: relative;padding: 5px 30px !important;border-width:2px !important;min-width: 135px;} .page-filter-title-bar.translate-title-bar .left, .page-filter-title-bar.translate-title-bar .right{width: 47.5%;} .translate-select-wrap{position: relative;flex-wrap: wrap;} .translate-select-wrap .translate-btn{position: relative;} .translate-select-wrap .select2-container{margin: 0 !important;width: 150px !important;} .translate-select-wrap .select2-container .select2-selection--single .select2-selection__rendered{ padding: 2px 10px;height: 34px; line-height: 32px;border-color: #ccc;font-size: 13px; } .translate-select-wrap .spinner-border,.tool-search-form .spinner-border,.level-select-wrap .spinner-border,.ico-tra .spinner-border, .collect-wrap .spinner-border,.collect-filter-wrap .spinner-border{width: 18px; height: 18px; border-width: 2px;} .ico_copy{cursor: pointer;} .opt-box-container{position: relative;} .opt-box-container .opt-box-item{position: relative;} .opt-box-container .opt-box-item .item-container{position: relative;} .opt-box-container .opt-box-item .item-trans-container{position: relative;} .opt-box-container .opt-box-item .item-trans-container .text-box{position: relative;width: 47.5%;height: 600px;border-radius: 6px;border: 1px solid #ddd;overflow: hidden;} .opt-box-container .opt-box-item .item-trans-container .text-box.trans-text-box{border-color: #059ae0;} .opt-box-container .opt-box-item .item-trans-container .text-box textarea{position: absolute;left: 0; top: 0; width:calc(100% - 10px) ;height: 100%;border: none;padding: 10px 10px 50px 10px;} .opt-box-container .opt-box-item .item-trans-container .ico-tra{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} .opt-box-container .opt-box-item .item-trans-container .ico_copy{position: absolute;right: 15px; bottom:15px;} .opt-box-container .opt-box-item .item-container .item-box-els .new-control.new-checkbox .new-control-indicator{top: 0;background-color: transparent;border: 2px solid #059ae0 ;} .opt-box-container .opt-box-item .item-container .item-box-els .new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator{background-color: #059ae0;} .opt-box-container .opt-box-item .item-container .item-box-els label{color: #333; font-size: 13px; margin: 15px 20px 0 0 !important} textarea{resize: none;} textarea::-webkit-scrollbar{width:6px;} textarea::-webkit-scrollbar-track{background-color:transparent;} textarea::-webkit-scrollbar-thumb{ border-radius: 6px;background-color:#ebebeb;} textarea.color::-webkit-scrollbar-thumb{ background-color:#bcccf4;} .hide{display: none;} .collect-wrap{width: 100%;} .collect-wrap .input-box{width: calc(100% - 225px);height:40px;border-radius: 6px;border: 1px solid #059ae0;padding:0 15px} .collect-wrap em{width: 70px;} .item-container.collect-wrap.item-trans-container .text-box{width: calc(100% - 70px);} .page-filter-items{position: relative;display: flex;flex-wrap: wrap;} .page-filter-item{position: relative;padding: 13px 26px 13px 45px;margin: 6px;cursor: pointer;} .page-filter-item.sm{ padding: 5px 18px 5px 35px;} .page-filter-item.hide{display: none;} .page-filter-item input{display: none; } .page-filter-item span{position: absolute;left: 0;top: 0; width: 100%;height: 100%;border-radius: 6px; background-color: #bebebe;} .page-filter-item em{position: relative; z-index: 1;color:#fff;font-size: 13px;} .page-filter-item em::before{content: "";width: 13px; height: 13px; background-color: #fff;display: block;position: absolute;left: -22px; top: 50%;transform:translateY(-50%);} .page-filter-item em::after{ content: '';width: 4px;height: 8px;position: absolute;left: -18px;top: 50%; transform:translateY(-50%) rotate(45deg);border: solid #059ae0;border-width: 0 2px 2px 0 !important;display: none;border-radius:2px} .page-filter-item input:checked + span{background-color:#059ae0 ;} .page-filter-item input:checked + span + em::after{display: block;} .page-filter-item i{position: absolute;right: -8px;top: -8px;} .page-filter-title-bar .page-filter-more,.text-modal-title-bar .page-filter-more{border: none;background-color: transparent;position: absolute;right: 0; top: 15px} .page-filter-title-bar .page-filter-more svg,.text-modal-title-bar .page-filter-more svg{color:#059ae0;transform:translateY(-1px);} .text-modal-title-bar{position: relative;/*margin: 15px 0 0;*/} .text-modal-items{} .text-modal-item{border-radius: 6px; background-color: #059ae0; padding: 10px 20px 8px 20px ;font-size: 13px; color: #FFF; margin: 5px 10px 5px 0;cursor:pointer;} .text-modal-item svg{width: 20px;transform:translateY(-2px);margin-right: 3px;} .text-modal-item em{} .text-modal-item .ico-fire{ transform: translateY(-3px);} .collection-items{position: relative;} .collection-item{position: relative;padding-left: 7px;margin: 0 0 30px;} .collection-item:before{content: "";position: absolute;left: -15px;top:1px ;width: 12px;height: 12px;border-radius: 100%;background-color: #059ae0;} .collection-item .item-title{position: relative;} .collection-item .item-title em{} .collection-item .item-title .ico_web_link{} .collection-item .item-con{position: relative;} .collection-item .item-con .item-desc{position: relative;padding: 10px 50px 0 0;} .collection-item .item-con .btn{position: absolute;right: 0;top: 10px;} .rel-cond-items{padding: 0;margin: 0;} .rel-cond-item{position: relative;display: flex;align-items: center;padding: 0 ;margin:10px 18px 10px 7px ;cursor: pointer;} .rel-cond-item i.ico-se{position: relative;display: inline-block; width: 17px;height: 17px;border-radius: 100%; border: 2px solid #059ae0;margin-right: 5px; transform: translateY(-1px);} .rel-cond-item i.ico-se.choose{background-color: #059ae0;} .rel-cond-item i.ico-se:before{content: '';position: absolute; border: solid #fff;top: 2px;left: 5px;width: 4px;height: 8px; border-width: 0 2px 2px 0 !important;transform: rotate(45deg);display: none;} .rel-cond-item i.ico-se.choose::before{display: block;} .rel-cond-item.hide{display: none;} .rel-cond-item svg{width: 20px;color: #059ae0;margin-right: 7px; transform:translateY(-2px);} .rel-cond-item .ico-fire{transform:translateY(-10px); width: 18px;height: 18px;margin-left: 3px !important;} .item-create-container{margin: 0 0 0 185px;border-top: 1px solid #eee;padding: 20px 0;} .item-create-container .create-item{position: relative;display: flex;flex-wrap: wrap;margin: 0 0 20px;} .item-create-container .create-item .item-title {position: relative;display: block;width: 120px;margin-top: 14px;} .item-create-container .create-item .item-box{position: relative;width: calc(100% - 170px);border: 1px solid #059ae0;border-radius:6px; overflow: hidden;padding:8px 10px;} .item-create-container .create-item[data-id="keyWord"] .item-box{position: relative;display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;padding: 5px 10px;} .item-create-container .create-item .item-box .input-text{} .item-create-container .create-item .item-box input.input-text{width: calc(100% - 230px);border: none;} .item-create-container .create-item .item-box textarea.input-text{width: 100%;height: 60px;border: none;} .item-create-container .create-item .item-box .sing-language-select-wrap{float: right} .item-create-container .create-item .item-remove{position: absolute;right: 0;top: 11px;cursor: pointer;} .item-create-container .create-item .item-remove svg{width: 20px;color: #666;} .item-create-container .create-item[data-id="keyWord"] .select2-container .select2-selection--single .select2-selection__rendered:before{ content: "";display: block;position: absolute;left: 0; top: 50%;width: 1px; height: 22px; background-color: #eee; transform:translateY(-50%); } .item-create-container .create-item[data-id="keyWord"] .select2-container--default .select2-selection--single .select2-selection__rendered{ border: none ;border-bottom: none ;border-right: none ;border-radius: 0;} .item-create-container .create-item[data-id="hotNews"] .item-box{ margin-top: 60px;} .item-create-container .create-item[data-id="hotNews"] .collect-filter-wrap{ position: absolute;left: 0;top: 10px;} .collect-filter-wrap{margin: 0 0 0 185px;} .collect-filter-wrap input{width: 198px;height: 32px; border: 1px solid #ddd;border-radius:6px;padding: 0 10px;} select.style01{width: 135px;height: 32px; border: 1px solid #ddd;border-radius:6px;padding: 0 10px;} select.style02{min-width: 235px;height: 32px; border: 1px solid #ddd;border-radius:6px;padding: 0 10px;color:#666; } .collect-filter-wrap button{border: none;background-color: transparent;display: flex;align-items: center;} .collect-filter-wrap button i.bx-crawler:before{width: 20px; height: 20px;transform:translateY(2px);} .release-text-items{} .release-text-item{} .release-text-item .item-title{width: 80px;margin: 10px 0 0;} .release-text-item .item-box{width: calc(100% - 80px);} .release-text-item .item-box .box-text{position: relative;width: 100%;height: 120px;border-radius: 8px; background-color: #f2f2f2;} .release-text-item .item-box .box-text textarea{position: absolute;left:10px;top:10px; width:calc(100% - 20px) ;height:calc(100% - 20px); border: none;background-color:transparent; } .release-text-item .item-box .box-text textarea#info_reply_content{ cursor: context-menu;} .timing-dateTime-select{position: relative;display:inline-block;font-size: 13px;padding: 0 !important;;margin: 0 !important;} .timing-dateTime-select svg{width: 16px;position: absolute;left: 15px; top: 4px;color: #666;} .flatpickr-input.style01{border-color: #059ae0;padding: 0 0 0 35px !important; height:32px;width: 120px;font-size: 13px;color: #333;} @font-face { font-family:'brandsIco'; src: url("../fonts/fa-brands-400.ae47d70a.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: fallback; } .social_ico_items{ font-size:0;} .social_ico_items .social_ico{ position:relative; display:inline-block; vertical-align:middle; font-size:20px; } .social_ico_items .social_ico:before{font-family:'brandsIco';} .social_ico_items .social_ico.ico_twitter:before{content:"\f099";color:#00acee} .social_ico_items .social_ico.ico_facebook:before{content:"\f09a";color:#3b5998} .social_ico_items .social_ico.ico_instagram:before{content:"\f16d" ;color:#c13584} .social_ico_items .social_ico.ico_linkedin:before{content:"\f08c";color:#0e76a8} .social_ico_items .social_ico.ico_youtube:before{content:"\f167";color:red} .social_ico_items .social_ico.ico_reddit:before{content:"\f1a1";color:#ff5700} .social_ico_items .social_ico.ico_telegram:before{content:"\f2c6";color:#08c} .social_ico_items .social_ico.ico_tiktok:before{content:"\e07b";color:#69c9d0} .social_ico_items .social_ico.gray:before{color:#dddddd} .release-text-item .item-box-top .social_ico_items{display: flex;align-items: center;flex-wrap:wrap; padding:18px 0 0 !important;margin: 0 !important;} .release-text-item .item-box-top .social_ico_items .new-control{margin-bottom: 0 !important;} .release-text-item .item-box-top .social_ico_items .new-control.new-checkbox .new-control-indicator{top: 8px;width: 14px; height: 14px;;} .release-text-item .item-box-bottom{margin-top: 20px;} .bind-account-btn{background-color: transparent;border: none;color: #059ae0; margin-top:18px} .bind-account-btn i{position: relative; font-size: 16px;color: #fff;margin-right: 7px;} .bind-account-btn i:before{content:"";position: absolute;left: -2px; top:-2px; width: 20px; height: 20px; border-radius:100%; background-color: #059ae0; } /*Page title*/ .page-header { border: 0; margin: 0; } .page-header:before { display: table; content: ""; line-height: 0; } .page-header:after { display: table; content: ""; line-height: 0; clear: both; } .page-title h3 { margin: 0; margin-bottom: 0; font-size: 15px; color: #3b3f5c; font-weight: 700; } .page-title span { display: block; font-size: 11px; color: #888; font-weight: normal; } .main-container { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #container.fixed-header { margin-top: 56px; } #content { position: relative; width:calc(100% - 70px) ; flex-grow: 8; margin-top:53px; margin-bottom: 0; margin-left: 70px; transition: .600s; } .main-container-fluid > .main-content > .container { float: left; width: 100%; } #content > .wrapper { -webkit-transition: margin ease-in-out .1s; -moz-transition: margin ease-in-out .1s; -o-transition: margin ease-in-out .1s; transition: margin ease-in-out .1s; position: relative; } .widget { padding: 0; margin-top: 0; margin-bottom: 0; border-radius: 6px; -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); } .layout-top-spacing { margin-top: 20px; } .layout-spacing { padding-bottom: 40px; } .layout-px-spacing { padding: 0 20px 0 18px !important; min-height: calc(100vh - 170px) !important; } .sidebar-closed .layout-px-spacing { padding: 0 16px !important; } .widget.box .widget-header { background: #fff; padding: 0px 8px 0px; border-top-right-radius: 6px; border-top-left-radius: 6px; } .row [class*="col-"] .widget .widget-header h4 { color: #3b3f5c; font-size: 17px; font-weight: 600; margin: 0; padding: 16px 15px; } .seperator-header { background: transparent; box-shadow: none; margin-bottom: 40px; border-radius: 0; } .seperator-header h4 { color: #888ea8; margin-bottom: 0; display: inline-block; border: 2px dashed #888ea8; line-height: 1.4; padding: 3px 6px; font-size: 15px; font-weight: 600; border-radius: 4px; letter-spacing: 1px; } .widget .widget-header { border-bottom: 0px solid #f1f2f3; } .widget .widget-header:before { display: table; content: ""; line-height: 0; } .widget .widget-header:after { display: table; content: ""; line-height: 0; clear: both; } .widget-content-area { padding: 20px; position: relative; background-color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .content-area { max-width: 58.333333%; margin-left: 80px; } /* ===================== Navigation Bar ===================== */ .header-container { z-index: 1030;background-color: #ffffff; border-bottom: 1px solid #eee;box-shadow:0 0 10px rgba(0,0,0,.2) } .header-container .navbar {position: relative;display: flex;align-items: center; height: 53px;padding-left: 52px; } .navbar { padding: 0; } .web-logo{position: absolute;left: 0;top: 0;width: 70px; height: 100%;background-color: #059ae0;text-align: center;display: flex;align-items: center; justify-content: center;} .web-logo img{height:70%;} .navbar .theme-brand { padding: 0.9px 0 0.9px 27px !important; border-radius: 6px 6px 0 0; justify-content: space-between; } .navbar .theme-brand li.theme-logo { align-self: center; } .navbar .theme-brand li.theme-logo img {height: 33px; } .navbar .theme-brand li.theme-text { margin:7px 20px 0 20px; } .navbar .theme-brand li.theme-text a { font-size: 24px !important; color: #e0e6ed !important; line-height: 2.75rem; padding: 0 0.8rem; text-transform: initial; position: unset; font-weight: 700; } .navbar.expand-header { margin: 0; } .navbar-brand { width: 5.5rem; padding-top: 0.0rem; padding-bottom: 0.0rem; margin-right: 0.0rem; } .navbar-expand-sm .navbar-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: center; padding-left: 0;padding-right: 10px; margin-bottom: 0; list-style: none; } .navbar-expand-sm .navbar-item .nav-link { line-height: 2.75rem; padding: 6.24px 9.6px; text-transform: initial; position: unset; } .navbar-expand-sm .navbar-item .btn{font-size: 13px;padding: 6px 16px 3px;} .navbar-expand-sm .navbar-item .btn.btn-upgrade{background-color: transparent;box-shadow: none;color: #059ae0;border: none;display:flex; } .navbar-expand-sm .navbar-item .btn.btn-upgrade svg{fill:#059ae0;color: #059ae0;width: 16px; height: 16px;margin-right: 5px;} .navbar-expand-sm .navbar-item .btn.user svg{width: 16px; height: 16px;margin-right:5px;} .navbar-expand-sm .nav-item.company-name{position: relative; line-height: 30px;} .navbar-expand-sm .navbar-item .company-name img{ width: 22px; height: 22px; border-radius: 100%; background: #fff; box-shadow: 0 1px 8px rgb(0 0 0 / 30%); margin-right: 8px; overflow: hidden;} .header-container .navbar .dropdown-menu { border-radius: 6px; border-color: #e0e6ed; } .header-container .navbar .dropdown-item { line-height: 1.8; font-size: 0.96rem; padding: 15px 0 15px 0; word-wrap: normal; border-radius: 6px; } .header-container .navbar .navbar-item .nav-item .dropdown-item.active, .header-container .navbar .navbar-item .nav-item .dropdown-item:active { background-color: transparent; color: #16181b; } .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu { top: 109%; border-radius: 0; border: none; border-radius: 6px; -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); background: #fff; margin-top: 0; } .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after { position: absolute; content: ''; top: -10px; margin-left: -7px; height: 0; width: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 15px solid #fff; left: auto; right: 7px; border-bottom-color: #fff; } .header-container .navbar .language-dropdown {position: relative;margin-right: 15px; } .header-container .navbar .language-dropdown a.nav-link {position: relative;padding: 0; display: flex;align-items: center; } .header-container .navbar .language-dropdown a.nav-link::before, .header-container .navbar .language-dropdown a.nav-link::after{content: "\eaf8";font-family: boxicons!important;font-style: normal; -webkit-font-smoothing: antialiased;font-size: 18px;color: #949aa1;display: block !important;transition-duration:.3s;} .header-container .navbar .language-dropdown a.nav-link::before{content: "";width: 16px; height: 16px; background: url(../img/ico-global.png) no-repeat center;background-size: contain;} .header-container .navbar .language-dropdown a.nav-link::after{content: "\ea4a";font-size: 16px;margin: 0 !important;border: none !important; } .header-container .navbar .language-dropdown a.nav-link:hover, .header-container .navbar .language-dropdown a.nav-link:hover:before, .header-container .navbar .language-dropdown a.nav-link:hover:after{color: #059ae0;} .header-container .navbar .language-dropdown a.nav-link span{padding: 0 5px 0 7px;} .header-container .navbar .language-dropdown a.dropdown-toggle:after { display: none; } .header-container .navbar .language-dropdown a.dropdown-toggle img { width: 20px; height: 20px; margin: 11px 0px; } .header-container .navbar .language-dropdown .dropdown-menu { min-width: 7rem; left: 50%; transform: translate(-50%, 0); box-shadow: none; top: 105% !important; z-index: 1070; border: 1px solid #e0e6ed; padding: 6px 6px; border-radius: 4px; } .header-container .navbar .language-dropdown .dropdown-menu:before { top: -10px; left: 41%; right: auto !important; } .header-container .navbar .language-dropdown .dropdown-menu:after { top: -8.5px; left: 49% !important; right: auto !important; } .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:hover { background: rgba(27, 85, 226, 0.180392); } .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active, .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active { background: transparent; color: #16181b; } .header-container .navbar .language-dropdown .dropdown-menu a img { width: 20px; height: 20px; margin-right: 16px; } .header-container .navbar .language-dropdown .dropdown-menu a span { color: #3b3f5c; font-weight: 500; } /* Language */ /* Language Dropdown */ /*Message Dropdown*/ .navbar .navbar-item .nav-item.dropdown.message-dropdown { margin-left: 20px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link { padding: 0 0; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link:after { display: none; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link svg { color: #e0e6ed; width: 22px; height: 22px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge { position: absolute; top: 13px; right: 2px; width: 18px; height: 18px; border-radius: 50%; padding: 1px 5px 0px; font-size: 10px; color: #fff !important; background: #059ae0; border: 1px solid #e0e6ed; top: 10px; right: -8px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown.double-digit .nav-link span.badge { top: 11px; right: 1px; width: 22px; height: 22px; padding: 3px 3px 0px; font-size: 9px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu { min-width: 15rem; right: -15px; left: auto; padding: 10px !important; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item { padding: 13px 21px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item.active, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:active { background-color: transparent; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover { background-color: rgba(27, 85, 226, 0.180392); } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:first-child { padding-top: 16px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after { right: 17px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:last-child { padding-bottom: 16px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media { margin: 0; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media img { width: 40px; height: 40px; margin-right: 11px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body { align-self: center; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name { font-size: 15px; margin-bottom: 0px; color: #059ae0; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body p.msg-title { font-size: 9px; font-weight: 700; color: #3b3f5c; margin-bottom: 0; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown { margin-left: 16px; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link { padding: 0 0; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link:after { display: none; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link svg { color: #e0e6ed; width: 22px; height: 22px; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link span.badge { position: absolute; top: 9px; right: 3px; width: 8px; height: 8px; border-radius: 50%; padding: 3px 0px 0px; font-size: 10px; color: #fff !important; background: #c2d5ff; display: block; border: 1px solid #3b3f5c; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu { min-width: 15rem; right: -5px; left: auto; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item { padding: 0.625rem 1rem; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover { background-color: rgba(27, 85, 226, 0.180392); } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:not(:last-child) { border-bottom: 1px solid #ebedf2; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media { margin: 0; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu svg { width: 20px; height: 20px; font-weight: 600; color: #059ae0; fill: rgba(0, 23, 55, 0.08); margin-right: 14px; align-self: center; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body .notification-para { white-space: normal; line-height: 16px; color: #3b3f5c; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body .notification-para .user-name { font-weight: 600; color: #059ae0; display: inline-block; } .navbar .navbar-item .nav-item.search-animated { position: relative; } .navbar .navbar-item .nav-item.search-animated svg { font-weight: 600; margin: 0 9.6px; cursor: pointer; color: #888ea8; position: absolute; width: 18px; height: 18px; top: 9px; } .navbar .navbar-item .nav-item form.form-inline input.search-form-control { width: 100%; font-size: 14px; background-color: rgba(81, 83, 101, 0.28); border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #888ea8; letter-spacing: 1px; padding: 0px 4px 0px 35px; height: 36px; font-weight: 600; } .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus { border: 1px solid #3b3f5c; box-shadow: none; } .navbar .navbar-item .nav-item .form-inline.search .search-form-control { border: 1px solid rgba(81, 83, 101, 0.28); width: 100%; width: 370px; } .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-webkit-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-ms-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-moz-placeholder { color: #888ea8; letter-spacing: 1px; } .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-webkit-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-ms-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-moz-placeholder { color: #3b3f5c; } /*Notification Dropdown*/ .search-overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: transparent !important; z-index: 814 !important; opacity: 0; transition: all 0.5s ease-in-out; } .search-overlay.show { display: block; opacity: .1; } /* User Profile Dropdown*/ .navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user { padding: 0 20px 0 16px; position: relative; } .navbar .navbar-item .nav-item.dropdown.user-profile-dropdown .nav-link:after { display: none; } .navbar .navbar-item .nav-item.user-profile-dropdown .nav-link img { width: 28px; border-radius: 4px; height: 28px; } .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu { z-index: 9999; min-width: 13rem; padding: 11px; top: 68px; left: -164px; } .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item { padding: 0; font-size: 13px;} .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a { display: block; color: #3b3f5c; padding: 5px 7px; } .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover { background-color: rgba(27, 85, 226, 0.180392); } .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item.active, .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:active { background-color: transparent; } .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:not(:last-child) { border-bottom: 1px solid #ebedf2; } .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg { width: 18px; margin-right: 10px; height: 18px; color: #059ae0; } /* =============== Sidebar =============== */ .sub-header-container { position: fixed; top: 53px; width: 100%; z-index: 1029; display: flex; } .sub-header-container .navbar { -webkit-box-shadow: 0px 0px 15px 1px rgba(138, 132, 206, 0.03); -moz-box-shadow: 0px 0px 15px 1px rgba(138, 132, 206, 0.03); box-shadow: 0px 20px 20px rgba(126, 142, 177, 0.12); background: #fafafa; border-radius: 0; padding: 9px 0; justify-content: flex-start; min-height: 53px; width: 100%; } .sub-header-container .navbar .toggle-sidebar { position: relative; padding: 0 25px 0 31px; margin-left: 0; } .sub-header-container .navbar .sidebarCollapse { position: relative; padding: 0 25px 0 31px; margin-left: 0; } .sub-header-container .navbar .sidebarCollapse svg { width: 20px; height: 20px; color: #888ea8; vertical-align: text-top; } .page-header { display: flex; padding: 0 0; } .sub-header-container .breadcrumb-one { display: inline-block; } .sub-header-container .breadcrumb-one .breadcrumb { padding: 0; vertical-align: sub; background-color: transparent; margin-bottom: 0; } .sub-header-container .breadcrumb-one .breadcrumb-item { align-self: center; } .sub-header-container .breadcrumb-one .breadcrumb-item a { color: #888ea8; vertical-align: sub; } .sub-header-container .breadcrumb-one .breadcrumb-item a svg { width: 18px; height: 18px; vertical-align: sub; fill: #888ea8; } .sub-header-container .breadcrumb-one .breadcrumb-item.active a { color: #515365; } .sub-header-container .breadcrumb-one .breadcrumb-item span { vertical-align: sub; } .sub-header-container .breadcrumb-one .breadcrumb-item.active { color: #3b3f5c; font-weight: 600; } .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item { padding: 0px; } .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before { color: #888ea8; padding: 0 6px 0 6px; vertical-align: bottom; } .sub-header-container .more-dropdown .custom-dropdown-icon { padding-right: 20px; } .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle { position: relative; padding: 9px 35px 10px 15px; border: 1px solid #d3d3d3; border-radius: 8px; transform: none; line-height: 17px; background-color: #fff; letter-spacing: normal; min-width: 115px; text-align: inherit; color: #1b2e4b; box-shadow: none; max-height: 35px; } .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle svg { position: absolute; right: 15px; top: 11px; color: #888ea8; width: 13px; height: 13px; margin: 0; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .sub-header-container .more-dropdown .custom-dropdown-icon.show a.dropdown-toggle svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu { position: absolute; right: 16px; top: 40px !important; padding: 8px 0; border: none; min-width: 155px; border: 1px solid #d3d3d3; } .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a { padding: 8px 15px; font-weight: 500; color: #3b3f5c; } .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a:hover { background-color: #bae7ff; color: #2196f3; } @media (max-width: 575px) { .page-header { display: block; } .page-exp{display:none} } .sidebar-wrapper + .sc-sidebar{width: 110px;position: fixed;z-index: 1028;border-radius: 6px 6px 0 0;transition: .600s;height: calc(100vh - 55px);touch-action: none;user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);top: 53px;left: 70px;border-right: 1px solid #e0e6ed;background:#fff} .sidebar-wrapper + .sc-sidebar + #content{width: calc(100% - 190px);margin-left:180px} .sidebar-wrapper + .sc-sidebar ul li{position: relative;} .sidebar-wrapper + .sc-sidebar ul li a{position: relative;padding-left:10px} .sidebar-wrapper + .sc-sidebar ul li a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 3px;background: #059ae0;border-radius: 100%;transform: translateY(-50%);} /* =============== Sidebar =============== */ .sidebar-wrapper { width: 70px; position: fixed; z-index: 1028; border-radius: 6px 6px 0 0; transition: .600s; height: calc(100vh - 55px); touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 53px; left: 0; } .sidebar-theme { background: transparent; } .sidebar-closed.main-container { padding: 0; } .sidebar-closed > .sidebar-wrapper { left: -270px; } .sidebar-closed > #content { margin-left: 0;width: 100%; } #sidebar .navbar-brand .img-fluid { display: inline; width: 44px; height: auto; margin-left: 20px; margin-top: 5px; } #sidebar .border-underline { border-left: 1px solid #ccc; height: 20px; margin-top: 18px; margin-left: 0px; margin-right: 8px; } #sidebar * { overflow: hidden; white-space: nowrap; } .shadow-bottom { display: block; position: absolute; z-index: 2; height: 33px; width: 100%; pointer-events: none; margin-top: -13px; left: -4px; -webkit-filter: blur(5px); filter: blur(3px); background: -webkit-linear-gradient(180deg, #f1f2f3 49%, #f1f2f3f2 85%, #2C303C00); background: linear-gradient(#F2F4F4 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0)); } #sidebar ul.menu-categories { position: relative; margin: auto; width: 100%; height:100vh; overflow: hidden; } #sidebar ul.menu-categories.ps { height: 100vh; margin-right: 0; /*border-right: 1px solid #e0e6ed; */} #sidebar .ps__thumb-y { right: 4px; } #sidebar ul.menu-categories li > .dropdown-toggle[data-active="true"] svg.feather-chevron-right, #sidebar ul.menu-categories li > .dropdown-toggle[aria-expanded="true"] svg.feather-chevron-right { transform: rotate(90deg); } #sidebar ul.menu-categories li.menu:first-child ul.submenu > li a { justify-content: flex-start; } #sidebar ul.menu-categories li.menu:first-child ul.submenu > li a i { align-self: center; margin-right: 12px; font-size: 19px; width: 21px; } #sidebar ul.menu-categories li.menu:first-child > .dropdown-toggle { } #sidebar ul.menu-categories li.menu > .dropdown-toggle {display: flex; justify-content:center;align-items: center;text-align: center; height: 83px; cursor: pointer; color: #0e1726; padding: 6px; transition: .600s; font-weight: normal; } #sidebar ul.menu-categories li.menu > .dropdown-toggle span{display: block; } #sidebar ul.menu-categories li.menu > .dropdown-toggle > div { } #sidebar ul.menu-categories li.menu > .dropdown-toggle > div .bx{font-size: 24px;} #sidebar ul.menu-categories li.menu .dropdown-toggle:after { display: none; } #sidebar ul.menu-categories li.menu > .dropdown-toggle svg { color: #506690; margin-right: 10px; vertical-align: middle; width: 20px; height: 20px; fill: rgba(0, 23, 55, 0.08); } #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"], #sidebar ul.menu-categories li.menu.active > .dropdown-toggle{background-color: rgba(5, 154, 224,.2);color: #059ae0;} #sidebar ul.menu-categories li.menu.active > .dropdown-toggle .bx-crawler:before{background-image: url(../img/crawler-hover.png) ;} #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg { color: #000342; fill: #acb0c3; } #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:hover svg, #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] span { color: #000342; } #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover, #sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover {} #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) { background-color: rgba(27,85,226,.2);color: #059ae0;} #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg { color: #000342; } #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) svg { color: #000342; color: #506690; fill: rgba(27, 85, 226, 0.239216); } #sidebar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-right { vertical-align: middle; margin-right: 0; width: 15px; } #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg.flaticon-right-arrow, #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg.flaticon-down-arrow { background-color: transparent; } #sidebar ul.menu-categories li.menu > a span:not(.badge) { vertical-align: middle; } #sidebar ul.menu-categories ul.submenu > li a { position: relative; display: flex; justify-content: space-between; padding: 6px 6px ; margin-left: 0; color: #515365; } #sidebar ul.menu-categories li.menu ul.submenu > li a:before {display: none; content: ''; background-color: #d3d3d3; position: absolute; height: 3px; width: 3px; top: 17.5px; left: 13px; border-radius: 50%; } #sidebar ul.menu-categories ul.submenu > li.active a { color: #059ae0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-weight: 600; } #sidebar ul.menu-categories li.menu ul.submenu > li.active a:before { background-color: #059ae0; } #sidebar ul.menu-categories ul.submenu > li.active { position: relative; } #sidebar ul.menu-categories ul.submenu > li a:hover { color: #059ae0; } #sidebar ul.menu-categories ul.submenu > li a:hover:before { background-color: #059ae0 !important; } #sidebar ul.menu-categories ul.submenu > li a i { align-self: center; font-size: 9px; } #sidebar ul.menu-categories ul.submenu li > [data-active="true"] i { color: #059ae0; } #sidebar ul.menu-categories ul.submenu li > [data-active="true"]:before { background-color: #059ae0 !important; } #sidebar ul.menu-categories ul.submenu li > a[data-active="true"] { color: #059ae0; } #sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a { position: relative; padding: 10px 12px 10px 48px; padding-left: 13px; margin-left: 47px; font-size: 12px; color: #515365; } #sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li.active a { color: #5c1ac3; } #sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a:hover { color: #059ae0; } #sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a:before { display: none; } #sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li.active a:before { background-color: #059ae0; } .overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 1035 !important; opacity: 0; transition: all 0.5s ease-in-out; top: 0; bottom: 0; right: 0; left: 0; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .e-animated { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes e-fadeInUp { 0% { opacity: 0; margin-top: 10px; } 100% { opacity: 1; margin-top: 0; } } @keyframes e-fadeInUp { 0% { opacity: 0; margin-top: 10px; } 100% { opacity: 1; margin-top: 0; } } .e-fadeInUp { -webkit-animation-name: e-fadeInUp; animation-name: e-fadeInUp; } #sidebar ul.menu-categories .ps__rail-y { right: -4px !important; } /* ====================== Footer-wrapper ====================== */ .footer-wrapper { padding: 10px 20px 10px 18px; display: inline-block; background: transparent; font-weight: 600; font-size: 12px; width: 100%; border-top-left-radius: 6px; display: flex; justify-content: space-between; } .main-container.sidebar-closed .footer-wrapper { border-radius: 0; } .footer-wrapper .footer-section p { margin-bottom: 0; color: #515365; letter-spacing: 1px; } .footer-wrapper .footer-section p a { color: #515365; } .footer-wrapper .footer-section svg { color: #e7515a; fill: rgba(231, 81, 90, 0.419608); width: 15px; height: 15px; vertical-align: text-top; } .page-title-bar{border-bottom:1px solid #eee;height: 58px;padding: 0 20px;} .page-nav-bar li{ position: relative;} .page-nav-bar li:after{content: "-";padding: 0 5px;} .page-nav-bar li:last-of-type:after{display: none;} .global-search{position: absolute; top: 50%;left:50%; transform:translate(-50%,-150%);width:400px} .global-search strong{font-size: 2rem;color:#6e6e6e;font-weight: bold;display: block;margin-bottom:27px;} .global-search .search-content{position: relative;} .global-search .search-content .form-control{flex:1;margin-right: 12px;height: 50px;font-size: .72rem;} .global-search .search-content .btn{text-transform:uppercase; font-size: .97rem;} .global-search-hagro{text-align:center;position: absolute; top: 125%;left:50%; transform:translate(-50%,-250%);height:30%;width:50%} .page-title-bar .search-title-bar{position: relative;} .page-title-bar .search-title-bar .form-control{ margin-right: 12px; width:400px;height: 36px;font-size: .72rem;border-radius:3px } .page-title-bar .search-title-bar .btn{ border-radius:3px } .table-title-bar{position: relative; } .table-title-bar ul{position: relative;width: 100%; border-bottom: 1px solid #eee;} .table-title-bar li{position: relative;margin: 0 25px 10px 0;} .table-title-bar li svg{width: 20px; height: 20px;margin-right: 3px;} .table-title-bar li.active a{color: #059ae0;} .table-title-bar li.active.all svg path:nth-of-type(1){fill:#34a853} .table-title-bar li.active.all svg path:nth-of-type(2){fill:#ea4335} .table-title-bar li.active.all svg path:nth-of-type(3){fill:#fbbc04} .table-title-bar li.active.all svg path:nth-of-type(4){fill:#059ae0} .table-title-bar li.active.email svg path{fill:#059ae0} .table-title-bar li.active.phone svg path:nth-of-type(1){fill:#059ae0} .table-title-bar li.active.phone svg path:nth-of-type(2){fill:#fbbc04} .table-title-bar li.active.phone svg path:nth-of-type(3){fill:#ea4335} .table-title-bar li:after{content: "";position: absolute;left: 0; bottom:-10px;width:0;height: 3px; background-color:#059ae0 ;} .table-title-bar li.active:after{width: 100%;} .table-title-bar .result-num{padding: 10px 0;} .ico_web_link{display: inline-block;width: 12px;height: 12px; background: url(../img/add-ico-open.png) no-repeat center center; background-size: contain;opacity:.5} .ico_copy_btn{ background: url(../img/ico_copy.png)no-repeat center center; background-size: contain;position: relative;display: inline-block;width: 16px;height: 16px;cursor: pointer;} .container-text-content{position: relative;max-height:40px;overflow: hidden; } .container-text-content.large{max-height: 200px;} .container-text-content .container-view{position: relative;padding-right: 30px;} .container-text-content .more{position: absolute;right: 0; top: 50%; margin-top: -8px;width: 20px; text-align: center; line-height: 14px; border: 1px solid #059ae0;border-radius:3px;display: none;} .container-text-content.show .more{transform:rotate(180deg);} .email_tel_btn_style{position: relative;display:flex;align-items: center;justify-content: center; line-height: 28px; width: 112px;font-weight: bold;} .email_tel_btn_style::before{content: ""; position: relative;display: inline-block;width: 15px; height: 15px;margin-right: 10px; background: url(../img/add-ico-open-hover.png) no-repeat center center;background-size: contain;} .all_leads_btn_style{position: relative;display:flex;align-items: center;justify-content: center; line-height: 28px; width: 112px; border-radius:2px;padding: 0 12px; border: 1px solid #059ae0;box-shadow:none;background-color:#fff} .all_leads_btn_style::after{content: ""; position: relative;display: inline-block;width: 12px; height: 12px;margin-left: 10px; background: url(../img/add-ico-open-hover.png) no-repeat center center;background-size: contain;} .copy-btn{position: relative;display: inline-block; line-height: 26px; padding: 0 8px; border: 1px solid #059ae0;border-radius:2px;} .table-box{position: relative;border: 1px solid #eee;border-radius:6px; } .table-scroll{position: relative; overflow: auto; min-height: 300px; width: 100%; width: 100%;} .pub-table{position: relative;width: 100%;border-spacing: 0;border-collapse: collapse;} table.pub-table, table.pub-table thead, table.pub-table tbody, table.pub-table tr, table.pub-table td {position: relative;} table.pub-table th ,table.pub-table td {position: relative;border-bottom: 1px solid #eee;padding: 15px;} table.pub-table th{background-color: #f3f6f9;} table.pub-table .td-wrap {position: relative;} .table-pagination-wrap{position: relative;margin: 25px 0;} .swiper-video-pagination-wrap{position: relative; text-align: center;margin: 25px 0;} .table-pagination-wrap .tip{} .table-pagination-wrap .right{} .table-pagination-wrap .table-pagination {position: relative;} .table-pagination-wrap .table-pagination a,.table-pagination-wrap .table-pagination span, .swiper-video-pagination-wrap .swiper-video-pagination a,.swiper-video-pagination-wrap .swiper-video-pagination span {position: relative;display: inline-block; min-width:24px; text-align: center;line-height: 28px;border-radius:3px;color: #888ea8;margin: 3px;padding:0 5px; -moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .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{background: rgba(27,85,226,.3);color: #059ae0;;} .table-pagination-wrap .table-pagination .prev svg, .table-pagination-wrap .table-pagination .next svg{width: 18px; height: 18px;;} .table-pagination-wrap .table-pagination .jump-ipt{width: 44px;height: 28px;background: none;border-radius:5px;border: 1px solid #eee;margin: 0 7px; color: #888ea8;} .table-pagination-wrap .table-pagination .jump-btn{background: #059ae0;border-radius:5px; line-height: 25px;padding: 0 10px;margin-left:7px;color: #fff;} .table-pagination-wrap .table-pagination em{padding: 0 0 0 125px;} .table-pagination-wrap .select-num{position:absolute;background: none;border-radius:20px;border: 1px solid #1b55 e2 ;width: 100px; height: 28px;color: #888ea8; padding: 0 10px;right: 165px; top: 0;} .currencyStyle .modal-header{border-color: #059ae0 ;} .currencyStyle .modal-header .close.position-absolute{margin: 0 !important;right: 0; top: 0;} .currencyStyle .modal-header .title.btn-rounded{padding: 5px 30px !important; border-width: 2px !important; width: auto;} .currencyStyle .modal-header .title.custom01 em{background-color: #059ae0;color: #fff;padding: 15px 40px;font-size: 14px;} .currencyStyle .modal-footer{border-color: #eee ;} .currencyStyle .modal-header .modal-title{font-size: 16px;color: #000;} .currencyStyle .modal-header .modal-title em{font-size: 13px; opacity:.6; font-weight: normal;margin-left: 15px;} .currencyStyle .modal-header .close svg{width: 20px; height: 20px;color:#999999;} .currencyStyle .modal-box{position: relative;} .currencyStyle .modal-box .modal-scroll{position: relative;max-height: 700px;/* min-height: 350px; */ overflow: auto;padding:0 15px;margin: 20px 0; } .currencyStyle .modal-box ::-webkit-scrollbar{width:6px;} .currencyStyle .modal-box ::-webkit-scrollbar-track{background-color:transparent;} .currencyStyle .modal-box ::-webkit-scrollbar-thumb{ background-color: rgba(5, 154, 224,.5);} .currencyIframeStyle .modal-box.ifram-modal-box .modal-scroll { width: calc(100% + 140px); padding: 0; overflow: hidden;} .currencyIframeStyle .modal-box.ifram-modal-box .modal-scroll iframe { border: none; width: 100%;height: 700px;} .upgrade-tip{position: relative; text-align: center;} .upgrade-tip .tip{font-size: 26px;color: #000; margin: 80px 0 50px;} .upgrade-tip .upgrade-btn{font-size: 18px; min-width: 198px; line-height: 48px;padding: 0 20px;} .emailandtel .item_ps{display: flex;flex-wrap: wrap;font-size: 13px; } .emailandtel .item_ps .item_p{width: 50%;} .emailandtel .item_ps .item_p:nth-of-type(1){width: 50%;} .emailandtel .item_ps .item_p:nth-of-type(2){width: 50%;} .emailandtel .item_ps .item_title svg,.emailandtel .item_ps .wa_list .item_title svg{width: 18px; height:18px;} .emailandtel .item_ps .this_email_list,.emailandtel .item_ps .wa_list{margin-top:10px;font-size: 12px;} .emailandtel .item_ps .this_email_list li,.emailandtel .item_ps .wa_list li{margin-bottom: 5px;} .email_list li.email{position:relative; padding-left:0 !important} .email_list li.email.suc, .email_list li.email.fail, .email_list li.email.correct, .email_list li.email.error{padding-left:20px !important } .email_list li.email:before{content:"";position: absolute;left:0;top:50%;width: 18px;height: 18px; line-height:16px; text-align:center;color:#fff;border-radius:100%;margin-top:-8px;font-weight: bold;-moz-transform:scale(.7);-webkit-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)} .email_list li.email.suc:before{content:"!";background:#059ae0;} .email_list li.email.fail:before{content:"?";background:#f46b36;} .email_list li.email.correct:before{content:"v";background:#16c4af;} .email_list li.email.error:before{content:"x";background:#e64239; font-size: 14px;} .email_list li.email .verification_tip{position: absolute;display:none;left:-103px;top:0; width: 98px;padding: 5px 0;text-align: center; border-radius: 3px;font-size: 12px;color: #fff;opacity:0; visibility:hidden;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .email_list li.email.suc .verification_tip{background:#059ae0;display:block;} .email_list li.email.fail .verification_tip{background:#f46b36;display:block;} .email_list li.email.correct .verification_tip{background:#16c4af;display:block;} .email_list li.email.error .verification_tip{background:#e64239;display:block;} .email_list li.email:hover .verification_tip{opacity:1; visibility:visible;} .wa_list li.wa{position:relative; padding-left:0!important;} .wa_list li.wa.suc, .wa_list li.wa.fail, .wa_list li.wa.correct, .wa_list li.wa.error{padding-left:20px !important } .wa_list li.wa:before{content:"";position: absolute;left:0;top:45%;width: 18px;height: 18px; line-height:16px; text-align:center;color:#fff;border-radius:100%;margin-top:-8px;font-weight: bold;-moz-transform:scale(.7);-webkit-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)} .wa_list li.wa.suc:before{content:"!";background:#059ae0;} .wa_list li.wa.fail:before{content:"?";background:#f46b36;} .wa_list li.wa.correct:before{content:"v";background:#16c4af;} .wa_list li.wa.error:before{content:"x";background:#e64239; font-size: 14px;} .eqp_tel,.eqp_phone,.eqp_whatsapp{position: relative;display: inline-block;vertical-align: middle;width: 15px;height: 15px; background: url(../img/tel0924.png) no-repeat center; background-size: contain;} .eqp_phone{background-image: url(../img/phone0924.png)} .eqp_whatsapp{background-image: url(../img/whatsapp0924.png);width: 17px;height: 17px;} .wa_list_flex{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;} .wa_list .wa_list_flex li.wa.right{padding-left:0 !important;padding-right:30px; width:165px} .wa_list .wa_list_flex li.wa.right:before{left:auto;right:0} /*enterprise-container*/ .enterprise-container{} .enterprise-pannel-nav{position: fixed; right:0;/*right: 18px;*/top: 0;width: 130px; background:none; border-left: none;padding:0;} .enterprise-pannel-nav .sidenav-content{position: relative;width: 100%; padding: 20px 15px;background-color: #ffffff;border-radius:10px;} .enterprise-pannel-nav .sidenav-content a{padding:7px 15px;position: relative;white-space: nowrap} .sidenav .sidenav-content a.active, .sidenav .sidenav-content a:hover{border: none; font-weight: normal;color: #1b55e5;} .sidenav .sidenav-content a:after{content: "";position: absolute;left:-4px; top: 50%; width: 9px; height: 9px;margin-top:-4px; background-color: #bfc9d4; border-radius: 100%;} .menu_tooltip_style .tooltip-inner {max-width: 600px!important;text-align: left;padding: 15px;} .sidenav .sidenav-content a:before{content: "";position: absolute;left:0; top: 55%; width: 1px; height: 110%;background-color: #bfc9d4;} .sidenav .sidenav-content a:last-child:before{display: none;} .sidenav .sidenav-content a.active:after, .sidenav .sidenav-content a:hover:after{background-color: #1b55e5;} .enterprise-pannel-nav a.btn,.nav-btn-wrap a.btn{width: 100%; font-size: 12px;margin: 10px 0 0 !important;display:flex;align-items: center;justify-content: center; text-align: center;} .enterprise-pannel-nav a.btn svg,.nav-btn-wrap a.btn svg{width: 16px; height: 16px;margin-right: 7px !important;} .nav-btn-wrap a.btn i.ico{position: relative;display: block; width: 20px; height: 20px; margin-right: 7px; background-repeat: no-repeat; background-position:center; background-size: contain;} .nav-btn-wrap a.btn i.ico.ico-email{background-image: url(../img/add-ico-email.png) } .nav-btn-wrap a.btn i.ico.ico-whatsapp{background-image: url(../img/add-ico-wah.png) } .enterprise-pannel-wrap/* ,.decision-maker-portrait-pannel-wrap */{position:relative; /*width:calc(100% - 174px);*/width:calc(100% - 155px);/*min-height: 610px;*/font-size: 13px;; position: fixed; left: 0; top: 0; height: 100vh; overflow: auto; } .enterprise-pannel-scroll{position: relative;background-color: #fff;/* max-height: 100vh;overflow: auto; */padding: 25px 25px;} /*.enterprise-pannel-wrap ::-webkit-scrollbar{width:6px;} .enterprise-pannel-wrap ::-webkit-scrollbar-track{background-color:transparent;} .enterprise-pannel-wrap ::-webkit-scrollbar-thumb{ background-color: #059ae0;}*/ .video_item ::-webkit-scrollbar{width:6px;} .video_item ::-webkit-scrollbar-track{background-color:transparent;} .video_item ::-webkit-scrollbar-thumb{ background-color: #059ae0;} .enterprise-pannel-wrap .pannel{ position: relative;display: block;width: 100%; font-size: 13px;} /*pannel-enterprise_intro*/ .enterprise-pannel-wrap .pannel.pannel-enterprise_intro{} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro{display: flex;flex-wrap:wrap;margin: 0 0 15px; } .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .avater{width: 200px;margin-right: 20px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .avater img{width: 100%;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info{position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 1px;;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .title{display: flex;flex-wrap:wrap;align-items: center;margin-bottom: 13px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .title .name{ font-size: 16px;margin-right: 40px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .title .addr{margin-right: 20px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .title .addr svg{width: 16px; height: 16px;margin-right: 5px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .title .sns-icons{display: flex;flex-wrap:wrap;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .title .sns-icons img{width: 23px;margin: 3px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .item_cont{display: flex;flex-wrap:wrap;justify-content: space-between;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .item_cont .item_p{display: flex;flex-wrap:wrap;width: 48%;padding: 9px 0;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .item_cont .item_p .item_title{margin-right: 7px;width: 75px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .item_cont .item_p .item_title svg{width: 18px; height: 18px;margin-right: 7px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .intro .info .item_cont .item_p .item_desc{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; min-width: 1px;} .container-text-content{position: relative;max-height:40px;overflow: hidden; } .container-text-content.large{max-height: 200px;} .container-text-content .container-view{position: relative;padding-right: 30px;} .container-text-content .more{position: absolute;right: 0; top: 50%; margin-top: -8px;width: 20px; text-align: center; line-height: 14px; /*border: 1px solid #059ae0;*/border-radius:3px;display: none;} .container-text-content.show .more{transform:rotate(180deg);} /* .container-text-content .more svg{color:#059ae0 !important ;} */ .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .text{margin: 15px 0;} .enterprise-title-bar{position: relative;display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1);} body[value="bg_light"] .enterprise-title-bar{border-color: #059ae0;} .enterprise-title-bar .sub-title{font-size: 15px; padding: 7px 0;} .enterprise-title-bar .title-left{} .enterprise-title-bar .title-left .title{background-color:#059ae0;padding: 10px 25px;border-radius:5px 5px 0 0;color: #ffffff;margin-right: 15px;} .enterprise-title-bar .title-left .data{} .enterprise-title-bar .title-right{} .enterprise-title-bar .title-right .f-btn{position: relative;display: flex;align-items: center;color:#059ae0;} .enterprise-title-bar .title-right .f-btn:before{content: "";position: relative;width: 16px; height: 16px; background-position:center; background-size: contain;background-repeat: no-repeat;display: block;margin-right: 7px;} .enterprise-title-bar .title-right .f-btn-export:before{background-image: url(../img/add-ico-export.png);width: 14px; height: 14px;} .enterprise-title-bar .title-right .f-btn-refresh:before{background-image: url(../img/add-ico-refresh.png);} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data{position: relative;padding: 45px 0;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul{} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li{} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-title{position: relative;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-title i{position: relative;display: block; padding: 2px 8px; z-index: 1;margin-right:3px; } body[value="bg_light"] .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-title i{background-color: #fff;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-title:after{ content: "";width: 66px;height: 66px;border-radius: 100%;border: 12px solid rgba(27,85,226,.2);position: absolute;right: -15px; top: -23px; } .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-info{margin-left: 20px;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-info .item-num{color: #059ae0;font-size: 26px; font-weight: bold;} .enterprise-pannel-wrap .pannel.pannel-enterprise_intro .enterprise-detail .enterprise-data ul li .item-info .item-loading {display: none;} .video-swiper-wrap .swiper-btn{position: absolute;top: 50%;margin-top: -26px; width: 52px;height: 52px; display: flex;align-items: center;justify-content: center; background-color:rgba(0,0,0,.2);color: #fff;border-radius: 100%;z-index: 9;cursor: pointer; -moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .video-swiper-wrap .swiper-btn:hover{background-color:rgba(0,0,0,.5);} .video-swiper-wrap .swiper-btn.prev{left: 12px;} .video-swiper-wrap .swiper-btn.next{right: 12px;} .video-swiper-wrap .video-swiper { width: 95%;margin: 0 auto;position: relative; padding: 5px;} .video-swiper-wrap01 .video-swiper,.video-swiper-wrap02 .video-swiper {width: 100%; } .video-swiper-wrap01 .video-swiper .video_item, .video-swiper-wrap02 .video-swiper .video_item{border-radius:0} .video-swiper .video_item,.video_table .video_item{padding: 0;box-shadow:0 0 10px rgba(0,0,0,.1);max-width: none; margin: 0 } .video-swiper .video_item .item_top,.video_table .video_item .item_top{display: block;} .video-swiper .video_item .item_top .item_img,.video_table .video_item .item_top .item_img{width: 100%; height: auto;} .video-swiper .video_item .item_desc{padding: 0 10px; text-align: left;height: 80px; overflow: auto;overflow-x:hidden} .video-swiper-wrap01 .video-swiper .video_item .item_time {padding: 0 10px;text-align: right;display: block;} .video-swiper .video_item .item_link{padding: 0 10px;display: block;} .video-swiper .video_item .item_bottom{border-top: 1px solid #eee;padding: 10px ;} .video-swiper .video_item .item_bottom:after{display: none;} .video-swiper .video_item .item_bottom .item_opt span{margin: 3px 10px 3px 0;} .video-swiper .video_item .item_bottom .item_opt span i{font-size: 16px;} .load-video-swiper-btn{ position: absolute;right: 10px;bottom: 0;border: 1px solid #ccc;border-bottom: none; line-height: 30px;padding: 0 10px; background: none;color: #333;} .load-video-swiper-btn svg{width: 14px; height: 14px;color: #aaa;} .rela_keywords{ position:relative;background:#0e1726;border-radius: 6px;box-shadow:0 0 10px rgba(0,0,0,.1); padding:20px 28px; } .rela_keywords .title{position:relative; font-size:16px; color:#fff; padding:10px 0; margin-bottom:15px;} .rela_keywords .title:after{ content:""; position:absolute; left:0; bottom:0; width:171px; height:2px; background:#6bc8d9;} .rela_keywords ul{ position:relative;} .rela_keywords ul li{ position:relative; display:inline-block; padding:7px 20px 7px 0;} .swiper-video-pagination-wrap{position: relative; text-align: center;margin: 25px 0;} .enterprise-addr-map{} .enterprise-addr-map .box{width: 60%;} .enterprise-addr-map .addr-content{width: 38%;} .enterprise-addr-map .addr-content .title strong{} .enterprise-addr-map .addr-content .title i{} .enterprise-addr-map .addr-content .title em{} .enterprise-addr-map .addr-content ul{position: relative;padding-left: 15px;border-left: 2px solid #059ae0; margin: 25px 0;} .enterprise-addr-map .addr-content ul li{ margin: 0 0 5px;} .enterprise-addr-map .addr-content ul li:last-of-type{margin-bottom: 0;} .enterprise-addr-map .addr-content ul li label{} .enterprise-addr-map .els{} .enterprise-addr-map .els .ico{ text-align: center;margin: 0 15px 10px 0;} .enterprise-addr-map .els .ico .ico-img{width: 41px; height: 41px; border-radius: 100%; display:flex;align-items: center;justify-content: center; background-color: #059ae0;} .enterprise-addr-map .els .ico:nth-child(2n) .ico-img{ background-color: #0ca900;} .enterprise-addr-map .els .ico .ico-img img{width: 22px;} .enterprise-addr-map .els .ico em{color: #059ae0;padding: 8px 0;display: block;} .decisionMakerPortrait-box{font-size: 13px;} .decisionMakerPortrait-box .email_list li,.decisionMakerPortrait-box .wa_list li{margin-bottom: 5px;} .video-swiper-wrap03 .video-swiper{ width: 98%;} .video-swiper-wrap03 .twitter_item {padding: 15px; border-radius:20px;border: 1px solid rgba(255,255,255,.2);} body[value="bg_light"] .video-swiper-wrap03 .twitter_item {border-color:#eee} .video-swiper-wrap01 .swiper-btn.next,.video-swiper-wrap02 .swiper-btn.next,.video-swiper-wrap03 .swiper-btn.next{right: 0; } .video-swiper-wrap01 .swiper-btn.prev,.video-swiper-wrap02 .swiper-btn.prev,.video-swiper-wrap03 .swiper-btn.prev{left: 0;} .video-swiper-wrap01 .swiper-btn,.video-swiper-wrap02 .swiper-btn{top:30%} .video-swiper-wrap03 .swiper-btn{width: 35px; height: 35px;line-height: 35px;margin-top: -17px;} .table_tdp{width: 100%;min-width:880px} .table_tdp tr{ border-bottom: 1px solid #eee;} .table_tdp th,.table_tdp td{padding:10px 10px;} .table_tdp th{background-color: #f3f6f9;} .enterprise-pannel-wrap .table_tdp .new-control{margin-right: 0; top: -5px;} .enterprise-pannel-wrap .data-loader { display: none; padding: 100px 0; } .enterprise-body div#load_screen { position: fixed; left: 0; top: 0; height: 100vh; width: calc(100% - 155px); overflow: hidden;background-color: #fff; } .enterprise-body div#load_screen .loader{border: none !important;width: 100%;} .enterprise-pannel-wrap form input[type=text]{border:1px solid #eee;width: 200px;} .SignIn-box .field-wrapper {position: relative;margin-bottom: 20px;} .SignIn-box .field-wrapper label{position: relative;display: block;margin: 0; padding: 0; font-weight: normal; font-size: 13px;color: #000; text-transform: uppercase;margin-bottom: 10px;} .SignIn-box .field-wrapper .input_group{position:relative} .SignIn-box .field-wrapper .input_group input {height: 38px;padding-left: 35px; font-size: 13px;} .SignIn-box .field-wrapper .input_group svg{width: 16px; height: 16px;position: absolute; top: 50%;transform:translateY(-50%);color: #888;} .SignIn-box .field-wrapper .input_group svg:first-of-type{left: 10px; } .SignIn-box .field-wrapper .input_group svg:last-of-type{right: 10px; } .SignIn-box .referral_code_btn{box-shadow: none;background-color: #e2e2e2;} .SignIn-box .field-wrapper button[type="submit"]{width: 100%; background-color: #059ae0;margin:30px 0 0;color: #fff;} .SignIn-box .tip{text-align: center;} .SignIn-box .tip a{text-decoration: underline;} @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"); } [class*=" ri-"], [class^=ri-] { font-family: remixicon!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bx{ font-family: boxicons!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .web-form-box{} .web-form-box .input-wrapper{position: relative;margin: 0 0 25px;} .web-form-box .input-wrapper .input-title{font-size: 13px; display: block;position: relative;color: #333;margin: 0 0 5px;} .web-form-box .input-wrapper .input-con{position: relative;} .web-form-box .input-wrapper .input-con svg{z-index: 2;position: absolute;left: 10px; top: 50%; transform:translateY(-50%);width: 18px;color: #666;} .web-form-box .input-wrapper .input-con svg.feather-eye{left: auto;right: 10px;} .web-form-box .input-wrapper .input-con input{position: relative;width: 100%;height: 38px;border: 1px solid #eee;border-radius:6px; background-color: transparent;padding: 0 35px;} .web-form-box .input-wrapper .input-con .get-sms-code{position: absolute;right: 5px; top: 50%; transform:translateY(-50%);font-size: 13px; padding: 3px 10px 0;} .web-form-box .input-wrapper .form-submit-btn{width: 100%; background-color: #059ae0 !important;border-color: #059ae0 !important; padding: 6px 0;margin-top: 17px;} .web-form-box .weChat-sign-in{position: relative;margin: 35px 0 0;} .web-form-box .weChat-sign-in .title{position: relative;} .web-form-box .weChat-sign-in .title:before{content: ""; position: absolute;left: 0;top: 50%; display: block; width: 100%;height: 1px; background-color:rgba(5, 154, 224,.2) ;transform:translateY(-50%);} .web-form-box .weChat-sign-in .title em{position: relative;display: inline-block;padding: 0 20px;background-color: #fff;} .web-form-box .weChat-sign-in .image{position: relative;display: inline-block; width: 170px;margin: 25px 0 15px;} .web-form-box .weChat-sign-in .image img{width: 100%;} .web-form-box .weChat-sign-in .tip{} .sys-edition-items{position: relative;padding-bottom: 10px; flex-wrap: wrap;} .sys-edition-item{position: relative;width: 19.2%;padding: 20px 10px;margin-right: 1%;padding-bottom: 70px;margin-bottom:10px; background-color: #f5f5f5;border-radius: 8px;box-shadow:0 3px 7px rgba(0,0,0,.2)} .sys-edition-item:last-of-type{margin-right:0} .sys-edition-item:last-of-type{margin-right: 0;} .sys-edition-item .item-title{position: relative;border-bottom: 1px solid #ddd;padding: 10px 0; flex-wrap: wrap;} .sys-edition-item .item-title strong{font-weight: normal;font-size: 18px;display: block;} .sys-edition-item .item-title em{display: block;font-size: 16px;} .sys-edition-item ul{position: relative;padding: 20px 0 30px;} .sys-edition-item ul li{position: relative;padding: 10px 0 10px 23px;} .sys-edition-item ul li .ico{position: absolute;left: 0; top:12px; /* 50%;transform:translateY(-50%); */} .sys-edition-item .btn-wrap {position: absolute;bottom: 33px;left: 0;width: 100%;} .sys-edition-item .btn-wrap .btn-success{background-color: #67b173;} #upgradeModalCenter .modal-box{padding-bottom: 0;padding-top: 0;} #upgradeModalCenter .modal-footer{border-top: none;padding: 5px 0 30px;} #upgradeModalCenter .modal-footer .btn{padding: 12px 50px; min-width: 290px;font-size: 15px;margin-bottom: 20px;background-color: #1a6be2;} .ico-success{position: relative; display: block;width: 13px; height: 13px; border-radius: 100%;background-color: #67b173;} .ico-success:before{ content: ""; position: absolute;left: 0; top: 0; width: 100%;height: 100%;background-repeat: no-repeat;background-position: center; background-image:url('data:image/svg+xml, ') ;} .ico-fail{position: relative; display: block;width: 13px; height: 13px; border-radius: 100%;background-color: #f17171;} .ico-fail:before{ content: ""; position: absolute;left: 0; top: 0; width: 100%;height: 100%;background-repeat: no-repeat;background-position: center; background-image:url('data:image/svg+xml, ') ;} .sidebar-menu-btn{position: fixed;left: 5px ;top: 65px; display: none;z-index: 9999; background: #fff url(../img/sidebar-menu-btn.png) no-repeat 7px center !important; background-size: 18px !important; width: auto !important; height: 30px !important; line-height: 30px; padding:0 10px 0 32px; border: 1px solid #bbb;border-radius: 5px; } .aionretask-top{} .aionretask-top .item{position: relative;display: flex;justify-content: space-between; flex-wrap: wrap;margin: 0 0 10px 0;} .aionretask-top .item .item-title{position: relative;font-size: 13px; color: #333;display: block;margin: 10px 10px 10px 0;} .aionretask-top .item select,.aionretask-top .item input,.aionretask-top .item .textarea-box{position: relative; border:1px solid #059ae0;border-radius: 6px;height: 42px;padding:0 10px} .aionretask-top .item select{width: 145px;} .aionretask-top .item input{width:370px} .aionretask-top .item .textarea-box{height: 120px;width: calc(100% - 100px);padding: 0;} .aionretask-top .item .textarea-box textarea{border: none;resize: none;position: absolute;left: 10px; top: 10px; width: calc(100% - 20px);height: calc(100% - 20px);} .aionretask-top .item-textarea-wrap .item{width: 49%;margin: 0 0 10px 0;} .block-ico-wrap{position: relative;text-align: center;} .block-ico-wrap:before{content: "";position: absolute;left: 0; top: 50%;width: 100%;height: 1px; background-color:#eee/* rgba(5, 154, 224,.5) */;} .block-ico-wrap .ico{position: relative;display: inline-block;width: 35px; height: 35px; line-height: 35px;text-align: center; background-color: #059ae0;border-radius: 100%;cursor: pointer;;transition-duration:.3s;} .block-ico-wrap .ico svg{color: #fff;} .block-ico-wrap .ico.hide{transform:rotate(-180deg);} .aionretask-bottom{} .aionretask-bottom .item-input-box{} .aionretask-bottom .item-input-box .item-title{} .aionretask-bottom .item-input-box .item-con{position: relative;width: calc(100% - 170px);} .aionretask-bottom .item-input-box .item-con .input-box{position: relative;width:100%;border: 1px solid #059ae0;border-radius: 6px;height: 42px; padding: 0 250px 0 10px;} .aionretask-bottom .item-input-box .item-con .item-opt{position: absolute;right: 20px;top: 12px;} .aionretask-bottom .item-opt a svg{color: #aaa;} .aionretask-bottom .item-textarea-wrap{} .aionretask-bottom .item-textarea-wrap .item-textarea-box{width: 49%;} .aionretask-bottom .item-textarea-wrap .item-textarea-box .item-title{padding: 12px 0;} .aionretask-bottom .item-textarea-wrap .item-textarea-box .item-opt{padding: 12px 0;} .aionretask-bottom .item-textarea-wrap .item-textarea-box .textarea-box{position: relative;border: 1px solid #059ae0;border-radius: 6px; height: 250px;width: 100%;padding: 0;} .aionretask-bottom .item-textarea-wrap .item-textarea-box .textarea-box textarea{border: none;resize: none;position: absolute;left: 10px; top: 10px; width: calc(100% - 20px);height: calc(100% - 20px);} .ai-delete-btn { padding: 5px 20px 4px 15px;font-size:13px} .ai-delete-btn img{transform:translateY(-2px);margin-right: 6px;width:18px !important;} .swal2-popup.swal-width01{width: 22em;} .swal2-popup.swal-width01 #swal2-content{font-weight: normal;color: #333; } .swal2-popup .swal2-styled.swal2-confirm.confirm-btn-style01{border: 1px solid #059ae0 !important;box-shadow: none !important; border-color: #059ae0 !important; color: #059ae0 !important;background-color: transparent !important;font-weight: normal;border-radius: 5px !important;padding: 7px 25px !important;} .swal2-popup .swal2-styled.swal2-cancel.cancel-btn-style01{border: 1px solid #666 !important;box-shadow: none !important; border-color: #666 !important; color: #333 !important;background-color: transparent !important;font-weight: normal;border-radius: 5px !important;padding: 7px 25px !important;} .spinner-loading .spinner-border{width: 18px; height: 18px; border-width: 2px;} .modal-title-active{display: inline-block;padding: 3px 5px; border-bottom: 2px solid #059ae0;color: #059ae0;} .modal-video_item{width:220px ;} .video_item{position:relative;overflow:hidden; } .video_item .item_wrap{} .video_item .item_top{position:relative;width: 100%; } .video_item .item_top .item_img{position:relative;display: block; width:100%; background: #eee; } .video_item .item_top .item_img svg{ position:absolute; left:50%; top:50%; margin:-17px 0 0 -17px;color:#333; z-index:99;opacity:0; visibility:hidden;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)} .video_item .item_top .item_img:hover svg{opacity:1; visibility:visible;-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .video_item .item_top .item_img img{width: 100%;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s; } .video_item .item_top .item_img:hover img{opacity:.3;} .video_item .item_top .item_img .item_num{ position:absolute; left:10px; top:10px; width:52px; height:52px; background:url(../img/ico_arrow.png) no-repeat center; background-size:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center; font-style:normal; font-size:20px;color:#fff;} .video_item .item_info{position:relative;width: 100%; } .video_item .item_btn_wrap{position:relative;font-size:12px;padding: 10px 0; } .video_item .item_btn_wrap .item_btn{position:relative;text-align:center; display: block; margin: 10px 15px 0 0;} .video_item .item_btn_wrap .item_btn span{ position:relative; display:inline-block;width:28px; height:28px; background:#c4c5c9; border-radius:100%; text-align:center; line-height:28px;color:#272b33;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s; } .video_item .item_btn_wrap .item_btn.item_btn_music span{ background:none;color:#c4c5c9;} .video_item .item_btn_wrap .item_btn:hover span{ background:#059ae0;color:#fff;} .video_item .item_btn_wrap .item_btn span svg{} .video_item .item_btn_wrap .item_btn.item_btn_video span svg{ margin-left:3px;} .video_item .item_btn_wrap .item_btn em{ position:relative; display:block; font-style:normal; padding-top:5px;} .video_item .item_text{word-break: break-all;word-wrap: break-word;white-space: pre-wrap;} .ico_message{display: inline-block;width: 16px;height: 16px;background: url(../img/ico-message.png) no-repeat center center; background-size: contain; } .modal-collect-content{position: relative;width: calc(100% - 260px);} .modal-collect-list{position: relative;width: 100%;max-height: 500px;overflow: auto;} .modal-collect-list .ico_message{position: absolute;left: 0; top: 2px;} .modal-collect-list table{width: 100%;} .modal-collect-list table tr{border-bottom: 1px solid #eee;} .modal-collect-list table td{padding: 8px;} .com-textarea-box{position: relative;border:1px solid #059ae0;border-radius: 6px;height: 90px;padding:10px} .com-textarea-box textarea{border: none;resize: none;position: absolute;left: 10px; top: 10px; width: calc(100% - 20px);height: calc(100% - 20px);background-color: transparent;} .ai-picture-draw .com-textarea-box{width: 100%;} .ai-picture-draw .item-opt{position: relative;width: 180px;} .ai-picture-draw .item-opt select{width: 100%;} .ai-picture-draw .item-opt .btn{width: 100%; text-align: center; padding: 7px 20px;} /* .picture-draw-result{} .picture-draw-result .all-picture{position: relative;width: 125px;margin-right:20px ;} .picture-draw-result .all-picture .scroll{position: relative;max-height: 520px;overflow: auto;} .picture-draw-result .all-picture .scroll img{position: relative;display: block;cursor: pointer;transition-duration:.3s;} .picture-draw-result .all-picture .scroll img:hover{opacity: .6;} .picture-draw-result .current-picture{position: relative;width:calc(100% - 280px);height:520px;background-color: #f8f8f8; text-align: center;border: 1px solid #eee;} .picture-draw-result .current-picture img{position: relative;display:inline-block;max-height: 100%;max-width: 100%;} .picture-draw-result .all-picture ::-webkit-scrollbar{width:6px;} .picture-draw-result .all-picture ::-webkit-scrollbar-track{background-color:transparent;} .picture-draw-result .all-picture ::-webkit-scrollbar-thumb{ background-color: rgba(5, 154, 224,.5);} .picture-draw-result .picture-opt{position: absolute;right: 25px;bottom: 0;} .picture-draw-result .picture-opt a{position: relative;display: block;color: #059ae0;margin-top: 13px;} .picture-draw-result .picture-opt a svg{transform:translateY(-3px);} */ .artwork-master-box{position: fixed;left: 0; top: 0; text-align: center; line-height: 100vh;; width: 100%;height: 100%; background-color: rgba(0,0,0,.5); z-index: 1051; } .artwork-master-box img{max-width: 100%;max-height: 100%;display: none;transform:scale(.5);transition-duration:.5s;} .artwork-master-box .close{position: absolute;right: 10px; top: 10px;opacity: 1;} .artwork-master-box .close svg{color: #fff;} .toast {max-width: 100% !important;} .toast-body .toast-scroll {overflow: auto;} .toast-body .toast-scroll::-webkit-scrollbar {width: 6px;} .toast-body .toast-scroll::-webkit-scrollbar-track {background-color: transparent;} .toast-body .toast-scroll::-webkit-scrollbar-thumb {border-radius: 6px;background-color: rgba(5, 154, 224, .5);} .common-Loader{background:rgba(255,255,255,.5);opacity: 1;position: fixed;z-index: 999999;top: 0px;bottom: 0;left: 0;right: 0;width: 100%; } .common-Loader .loader {display: flex;justify-content: center;height: 100vh; } .common-Loader .loader-content {right: 0;align-self: center; } .common-Loader .loader-content .spinner-border{width: 3em;height: 3em;} .sc-sidebar .active a{ /*color: #059ae0 !important;*/ } /* 2023-03-13 -------- login / register */ .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;} .align-center{align-items: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;} .items-end{ -webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;} .justify-between{justify-content: space-between;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;} .main-content.login#content, .main-content.register#content{width: 100%;margin: 0;} .main-content .main_wrap{height: 100vh;} .main-content .main_wrap .banner_container{flex: 1;position: relative;height: 100%;background:url("../img/login_img.jpg") no-repeat 0 0; background-size:cover} .banner_container>img{width: 100%;height: 100%;object-fit: cover;object-position: left top;} .banner_container .operate_btns{position: absolute;top: 10.8%;right: 0;z-index: 2;} .operate_btns a{display: block;width: 106px;height: 55px;line-height: 55px;margin: 0 0 6px;padding: 0 25px 0 42px;border-radius: 30px 0 0 30px;color: #000;background-color:#fff;font-size: 18px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .operate_btns a.current,.operate_btns a:hover{background-color: #059ae0;color: #fff;} .main-content .main_wrap .login_container, .main-content .main_wrap .register_container{width: 575px;max-width: 50%;max-height: 100%;padding: 14vh 2.65% 6vh;overflow: auto;background:#fff} .head_logo{text-align: center;margin-bottom: 6vh;} .head_logo img{max-height: 58px;} .login_container .head_info{font-size: 18px;text-align: center; margin-bottom: 6vh;} .web-form-box .input-wrapper .input-con input{height: 50px;border: none;border-bottom: 1px solid #e8e8e8;} .web-form-box .input-wrapper .form-submit-btn{width: auto;display: inline-block;margin: 0;padding: 0 34px;line-height: 52px;background-color: #059ae0 !important;border-color: #059ae0 !important;border-radius: 30px;} .main_wrap .sns_list{margin-top: 10vh;text-align: center;} .main_wrap .weChat-sign{cursor: pointer;} .main_wrap .web-form-box .input-wrapper{margin-bottom: 32px;} .sns_list ul{font-size: 0;padding: 0;margin: 0;} .sns_list li{display: inline-block;margin: 0 4px;width: 44px;} .sns_list li img{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .sns_list li:hover img{transform: translateY(-3px);} /* 2023-03-20 -------- payment_scheme_wrap */ .scheme_item:nth-child(1){width: 34%;} .scheme_item{width: 22%;text-align: center;} .payment_scheme_head .scheme_item{padding: 0 5px;} .payment_scheme_content {width: 100%;border-radius: 10px;border: 1px solid #059ae0;overflow: hidden;} .payment_scheme_content .scheme_td{padding: 18px 15px;color: #000000;font-size: 12px;} .payment_scheme_content .scheme_td b{font-size: 14px;font-family: "黑体";} .payment_scheme_content .scheme_td:first-child{width:34%/* 30.6%*/;/*display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;*/} .payment_scheme_content .scheme_td:not(:first-child){text-align: center;width:22% /*13.88%*/;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;align-items: center;align-items: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;} .payment_scheme_content .scheme_td span{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .payment_scheme_content .scheme_td+.scheme_td{border-left: 1px solid #059ae040;} .payment_scheme_content .scheme_tr+.scheme_tr{border-top: 1px solid #059ae040;} .payment_scheme_content .checked{font-family: 'boxicons';color: #2cdd68;font-size: 28px;} .payment_scheme_content .checked::after{content: '\ed31';display: block;line-height: 1;} .scheme_item_tab{padding: 5px;border-radius: 15px;box-shadow: 0 0 10px rgba(0,0,0,.1);margin:0 30px 30px;} .scheme_item_tab span{width: 50%;border-radius: 15px;line-height: 58px;color: #d81e06;font-size: 18px;font-weight: bold;cursor: pointer;} .scheme_item_tab span.current{background-color: #059ae0;color: #ffffff;} .scheme_item_cont{position: relative;background-color:#059ae0;border-radius: 10px 10px 0 0;padding: 15px 10px 6px;} .scheme_item_cont h3{color: #ffffff;font-size: 17px;letter-spacing: 3px;} .scheme_item_cont .line{width: 60px;height: 1px;background-color: #059ae0;display: block;margin: 10px auto;} .scheme_item_cont p{color: #fffd7a;font-size: 14px;margin-bottom: 5px;} .scheme_item_cont .price{font-weight: 700;color: #fffd7a;font-size: 16px;display: inline-block;} .scheme_item_cont .fire{width: 40px;height: 45px;background: url(../img/hot_ico.png) center/100% no-repeat;} .scheme_item_professional .scheme_item_cont{background-color: #059ae0;padding-top: 20px;} .scheme_item_professional .scheme_item_cont h3{font-size: 20px;font-weight: 700;} .scheme_item_professional .scheme_item_cont .line{background-color: #016d52;} .scheme_item_free .scheme_item_cont p{margin: 19.5px 0;} .payment_scheme_footer{padding: 15px 0;} .scheme_item .btn-primary{line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;padding: 5px 10px;} .scheme_item em{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .fire{position: absolute;top: -12px;right:-5px;} #upgradeModalCenter .modal-box .modal-scroll{padding-top: 20px;margin-top: 0;max-height: 810px;} #upgradeModalCenter .modal-content .modal-header{border-bottom: none;padding-bottom: 0;} .mo_scheme_table{display:none} /*视频评论详情*/ .willing{color:#f8b421;} .willing.sure::before{content:'';width:11px;height:11px;background-color:#f8b421;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px;margin-top: -2.5px;} .stars {line-height:1;font-size: 0;} .stars i{position: relative;display:inline-block;margin:0 1px 2px;font-size:16px;font-family:"boxicons";color:#f4f4f4;} .stars i.light{color:#fbad2f;} .stars i::before{content:'\eeb8'} .stars i.half::after{content: '\eeb8';position: absolute;clip-path: polygon(0 0,50% 0,50% 100%,0 100%);color: #fbad2f;left: 0;top: 0;z-index: 2;} /* SEO网页测评 */ .tool-search-wrap{max-width: 920px;margin: 30px auto;} .tool-search-wrap{padding: 0 11%;} .tool-tit-bar{align-items: center;} .tool-tit-bar .title{padding: 5px 35px !important;border-width: 2px !important;min-width: 135px;} .tool-tit-bar .tips{flex: 1;padding-left: 20px;margin: 0;color: #6e6e6e;font-size: 13px;} .tool-tit-bar .tips::before{content: "\eac7";line-height: 1;margin-right: 5px;display: inline-block;transform: translateY(3px);font-size: 17px;font-family: "boxicons";} .tool-search-form {margin: 20px 0 30px;position: relative;} .tool-search-form .spinner-border{position: absolute;right: 50px;top: 10px;} /* .measure-btn{min-width: 120px;font-size: 15px;} */ .measure-input{width: 400px;height: 36px;border:1px solid #dadada;border-radius: 5px;line-height: 34px;padding: 0 10px;} .loading-circle.active{animation: circle-animation 3s infinite linear;} .loading-circle{position: absolute;right: -35px;top: 6px;width: 30px;height: 30px;clip:rect(0px,30px,30px,15px);} .loading-circle>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:3px solid transparent;border-radius: 50%;} .loading-circle .left,.loading-circle .right{border-right-color: transparent;border-bottom-color: transparent;transform: rotate(-45deg);} .loading-circle.active .left{border-left:3px solid #059ae0;border-top:3px solid #059ae0;animation: left-animation 3s infinite linear;} .loading-circle.active .right{border-left:3px solid #059ae0;border-top:3px solid #059ae0;animation: right-animation 3s infinite linear;} .tool-search-result{max-width: 920px;margin: 0 auto;border-top: 1px solid #e5e5e5;} .tool-search-result.noborder{border: none;} .evalution-gather{padding: 10px 0 40px;} .eval-gather-item{margin-bottom: 20px;font-size: 13px;} .eval-gather-item .title{width: 18.4%;font-weight: 700;} .eval-gather-item .info{flex: 1;padding-right: 5%;} .eval-gather-item .character{width: 11.8%;color: #00cc66;} .eval-gather-item .character.hot{color:#ff3333;} .eval-gather-item .character::before,.tag::before{content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #00cc66;display: inline-block;margin-right: 8px;vertical-align: middle;margin-top: -3px;} .eval-gather-item .character.hot::before,.hot .tag::before{background-color: transparent;border-width: 7px;border-color: transparent transparent #ff3333 transparent;border-style: solid;border-radius: 0;transform: scaleY(2);transform-origin: left bottom;} .eval-gather-item .label{width: 22%;} .eval-gather-item .label span{font-weight: 700;color: #00714c;display: inline-block;margin-left: 20px;} .eval-gather-item:nth-last-child(2){margin: 30px 0;} .evalution-gather .more{float: right;cursor: pointer;} .evalution-gather .more i{color: #000;font-weight: 700;} .evalution-detail {column-gap: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;} .evalution_nape{width: calc(50% - 15px);padding: 15px;border-top: 1px solid #f3f3f3;} .evalution_nape .tag::before{margin: 0;} .eval_nape_info{flex: 1;text-align: left;margin-left: 15px;} .eval_nape_info .tit{font-size: 13px;} .eval_nape_info .data{color: #007e00;font-size: 18px;font-weight: 700;} .hot .eval_nape_info .data{color: #cb0000;} @keyframes circle-animation { 0%{clip:rect(0px,30px,30px,15px);} 100%{clip:auto;} } @keyframes left-animation { 0%{transform: rotate(-45deg);} 50%{transform: rotate(135deg);} 100%{transform: rotate(315deg);} } @keyframes right-animation { 0%{transform: rotate(-45deg);} 50%{transform: rotate(135deg);} 100%{transform: rotate(135deg);} } /* Tiktok下载 */ .tiktok_video_list,.youtube_video_list{padding: 15px 5%;} .tt_video_left,.yt_video_left{width: 40%;background-color: #f8f8f8;} .tt_video_right,.yt_video_right{width: 60%;padding-left: 5%;} .tt_video_right h3,.yt_video_right h3{font-size: 14px;font-weight: 700;} .tt_video_operate,.yt_video_operate{margin: 20px 0 0;} .tt_video_operate a,.yt_video_operate a{display: block;margin-bottom: 15px;font-size: 13px;color: #1ea987;} .tt_video_operate a::before, .yt_video_operate a::before{font-family: "boxicons";display: inline-block;margin-right: 6px;font-size: 20px;vertical-align: middle;line-height: 1;margin-top: -3px;} .tt_video_operate a.view::before, .yt_video_operate a.view::before{content: "\ec90";} .tt_video_operate a.download::before, .yt_video_operate a.download::before{content:"\eab9"} .tt_video_right .tips, .yt_video_right .tips{color: #898989;font-size: 13px;margin: 0;} .tt_video_right .tips::before, .yt_video_right .tips::before{content: "\eac7";margin-right: 5px;margin-top: -2px;display: inline-block;line-height: 1;vertical-align: middle;font-size: 17px;font-family: "boxicons";} /* VAT查询 */ .vat_information,.domain_information{padding: 30px 22%;} .vat_information li,.domain_information li{margin-bottom: 15px;font-size: 13px;} .vat_information li .tit{display: inline-block;} .vat_information li .info,.domain_information li .info{color: #4ab194;flex: 1;} .domain_information li .tit{min-width: 100px;display: inline-block;} /* 电话验证 */ .phone_verify_wrap .ico-tra, .mailbox_verify_wrap .ico-tra{position: absolute;top: 43%;min-width: 75px;left: calc(38% + 40px);} .phone_verify_wrap .ico-tra .loading-circle{right: calc(50% - 15px);top: calc(100% + 20px);} .phone_verify_wrap .left,.mailbox_verify_wrap .left{width: 38%;margin-right: 155px;} .phone_verify_wrap .right,.mailbox_verify_wrap .right{width: 32.5%;} .phone_verify_wrap textarea,.mailbox_verify_wrap textarea{border-radius: 10px;border: 1px solid #efefef;height: 600px;width: 100%;} .item-verify-container p{margin: 0;font-size: 13px;} .item-verify-container li{cursor: pointer;} .item-verify-container li p{font-size: 12px;} .item-verify-container span::before{width: 18px;height: 18px;display: inline-block;line-height: 18px;font-size: 12px;text-align: center;color: #fff;border-radius: 100%;margin-right: 5px;font-weight: bold;-moz-transform: scale(.7);-webkit-transform: scale(.7);-ms-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);} .item-verify-container .effective::before{content: "v";background-color: #16c4af;} .item-verify-container .unknown::before{content: "?";background-color: #f46b36;} .item-verify-container .nullity::before{content: "x";background-color: #e64239;line-height: 16px;transform: scale(.7) translateY(-2px);-ms-transform: scale(.7) translateY(-2px);-o-transform: scale(.7) translateY(-2px);-webkit-transform: scale(.7) translateY(-2px);-moz-transform: scale(.7) translateY(-2px);} .verify_result{border-top: 1px solid #e5e5e5;} .verify_result ul{padding: 0;} .verify_result .number{width: 150px;} .verify_result .type,.verify_result .mail{flex: 1;} p.type {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 4px;} .mailbox_verify_wrap,.phone_verify_wrap{position: relative;} .type .eqp_tel,.type .eqp_phone, .type .eqp_whatsapp{margin-top: -1px;} /* .verify_result span{margin-right: 6px;} */ /* .verify_result .type.type_tel::before{content: "\ee67";color: #000000;font-size: 18px;font-family: "boxicons";display: inline-block;margin-right: 5px;vertical-align: middle; line-height: 1;margin-top: -3px;} */ /* .verify_result .type.type_phone::before{content: "\eb90";color: #000000;font-size: 18px;font-family: "boxicons";display: inline-block;margin-right: 5px;vertical-align: middle; line-height: 1;margin-top: -3px;} */ /* 谷歌排名查询 */ .ranking-query-wrap .left{width: 38%;margin-right: 8%;} .ranking-query-wrap .right{width: 54%;padding-right: 21%;margin-top: 70px !important;} .ranking-query-wrap .measure-input{padding: 0 10px;flex: 1;} .ranking-query-wrap .form-control{font-size: 13px;border-color: #dadada;padding: 0 15px;height: 36px;} .ranking-query-wrap .select2-container .select2-selection--single .select2-selection__rendered{border-color: #dadada;height: 36px !important;line-height: 34px !important;} .ranking-query-wrap textarea{border-radius: 10px;border: 1px solid #dadada;height: 600px;width: 100%;padding: 15px 10px;} .ranking-query-wrap .tool-search-form{margin: 0;} .item-ranking-container tr{border-bottom: 1px solid #dddddd;} .item-ranking-container td,.item-ranking-container th{padding: 10px 15px;font-size: 13px;font-weight: 700;} .item-ranking-container th:nth-child(2), .item-ranking-container td:nth-child(2){text-align: center;} .item-ranking-container th{color: #00785b;} .item-ranking-container table{width: 100%;} /* 谷歌网站测速 */ .device_view_wrap+.more{float: right;cursor: pointer;margin-top: -15px;} .device_view_wrap+.more i{color: #000;font-weight: 700;} .measure_parameter_detail{column-gap: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-top: 30px;} .parameter_item{width: calc(50% - 15px);padding: 15px;border-top: 1px solid #ebebeb;} .parameter_item .tag::before{margin: 0;} .param_info{flex: 1;text-align: left;margin-left: 15px;} .param_info .tit{font-size: 13px;} .param_info .data{color: #007e00;font-size: 18px;font-weight: 700;} .param_info .desc{font-size: 13px;line-height: 1.8;} .param_info .desc a{color: #1e78ff;} .hot .param_info .data{color: #cb0000;} .device_switch{text-align: center;border-bottom: 1px solid #dddddd;} .device_switch .device_item {display: inline-block;position: relative;font-size: 13px;padding-bottom: 8px;cursor: pointer;} .device_switch .device_item.active{color: #1a73e8;} .device_switch .device_item+.device_item{margin-left: 20px;} .device_item::before{color: #5f6368;font-size: 18px;font-family: "boxicons";margin-top: -3px;display: inline-block;margin-right: 5px;vertical-align: middle;line-height: 1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .device_item::after{content: '';width: 0;height: 2px;background-color: #1a73e8;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 1.5px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .device_pc::before{content: "\ea96";} .device_mobile::before{content: "\eb90";} .device_item.active::before{color: #1a73e8;} .device_item.active::after{width: 100%;} .device_view_wrap{padding: 30px 12%;text-align: center;margin-bottom: 15px;} .device_gallery .swiper-slide a {display: inline-block;padding: 7px;border-radius: 5px;border: 1px solid #e0e0e0;} .device_thumbs .swiper-slide {border: 1px solid #ebebeb;} .device_thumbs {margin-top: 30px;} .device_display{display: none;} .device_display.active{display: block;} /* 关键词拓展 */ .expansion_result {overflow-x: auto;} .expansion_result table{width: 100%;min-width: 620px;} .expansion_result td{padding: 10px 15px;font-size: 13px;} .expansion_result td:not(:nth-child(1)){text-align: center;} .expansion_result tr{border-bottom: 1px solid #dddddd;} .expansion_result thead td{color: #00785b;font-weight: 700;} .expansion_result tbody td:nth-child(1){font-weight: 700;} .expansion_result .btn-outline-primary{color: #333333 !important;font-size: 12px;border-radius: 3px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .expansion_result .btn-outline-primary:hover{color: #fff !important;} .expansion_result td:nth-child(2){padding-left: 7%;} .expansion_result td:nth-child(3){padding-right: 5%;} /* 汇率 */ .exchange_container{max-width: 540px;border-radius: 10px;padding: 10px 20px;border: 1px solid #e0e0e0;} .exchange_container li{padding: 10px 0;} .exchange_container li+li{border-top: 1px solid #f5f5f5;} .currency_type{font-size: 13px;} .currency_type .flag{max-width: 35px;margin-right: 8px;} .currency_type .currency span{display: block;} .exchange_result{font-size: 14px;color: #3b394b;} .exchange_result label{margin:0;font-size: 15px;color: #3d3e3d;} .exchange_result .amount{color: #3d3e3d;width: 150px;line-height: 36px;margin: 0;padding:0;border: none;border-bottom: 1px solid #aaaaaa;} /* 去除AI痕迹 */ .remove-ai-btn{height: 32px;min-width: 98px;} .remove-level-select{width: 150px;height: 32px;padding: 0 5px;font-size: 13px;} .level-select-wrap{font-size: 13px;} .remove-level-select+.select2-container{margin: 0 !important;width: 150px !important;height: 32px;} /* 邮箱验证 */ .mailbox_verify_wrap .ico-tra .spinner-border{position: absolute;right: calc(50% - 9px);top: calc(100% + 15px);} /* 消费者评论分析详细报告 CRAnalysisModal */ .consumer_review_analysis .section{border-radius: 5px;border: 1px solid #eeeeee;} .consumer_review_analysis .section h3{font-weight: 700;font-size: 14px;margin-top: 10px;color: #000;} .consumer_review_analysis .section.mt-3{margin-top:20px !important;} .consumer_review_analysis .section .basic_info_left h3{margin: 0;} .basic_info_left {font-size: 13px;} .basic_info_left .asin{margin: 0 20px;color: #1d2440;} .basic_info_left .asin span{color: #4080fe;text-decoration: underline;} .basic_info_left .form-check,.basic_info_left .form-group label{margin: 0;color: #1d2440;font-size: 13px;} .basic_info_left .form-check-input{margin-top:.2rem} .pro_list {width: 100%;} .pro_list .pro_item{position: relative;margin-right: 8px;border: 1px solid #e5e6eb;border-radius: 3px;width: 80px;text-align: center;line-height: 80px;} .pro_item i{position: absolute;top: 2px;left: 2px;font-size: 12px;border-radius: 5px 0 5px 0;line-height: 18px;padding: 0 8px;color: #fff;background-color: #adb8cc;} .pro_item:nth-child(1) i{background-color: #f7764c;} .pro_item:nth-child(2) i{background-color: #ffab00;} .updated_time{text-align: right;} .updated_time .time-select{display: inline-block;width: 106px;padding: 0 15px;height: 30px;font-size: 12px;font-weight: bold;} .updated_time .select2-container{width: 106px !important;margin:0 0 0 8px !important;text-align: left;} .revenue_item{margin-left: 30px;color: #1d2440;} .revenue_item .tit{margin-bottom: 5px;} .revenue_item .info{font-size: 18px;font-weight: 700;align-items: center;} .revenue_item .info .stars{font-size: 0;margin-left: 10px;} #revenue_lineCharts{width: 90px;height: 90px;margin:-30px 0px -25px -5px;} .at,.arrow{display: inline-block;line-height: 1;margin-left: 5px;margin-top: -2px;vertical-align: middle;} .at::before{content: '';width: 12px;height: 12px;display: block;background: url(../img/attention.png) no-repeat center;} .arrow{margin: 0;} .arrow::before{content: "\ea4a";color: #c3c9d7;font-size: 16px;font-family: "boxicons";} .section_head{flex-wrap: wrap;-ms-flex-wrap: wrap;} .section_head .left{flex: 1;padding-right: 5%;} .section_head p{font-size: 13px;} .section_head .btn-download{width: 34px;height: 32px;border-radius: 3px;padding: 0;text-align: center;line-height: 30px;border: 1px solid #6ed4c7 !important;} .section_head .btn-download::after{content: "\eab9";font-family: "boxicons";font-size: 24px;color: #6ed4c7;} .statistics_wrap{column-gap: 30px;margin-bottom: 20px;} .statistics_item{width: calc(25% - 22.5px);} .statistics_item h4{color: #1c2340;font-size: 13px;font-weight: 700;margin: 0;} .statistical_chart{margin-top: -25px;} .consumers_discuss{column-gap: 30px;flex-wrap: wrap;} .discuss_item{width: calc(50% - 15px);border-top: 1px solid #eeeeee;} .consumers_info .user i{margin-right: 8px;} .consumers_info .user span{margin-top: 3px;} .discuss_info{font-size: 12px;color: #5a5b6f;} .discuss_info i{margin-right: 8px;margin-top: 3px;} .discuss_info i::after{content: '';width: 16px;height: 14px;display: block;background: url(../img/msg.png) no-repeat center;} .discuss_info p{flex: 1;margin: 0;font-size: 13px;} .commodity_info{color: #aeaeae;font-size:13px;} .product_experience p{margin: 0;color: #878e9e;} .experience_wrap {column-gap: 30px;} .experience_wrap >div{width: calc(50% - 15px);} .experience_wrap h4{color: #1c233f;font-size: 13px;margin: 10px 0;padding-left: 10px;font-weight: 700;} .keywords_proportion table{width: 100%;} .keywords_proportion thead tr{background-color: #f2f3f5;} .keywords_proportion thead td{position: relative;} .keywords_proportion tbody td:last-child{color: #86909c;} .keywords_proportion td{color: #1f2340;font-size: 13px;padding: 10px 20px;} .keywords_proportion tr{border-bottom: 1px solid #f0f0f0;background-color: #fafbfd;} .keywords_proportion tfoot a{color: #ffb64d;font-weight: 700;} .keywords_proportion tfoot tr{border: none;text-align: center;background-color: #fff9f1;} .keywords_proportion thead td:nth-child(1) b::before{content: '';width: 3px;height: 14px;background-color: #ffb64d;position: absolute;left: 10px;top: calc(50% - 7px);} .keywords_pie{text-align: right;overflow: hidden;} .keywords_pie h4{text-align: left;} .pie_charts{width: 750px;height: 550px;margin: -120px -10% -130px 0;display: inline-block;} .param_negative ul{padding: 0;margin: 0;} .param_negative li{cursor: pointer;margin: 0 0 5px 14px;display: inline-block;padding: 3px 12px;border-radius: 5px;border: 1px solid #dcdcdc;color: #565656;font-size: 12px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .negative_reviews .param_negative li:hover{border-color: #ffb64d;color: #feb54c;background-color: #fff9f1;} .positive_reviews .param_negative li:hover{border-color: #05c383;color: #05c383;background-color: #ecfff9;} .positive_reviews tfoot tr{background-color: #ecfff9;} .positive_reviews tfoot a{color:#03c481;} .positive_reviews thead td:nth-child(1) b::before{background-color: #05c383;} .motivation_analysis .diagram{width: 37%;overflow: hidden;} .diagram .pie_charts{margin: -6% 0 -7% -5%;} .motivation_analysis .buyers_wrap{width: 63%;padding: 0 30px;border-left: 1px solid #f1f2f7;} .label_list{padding: 15px 15px 10px;border-radius: 10px;background-color: #f7f8fa;} .label_list li{cursor: pointer;display: inline-block;margin:0 12px 5px 0;padding: 3px 12px;border-radius: 5px;border: 1px solid #ecebf0;color: #5d5c6a;font-size: 12px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .label_list li:hover{background-color: #ecfff9;border-color: #05c383;color: #04c582;} .buyers_item{border-radius: 10px;border: 1px solid #e5e6eb;} .buyers_item p{font-size: 12px;line-height: 2;margin-bottom: 15px;} .buyers_item .user i{margin-right: 5px;} .buyers_item .user span{margin-top: 3px;font-weight: 700;} .buyers_wrap .more{margin-top: 15px;display: block;text-align: center;color: #05c385;font-weight: bold;} .expectations_list .more,.recommended_comparison+.more{display: block;width: 171px;height: 41px;border-radius: 10px;background-color: #05c383;border:1px solid #05c383;text-align: center;line-height: 39px;color: #ffffff;margin: 20px auto 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .expectations_list .more:hover,.recommended_comparison+.more:hover{background-color: transparent;color: #05c383;} .expect_item {border:1px solid #e6e5eb;border-radius: 10px;} .expect_item .content p{padding-right: 5%;flex: 1;} .user_list{flex: 1;flex-wrap: wrap;} .user_list>div{margin-right: 15px;margin-bottom: 5px;} .user_list .user i{width: 20px;margin-right: 5px;display: inline-block;} .user_list .user span{font-size: 12px;vertical-align: middle;} .user_list .more_user{font-weight: 700;padding: 0 20px;line-height: 25px;border-radius: 10px;background-color: #05c383;color: #ffffff;} .view_comment{color: #09c384;font-size: 13px;} .compare_add{text-align: center;cursor: pointer;} .compare_add i{display: inline-block;width: 33px;height: 33px;background-color: #d2f0e6;border-radius: 50%;line-height: 33px;color: #03c481;font-size: 14px;} .compare_add p{color: #1d223f;font-size: 13px;margin-top: 10px;font-weight: 700;} .comparison_list{flex: 1;flex-wrap: wrap;-ms-flex-wrap: wrap;} .comparison_group{margin-right: 50px;} .comparison_group .vs_ico{margin: 34px 20px 0;} .recommended_item{text-align: center;max-width: 80px;} .recommended_item .item_img{padding: 12px;border-radius: 10px;background: linear-gradient(0deg,#d2eaea 0,transparent 100%);} .recommended_item h4{margin: 10px 0;line-height: 1.5;font-size: 12px;word-wrap: break-word;font-weight: 700;} #CRAnalysisModal .modal-dialog{max-width: 95%;} /* 消费者评论分析 createCAnalysisModel */ .comment-analysis-table .container-text-content{max-height: 120px;} .comment-analysis-table .td-wrap ul{margin: 0;padding: 0;} .comment-analysis-table .td-wrap ul li{margin-right: 8px;border: 1px solid #f1f1f1;max-width: 88px;} .comment-analysis-table .total span{display: inline-block;margin-left: 30px;} .choose-pro{border-width: 2px !important;height: 40px;background-color: rgba(0, 156, 118,.1);} .c_a_right .ai_post_form{ width: 400px;height: 36px;border: 1px solid #dadada;border-radius: 5px;line-height: 34px;padding: 0 10px;} .ai_pro_item{border-top: 1px solid #f6f6f6;} .ai_check {position: relative;width: 16px;height: 16px;cursor: pointer;} .ai_check label{position: relative;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #00986f;margin: 0;} .ai_check label::after{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;background-color: transparent;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .ai_check input[name="pick_pro_analysis"]:checked+label::after{background-color: #00986f;transform: scale(.8);} .ai_check input[name="pick_pro_analysis"]{position: absolute;top: 0;left: 0;opacity: 0;z-index: 9;width: 100%;height: 100%;cursor: pointer;} .ai_pro_info{flex: 1;margin: 0 20px;} .ai_pro_info > a{display: inline-block;border: 1px solid #f9f9f9;max-width: 80px;text-align: center;} .ai_pro_info h4{font-size: 13px;margin: 0 0 0 30px;flex: 1;} .reviews_count{font-weight: 700;font-size: 13px;} .ai_product_list{max-height: 520px;overflow: auto;} /* aicc_data_upload aicc_data_crawler*/ .uploadFiles_warn{display:inline-block;font-size:15px;color:#585858;line-height:30px;vertical-align:middle;margin-left:22px} .uploadFiles_warn svg,.uploadcrawler_warn svg{display:inline-block;vertical-align:text-bottom;margin-right:6px} .uploadcrawler_warn{display:inline-block;font-size:15px;color:#585858;line-height:30px;vertical-align:middle;} .uploadFiles_train{width: 1.924em;height: 1.924em;display: inline-block;vertical-align: middle;margin-right: 8px;} .datacrawler_gather{width: 441px;border-color: #059ae0 ;} .uploadcrawler_sitemap .select2-container{width: 196px !important;margin-bottom: 0 !important;margin-right: 11px;} .uploadcrawler_sitemap .select2-container .select2-selection--single .select2-selection__rendered{height: 46px !important;line-height: 44px !important;color: #737373 !important;font-size: 16px !important;} .uploadcrawler_sitemap .select2-container--default .select2-selection--single .select2-selection__arrow{top:18px !important} .btn-datagather,.btn-uploadfiles{height: 46px ; line-height: 46px;padding: 0 2rem;} /* drawing_list */ .drawing_look{height:27px;padding:0 18px;margin-right:3px;line-height:27px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;} .drawing_download{height:27px;padding:0 18px;line-height:27px} .drawing_look:hover{box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translateY(-3px);transform: translateY(-3px);} .drawing_main{padding:0 !important} .drawing_main .table-box{border-radius:0;border:0} /* aicc_image_generation_image */ .ai-picture-left{padding:21px 18px 40px 20px;width:374px;position:relative;border-right:1px solid #eeeeee} .ai-picture-right{width:calc(100% - 374px);padding-left:15%;padding-right:3%;padding-top:54px} .ai-picture-reference > .item-title{margin-bottom:16px} .ai_customer_service_flex{margin-bottom:30px;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-align-items:center} .ai_picture_reference_cursor{cursor:pointer} .ai_picture_reference_slide{width:120px;height:120px;line-height:120px;display:inline-block;vertical-align:middle;position:relative;overflow:hidden;margin-right:10px;} .ai_picture_reference_slide .item_img{width:100%;height:100%} .ai_picture_reference_slide .item_img img{width:100%;height:100%;object-fit:cover;object-position:center} .ai_picture_reference_slide .item_btn{position:absolute;bottom:-30px;left:0;width:100%;height:30px;-webkit-transition:all .35s ease;-ms-transition:all .35s ease;transition:all .35s ease;background-color:rgba(0,0,0,.5);margin-bottom:0;align-items:center;-webkit-align-items:center;color:#fff;padding:0 8px;opacity:0} .ai_picture_reference_slide .item_btn a{display:block;line-height:1;width:18px;height:18px} .ai_picture_reference_slide .item_btn span{display:block;cursor:pointer;opacity:.9;line-height:1;font-size:12px;text-transform:uppercase;margin-top:2px} .ai_picture_reference_slide .item_btn a.look img{width:100%} .ai_picture_reference_slide .item_btn a.dele{width:16px;height:13px} .ai_picture_reference_slide .item_btn a.dele img{max-height:100%} .ai_picture_reference_slide:hover .item_btn{bottom:0;opacity:1} .ai_picture_reference_file{width:133px;height:133px;display:inline-block;vertical-align:top;position:relative} .ai_picture_reference_file .ai_picture_reference_cursor{border:1px dashed #c0ccda;height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;border-radius:5px;background-color:#fbfdff} .ai_picture_reference_file .ai_picture_reference_cursor .ai_picture_reference_box{margin:auto;width:100%} .ai_picture_reference_file .ai_picture_reference_cursor .ai_picture_reference_box span{display:block;width:100%;font-size:13px;color:#bfbfbf;margin-top:10px} .ai_picture_reference_file .ai_picture_reference_uploads{opacity:0;position:absolute;top:0;width:100%;left:0;height:100%;z-index:999;cursor:pointer} .ai_picture_reference_demo{position: relative;padding-top: 26px;margin-top: 13px;} .ai_picture_reference_gravity{background-color:#f5f6f7;width:195px;padding:21px 15px 10px;border-radius:10px} .ai_picture_reference_gravity .item_text{} .ai_picture_reference_gravity .item_text h4{font-size:13px;line-height:1.2;margin-bottom:4px;color:#494949;margin-bottom:4px} .ai_picture_reference_gravity .item_text p{font-size:12px;line-height:1.2;color:#bfbfbf;margin:0} .slider-container .back-bar{height:10px;position:relative} .slider-container .back-bar .selected-bar{position:absolute;height:100%} .slider-container .back-bar .pointer{position:absolute;width:10px;height:10px;background-color:red;cursor:col-resize;opacity:1;z-index:2} .slider-container .back-bar .pointer.last-active{z-index:3} .slider-container .back-bar .pointer-label{position:absolute;top:-17px;font-size:8px;background:white;white-space:nowrap;line-height:1} .slider-container .back-bar .focused{z-index:10} .slider-container .clickable-dummy{cursor:pointer;position:absolute;width:100%;height:100%;z-index:1} .slider-container .scale{position: absolute;width: 100%;top: 0;} .slider-container .scale span{position:absolute;height:5px;font-size:0;} .slider-container .scale ins{font-size: 12px;text-decoration:none;position:absolute;left:0;top:5px;color:#999;line-height:1} .slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer{cursor:auto} .theme-green .back-bar{height: 7px;border-radius: 50px;background-color: #f5dfff;background-repeat:repeat-x;} .theme-green .back-bar .selected-bar{border-radius:2px;background-color: #b71dff;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade',endColorstr='#ff76fabc',GradientType=0)} .theme-green .back-bar .pointer{width: 12px;height: 12px;top: -3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border: 2px solid #b71dff;background-color: #fff;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)} .theme-green .back-bar .pointer-label{color:#999;display: none;} .theme-green .back-bar .focused{color:#333} .theme-green .scale span{} .theme-green .scale ins{color: #bfbfbf;} .theme-blue .back-bar{height:5px;border-radius:2px;background-color:#eeeeee;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)} .theme-blue .back-bar .selected-bar{border-radius:2px;background-color:#92c1f9;background-image:-moz-linear-gradient(top,#b1d1f9,#64a8f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b1d1f9),to(#64a8f9));background-image:-webkit-linear-gradient(top,#b1d1f9,#64a8f9);background-image:-o-linear-gradient(top,#b1d1f9,#64a8f9);background-image:linear-gradient(to bottom,#b1d1f9,#64a8f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9',endColorstr='#ff64a8f9',GradientType=0)} .theme-blue .back-bar .pointer{width:14px;height:14px;top:-5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:1px solid #AAA;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)} .theme-blue .back-bar .pointer-label{color:#999} .theme-blue .back-bar .focused{color:#333} .theme-blue .scale span{border-left:1px solid #e5e5e5} .theme-blue .scale ins{color:#999} .ai-picture-reference{margin:0 0 31px} .ai_picture_instruct_text{font-size:12px;color:#bfbfbf;display:inline-block} .instruct-textarea-box{position:relative;margin-top:15px;border:1px solid #dcdcdc;border-radius:6px;height:132px;padding:10px} .instruct-textarea-box textarea{border:none;resize:none;position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-color:transparent} .ai-picture-btn{column-gap:10px;row-gap:10px} .ai-picture-btn li{display:inline-block;cursor:pointer;padding:6px 15px 3px;border-radius:25px;color:#1d2129;background-color:#f7f8fa;border:1px solid #e5e6eb} .ai-picture-btn li.active{background-color:#ad00fe20;border-color:#ad00fe;color:#ad00fe} .proportion-btn li{border-radius:5px} .ai-picture-create{position:sticky;bottom:0;left:0;width:100%;padding:20px 0;background-color:#fff} .ai-picture-create .btn{margin:0 !important;width:170px;height:40px} .ai-picture-right-box{width:100%;max-width:750px} .all-picture-no{width:100%;height:750px;border:1px dashed #dcdcdc;border-radius:10px} .all-picture-no .item_box{width:100%;margin:auto;text-align:center} .all-picture-no .item_box p{font-size:16px;margin-top:24px;line-height:1.5;color:#000000;opacity:.2} .all-picture-no .flex{height: 100%;width: 100%;} .ai-picture-right-box .all-picture{width: 100%;border-radius: 10px;overflow: hidden;} .picture-select{text-align:center} .picture-select a{display:inline-block;margin-right:7px;margin-bottom:11px;padding:8px 28px 5px;border-radius:5px;background-color:rgba(245,223,255,.5);border:1px solid #b71dff;color:#b71dff} .picture-select a:hover{background-color:#f5dfff} /* page video-edit */ .aicc_video_edit_warp{background-color:rgb(240,240,240)} .ai_muiBox_warp{flex-flow:wrap;min-width:0px;box-sizing:border-box;display:flex;margin:0;height:64px;width:100%;background-color:rgb(255,255,255);border-radius:8px;border:1px solid rgba(0,0,0,0.04)} .ai_muiBox_item01{-webkit-box-flex:0;flex-grow:0;flex-basis:auto;width:calc(100% * 4 / 12);min-width:0px;box-sizing:border-box;padding:16px;display:flex;flex-direction:row;gap:16px;height:100%;-webkit-box-align:center;align-items:center} .css-10j0je6{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;min-width:64px;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;text-transform:none;border-radius:8px;font-family:"Basier Square Medium";font-weight:400;line-height:0;height:32px;font-size:13px;background-color:transparent;color:rgba(0,0,0,0.95);border:none;box-shadow:none;padding:8px} .css-10j0je6.MuiButton-sizeMedium{min-width:32px;min-height:32px;width:32px;height:32px} .css-10j0je6 .MuiButton-startIcon{margin:0px} .css-en99qt{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:12px;animation:auto ease 0s 1 normal none running none} .css-1ffsqw7:nth-of-type(1){font-size:16px} .css-10j0je6 .MuiButton-startIcon:nth-of-type(1){fill:currentcolor} .css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit} .css-10j0je6:hover{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.95);border:none;box-shadow:none} .css-15fmmlv{margin:0px;flex-shrink:0;border-width:0px 2px 0px 0px;border-style:solid;border-color:rgba(0,0,0,0.04);height:16px} .css-rme06b{padding:0px;display:flex;flex-direction:row;gap:8px;-webkit-box-align:center;align-items:center;max-width:100%} .css-1jgrqqv{margin:0px;font-family:"Basier Square Medium";font-weight:400;font-size:13px;line-height:15.99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,0.95)} .css-ttiw52{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;min-width:64px;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;text-transform:none;border-radius:8px;font-family:"Basier Square Medium";font-weight:400;line-height:0;color:rgba(0,0,0,0.95);height:24px;font-size:13px;padding:8px} .css-ttiw52{min-width:28px;min-height:28px;width:28px;height:28px} .css-en99qt{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:12px;animation:auto ease 0s 1 normal none running none} .css-ckoh9u:nth-of-type(1){font-size:12px} .css-ttiw52 .MuiButton-startIcon:nth-of-type(1){fill:currentcolor} .css-ttiw52:hover{background-color:rgba(0,0,0,0.04)} .ai_muiBox_item02{-webkit-box-flex:0;flex-grow:0;flex-basis:auto;width:calc(100% * 4 / 12);min-width:0px;box-sizing:border-box;padding:0px;display:flex;flex-direction:row;gap:8px;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center} .css-rgu723{display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;width:auto;gap:8px} .css-ucrf0m{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;text-transform:none;border-radius:8px;color:rgba(0,0,0,0.95);display:flex;flex-direction:column;min-width:54px;height:54px;line-height:15.99px;font-family:"Basier Square Regular";font-size:13px;font-weight:400;padding:9px 8px 7px;gap:6px;width:54px} .css-1ffsqw7{font-size:16px} .css-1iumww0{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:16px;animation:auto ease 0s 1 normal none running none} .css-1ffsqw7 >:nth-of-type(1){font-size:20px} .css-1ffsqw7:nth-of-type(1){font-size:16px} .css-ucrf0m .MuiButton-startIcon:nth-of-type(1){fill:currentcolor} .css-ucrf0m:hover{background-color:rgba(0,0,0,0.04)} .ai_muiBox_item03{-webkit-box-flex:0;flex-grow:0;flex-basis:auto;width:calc(100% * 4 / 12);min-width:0px;box-sizing:border-box;padding:0px;display:flex;flex-direction:row;gap:8px;-webkit-box-pack:end;justify-content:end;-webkit-box-align:center;align-items:center} .css-10sv8p4{padding:16px;display:flex;flex-direction:row;gap:8px;-webkit-box-align:center;align-items:center} .css-10j0je6{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;min-width:64px;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;text-transform:none;border-radius:8px;font-family:"Basier Square Medium";font-weight:400;line-height:0;height:32px;font-size:13px;background-color:transparent;color:rgba(0,0,0,0.95);border:none;box-shadow:none;padding:8px} .css-10j0je6.Mui-disabled{pointer-events:none;cursor:default} .css-10j0je6.Mui-disabled{opacity:0.5;background-color:transparent;color:rgba(0,0,0,0.95)} .css-10j0je6.MuiButton-sizeMedium{min-width:32px;min-height:32px;width:32px;height:32px} .css-6gqwwr{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;min-width:64px;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;color:rgba(0,0,0,0.95);background-color:rgba(0,0,0,0.04);text-transform:none;border-radius:8px;padding:8px 16px;font-family:"Basier Square Medium";font-weight:400;line-height:0;box-shadow:none;height:32px;font-size:13px} .css-6gqwwr .css-1ffsqw7{display:inherit;margin-right:8px;margin-left:-4px;font-size:16px} .css-1kxrrc1{margin:0px;font-family:"Basier Square Medium";font-weight:400;font-size:13px;line-height:15.99px;color:rgba(0,0,0,0.95)} .css-me4rfu{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;min-width:64px;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;color:rgb(255,255,255);background-color:rgb(10,149,255);text-transform:none;border-radius:8px;padding:8px 16px;font-family:"Basier Square Medium";font-weight:400;line-height:0;box-shadow:rgba(10,149,255,0.3) 0px 2px 8px 2px;height:32px;font-size:13px} .css-zzg7cc{margin:0px;font-family:"Basier Square Medium";font-weight:400;font-size:13px;line-height:15.99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(255,255,255)} .css-6gqwwr:hover{background-color:rgba(0,0,0,0.08);box-shadow:none} .css-me4rfu:hover{background-color:rgb(1,128,225);box-shadow:rgba(10,149,255,0.3) 0px 2px 8px 2px} .css-av0n30{display:flex;flex-direction:row;margin-top:8px;height:calc((100vh - 64px) - 16px)} .css-15y3zcx{padding:0px;display:flex;flex-direction:column;gap:8px;width:112px;background-color:rgb(255,255,255);flex-shrink:0;-webkit-box-align:center;align-items:center;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.04);height:calc(100% - 8px);z-index:1} .css-6e7p4t{margin:0px;font-weight:bold;font-size:13px;line-height:15.99px;color:rgba(0,0,0,0.95);width:100%;padding:16px 16px 8px} .css-29w68i{width:100%;align-content:center;margin:0px;padding:0px} .css-138ny2v{list-style-type:none;outline:none;box-shadow:none} .css-meicly{padding:0px;display:flex;flex-direction:column;gap:2px;width:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;z-index:10;cursor:default} .css-gifneo{padding:0px;display:flex;flex-direction:row;gap:0px;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;height:14px} .css-o031p7{font-weight:400;font-size:11px;line-height:14px;letter-spacing:0.04em;text-transform:uppercase;color:rgba(0,0,0,0.5)} .css-cvp8q4{inset:0px;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;overflow:hidden;user-select:none;height:100%;border-radius:10px;margin:2px 0px;width:84px;height:49px;border-width:2px;border-style:solid;border-color:transparent;outline:transparent solid 2px;box-shadow:rgba(0,0,0,0.04) 0px 0px 0px 1px} .css-cvp8q4:hover{border-color:transparent;outline-color:rgba(0,0,0,0.12)} .css-138ny2v.aicc_active .css-cvp8q4{outline:rgb(10,149,255) solid 2px} .css-b6wrti{display:flex;flex-direction:column;width:100%} .css-13yzasp{width:80px;height:45px;margin-bottom:15px;flex-shrink:0;display:block;background:rgba(0,0,0,0.04);border:none;border-radius:6px;cursor:pointer} .css-17ssdr3{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:12px;animation:auto ease 0s 1 normal none running none;color:rgba(0,0,0,0.5)} .css-13yzasp:hover{background:rgba(0,0,0,0.08)} .css-b6wrti{display:flex;flex-direction:column;width:100%} .css-ze5tob{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-flex:1;flex-grow:1;position:relative;min-height:200px;padding:24px;margin-top:-8px} .css-18smwag{position:relative;max-width:1120px;width:100%;height:100%;max-height:630px;border-radius:8px;overflow:hidden;border:1px solid rgb(204,204,204)} .aicc_container_warp{position:absolute;bottom:0px;width:1920px;height:1080px;transform:scale(0.5833333333333334) translate(-50%,0);margin-top:calc((1080px * 0.5833333333333334) / 2 - 1080px / 2);margin-left:calc((1920px * 0.5833333333333334) / 2 - 1920px / 2);left:50%;transform-origin:center bottom} .css-bjn8wh{position:relative} .css-1du5fe3{display:flex;flex-direction:column;background-color:rgb(255,255,255);margin-left:24px;margin-right:24px;border-top-left-radius:8px;border-top-right-radius:8px;border-top:1px solid rgba(0,0,0,0.04);border-right:1px solid rgba(0,0,0,0.04);border-left:1px solid rgba(0,0,0,0.04);border-image:initial;border-bottom:none} .css-1f7fba{display:flex;-webkit-box-align:center;align-items:center;min-height:56px;position:relative;-webkit-box-pack:center;justify-content:center;gap:8px;padding-left:16px !important;padding-right:16px !important} @media (min-width:600px){.css-1f7fba{padding-left:24px;padding-right:24px} }@media (min-width:600px){.css-1f7fba{min-height:64px} }.css-gxru68{flex:1 1 0%;display:flex;-webkit-box-pack:start;justify-content:flex-start;margin-left:0px;margin-right:8px} .css-1ait8t3{display:inherit;margin-right:-4px;margin-left:8px;font-size:16px} .css-1ait8t3:nth-of-type(1){font-size:16px} .css-6gqwwr .MuiButton-endIcon:nth-of-type(1){fill:currentcolor} .css-y1ee3q{flex:1 1 0%;display:flex;-webkit-box-pack:end;justify-content:flex-end;margin-left:8px;margin-right:0px} .css-u4p24i{display:flex;flex-direction:row;-webkit-box-align:center;align-items:center} .css-ccxwq9{position:relative;width:100%;height:140px;cursor:text;overflow:auto;z-index:1} .css-ccxwq9 .StyledRoot-editor{max-width:924px;margin:0px auto;min-height:100%;display:flex;flex-direction:column} .css-ccxwq9 .ProseMirror{flex:1 1 0%;outline:none} .ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0} .ProseMirror{position:relative} .ScriptParagraph-content{color:rgba(0,0,0,0.75);font-family:"Basier Square Mono Regular","Roboto Mono Regular";font-weight:400;font-size:15px;line-height:26px;min-height:100%;padding:1em 136px;user-select:none;caret-color:rgba(0,0,0,0);filter:grayscale(100%);opacity:0.6} /* */ .css-uastxj{z-index:100;position: absolute;inset: 0px auto auto 0px;margin: 0px;} .css-1xbsu98{background-color:rgb(255,255,255);border-radius:8px;box-shadow:rgba(0,0,0,0.07) 0px 4px 4px,rgba(0,0,0,0.05) 0px 0px 0px 1px;-webkit-animation: fadelns 248ms ease;-o-animation: fadelns 248ms ease;animation: fadelns 248ms ease;transform-origin:center top;transition: opacity 373ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 248ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;} @keyframes fadelns{ 0% { opacity: 0;transform: scale(0); } 100% { opacity: 1;transform: none; } } .css-1opccr5{padding:0px;display:flex;flex-direction:column;gap:0px;width:344px;overflow:hidden;position:relative} .css-1c5ij41{margin:16px} .css-1huz2wk{margin:0px 0px 10px;font-family:"Basier Square Medium";font-weight:400;font-size:13px;line-height:15.99px;display:inline-block;color:rgba(0,0,0,0.95)} .css-o0ig3x{font-family:"Basier Square Regular";font-weight:400;font-size:1rem;line-height:1.4375em;color:rgba(0,0,0,0.87);box-sizing:border-box;cursor:text;display:inline-flex;-webkit-box-align:center;align-items:center;width:100%;position:relative;background-color:rgba(0,0,0,0.04);border-radius:8px;padding:8px;transition:border-color 300ms cubic-bezier(0.4,0,0.2,1) 0ms,background-color 300ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 300ms cubic-bezier(0.4,0,0.2,1) 0ms} .css-gm72tf{display:flex;height:0.01em;max-height:2em;-webkit-box-align:center;align-items:center;white-space:nowrap;color:rgba(0,0,0,0.54);margin-right:8px} .css-1iumww0{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:16px;animation:auto ease 0s 1 normal none running none} .css-pvam51{font-style:inherit;font-variant:inherit;font-stretch:inherit;font-optical-sizing:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;border:0px;box-sizing:content-box;background:none;margin:0px;-webkit-tap-highlight-color:transparent;display:block;min-width:0px;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;height:auto;padding:0px;font-family:"Basier Square Regular";font-size:13px;font-weight:400;line-height:15.99px;color:rgba(0,0,0,0.75)} .css-1kv1fcd{margin:0px;flex-shrink:0;border-width:0px 0px thin;border-style:solid;border-color:rgba(0,0,0,0.04)} .css-1eio7ex{width:100%;height:100%;position:relative} .css-10klw3m{height:100%} .css-xqo74t{position:relative;height:489px;padding-top:0px;margin-top:0px;margin-bottom:0px;z-index:auto;overflow:hidden} .css-18yxtn6{overflow:hidden scroll;position:relative;height:100%;padding:0px 12px} .aicc_avatar_title{margin:0px;font-family:"Basier Square Medium";font-weight:400;font-size:13px;padding-left:4px;display:block;line-height:15.99px;margin-top:12px;padding-left:4px;color:rgba(0,0,0,0.5)} .aicc_avatar_list{padding:4px;margin-top:8px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:12px;grid-row-gap:8px;grid-template-columns:1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr} .aicc_avatar_list .aicc_avatar_slide{width:96px;position:relative} .aicc_avatar_list .aicc_avatar_slide .item_img{position:relative;display:flex;-webkit-box-pack:center;justify-content:center;width:100%;height:96px;border-radius:8px;cursor:pointer;position:relative;background-color:rgba(0,0,0,0.04);overflow:hidden;box-shadow:none} .aicc_avatar_list .aicc_avatar_slide .css-1nsyw97{margin:8px 0px 0px;font-family:"Basier Square Regular";font-weight:400;font-size:13px;line-height:15.99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;text-align:center;color:rgba(0,0,0,0.5)} .aicc_avatar_list .aicc_avatar_slide .css-15kw0mi{cursor:pointer;position:absolute;right:8px;top:68px;color:rgb(255,255,255);background-color:rgb(0,102,255);border-radius:4px;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;max-width:100%;padding:0px 6px;margin:0px;font-family:"Basier Square Mono SemiBold";font-weight:400;font-size:11px;line-height:14px;display:none;letter-spacing:0.04em;text-transform:uppercase;color:rgb(255,255,255);line-height:16px} .aicc_avatar_list .aicc_avatar_slide img{object-fit:contain} .css-o0ig3x:hover{box-shadow:rgba(10,149,255,0.1) 0px 0px 0px 4px,rgba(0,0,0,0.04) 0px 0px 0px 1px;background-color:rgb(255,255,255)} .aicc_avatar_slide.active .item_img{box-shadow:rgb(255,255,255) 0px 0px 0px 2px,rgb(10,149,255) 0px 0px 0px 4px} .aicc_avatar_slide .item_img:hover{box-shadow:rgba(10,149,255,0.1) 0px 0px 0px 4px} .aicc_avatar_list .aicc_avatar_slide:hover .css-15kw0mi{display:block} /* */ .css-1v1wz9d{width:753px;height:584px;-webkit-box-flex:1;flex-grow:1} @-webkit-keyframes mui-auto-fill-cancel{0%{display:block} }@keyframes mui-auto-fill-cancel{0%{display:block} }@-webkit-keyframes mui-auto-fill-cancel{0%{display:block} }@keyframes mui-auto-fill-cancel{0%{display:block} }.css-lc023j{flex-flow:wrap;min-width:0px;box-sizing:border-box;display:flex;height:100%} .css-1cpr62g{flex:1 1 auto;min-width:0px;margin:0px} .css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit} .css-mzyhs0{-webkit-box-flex:0;flex-grow:0;flex-basis:auto;width:calc(100% * 4 / 14);min-width:0px;box-sizing:border-box;padding:0px;display:flex;flex-direction:column;gap:8px;box-shadow:rgba(0,0,0,0.04) -1px 0px 0px inset;max-height:100%} .css-12jd84a{padding:16px;height:100%} .css-1vx1dtt{position:relative;height:100%} .css-j41xwi{list-style:none;margin:0px 0px 24px;position:relative;padding:0px} .css-cmvuz9{display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding:0px} .css-cmvuz9 + .css-cmvuz9{margin-top:4px} .css-18ilyx4{-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;min-width:0px;box-sizing:border-box;text-align:left;transition:background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;border-radius:8px;color:rgba(0,0,0,0.75);gap:8px;padding:8px} @media print{.css-18ilyx4{-webkit-print-color-adjust:exact} }.css-18ilyx4:hover{text-decoration:none;background-color:rgba(0,0,0,0.04)} @media (hover:none){.css-18ilyx4:hover{background-color:transparent} }.css-18ilyx4.Mui-selected{background-color:rgba(10,149,255,0.08)} .css-18ilyx4.Mui-selected:hover{background-color:rgba(10,149,255,0.12)} @media (hover:none){.css-18ilyx4.Mui-selected:hover{background-color:rgba(10,149,255,0.08)} }.css-aavgug{flex-shrink:0;display:inline-flex;min-width:0px;color:rgba(0,0,0,0.75)} .css-1izctig{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:16px;color:inherit;animation:auto ease 0s 1 normal none running none} .css-1ugne46{margin:0px;font-family:"Basier Square Regular";font-weight:400;font-size:13px;line-height:15.99px;display:block;color:rgba(0,0,0,0.75)} .css-1dgk2cp{list-style:none;margin:0px;position:relative;padding:0px} .css-qliyp0{box-sizing:border-box;list-style:none;position:sticky;top:0px;z-index:1;color:rgba(0,0,0,0.5);background-color:transparent;font-family:"Basier Square Medium";font-size:13px;font-weight:400;line-height:15.99px;margin-bottom:12px} .css-1flzwyi{-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;min-width:0px;box-sizing:border-box;text-align:left;transition:background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;border-radius:8px;color:rgba(0,0,0,0.75);gap:8px;padding:2px} @media print{.css-1flzwyi{-webkit-print-color-adjust:exact} }.css-1flzwyi:hover{text-decoration:none;background-color:rgba(0,0,0,0.04)} @media (hover:none){.css-1flzwyi:hover{background-color:transparent} }.css-1ys4qp0{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:32px;color:transparent;animation:auto ease 0s 1 normal none running none} .css-13rbwxe{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;min-width:64px;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;color:rgb(255,255,255);background-color:rgb(10,149,255);width:100%;text-transform:none;border-radius:8px;padding:8px 16px;font-family:"Basier Square Medium";font-weight:400;line-height:0;box-shadow:rgba(10,149,255,0.3) 0px 2px 8px 2px;height:32px;font-size:13px} @media print{.css-13rbwxe{-webkit-print-color-adjust:exact} }.css-13rbwxe:hover{text-decoration:none;background-color:rgb(1,128,225);box-shadow:rgba(0,0,0,0.2) 0px 2px 4px -1px,rgba(0,0,0,0.14) 0px 4px 5px 0px,rgba(0,0,0,0.12) 0px 1px 10px 0px} @media (hover:none){.css-13rbwxe:hover{background-color:rgb(10,149,255)} }.css-13rbwxe:active{box-shadow:rgba(0,0,0,0.2) 0px 5px 5px -3px,rgba(0,0,0,0.14) 0px 8px 10px 1px,rgba(0,0,0,0.12) 0px 3px 14px 2px} .css-13rbwxe:hover{background-color:rgb(1,128,225);box-shadow:rgba(10,149,255,0.3) 0px 2px 8px 2px} @media (max-width:599.95px){.css-13rbwxe{height:44px} }.css-cmvuz9.active .css-18ilyx4{color:rgb(10,149,255);background-color:rgba(10,149,255,0.1)} .css-cmvuz9.active .css-18ilyx4 .css-1izctig{color:rgb(10,149,255)} .css-cmvuz9.active .css-1flzwyi{color:rgb(10,149,255);background-color:rgba(10,149,255,0.1)} .css-cmvuz9.active .css-1flzwyi .css-1izctig{color:rgb(10,149,255)} .css-1cnymyo{-webkit-box-flex:0;flex-grow:0;flex-basis:auto;width:calc(100% * 10 / 14);min-width:0px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;max-height:100%} .css-1iumww0{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:16px;animation:auto ease 0s 1 normal none running none} .css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit} .css-en99qt{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:12px;animation:auto ease 0s 1 normal none running none} .css-pvam51{font-style:inherit;font-variant:inherit;font-stretch:inherit;font-optical-sizing:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;border:0px;box-sizing:content-box;background:none;margin:0px;-webkit-tap-highlight-color:transparent;display:block;min-width:0px;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;height:auto;padding:0px;font-family:"Basier Square Regular";font-size:13px;font-weight:400;line-height:15.99px;color:rgba(0,0,0,0.75)} .css-pvam51:focus{outline:0px} .css-pvam51:invalid{box-shadow:none} .css-pvam51::placeholder{color:rgba(0,0,0,0.75)} .css-o0ig3x{font-family:"Basier Square Regular";font-weight:400;font-size:1rem;line-height:1.4375em;color:rgba(0,0,0,0.87);box-sizing:border-box;cursor:text;display:inline-flex;-webkit-box-align:center;align-items:center;width:100%;position:relative;background-color:rgba(0,0,0,0.04);border-radius:8px;padding:8px;transition:border-color 300ms cubic-bezier(0.4,0,0.2,1) 0ms,background-color 300ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 300ms cubic-bezier(0.4,0,0.2,1) 0ms} .css-o0ig3x:hover{box-shadow:rgba(10,149,255,0.1) 0px 0px 0px 4px,rgba(0,0,0,0.04) 0px 0px 0px 1px;background-color:rgb(255,255,255)} .css-o0ig3x::before,.css-o0ig3x::after{display:none} @media (max-width:599.95px){.css-o0ig3x{padding:12px} }.css-gm72tf{display:flex;height:0.01em;max-height:2em;-webkit-box-align:center;align-items:center;white-space:nowrap;color:rgba(0,0,0,0.54);margin-right:8px} .css-iei8da{position:relative;top:0px;right:0px;left:0px;z-index:10;padding:16px;background-color:rgba(255,255,255,0.9);border-bottom:1px solid rgba(0,0,0,0.04);backdrop-filter:blur(12px) saturate(175%)} .css-41lebi{margin:0px;font-family:"Basier Square Medium";font-weight:400;font-size:13px;line-height:15.99px;color:rgba(0,0,0,0.95);display:inline-block} .css-1tlq10h{display:flex;-webkit-box-align:center;align-items:center;gap:12px;padding-top:8px} .css-171onha{display:flex;-webkit-box-align:center;align-items:center;gap:4px} .css-1axsiuc{margin:0px;font-family:"Basier Square Regular";font-weight:400;font-size:13px;line-height:15.99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;cursor:pointer;color:rgba(0,0,0,0.75)} .css-1vz4808{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;text-transform:none;font-family:"Basier Square Medium";font-weight:400;line-height:0;color:rgba(0,0,0,0.95);border-radius:4px;font-size:11px;min-width:16px;min-height:16px;padding:8px} @media print{.css-1vz4808{-webkit-print-color-adjust:exact} }.css-1vz4808:hover{text-decoration:none;background-color:rgba(0,0,0,0.04)} @media (hover:none){.css-1vz4808:hover{background-color:transparent} }.css-1vz4808 .MuiButton-startIcon:nth-of-type(1){fill:currentcolor} .css-1vz4808:hover{background-color:rgba(0,0,0,0.04)} .css-1vz4808 .MuiSvgIcon-root{font-size:8px} .css-1vz4808 .MuiButton-startIcon{margin-right:4px;margin-left:-2px} .css-1vz4808.MuiButton-sizeExtraSmall{width:16px;height:16px} .css-1vz4808 .MuiButton-startIcon{margin:0px} .css-1bt5rvo{display:inherit;margin-right:8px;margin-left:-4px} .icon-inherit-fill path{fill:currentColor} @-webkit-keyframes mui-auto-fill-cancel{0%{display:block} }@keyframes mui-auto-fill-cancel{0%{display:block} }@-webkit-keyframes mui-auto-fill-cancel{0%{display:block} }@keyframes mui-auto-fill-cancel{0%{display:block} }.aicc_media_box01,.aicc_media_box02,.aicc_media_item{display:none} .aicc_media_box01.active,.aicc_media_box02.active,.aicc_media_item.active{display:block} .aicc_media_list{display:-ms-grid;display:grid;overflow:hidden scroll;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:12px;grid-row-gap:12px;grid-template-columns:1fr 1fr 1fr;margin:0;padding:16px;-ms-grid-columns:1fr 1fr 1fr} .aicc_media_slide{position:relative;cursor:pointer} .aicc_media_slide .item_img{border-radius:8px;overflow:hidden} .aicc_media_slide .item_img img{transition:0.35s ease;-webkit-transition:0.35s ease;width: 100%;} .aicc_media_slide .item_video{display: none;} .aicc_media_slide:hover .item_img img{transform:scale(1.15);-webkit-transform:scale(1.15)} .aicc_media_slide .item_time{position:absolute;left:4px;top:4px;padding:0px;display:flex;flex-direction:row;gap:8px;cursor:default;padding:2px 4px;display:flex;flex-direction:row;gap:8px;background-color:rgb(255,255,255);border:1px solid rgba(0,0,0,0.04);border-radius:4px;box-shadow:rgba(0,0,0,0.25) 0px 1px 2px;font-family:"Basier Square Regular";font-weight:400;font-size:11px;line-height:14px;color:rgba(0,0,0,0.95)} .aicc_mediaVideo_list{display:flex;padding:0;gap:16px;margin:12px 0} .aicc_mediaVideo_list li{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;border-radius:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;line-height:1.25;max-width:360px;position:relative;flex-shrink:0;overflow:hidden;white-space:normal;text-align:center;flex-direction:column;text-transform:none;padding:8px 0px;min-width:auto;min-height:auto;font-family:"Basier Square Medium";font-size:15px;font-weight:400;color:rgba(0,0,0,0.5)} .aicc_mediaVideo_list li.active{color:rgba(0,0,0,0.95)} .aicc_mediaVideo_list li:before{content:"";width:0%;position:absolute;height:2px;bottom:0px;left:50%;transition:all 300ms cubic-bezier(0.4,0,0.2,1) 0ms;background-color:rgba(0,0,0,0.95)} .aicc_mediaVideo_list li.active:before{left: 0;width: 100%;} .aicc_media_grid .aicc_media_list{display:none} .aicc_media_grid .aicc_media_list.active{display:-ms-grid;display:grid} .aicc_media_grid{height:calc(100% - 152px)} .aicc_media_box01 .aicc_media_list{height:calc(100% - 93px)} /* */ .css-126xj0f{position:fixed;z-index:1300;inset:0px} #aicc_voice_warp{display: none;} .css-919eu4{position:fixed;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;inset:0px;background-color:rgba(0,0,0,0.5);-webkit-tap-highlight-color:transparent;z-index:-1} .css-idnud{height:100%;outline:0px;overflow:hidden auto;text-align:center;display:flex} .css-1m8qlvs{color:rgba(0,0,0,0.87);transition:box-shadow 300ms cubic-bezier(0.4,0,0.2,1) 0ms;margin:32px;position:relative;overflow-y:auto;display:inline-block;vertical-align:middle;text-align:left;max-width:600px;background-color:rgb(255,255,255);border-radius:12px;padding:16px;box-shadow:rgba(0,0,0,0.07) 0px 4px 4px,rgba(0,0,0,0.05) 0px 0px 0px 1px;max-width:650px;height:610px;margin:auto} .jss31{width:618px;overflow:visible;border-radius:8px;margin:auto;padding:0px 32px 32px 16px} .css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit} .css-1nfnk9c{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;text-align:center;flex:0 0 auto;border-radius:50%;overflow:visible;color:rgba(0,0,0,0.54);transition:background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;padding:5px;font-size:1.125rem} @media print{.css-1nfnk9c{-webkit-print-color-adjust:exact} }.css-1nfnk9c:hover{background-color:rgba(0,0,0,0.04)} @media (hover:none){.css-1nfnk9c:hover{background-color:transparent} }.jss32{width:100%;height:32px;display:flex;position:relative;flex-direction:row} .jss33{position:absolute;margin-top:5px} .css-ley2rp{margin:0px;font-family:FavoritStdRegular;font-weight:500;font-size:16px;line-height:22px;color:rgb(16,42,67)} .css-feqhe6{display:inline-flex;flex-direction:column;position:relative;min-width:0px;padding:0px;margin:0px;border:0px;vertical-align:top;width:100%} .css-1t5esys{font-family:FavoritStdRegular;font-weight:500;font-size:16px;line-height:1.4375em;box-sizing:border-box;cursor:text;display:inline-flex;-webkit-box-align:center;align-items:center;width:100%;border:1px solid rgba(23,78,130,0.15);border-radius:0px 0px 8px 8px;color:rgba(9,50,93,0.5);position:relative;background-color:rgba(0,0,0,0.06);transition:background-color 200ms cubic-bezier(0,0,0.2,1) 0ms;padding-left:12px} .css-1t5esys:hover{border:1px solid rgba(20,67,113,0.44);color:rgb(16,42,67)} .css-1t5esys:hover{background-color:rgba(0,0,0,0.09)} @media (hover:none){.css-1t5esys:hover{background-color:rgba(0,0,0,0.06)} }.css-es1obo{display:flex;height:0.01em;max-height:2em;-webkit-box-align:center;align-items:center;white-space:nowrap;color:rgba(0,0,0,0.54);margin-right:8px} .css-es1obo.MuiInputAdornment-positionStart.css-es1obo:not(.MuiInputAdornment-hiddenLabel){margin-top:16px} .css-vubbuv{user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:1.5rem} .css-zyp9sk{font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-optical-sizing:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;color:currentcolor;border:0px;box-sizing:content-box;background:none;height:1.4375em;margin:0px;-webkit-tap-highlight-color:transparent;display:block;min-width:0px;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;letter-spacing:-0.3px;line-height:18px;font-family:FavoritStdRegular,sans-serif;padding:25px 12px 8px 0px} .css-zyp9sk:focus{outline:0px} .css-zyp9sk:invalid{box-shadow:none} .css-zyp9sk::placeholder{color:rgba(9,50,93,0.5);opacity:1} .jss38{margin-top:16px;margin-left:16px} .jss39{color:#829AB1;margin:0!important} .jss41{border:none!important;border-radius:8px;background-color:#F0F4F8!important} .jss42{padding:16px} @-webkit-keyframes mui-auto-fill-cancel{0%{display:block} }@keyframes mui-auto-fill-cancel{0%{display:block} }@-webkit-keyframes mui-auto-fill-cancel{0%{display:block} }@keyframes mui-auto-fill-cancel{0%{display:block} }.css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit} .css-z4pt15{aspect-ratio:28 / 20;text-indent:-9999px;display:block} .css-ley2rp{margin:0px;font-family:FavoritStdRegular;font-weight:500;font-size:16px;line-height:22px;color:rgb(16,42,67)} .css-freelj{margin-top:8px;margin-left:16px;position:relative;max-height:370px;overflow:hidden scroll} .css-freelj::-webkit-scrollbar{width:6px} .css-freelj::-webkit-scrollbar-track{background:transparent} .css-freelj::-webkit-scrollbar-thumb{background:transparent;border-radius:7px;border:0px solid white} .css-freelj:hover::-webkit-scrollbar-thumb{background:rgb(138,138,138)} .css-9bdyjq{margin-bottom:16px;border:1px solid rgb(217,226,236);border-radius:8px;cursor:pointer;text-decoration:none;overflow:hidden;padding:9px 15px;display:flex;flex-direction:row} .css-9bdyjq:hover{border-color:rgb(159,179,200)} .css-ldpcfu{flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;margin-right:-6px;pointer-events:none;position:relative;margin-left:auto} .css-mmzvdc{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:-2px 0px 0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;text-align:center;flex:0 0 auto;border-radius:50%;overflow:visible;color:rgba(0,0,0,0.54);transition:background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;padding:5px;font-size:1.125rem;width:36px;height:36px;pointer-events:all} @media print{.css-mmzvdc{-webkit-print-color-adjust:exact} }.css-mmzvdc:hover{background-color:rgba(0,0,0,0.04)} @media (hover:none){.css-mmzvdc:hover{background-color:transparent} }.jss193{height:100%;display:flex;align-items:center;justify-content:center} .jss194{height:18px;margin-top:-2px} .jss195{color:#102A43;font-size:16px;font-style:normal;font-weight:normal;line-height:18px;letter-spacing:-0.008em} .jss196{color:#829AB1;font-size:12px;font-style:normal;font-family:FavoritStdRegular;font-weight:500;line-height:16px;letter-spacing:-0.008em} .jss36{top:0;z-index:10;position:sticky;background-color:white} .css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit} .css-1m9pwf3{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0px;left:0px;margin:0px;padding:0px;z-index:1} .css-ley2rp{margin:0px;font-family:FavoritStdRegular;font-weight:500;font-size:16px;line-height:22px;color:rgb(16,42,67)} .css-1pqaisu{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%;color:rgb(16,42,67);padding:4px} @media print{.css-1pqaisu{-webkit-print-color-adjust:exact} }.css-1pqaisu:hover{background-color:rgba(13,67,119,0.04)} @media (hover:none){.css-1pqaisu:hover{background-color:transparent} }.jss43{left:32px;bottom:27px;display:flex;position:absolute} .jss43:hover{cursor:pointer} .jss44{color:#102A43;display:flex;font-size:16px;align-items:center;font-family:FavoritStdRegular;font-weight:400;line-height:24px;margin-left:10px} .jss37{color:#98ACBF;padding:12px 0;font-size:16px} .jss34{color:#102A43;width:442px;height:34px;font-size:28px;font-style:normal;font-family:FavoritStdMedium;font-weight:500;line-height:34px;margin-left:16px} .jss61{height:100%;display:flex;align-items:center;justify-content:center} .jss62{height:18px;margin-top:-2px} .jss63{color:#102A43;font-size:16px;font-style:normal;font-weight:normal;line-height:18px;letter-spacing:-0.008em} .jss76{color:#829AB1;font-size:12px;font-style:normal;font-family:FavoritStdRegular;font-weight:500;line-height:16px;letter-spacing:-0.008em} @font-face{font-display:swap;font-family:FavoritStdRegular;font-style:normal;src:url(../fonts/FavoritStd-Regular.6ec61be26ef98f64cb12.otf) format("opentype"),url(../fonts/FavoritStd-Regular.2640f05f66a908cde0f6.woff2) format("woff2"),url(../fonts/FavoritStd-Regular.e6f94a4863de828d9b4e.woff) format("woff")} @font-face{font-display:swap;font-family:FavoritStdMedium;font-style:normal;src:url(https://app.synthesia.io/static/media/FavoritStd-Medium.cf990c8c04875184d431.otf) format("opentype"),url(https://app.synthesia.io/static/media/FavoritStd-Medium.63f80edd88ee206ef3ed.woff2) format("woff2"),url(https://app.synthesia.io/static/media/FavoritStd-Medium.adceb78c070ab05da5c7.woff) format("woff")} .media-editor{position: absolute; outline-color: transparent;width: 20%;z-index: 99;top: 15%;left: 10%; outline-style: solid;} .media-editor .item_video{display: none;} .css-wr5s0d { color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; position: absolute; overflow: hidden auto; min-width: 16px; min-height: 16px; width: 188px; height: 195px; outline: 0px;display: none; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; z-index: 9999999;top: 0; left: 50%;transform-origin: 0px 0px;-webkit-animation: wr5s0d 180ms ease;-o-animation: wr5s0d 180ms ease;animation: wr5s0d 180ms ease; } .css-1700y75 { list-style: none; margin: 0px; position: relative; padding: 0px; outline: 0px; } .css-1700y75.MuiList-root { padding: 5px; border-radius: 10px; } .css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit;} .css-6yhtc9{-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;font-family:"Basier Square Regular";font-weight:400;font-size:1rem;line-height:1.5;position:relative;text-decoration:none;box-sizing:border-box;white-space:nowrap;-webkit-box-pack:justify;justify-content:space-between;border-radius:6px;flex:1 1 0%;display:flex;-webkit-box-align:center;align-items:center;min-height:24px;min-width:180px;margin:0px;padding:4px 8px 4px 26px;} @media print{ .css-6yhtc9{-webkit-print-color-adjust:exact;} } .css-6yhtc9:hover{text-decoration:none;background-color:rgba(0, 0, 0, 0.04);} @media (hover: none){ .css-6yhtc9:hover{background-color:transparent;} } @media (min-width: 600px){ .css-6yhtc9{min-height:auto;} } .css-6yhtc9 + .css-6yhtc9{margin-top:2px;} .css-6yhtc9 .MuiBox-root{display:flex;-webkit-box-align:center;align-items:center;} .css-6yhtc9 .MuiTypography-root{flex:1 1 0%;} .css-6yhtc9 + .css-6yhtc9{margin-top:2px;} .css-6yhtc9 > .MuiTypography-root{font-family:"Basier Square Regular";font-weight:400;font-size:13px;color:rgba(0, 0, 0, 0.75);line-height:1;} .css-tfe6dx{padding-right:8px;} .css-19cbgm5{margin:0px;font-family:"Basier Square Regular";font-weight:400;font-size:1rem;line-height:1.5;color:rgba(0, 0, 0, 0.95);} .css-16xag3e{padding-left:8px;} @keyframes wr5s0d{ 0% { opacity: 0;transform: scale(0); } 100% { opacity: 1;transform: none; } } /* page video-edit end*/ /* ====================== MEDIA QUERIES ====================== */ @media only screen and (min-width: 1440px){ /* payment_scheme_wrap */ #upgradeModalCenter .modal-xxl{max-width: 1400px;} } @media only screen and (max-width: 1440px){ .sys-edition-item{width :32%;} /* payment_scheme_wrap */ .scheme_item_tab span{line-height: 50px;font-size: 18px;} .scheme_item_professional .scheme_item_cont h3{font-size: 18px;} .payment_scheme_content table td b{font-size: 14px;} /* aicc-page */ .datacrawler_gather{width:300px} .all-picture-no{height:600px} } @media only screen and (max-width: 1280px){ .navbar-expand-sm .nav-item.company-name em{display:none} /* payment_scheme_wrap */ .scheme_item_tab span{font-size: 16px;line-height: 40px;border-radius: 8px;} .scheme_item_tab{border-radius: 8px;} .scheme_item_professional .scheme_item_cont h3{font-size: 16px;} .scheme_item_cont h3{font-size: 14px;} .scheme_item_cont p{font-size: 13px;} .scheme_item_cont .price{font-size: 14px;} .payment_scheme_content .scheme_td{padding: 10px;} .payment_scheme_content .scheme_td b{font-size: 14px;} /*.payment_scheme_wrap{min-width: 880px;}*/ .scheme_item_cont .fire{width: 28px;top:-14px;} /* aicc-page */ .datacrawler_gather{width:200px} .uploadcrawler_sitemap .select2-container{width:150px !important} .ai-picture-right{padding:30px 5%} .all-picture-no{height:500px} /* tools */ .ranking-query-wrap .right{width: 50%;padding-right: 5%;} .ranking-query-wrap .left{width: 45%;margin-right: 5%;} .vat_information, .domain_information{padding: 30px 15%;} .statistics_wrap{flex-wrap: wrap;} .statistics_item{width: calc(50% - 15px);margin-bottom: 30px;} .pie_charts,.diagram .pie_charts{margin: -50px 0;} .expansion_result td{width: auto !important;} .expansion_result td:nth-child(2){padding-left: 20px;} .expansion_result td:nth-child(3){padding-right: 20px;} .expansion_result{padding: 0;} } @media only screen and (max-width: 1200px){ .item-create-container,.collect-filter-wrap{margin-left: 0;} .release-text-item .item-box{width: 100%;} .navbar .theme-brand li.theme-text{display:none;} .release-text-item .item-title{width: 100%;} .modal-video_item{width: 100%;} .modal-collect-content{width:100%} .modal-video_item .item_top{width:220px} .modal-video_item .item_info{width:calc(100% - 250px)} .modal-collect-list{max-height:none;} } @media (min-width: 992px) { .sidebar-closed #sidebar .theme-brand li.theme-text a { display: none; } } @media only screen and (max-width: 1180px){ /* createCAnalysisModel */ .c_a_right .ai_post_form{width: 200px;} /* pafe ai_cc */ .all-picture-no{height:400px} } @media (max-width: 991px) { .page-title-bar{padding-left:88px !important} .mo_scheme_table{display:block;padding:15px 0} .payment_scheme_content{display:none;} .payment_scheme_head{display:block} .scheme_item:nth-child(1),.scheme_item{width:100%} .payment_scheme_wrap{min-width:auto} .payment_scheme_head .scheme_item{padding:0} .scheme_item_cont {border-radius: 0;padding:10px 0 ;} .scheme_item_cont .line{display:none} .mo_scheme_table .scheme_tr{padding:5px 0} .scheme_item_free .scheme_item_cont p{margin:0} .page-exp{display:none;} .currencyStyle .modal-header .title.custom01 em+p{display:none;} .ai-picture-draw .com-textarea-box{width:100%} .ai-picture-draw .item-opt{width:100%;margin-top: 15px;} .picture-draw-result .all-picture .scroll{max-height: 180px;} .picture-draw-result .current-picture{max-height: 180px;} .rel-cond-items{width:100% !important} .collect-filter-wrap{margin:15px 0 0 0 !important} .item-create-container .create-item[data-id="hotNews"] .collect-filter-wrap{ top: 30px;} .page-filter-title-bar .title{ width: 100%;margin-right:0 !important;margin-bottom: 10px} .item-create-container .create-item .item-box{ width: 100%;} .item-create-container .create-item .item-title{margin-bottom: 10px} .rel-cond-items{ width: 100%;} .sys-edition-item{width:100%;} .navbar .theme-brand { padding: 0.9px 0 0.9px 14px !important; } .sub-header-container .navbar .toggle-sidebar, .sub-header-container .navbar .sidebarCollapse { position: relative; padding: 0 25px 0 16px; } .currencyStyle .modal-box .modal-scroll{max-height: 48vh;} .modal-video_item .item_info{width:100%} .modal-collect-list table tr{display: block;} .modal-collect-list table tr td{width: 100%;display: block;} /* page aicc */ .btn-datagather,.btn-uploadfiles{height:30px;line-height:30px;padding:0 1rem} .datacrawler_gather{width:120px;height:30px !important} .uploadcrawler_sitemap .select2-container .select2-selection--single .select2-selection__rendered{height:30px !important;line-height:26px !important;font-size:12px !important} .uploadcrawler_sitemap .select2-container--default .select2-selection--single .select2-selection__arrow{top:11px !important} .uploadcrawler_warn,.uploadFiles_warn{font-size:12px} .uploadFiles_warn svg,.uploadcrawler_warn svg{vertical-align:middle} .ai-picture-left,.ai-picture-right{width: 100%;} .ai-picture-reference_box{display: block !important;} .ai_picture_reference_list{margin-bottom: 15px;} .all-picture-no{height:500px;width:500px} /* ============= NavBar ============= */ .main-container.sidebar-closed #content { margin-left: 0; width:100%; } /* ============= Sidebar ============= */ .shadow-bottom { width: 100%; } #content { margin-left: 0; width: 100%; } #sidebar .theme-brand { border-radius: 0; background-color: #059ae0; padding: 7px 12px 7px 24px; border-color: #059ae0; } .sidebar-closed #sidebar .theme-brand { padding: 0.9px 12px 0.9px 24px; } .main-container:not(.sbar-open) .sidebar-wrapper, body.alt-menu .sidebar-closed > .sidebar-wrapper { width: 0; left: -52px; } .main-container:not(.sbar-open) .sidebar-wrapper + .sc-sidebar, body.alt-menu .sidebar-closed > .sidebar-wrapper + .sc-sidebar { width: 0; left: -130px; } .main-container { padding: 0; } #sidebar ul.menu-categories.ps { height: 100%; } .sidebar-menu-btn{display: block;} .sidebar-wrapper { position: fixed; top: 0; left: 0; bottom: 0; /* width: 100px; */ z-index: 9999; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); border-radius: 0; } .sidebar-wrapper + .sc-sidebar{ z-index: 9999; background: #fff; top: 0; border-radius: 0; } .sidebar-closed > .sidebar-wrapper { left: 0; } .sidebar-noneoverflow { overflow: hidden; } #sidebar { height: 100vh !important; /* padding: 10px 0 10px 10px; */ backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); background: #f1f2f3; } .footer-wrapper { padding: 0 16px 17px 16px; } .layout-px-spacing { padding: 0 16px !important; } /* display .overlay when it has the .active class */ .overlay.show { display: block; opacity: .7; } /* 2023-03-13 -------- login / register */ .web-form-box .input-wrapper .form-submit-btn{padding: 0 20px;line-height: 42px;} .operate_btns a{font-size: 16px;width: 80px;line-height: 42px;height: 42px;padding: 0 15px 0 30px;} /* CRAnalysisModal */ .consumer_review_analysis .section{flex-wrap: wrap;} .basic_info_left{width: 100%;} .basic_info_right{width: 100%;margin-top: 20px;} .discuss_item{width: 100%;} .motivation_analysis {align-items: center;} /* createCAnalysisModel */ .c_a_right {margin-top: 15px;width: 100%;} .c_a_right .ai_post_form{width: auto;flex: 1;} .ai_pro_info h4{margin-left: 15px;} } @media (max-width: 767px) { /* page aicc */ .datacrawler_gather{width:80px} .btn-datagather,.btn-uploadfiles{font-size:12px;padding:0 0.6rem} .datacrawler_gather{margin-right: 0.5rem !important;} table.pub-table.mob-column thead{display:none;} table.pub-table.mob-column tr{display:block;width:100%} table.pub-table.mob-column tr td{display:block;width:100%} table.pub-table.mob-column tr td:before{content:attr(data-title);margin-bottom:7px;display: block;} .opt-box-container .opt-box-item .item-trans-container{display: block !important;} .opt-box-container .opt-box-item .item-trans-container .text-box{width: 100%;} .opt-box-container .opt-box-item .item-trans-container .text-box.trans-text-box{margin-top: 70px;} .navbar .theme-brand li.theme-text { display: none; margin-right: 0; } .navbar-expand-sm .navbar-item .btn {padding: 6px 10px 3px;} .navbar .navbar-item .nav-item .form-inline.search { opacity: 0; transition: opacity 200ms, top 200ms; top: -25px; } .navbar .navbar-item .nav-item .form-inline.search .search-form-control { opacity: 0; transition: opacity 200ms, top 200ms; } .navbar .navbar-item .nav-item .form-inline.search.input-focused { position: absolute; bottom: 0; top: 0; background: #060818; height: 100%; width: 100%; left: 0; right: 0; z-index: 32; margin-top: 0px !important; display: flex; opacity: 1; transition: opacity 200ms, top 200ms; } .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control { opacity: 1; transition: opacity 200ms, top 200ms; } .navbar .navbar-item .nav-item.search-animated { position: initial; } .navbar .navbar-item .nav-item.search-animated svg { font-weight: 600; margin: 0 9.6px; cursor: pointer; color: #e0e6ed; position: initial; width: 24px; height: 24px; transition: top 200ms; top: -25px; } .navbar .navbar-item .nav-item.search-animated.show-search svg { margin: 0; position: absolute; top: 16px; left: 16px; width: 22px; height: 22px; color: #e0e6ed; z-index: 40; transition: top 200ms; } .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-bar { width: 100%; } .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control { background: transparent; display: block; padding-left: 50px; padding-right: 12px; border: none; } .navbar .navbar-item .nav-item .form-inline.search .search-form-control { border: none; width: 100%; display: none; } .header-container .navbar .language-dropdown { margin-left: 16px; } .web-logo { display: none; } .navbar .theme-brand { padding: 0!important; } .header-container .navbar { padding-left: 0; justify-content:space-between; } /* 2023-03-13 -------- login / register */ .main-content.login#content, .main-content.register#content{background:none} .main-content .main_wrap{height: auto;} .main-content .main_wrap .banner_container{flex: unset;width: 100%;} .main-content .main_wrap .banner_container img{display:block !important} .main-content .main_wrap .login_container, .main-content .main_wrap .register_container{width: 100%;max-width: 100%;padding: 40px 2.5%;height: auto;} .head_logo{margin-bottom: 60px;} .main_wrap .sns_list,.main_wrap .weChat-sign{margin-top: 40px !important;} .banner_container .operate_btns{top: unset;bottom: 10%;} /* tools */ .phone_verify_wrap ,.mailbox_verify_wrap,.ranking-query-wrap {flex-wrap: wrap;} .phone_verify_wrap .left, .mailbox_verify_wrap .left{width: 100%;margin: 0;} .phone_verify_wrap .ico-tra, .mailbox_verify_wrap .ico-tra{position: relative;top:auto;left:0;margin: 20px auto;} .phone_verify_wrap .right, .mailbox_verify_wrap .right{width: 100%;} .ranking-query-wrap .left{width: 100%;margin: 0;} .ranking-query-wrap .right{width: 100%;padding: 0;} /* .revenue_item .info{font-size: 18px;} */ .revenue_item{margin-left: 15px;margin-bottom: 5px;} .experience_wrap,.motivation_analysis {flex-wrap: wrap;} .experience_wrap >div{width: 100%;margin: 10px 0;} .motivation_analysis .diagram{width: 100%;} .motivation_analysis .buyers_wrap{width: 100%;padding: 20px 0 0;} .customers {flex-wrap: wrap;flex-direction: column;} .user_list{width: 100%;margin-bottom: 15px;} .pro_list,.info_wrap,.basic_info_left>div:not(.pro_list) {flex-wrap: wrap;} .pro_list .pro_item{margin-bottom: 5px;} .comparison_group{margin-right: 20px;} .comparison_group .vs_ico{margin: 34px 10px;} } @media (max-width: 670px) { .navbar-expand-sm .nav-item.company-name{display:none} /* tools */ .tool-search-wrap{padding: 0;margin: 30px auto;} .tiktok_video_list, .youtube_video_list{padding: 15px 0;} .tt_video_right, .yt_video_right{padding-left: 3%;} .measure-btn{min-width: 74px;} .tool-search-form{margin: 20px 0;} .tool-tit-bar .title{padding: 0px 20px !important;min-width: unset;height: 35px;line-height: 31px;} .tool-tit-bar .tips{padding-left: 10px;} .vat_information, .domain_information{padding: 30px 0;} .translate-btn{margin: 10px 0 0;margin-left: 0 !important;margin-right: 0 !important;} .level-select-wrap .sm-title{white-space: nowrap;} .translate-title-bar{flex-wrap: wrap;} .page-filter-title-bar.translate-title-bar .right{width: 100%;} .device_view_wrap{padding: 40px 5%;} .device_thumbs{margin-top: 30px;} .item-ranking-container td, .item-ranking-container th{padding: 10px;} .statistics_item{width: 100%;} } @media (max-width: 575px) { /* page aicc*/ .uploadcrawler_sitemap{flex-wrap: wrap;} .datacrawler_gather{width: 150px;} .all-picture-no{height:300px;width:300px} .item-create-container .create-item .item-title{width: 100%;margin-bottom: 7px;} .navbar .navbar-item .nav-item.message-dropdown .dropdown-menu { min-width: 16.2rem; } .sub-header-container .breadcrumb-one .breadcrumb-item:not(.active), .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before { display: none; } .sub-header-container .breadcrumb-one .breadcrumb-item span { vertical-align: sub; font-size: 15px; font-weight: 700; } .sub-header-container .navbar .toggle-sidebar, .sub-header-container .navbar .sidebarCollapse { padding: 0 13px 0 16px; } .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after { right: 45px; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu { right: -44px; } .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu:after { right: 46px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu { right: -82px; } .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after { right: 83px; } .footer-wrapper .footer-section.f-section-2 { display: none; } /* payment_scheme_wrap */ .scheme_item_tab span{font-size: 14px;} .payment_scheme_content .scheme_td{font-size: 12px;} .scheme_item .btn,.scheme_item em{font-size: 12px;} /* createCAnalysisModel */ .ai_pro_item{padding: 10px 0 !important;} .ai_pro_info{margin: 0 10px;} .ai_pro_info h4{margin-left: 10px;} .ai_pro_info > a{max-width: 50px;} .ai_check {width: 12px;height: 12px;} .choose-pro{padding: 0.25rem 1.25rem !important;height: 35px;white-space: nowrap;} .reviews_count,.ai_pro_info h4{font-size: 12px;} .c_a_right .search-btn{white-space: nowrap;} } @media (max-width: 560px){ /* page aicc */ .uploadcrawler_sitemap .select2-container{width:100% !important;margin-bottom:20px !important} .uploadcrawler_warn,.uploadFiles_warn{margin-left:0;margin-top:20px;display: block;} .navbar-expand-sm .navbar-item.right{width:100%;justify-content:center} .sidebar-menu-btn{top:10px} .header-container .navbar{padding-left:0;height:83px;justify-content: center;} .navbar .theme-brand {padding: 0!important;} #content{margin-top:83px} .chat-system {height: calc(100vh - 190px) !important;} .web-logo{display:none;} .global-search{width:95%; transform: translate(-50%,-50%);} .global-search-hagro{width:95%; transform: translate(-50%,-190%);} .navbar-expand-sm .navbar-item .btn {padding: 3px 5px 1px ;} .page-title-bar{padding-left:20px !important} /* 2023-03-13 -------- login / register */ .operate_btns a{font-size: 14px;width: 60px;padding: 0 10px 0 20px;} .main_wrap .form-control{font-size: 14px;} .main_wrap .btn.sign-in-btn,.main_wrap .btn.register-btn{margin-left: 5px !important;padding: 4px 10px;} .web-form-box .input-wrapper .form-submit-btn{line-height: 35px;padding: 0 15px;} .main_wrap .web-form-box .input-wrapper{margin-bottom: 25px;} /* tools */ .yt_video_item,.tt_video_item {flex-wrap: wrap;} .tt_video_left, .yt_video_left{width: 100%;} .tt_video_right, .yt_video_right{width: 100%;margin-top: 20px;padding: 0;} .eval_nape_info .tit{font-size: 14px;} /* .eval_nape_info .data{font-size: 18px;} */ .eval-gather-item .title{width: 100%;} .eval-gather-item{flex-wrap: wrap;} .eval-gather-item .character{width: auto;} .eval-gather-item .label span{margin-left: 5px;} .eval-gather-item .label{width: 30%;} .expansion_result td{padding: 10px 5px;} .parameter_item{padding: 10px;} .exchange_container{padding: 10px;} .exchange_result .amount{width: 120px;} .keywords_proportion td{width: auto !important;} .basic_info_left{font-size: 12px;} .basic_info_left .form-group label{font-size: 12px;} .expect_item .content {flex-wrap: wrap;} .expect_item .content p{padding: 0;} .expect_item .stars{width: 100%;text-align: right;margin-bottom: 10px;} .keywords_proportion td{padding: 10px;} .keywords_proportion thead td:nth-child(1) b::before{left: 5px;} .consumers_info {flex-wrap: wrap;} .consumers_info .user {width: 100%;margin-bottom: 15px;} .comparison_wrap,.comparison_list {flex-wrap: wrap;justify-content: center;} .comparison_list {width: 100%;margin-bottom: 20px;flex: unset;} .scheme_item_tab{margin:0 0 30px} .modal-body{padding:1rem 0} } @media (max-width: 420px){ .parameter_item{width: 100%;} .reviews_count{width: 100%;text-align: right;margin-top: 15px;} } @media (max-width: 366px){ .navbar .theme-brand li.theme-logo img {height: 28px;} .navbar-expand-sm .navbar-item .btn {padding: 3px 5px 1px ;font-size:12px} /* 2023-03-13 -------- login / register */ .sns_list li{width: 35px;} /* tools */ .evalution-detail{flex-wrap: wrap;} .evalution_nape{width: 100%;padding: 10px;} .exchange_result, .exchange_result label{font-size: 16px;} } @media (max-width: 350px){ /* 2023-03-13 -------- login / register */ .web-form-box .input-wrapper .form-submit-btn{width: 100%;margin-bottom: 20px;} .web-form-box .input-wrapper .form-submit-btn+div{width: 100%;} } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #059ae0; border-color: #059ae0; } .page-link{ color: #059ae0 ; } .page-link:hover{ color: #059ae0; } .chart_search{ position: absolute; top: 76px; left: 40px; z-index: 1; } .chart-input { display: unset; width: 120px; height: 30px; font-size: 10px; margin: 0 6px; color: #333 !important; } /*------------------------------- AI Training Upload Data ----------------------------------*/ /* AI训练-上传数据 */ .main-content ::-webkit-scrollbar, .sidebar-wrapper ::-webkit-scrollbar,.sc-sidebar ::-webkit-scrollbar{width:6px;border-radius: 3px;} .main-content ::-webkit-scrollbar-track, .sidebar-wrapper ::-webkit-scrollbar-track,.sc-sidebar ::-webkit-scrollbar-track{background-color: transparent;} .main-content ::-webkit-scrollbar-thumb, .sidebar-wrapper ::-webkit-scrollbar-thumb,.sc-sidebar ::-webkit-scrollbar-thumb{background-color: #059ae050;border-radius: 6px;} .icon-sm{display: inline-block;position: absolute;top: -3px;left: 0;} .icon-sm::after{content: '';width: 22px;height: 22px;background-repeat: no-repeat;background-position: center;background-size: 100%;display: block;border-radius:100%} .icon-talk::after{background-image: url(../img/icon_talk.png);} .icon-transfer::after{background-image: url(../img/icon_transfer.png);} .icon-telegram::after{background-image: url(../img/icon_telegram.png);} .icon-email::after{background-image: url(../img/icon_email.png);} .icon-instagram::after{background-image: url(../img/icon_instagram.png);} .icon-line::after{background-image: url(../img/icon_line.png);} .icon-whatsapp::after{background-image: url(../img/icon_whatsapp.png);border-radius:0} .icon-whatsapp-api::after{background-image: url(../img/icon_whatsapp_api.png);border-radius:0} .icon-vchat::after{background-image: url(../img/icon_vchat.png);} .icon-robot::after{background-image: url(../img/icon_robot.png);} .icon-wxwork::after{background-image: url(../img/icon_wxwork.png);} .icon-dingtalk::after{background-image: url(../img/icon-dingtalk.png);} .icon-hwmt::after{background-image: url('/upload/2023-07-24/aafb8a71410ee594bf58aec80821e18c100516.png');} .icon-douyin::after{background-image: url('/upload/2023-07-28/5da0c945cbce80fae1acc8124cb7070c145512.png');} .icon-wordpress::after{background-image: url('/upload/2023-07-31/2bc441fba561e72a8bff1093c1830de2195445.png');} .icon-tiktok::after{background-image: url('/upload/2023-09-05/8c458e3489329de9532ce70409eeef1e170651.jpg');} .sidebar-wrapper + .sc-sidebar ul{padding-top:1rem;padding-left:.8rem;padding-right:.8rem;height: calc(100vh - 125px);overflow-y: auto;} .sidebar-wrapper + .sc-sidebar ul li a{padding-left: 28px;white-space:nowrap;} .sidebar-wrapper + .sc-sidebar ul li a:before{content: none;} .sidebar-wrapper + .sc-sidebar {width: 138px;padding-top:1rem;} .sidebar-wrapper + .sc-sidebar > div{padding-top:1rem;padding-left:.8rem;padding-right:.8rem;} .sidebar-wrapper + .sc-sidebar + #content{margin-left: 208px;width: calc(100% - 228px);} .sc-sidebar .new::after{content: 'æ–°';background-color: #ed4014;border-radius: 4px;display: inline-block;vertical-align: middle;color: #fff;line-height: 1;padding: 4px 3px 2px;margin: -2px 0 0 0;} /* AI训练-数据分库 */ .content-main-box{height: calc(100vh - 111px - 2rem);border: 1px solid #eeeeee;border-radius: 5px;overflow: auto;} .upload_data_wrap{max-width: 900px;} .choose_database{column-gap: 20px;row-gap: 10px;} .choose_database label{font-size: 14px;color: #000000;margin: 0;} .choose_database .select2-container{width: 280px !important;margin: 0 !important;} .choose_database .select2-container .select2-selection--single .select2-selection__rendered{padding: 8px 10px !important;height: auto !important;line-height: 1.5 !important;font-size: 14px !important;color: #000000;border-color: #cccccc;} .choose_database .select2-container--default .select2-selection--single .select2-selection__arrow{right: 20px !important;top: 15px !important;} .choose_database span.select2.select2-container.select2-container--default.select2-container--open .select2-selection--single{border: none;} .select2-container.select2-container--default .select2-results__option[aria-selected=true]{background-color: rgba(5, 154, 224,.2);} /* .choose_database select{width: 280px;margin-left: 20px;background-color: transparent;border: 1px solid #cccccc;border-radius: 5px;font-size: 14px;color: #000000;} */ .upload_cont{flex-wrap: wrap;column-gap: 12px;row-gap: 12px} .upload_cont .item{position: relative;width: 120px;height: 120px;border: 1px dashed #626262;padding: 0 10px;font-size: 14px;color: #000000;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} .upload_cont .item p{width: 100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .upload_cont .fileName{color: #3370ff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .upload_cont .add_material:hover{border-color: #3370ff;} .upload_cont .add_material:hover label{color: #3370ff;} .upload_cont [type="file"]{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;} .add_material label{font-size: 14px;color: #626262;} .add_material label span{font-size: 36px;display: block;line-height: 1;} .upload_attention h3{color: #d90000;font-size: 14px;font-weight: bold;} .btn.btn-upload-cont,.btn.btn-upload-file{line-height: 24px;height: 31px;} .btn.btn-upload-cont svg,.btn.btn-upload-file svg{width: 18px;height: 18px;transform: translateY(-4px);margin-right: 4px;} .btn.btn-round{border-radius: 20px;} .modal-dialog .btn-upload{padding: 6px 35px;margin-top: 10px;} /* 应用-所有应用 */ .application_item {margin-bottom: 30px;} .application_item .title{color: #515a6e;font-size: 14px;padding-left: 8px;margin-top: 10px;position: relative;font-weight: bold;} .application_item .title::before{content: '';width: 2px;height: 100%;background-color: #2e4fed;position: absolute;top: -1px;left: 0;} .application_item .content{padding: 0 8px;flex-wrap: wrap;column-gap: 20px;} .application_item .item{width: calc(25% - 15px);border-radius: 5px;border: 1px solid #dcdee2;padding: 20px;column-gap: 10px;margin-bottom: 20px;} .app_icon{max-width: 16%;} .app_intro{flex: 1;} .app_intro h4{color: #515a6e;font-size: 14px;} .app_intro p{color: #515a6e;font-size: 13px;margin: 10px 0 16px;} .app_intro span{color: #515a6e;font-size: 13px;} .app_intro .install{display: block;width: 100%;height: 35px;line-height: 33px;text-align: center;font-size: 14px;color: #515a6e;border: 1px solid #dcdee2;border-radius: 5px;margin-top: 12px;} .app_intro .install:hover{background-color: #059ae0;border-color: #059ae0;color: #fff;} /* chatAloneModal 聊天单窗口 */ #chatAloneModal{background-color: #fff;overflow-y: auto;} #chatAloneModal ::-webkit-scrollbar{width:8px;border-radius: 0;} #chatAloneModal ::-webkit-scrollbar-track{background-color: transparent;} #chatAloneModal ::-webkit-scrollbar-thumb{background-color: #059ae0;border-radius: 0;} #chatAloneModal .modal-dialog{position: relative;width: calc(100% - 120px);max-width: 800px;flex-direction: column;align-items: flex-end;justify-content: center;} #chatAloneModal .modal-header{position: relative;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: transparent;background-clip: padding-box;border: none;border-radius: 0;outline: 0;align-items: flex-end;} #chatAloneModal .modal-content{padding: 0;box-shadow: 0 0 25px rgba(0,0,0,0.15);border-radius: 10px;border: none;} #chatAloneModal .chat-form, #chatAloneModal .chat-form-left{width: 100%;} #chatAloneModal .chat-form-right {width: 120px;position: absolute;right: 8px;bottom: 15px;} #chatAloneModal .chat-form-right .send-btn{margin: 0;padding: 0;line-height: 35px;} #chatAloneModal .chat-form-left .mail-write-box{padding-right: 130px;min-height: 120px;} #chatAloneModal .close{position: absolute;top: 0;right: -50px;padding: 0;margin: 0;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;background-color: #f3f3f3;color: #fff;opacity: 1;} #chatAloneModal .close svg{margin-top: -4px;} #chatAloneModal .change-language{position: relative;padding: 6px 10px;border-radius: 6px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);} #chatAloneModal .change-language-title a{position: relative;color: #575657;font-size: 14px;font-family: "Arial";} #chatAloneModal .change-language-title .language-flag span{vertical-align: middle;padding-left: 24px;} #chatAloneModal .change-language-title .language-flag .country-flag{width: 20px;height: 20px;background-image: url(../img/lang.png);background-position: center !important;background-size: 100%;margin-top: -9px;} .c_custom_service {align-items: flex-start;} .c_custom_service .person{width:25.3%;margin: 0 25px 0 10px;} .c_custom_service .expression{flex: 1;margin: 15px 0;position: relative;padding: 15px;border-radius: 12px;background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,.2);} .c_custom_service .expression p{color: #000;font-size: 14px;margin: 0;max-height: 63px;overflow: auto;} .c_custom_service .expression::before{content: '';width: 0;height: 0;border-top: 8px solid transparent;border-right: 24px solid #ffffff;border-bottom: 8px solid transparent;border-left: 24px solid transparent;position: absolute;top: 20%;left: 0;transform: translateX(-100%) skewY(-30deg);transform-origin: right top;} #chatAloneModal .chat-conversation-box{padding: 0 12px;position: relative;margin: auto;width: 100%;height: 400px;max-height: calc(60vh - 200px);min-height: 150px;overflow-y: auto;} #chatAloneModal .chat-conversation-box .chat{display: none;overflow: hidden;padding: 0;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-flex-direction: column;flex-direction: column;} #chatAloneModal .chat-conversation-box .chat.active-chat{display: block;display: -webkit-flex;display: flex;} #chatAloneModal .chat-conversation-box .bubble{position: relative;display: inline-block;clear: both;margin-bottom: 10px;padding: 0 0 10px;vertical-align: top;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;word-break: break-word; -webkit-align-self: flex-start;align-self: flex-start;-moz-animation-name: slideFromLeft;-webkit-animation-name: slideFromLeft;animation-name: slideFromLeft;} #chatAloneModal .chat-conversation-box .chat.active-chat .bubble{-moz-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);-o-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);-webkit-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);} #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(1){-moz-animation-duration: 0.15s;-webkit-animation-duration: 0.15s;animation-duration: 0.15s;} #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(2){-moz-animation-duration: 0.3s;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;} #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(3) { -moz-animation-duration: 0.45s; -webkit-animation-duration: 0.45s; animation-duration: 0.45s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(4) { -moz-animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(5) { -moz-animation-duration: 0.75s; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(6) { -moz-animation-duration: 0.9s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(7) { -moz-animation-duration: 1.05s; -webkit-animation-duration: 1.05s; animation-duration: 1.05s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(8) { -moz-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(9) { -moz-animation-duration: 1.35s; -webkit-animation-duration: 1.35s; animation-duration: 1.35s; } #chatAloneModal .chat-conversation-box .chat.active-chat .bubble:nth-of-type(10) { -moz-animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } #chatAloneModal .chat-conversation-box .bubble .head-po{width: 48px;height: 48px;border-radius: 100%;overflow: hidden;} #chatAloneModal .chat-conversation-box .bubble .info{position: relative;margin: 0 0 0 15px;flex: 1;font-size: 14px;} #chatAloneModal .chat-conversation-box .bubble .info .con{position: relative;margin-top: 5px;padding: 15px 15px 30px;border-radius: 0 5px 5px 5px;background-color:#059ae0;-webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);color: #fff;} #chatAloneModal .chat-conversation-box .bubble .info b{margin-right: 8px;} #chatAloneModal .chat-conversation-box .bubble.me .info .con{background-color: #f3f3f3;color: #000;padding-bottom: 15px;} #chatAloneModal .chat-conversation-box .bubble .info .con:before{position: absolute;top: 0;color: #fff;left: -1px;background-color: #059ae0;display: block;width: 12px;height: 8px;content: '\00a0';-moz-transform: rotate(38deg) skew(-52deg);-ms-transform: rotate(38deg) skew(-52deg);-webkit-transform: rotate(38deg) skew(-52deg);transform: rotate(38deg) skew(-52deg);} #chatAloneModal .chat-conversation-box .bubble.me .info .con:before{background-color: #f3f3f3;} #chatAloneModal .chat-footer{padding: 12px 20px 10px;border-top: 1px solid #f6f6f6;} .chat-example{flex-wrap: wrap;column-gap: 5px;row-gap: 5px;padding: 0;margin-bottom: 12px;} .chat-example li{cursor: pointer;padding: 5px 8px;border-radius: 3px;background-color: rgba(81, 190, 118,.2);color: #000000;font-size: 14px;} .f_tip{width: 100%;color: #525252;font-size: 14px;text-align: center;} .ico_voice{float: right;cursor: pointer;} .mail-write-box-alone{position: relative;font-size: 14px;} .autocomplete-items {position: absolute;border: 1px solid #e2e2e3;z-index: 99;top: 36px;left: 10px;width: 45%;background-color: #fff;padding: 10px 0;border-radius: 6px;max-height: 140px;overflow-y: auto;} .autocomplete-items div {padding: 4px 15px;cursor: pointer;} .autocomplete-items div:hover {background-color: rgba(81, 190, 118,.2);} /*鼠标移动到填充项设置的背景颜色*/ .autocomplete-items div strong{color: #ff4a4a;} /* leaveMailModal */ #leaveMailModal{z-index: 1051;background-color: rgba(0,0,0,.5);} #leaveMailModal p{text-align: center;font-size: 15px;color: #000;margin: 0;padding: 0 20px;} #leaveMailModal .modal-lg{max-width: 560px;} #leaveMailModal .modal-header{border: none;} .leaveMail-box form{width: 100%;padding: 20px;text-align: center;} .leaveMail-box .form_item{position: relative;} .leaveMail-box .form_item.required::after {content: '*';color: #ff0000;position: absolute;top: 43%;left: 13px;font-size: 14px;line-height: 1;} .leaveMail-box .form-control{border-color: #d7d7d7;padding: 8px 30px;} .leaveMail-box .send-btn{color: #ffffff;background-color: #059ae0;border-color: #059ae0;padding: 8px 20px;} .leaveMail-box .send-btn svg {width: 14px;height: 14px;margin-left: 8px;-moz-transform: rotate(45deg) translateY(-5px);-webkit-transform: rotate(45deg) translateY(-5px);-ms-transform: rotate(45deg) translateY(-5px);-o-transform: rotate(45deg) translateY(-5px);transform: rotate(45deg) translateY(-5px);} @keyframes slideFromLeft { 0% { margin-left: -200px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 100% { margin-left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-webkit-keyframes slideFromLeft { 0% { margin-left: -200px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 100% { margin-left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } .prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;} .mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block;padding: 0;margin: 0;} .change-language .change-language-title, .change-language .change-language-title a{font-size:10pt;} .change-language .change-language-title a:after{font-family:'boxicons';content:"\ea29";font-size:14px;color: #575657;display: inline-block;vertical-align: middle;} .change-language:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);} .change-language .change-language-cont{position:absolute;top:36px;right:0;width:100%;background:#FFF;padding:15px 5px 10px 15px;transform:scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;box-shadow: 0 0 20px rgba(0,0,0,.2);border-radius:6px;overflow-y:auto;max-height:80vh;} .change-language:hover .change-language-cont{transform:scale3d(1, 1, 1);opacity:1;visibility:visible;} .change-language .change-language-cont li{display:block;vertical-align:top;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;} .change-language .change-language-cont li a:hover{color:#5faa4b;} .change-language .change-language-cont .lang-item-hide{display:none !important;} .change-language .change-language-cont .lang-more{position:relative;display:block;text-align:center;cursor:pointer;line-height:30px;} .change-language .change-language-cont .more-active{font-size:20px;} .language-flag span{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;padding:0 0 0 28px;overflow:hidden;} .change-language ::-webkit-scrollbar{width:5px;} .change-language ::-webkit-scrollbar-track{background-color:#fff;} .change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;} .change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block} .language-flag .country-flag{position:absolute;left:0;top:50%;display:inline-block;vertical-align:top; background-repeat:no-repeat;background-image:url(../img/all-m.gif);width:22px;height:16px;margin:-8px 5px 0 0;} li.language-flag a{position:relative;} .language-flag-en .country-flag{background-position:0 -256px !important;} .language-flag-fr .country-flag{background-position:0 -320px !important;} .language-flag-ar .country-flag{background-position:0 -32px !important;} .language-flag-es .country-flag{background-position:0 -800px !important;} .language-flag-ro .country-flag{background-position:0 -720px !important;} .language-flag-de .country-flag{background-position:0 -368px !important;} .language-flag-ko .country-flag{background-position:0 -544px !important;} a,a::after,.change-language-cont,.autocomplete-items div,.chat-system .user-list-box,.chat-system .user-list-box,.item::after,.item, .arrow,.list_tab li,li::after{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .mobile_aside_l,.mobile_aside_r,.chat_list,.chatter_info,.chat_main,.left::after,.left{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} /* 图片创造 onReTaskModalCenter */ .modal.currencyStyle ::-webkit-scrollbar{width:8px;border-radius: 4px;} .modal.currencyStyle ::-webkit-scrollbar-track{background-color: transparent;} .modal.currencyStyle ::-webkit-scrollbar-thumb{background-color: #059ae070;border-radius: 4px;} .modal-open .modal#onReTaskModalCenter{overflow: hidden;} #onReTaskModalCenter .modal-dialog{height: 86vh;margin: 7vh auto;min-height: unset;} #onReTaskModalCenter .modal-dialog .modal-content{height: 100%;} #onReTaskModalCenter .modal-dialog .modal-body{flex: 1;overflow: hidden;} #onReTaskModalCenter .modal-dialog .modal-body .modal-scroll{height: 100%;} .ai-picture-draw{width: 35%;position: relative;padding-right: 3%;border-right: 1px solid #eeeeee;} .picture-draw-result{width: 65%;padding-left: 10%;padding-right: 3%;} .required::before{content: '*';color: #e02020;} .style_tags_tab{column-gap: 20px;row-gap: 8px;} .style_tags_tab li{display: inline-block;cursor: pointer;padding: 6px 15px 3px;border-radius: 25px;color: #1d2129;background-color: #f7f8fa;border: 1px solid #e5e6eb;} .style_tags_tab li.active{background-color: #ad00fe20;border-color: #ad00fe;color: #ad00fe;} .style_list {display: none;} .style_list.active{display: flex;} .style_list .style_item{display: inline-block;margin-right: 20px;margin-bottom: 10px;width: 25%;} .style_item,.style_item .style {position: relative;} .style_item input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;border-radius: 0;opacity: 0;cursor: pointer;margin: 0;padding: 0;z-index: 2;} .style_item.new .style::before {content: 'æ–°';display: inline-block;padding: 1px 8px 0px;border-radius: 5px 10px 10px 0;color: #fff;background-color: #e02020;position: absolute;top: 0;left: 0;font-size: 12px;} .style::after {content: '';opacity: 0;;width: calc(100% + 10px);height: calc(100% + 10px);border-radius: 5px;border: 2px solid #ad00fe;position: absolute;top: -5px;left: -5px;z-index: 0;} .style:hover::after,[name="picture_draw_style"]:checked+.style::after{opacity: 1;} .style img{border-radius: 5px;} .style a{display: inline-block;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;color: #fff;font-size: 12px;padding: 4px;background-color: rgba(0,0,0,.4);border-radius: 0 0 5px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ai-picture-draw .item-title h4{font-size: 14px;font-weight: normal;color: #000;} .btn-inspiration{display: inline-block;padding: 6px 10px 3px 15px;border-radius: 25px;color: #fff;margin: 0;border: none;background: linear-gradient(90deg,#e4b7fe 0,#b5f2fa 100%);} .btn-inspiration svg{margin: -3px 0 0;} .btn .bx {vertical-align: middle;} .picture-draw-result .all-picture{width: 100%;} .current-picture img{width: 50%;} .picture-opt a{display: inline-block;margin-right: 5px;margin-bottom: 10px;padding: 6px 20px 3px;border-radius: 20px;background-color: #059ae020;border: 1px solid #059ae0;color: #059ae0;} .picture-opt a:hover{background-color: #059ae0;color: #fff;} table.pub-table th:first-child, table.pub-table td:first-child{min-width: 205px;} table.pub-table th:last-child, table.pub-table td:last-child{min-width: 250px;} .style::after,.style::before,.style_tags_tab li,.picture-opt a{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /* AICC---网页聊天 */ .webchat_main{position: relative;height: calc(100vh - 111px);overflow: auto;} .chat_list{min-width: 245px;width: 16%;flex-direction: column;border-right: 1px solid #e0e6ed;background-color: #fff;} .chat_list.retract{position: absolute;top: 0;left: 0;transform: translateX(-100%);height: 100%;} .chat_list.retract .left{position: absolute;top: 0;left: 100%;height: 51px;} .chat_list.retract .left::after{transform: rotate(180deg);} .chat_main{flex: 1;min-width: 370px;} .chatter_info{min-width: 250px;width: 20%;display: flex;flex-direction: column;border-left: 1px solid #e0e6ed;} .list_tab {border-bottom: 1px solid #ececec;} .list_tab .left{cursor: pointer;width:30px;height: 50px;line-height: 50px;text-align: center;background-color: #b8e4ff;} .list_tab .left::after{content: '';width: 35%;height: 100%;display: inline-block;vertical-align: middle;background: url(../img/ct_left.png) center/100% no-repeat ;} .list_tab li{cursor: pointer;line-height: 46px;position: relative;margin-right: 10px;padding: 0 10px;color: #1c293b;font-size: 14px;font-weight: bold;} .list_tab li::after{content: '';width: 0;height: 2px;background-color: #0079c4;position: absolute;bottom: -1px;left: 0;} .list_tab li.active{color:#0079c4;} .list_tab li span{width: 14px;height: 14px;background-color: #eb0d0d;display: inline-block;border-radius: 50%;color: #fff;font-size: 12px;text-align: center;line-height: 14px;transform: translateY(-5px) ;} .list_tab li.active::after{width: 100%;} .list_tab ul{margin: 0;padding: 4px 0 0;} .list_wrap{flex: 1;overflow: auto;} .list_wrap .item{cursor: pointer;padding: 13px 8px;align-items: center;border-bottom: 1px solid #f5f0f3;} .list_wrap .item:hover{background-color: #b8e4ff20;} .head_sculpture{position: relative;width: 45px;height: 45px;border-radius: 50%;/* background-color: #059ae0; */} .head_sculpture>img{border-radius:50%;} .head_sculpture+.content{flex: 1;margin-left: 10px;padding-top: 4px;max-width: calc(100% - 55px);} .head_sculpture .country{position: absolute;bottom: -2px;right: -2px;width: 16px;height: 16px;border: 2px solid #fff;border-radius: 50%;background-repeat: no-repeat;background-size: 100%;background-position: center;} .country.flag-zh{background-image: url(../img/ct_cn.png);} .country.flag-us{background-image: url(../img/ct_us.png);} .list_wrap .content .name{display:-webkit-box;display:-webkit-flex;display:flex;align-items: center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;} .list_wrap .content .name h3{font-size: 13px;font-weight: 700;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 12px;margin-bottom: 0;} .list_wrap .content .name span{color: #059ae0;font-size: 13px;} .list_wrap .content .name + p{color: #8d8d8d;font-size: 12px;margin: 2px 0 0;} .chatter_hd .info{margin: 0 12px;padding-top: 6px;} .chatter_hd .info h3{color: #132946;font-size: 14px;font-weight: 700;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 3px;} .chatter_hd .info span{color: #7e7e7e;font-size: 13px;} .chatter_hd .btn-edit{width: 15px;cursor: pointer;} .chatter_bd {flex: 1;overflow-y: auto;} .subject_hd h3 {color: #000;font-size: 14px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .subject_bd .btn.btn-primary{width: 100%;padding-top: 6px;padding-bottom: 6px;box-shadow: none;border-radius: 5px;} .subject_bd .btn.btn-primary:hover{transform: none;background-color: transparent !important;color: #059ae0 !important;} .labels_list {margin-bottom: 0;padding: 0;} .labels_list li{cursor: pointer;display: inline-block;margin-right: 5px;margin-bottom: 5px;padding: 4px 15px;border-radius: 15px;background-color: #eff5f7;color: #7293a3;font-size: 12px;} .labels_list li::before{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #aec2cb;display: inline-block;vertical-align: middle;margin-right: 6px;margin-top: -2px;} .main_info_list{padding: 0;margin: 0;} .main_info_list li {color: #000;font-size: 13px;align-items: center;} .main_info_list li a{flex: 1;color: #656565;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .main_info_list i+span,.equipment_list i+span,.page_list i+a{flex: 1;color: #3f536e;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .main_info_list i+span img{width: 25px;} .main_info_list li+li,.equipment_list li+li{margin-top: 12px;} .records_list{padding: 0;} .records_list li{padding: 16px 0 12px;} .records_list li+li{border-top: 1px solid #dcdcdc;} .records_list li .flex{align-items: center;font-size: 13px;color: #656565;} .records_list li .flex+.flex{margin-top: 5px;} .records_list li div .tit{font-weight: 700;color: #000;} .records_list li div .cont{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 聊天框 */ .session_status{text-align: center;background-color: #059ae0;} .session_status p{line-height: 1;color: #fff;font-weight: 700;font-size: 15px;padding: 4px 0 0;margin: 0;} .session_language{justify-content: center;padding: 12px 10px 8px;column-gap: 8px;} .session_language .flag{width: 24px;margin-top: -3px;} .session_language .language{color: #1c293b;text-decoration: underline;} .session_language .translate{color: #75869c;font-size: 13px;} .session_language div{color: #1c293b;font-size: 13px;font-weight: 700;} .chat-conversation-box{border-top: 1px solid #dee3ea;background-color: #eff3f6;} .chat_main .chat-box-inner {display: flex;flex-direction: column;} .chat_main .chat-conversation-box{flex: 1;overflow: auto;} .chat_footer_tab{border-top: 1px solid #e3e8ef;;border-bottom: 1px solid #e3e8ef;} .chat_footer_tab .item{position: relative;cursor: pointer;color: #1c293b;font-weight: 700;font-size: 13px;display: inline-block;line-height: 40px;padding: 0 5px;margin-right: 8px;} .chat_footer_tab .item::after{content: '';width: 0;height: 2px;background-color: #0079c4;position: absolute;bottom: -1px;left: 0;} .chat_footer_tab .item.active{color: #0079c4;} .chat_footer_tab .item.active::after{width: 100%;} .chat_main .chat-form{width: 100%;} .chat_main .chat-form .chat-form-left{flex: 1;padding: 8px 8px 0;} .chat_main .chat-form .mail-write-box{width: 100%;border: none;background-color: transparent;padding: 0;margin: 0;height: 100%;} .chat_main .chat-form .send-btn{width: 120px;line-height: 34px;background-color: #059ae0;border: 1px solid #059ae0;border-radius: 5px;text-align: center;color: #fff;margin: 0;padding: 0;} .chat_main .chat-form .send-btn svg{transform: rotate(45deg) translate(3px,-5px);} .chat_main .chat-form ul{padding: 0;column-gap: 6px;justify-content: flex-end;} .chat_main .chat-form li a{width: 24px;height: 24px;display: block;background-position: center;background-size: 100%;background-repeat: no-repeat;} .chat_main .chat-form li .fontStyle{background-image: url(../img/ct_en.png);} .chat_main .chat-form li .emoji{background-image: url(../img/ct_emji.png);} .chat_main .chat-form li .more{background-image: url(../img/ct_jia.png);} .chat_main .chat-conversation-box .bubble{align-items: flex-end;column-gap: 10px;margin: 15px 0;} .chat_main .chat-conversation-box .bubble.me{flex-direction: row-reverse;} .chat_main .chat-conversation-box .head-po{width: 35px;height: 35px;border-radius: 50%;padding-bottom: 1px;overflow: hidden;/* background-color: #059ae0; */} .chat_main .chat-conversation-box .info{display: flex;flex-direction: column;row-gap: 6px;align-items: flex-start;max-width:88%} .chat_main .chat-conversation-box .info .con{padding: 10px 16px 7px;border-radius: 30px;background-color: #fff;box-shadow: 1px 1px 3px rgba(0,0,0,.1);color: #000;font-size: 13px;} .chat_main .chat-conversation-box .me .info .con{background-color: #059ae0;color: #fff;} .chat_main .chat-conversation-box .me .info {align-items: flex-end;max-width: 88%;} .chat_main .chat-footer {position: relative;} .mobile_aside_l,.mobile_aside_r{cursor: pointer;width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #949494;border-radius: 50%;color: #fff;position: fixed;top: 65px;right: -100px;z-index: 999;} .mobile_aside_l{top: 115px;} .manual_intervention{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);display: flex;justify-content: center;align-items: center;flex-direction: column;} .manual_intervention button{font-weight: 700;font-size: 14px;line-height: 34px;padding: 0 15px;border-radius: 6px;letter-spacing: 1px;background-color: #059ae0;border: 1px solid #059ae0;margin: 0;color: #fff;} .manual_intervention p{color: #fff;font-size: 13px;} .subject_bd .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;} .subject_bd .bootstrap-select.btn-group > .dropdown-toggle{padding: 0 15px;height: 35px;font-size: 14px;border-color: #e4e4e4;border-radius: 5px;} .subject_bd .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner:not([class*="bg-"]):hover{color: #059ae0;background-color: #059ae020;} .subject_bd .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 9px;} .bootstrap-select.select-style01 .dropdown-toggle .caret{display: none;} .bootstrap-select.select-style01 > .dropdown-toggle:before { position:absolute;top: 3px;right: 10px; display:block;border: none; content:url('data:image/svg+xml, ');} /* 跟进记录 followRecordModal */ #followRecordModal.currencyStyle .modal-box .modal-scroll{margin: 15px 0;height: 50vh;} #form-followRecordModal {border-radius: 15px;padding: 20px;} #form-followRecordModal .modal-header{padding: 10px 0 13px;border-bottom-color: #ededed;} #form-followRecordModal .modal-header .modal-title{color: #059ae0;font-size: 16px;font-weight: 700;} .record_item{column-gap: 8px;} .record_item input::placeholder{color: #c0c4cc;} .selector-rendered{position: relative;height: 35px;border: 1px solid #dcdcdc;border-radius: 5px;padding: 0 10px;} .selector-rendered input{width: 100%;height: 100%;padding:0 0 0 20px;font-size: 14px;border: none;margin: 0;} .selector-rendered .bx{position: absolute;top: 8px;left: 10px;color: #c4c8d0;font-size: 16px;} .bx-calendar:before{content: "\ea15";} .record_item .content{flex: 1;} .record_item .content input{width: 100%;height: 35px;padding: 0 15px;border: 1px solid #dcdcdc;border-radius: 5px;} .record_item span{cursor: pointer;width: 22px;height: 22px;border-radius: 50%;border: 1px solid #b9bbbc;text-align: center;line-height: 18px;font-size: 18px;color: #bbbbbd;} .record_item span.dele::after{content: '-';} .record_item span.add::after{content: '+';} #followRecordModal.currencyStyle .modal-footer{border: none;} #followRecordModal.currencyStyle .modal-footer button{box-shadow: none;min-width: 86px;border-radius: 5px;height: 35px;} #followRecordModal.currencyStyle .modal-footer .btn-cancel{color: #97a2a7;background-color: transparent;border: 1px solid #cecece;} #followRecordModal .flatpickr-day.today{color: #059ae0;border-color:#059ae0} #followRecordModal .flatpickr-day.selected{background-color: #059ae0;border-color:#059ae0 #059ae0;border-color:#059ae0;} /* AICC---网页客服 */ .customer_service_nav{padding:0;margin:0} .customer_service_nav li{height:37px;line-height:39px;padding:0 31px;font-size:13px;background-color:#ededed;display:inline-block;vertical-align:middle;color:#464646;border-radius:8px 8px 0 0;cursor:pointer} .customer_service_nav li.active{background-color:#059ae0;color:#fff} .customer_service_nav li+li{margin-left:3px} .ai_customer_service_warp{border-top:1px solid #e5e5e5;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap} .ai_customer_service_left{width:85%;padding:30px;border-right:1px solid #e5e5e5} .ai_customer_service_left .ai_customer_service_main{display:none} .ai_customer_service_left .ai_customer_service_main.active{display:block} .ai_customer_service_right{width:15%;padding:58px 0 50px 4%} .ai_customer_service_flex{margin-bottom: 30px; display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-align-items:center} .ai_customer_service_title{margin:0;font-size:13px;color:#010101;line-height:1.2;font-weight:bold} .ai_customer_service_flex .item_title{width:195px} .ai_customer_service_flex .item_box{width:calc(100% - 195px)} .ai_customer_service_embed {align-items: flex-start;-webkit-align-items: flex-start;} .ai_customer_service_embed .item_title{padding-top: 10px;} .ai_customer_service_embed_input{position:relative;width:80%;max-width:763px} .ai_customer_service_embed_input input{width:100%;border:1px solid #e5e5e5;height:38px;line-height:38px;padding:4px 100px 4px 1%;border-radius:5px} .ai_customer_service_embed_input .ai_customer_service_embed_copy{position:absolute;display:inline-block;height:21px;width:73px;line-height:21px;top:50%;right:1px;transform:translateY(-50%);text-align:center;border-left:1px solid #dbdbdb;color:#a9a9a9;font-size:12px} .ai_customer_service_embed_input .ai_customer_service_embed_copy img{display:inline-block;vertical-align:sub;margin-right:7px;-webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;} .ai_customer_service_embed_input .ai_customer_service_embed_copy:hover img{margin-right: 12px;} .ai_customer_service_embed_text{font-size:12px;line-height:1.2;color:#a9a9a9;margin:10px 0} .ai_customer_service_font{font-weight: normal;} .lcs_wrap{display:inline-block;direction:ltr;height:28px;vertical-align:middle;margin-bottom:0;line-height:28px} .lcs_wrap input{display:none} .lcs_checkbox_switch{display:inline-block;position:relative;width:40px;height:20px;border-radius:30px;background:#b2b2b2;overflow:hidden;cursor:pointer;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .lcs_checkbox_switch.lcs_on{background:#059ae0} .lcs_cursor{display:inline-block;position:absolute;top:2px;width:16px;height:16px;border-radius:100%;background:#fff;left:2px;z-index:10;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear} .lcs_checkbox_switch.lcs_on .lcs_cursor{left:22px} .ai_customer_service_work_list{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:start;-webkit-justify-content:start} .ai_customer_service_work_list .ai_customer_service_work_slide{width:65px;height:40px;line-height:40px;text-align:center;border:1px solid #f6f6f8;color:#059ae0;font-size:14px;cursor:pointer} .ai_customer_service_work_list .ai_customer_service_work_slide.check{background-color:#059ae0;color:#fff;border-color: #059ae0;border-right-color: #fff;} .ai_customer_service_work_list .ai_customer_service_work_slide .work_check{display:none} .ai_customer_service_work_list .ai_customer_service_work_slide:last-child{border-radius:0 5px 5px 0;} .ai_customer_service_work_list .ai_customer_service_work_slide:first-child{border-radius:5px 0 0 5px} .ai_customer_service_timezone_main{position:relative} .ai_customer_service_timezone_main:before,.ai_customer_service_timedata_start:before,.ai_customer_service_timedata_end:before{content:"";width:13px;height:13px;position:absolute;top:50%;left:11px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-repeat:no-repeat;background-size:100%;background-image:url(../img/ai_customer_service_timezone_select.png)} .ai_customer_service_timezone_main .ai_customer_service_timezone_select{width:430px;height:40px;line-height:40px;border:1px solid #e1e3e9;border-radius:5px;padding:0 26px;color:#999;font-size:14px;letter-spacing:0.5px} .ai_customer_service_timezone_main .ai_customer_service_timezone_select option{} .ai_customer_service_timedata_start,.ai_customer_service_timedata_end{display:inline-block;vertical-align:middle;position: relative;} .ai_customer_service_timedata_start input,.ai_customer_service_timedata_end input{width:210px;height:40px;line-height:40px;border:1px solid #e1e3e9;border-radius:5px;padding:0 30px;color:#999;font-size:14px;letter-spacing:0.5px} .ai_customer_service_timedata_end{margin-left:10px} .ai_customer_service_style_item {display: inline-block;vertical-align: middle;} .ai_customer_service_style_item+.ai_customer_service_style_item{margin-left:40px} .ai_customer_service_style_item .ai_customer_service_style_radio{margin-right:20px} .ai_customer_service_style_item .ai_customer_service_style_slide{max-width:250px} .ai_customer_service_style_item .ai_customer_service_style_slide.small{max-width:60px} .ai_customer_service_style_item .ai_customer_service_style_slide.middle{max-width:100px} .ai_customer_service_style_item .ai_customer_service_style_slide.large{max-width:250px} .ai_customer_service_color_slide input[name="color"]{width: 40px;height: 40px;border-color: #e6e6e6;background-color: #fff;border-radius: 5px;} .ai_customer_service_avatar .item_title p,.ai_customer_service_welcome .item_title p{font-size:12px;color:#a9a9a9;} .ai_customer_service_avatar_item {display: inline-block;vertical-align: middle;} .ai_customer_service_avatar_item+.ai_customer_service_avatar_item{margin-left:25px} .ai_customer_service_avatar_item .ai_customer_service_avatar_checkbox{margin-right:9px;} .ai_customer_service_avatar_slide{width: 64px;height: 64px;border-radius: 50%;overflow: hidden;} .ai_customer_service_cursor{cursor: pointer;} .ai_customer_service_custom_list{} .ai_customer_service_custom_slide{width:100px;height:100px;line-height:100px;display:inline-block;vertical-align:middle;position:relative;overflow:hidden;margin-right:10px} .ai_customer_service_custom_slide .item_img{width:100%;height:100%} .ai_customer_service_custom_slide .item_img img{width:100%;height:100%;object-fit:cover;object-position:center} .ai_customer_service_custom_slide .item_btn{position:absolute;bottom:-30px;left:0;width:100%;height:30px;-webkit-transition:all .35s ease;-ms-transition:all .35s ease;transition:all .35s ease;background-color:rgba(0,0,0,.5);margin-bottom:0;align-items:center;-webkit-align-items:center;color:#fff;padding:0 8px;opacity:0} .ai_customer_service_custom_slide .item_btn a{display:block;line-height:1;width:18px;height:18px;} .ai_customer_service_custom_slide .item_btn span{display:block;cursor: pointer;opacity: .9;;line-height:1;font-size:12px;text-transform:uppercase;margin-top: 2px;} .ai_customer_service_custom_slide .item_btn a.look img{width: 100%;} .ai_customer_service_custom_slide .item_btn a.dele{width: 16px;height: 13px;} .ai_customer_service_custom_slide .item_btn a.dele img{max-height: 100%;} .ai_customer_service_custom_slide:hover .item_btn{bottom: 0;opacity: 1;} .ai_customer_service_custom_file{width:100px;height:100px;display:inline-block;vertical-align:top;position:relative} .ai_customer_service_custom_file .ai_customer_service_cursor{border:1px dashed #059ae0;height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex} .ai_customer_service_custom_file .ai_customer_service_cursor .ai_customer_service_custom_box{margin:auto;width:100%} .ai_customer_service_custom_file .ai_customer_service_cursor .ai_customer_service_custom_box span{display:block;width:100%;font-size:12px;color:#059ae0;margin-top:10px} .ai_customer_service_custom_file .ai_customer_service_custom_uploads{opacity:0;position:absolute;top:0;width:100%;left:0;height:100%;z-index:999} .ai_customer_service_welcome_textarea{width:672px !important;height:74px;border:1px solid #e1e4ea;border-radius:5px;font-size:13px;padding:5px 1%} .ai_customer_service_welcome_textarea::placeholder{color: #9f9f9f;} .ai_customer_service_collect_slide{display: inline-block;vertical-align: middle;font-size: 13px;color: #757575;margin-right: 42px;} .ai_customer_service_collect_slide label{font-size:13px;color:#757575} .ai_customer_service_collect_slide input{margin-right:6px;display:inline-block;vertical-align:middle} .ai_customer_service_collect_slide label input:checked~span{color: #059ae0;} .ai_customer_service_language .bootstrap-select.btn-group > .dropdown-toggle{padding: 10px 10px 6px;font-size: 13px;border-color: #dcdfe6;} .ai_customer_service_language .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 6px;} .ai_customer_service_language .bootstrap-select.select-style01 .dropdown-toggle .caret{display: none;} .ai_customer_service_language .bootstrap-select.select-style01 > .dropdown-toggle:before { position:absolute;top: 10px;right: 10px; display:block;border: none; content:url('data:image/svg+xml, ');} .ai_customer_service_prompt_list{} .ai_customer_service_prompt_slide{display:-webkit-box;display:-webkit-flex;display:flex;align-items: center;-webkit-align-items: center;} .ai_customer_service_prompt_slide+.ai_customer_service_prompt_slide{margin-top:15px} .ai_customer_service_prompt_slide textarea{width:674px !important;height:34px;border-radius:5px;border:1px solid #eeeff3;padding:8px 1% 2px;font-size:13px;color:#070707;display:inline-block;vertical-align:middle} .ai_customer_service_prompt_slide .ai_customer_service_prompt_icon{width:20px;height:20px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-size:100%;margin-left:8px} .ai_customer_service_prompt_slide .ai_customer_service_prompt_minus{background-image:url(../img/ai_customer_service_prompt_icon01.png)} .ai_customer_service_prompt_slide .ai_customer_service_prompt_add{background-image:url(../img/ai_customer_service_prompt_icon02.png)} .ai_customer_service_prompt.ai_customer_service_flex {align-items: flex-start;} .ai_customer_service_prompt .item_title{margin-top: 10px;} .ai_customer_service_language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 309px;} /* AICC---客户列表 */ .main-content .bootstrap-select.show .dropdown-toggle, .modal .bootstrap-select.show .dropdown-toggle{border-color: #059ae0 !important;} .main-content .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner:not([class*="bg-"]):hover, .modal .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner:not([class*="bg-"]):hover{color: #059ae0;background-color:rgba(5, 154, 224,.1)} .main-content .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner, .modal .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner{font-weight: 400;} .customer-box-container{flex-direction: column;height: calc(100vh - 220px);font-family: "Microsoft YaHei";} .customer-box-container .searchable-items{flex: 1;overflow: hidden;} .customer_header {border-bottom: 1px solid #dcdcdc;} .customer_header h4{font-size: 14px;margin-bottom: 0;font-weight: 700;} .customer_header .bootstrap-select.btn-group > .dropdown-toggle{padding: 4px 15px;border-color: #d2d2d2;border-radius: 3px;font-size: 14px;margin-bottom: 0 !important;} .customer_header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 150px;} .customer_header .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 6px;} .customer_header .btn{box-shadow: none;} .customer_header .btn:hover{background-color: transparent !important;color: #059ae0 !important;transform: none;} .customer_header .search_wrap{flex: 1;} .customer_header .search_content{flex: 1;max-width: 250px;padding: 3px 15px;height: auto;border-color: #d2d2d2;border-radius: 3px;font-size: 14px;} .customer_header .search_content::placeholder{color: #a3a3a3;} .customer_header .flex{row-gap: 10px;} .searchable-items .table_box{height: 100%;overflow: auto;} .searchable-items .table_box table{width: 100%;} .searchable-items .table_box th{padding: 20px 16px;} .searchable-items .table_box td{padding: 16px;color: #000;} .searchable-items .table_box td:hover,.searchable-items .table_box td:hover span{color: #059ae0;} .searchable-items .table_box th:nth-child(1),.searchable-items .table_box td:nth-child(1){padding-right: 6px;} .searchable-items .table_box th:nth-last-child(1),.searchable-items .table_box td:nth-last-child(1){min-width: 90px;} .searchable-items .avatar{position: relative;width: 40px;height: 40px;border-radius: 50%;background-color: #059ae0;} .searchable-items .avatar img{border-radius: 50%;} .avatar .country{position: absolute;bottom: -2px;right: -2px;width: 16px;height: 16px;border: 2px solid #fff;border-radius: 50%;background-repeat: no-repeat;background-size: 100%;background-position: center;} .searchable-items .company_name{font-weight: 700;} .searchable-items .labels_list li{margin: 5px 5px 5px 0;white-space: nowrap;} .searchable-items .btn-link{color: #059ae0;box-shadow: none;padding: 0;background-color: transparent;border: none;} .searchable-items thead {position: sticky;top: 0;left: 0;background-color: #ffffff;z-index: 9;} .searchable-items tbody tr:nth-child(odd){background-color: #f7f9fa;} .searchable-items ::-webkit-scrollbar{width: 8px;height: 8px;} .searchable-items ::-webkit-scrollbar-thumb{border-radius: 4px;background-color: rgba(5, 154, 224,.2);} .follow_time,.follow_cont{max-width: 280px;} .follow_time span,.follow_cont span{color: #656565;} .follow_time,.follow_cont,.company_name,.company_email,.nick_name,.company_tel{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;} /* 编辑客户信息 editCustomerModal */ #editCustomerModal.currencyStyle .modal-box .modal-scroll{margin: 15px 0;height: 38vh;} #form-editCustomerModal {border-radius: 15px;padding: 20px;} #form-editCustomerModal .modal-header{padding: 10px 0 13px;border-bottom-color: #ededed;} #form-editCustomerModal .modal-header .modal-title{color: #059ae0;font-size: 16px;font-weight: 700;} .edit_customer_wrap {padding-right: 10%;} .edit_customer_wrap .form_item {align-items: center;margin-bottom: 25px;} .edit_customer_wrap .form_item label{width: 90px;margin: 0;font-size: 14px;color: #000;font-weight: 700;font-family: "Microsoft YaHei";} .edit_customer_wrap .form_item > :nth-child(2){flex: 1;} .edit_customer_wrap .form_item input.form-control{height: 36px;padding: 5px 15px;border-color: #dcdcdc;border-radius: 3px;font-size: 14px;color: #000;} .edit_customer_wrap .bootstrap-select.btn-group > .dropdown-toggle{padding: 5px 15px;font-size: 14px;border-color: #dcdcdc;border-radius: 3px;margin-bottom: 0 !important;color: #000 !important;} .edit_customer_wrap .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 8px;} .edit_customer_wrap .labels_list {align-items: center;justify-content: flex-start;column-gap: 8px;row-gap: 8px;} .edit_customer_wrap .labels_list li{margin: 0;position: relative;border: 1px solid #eff5f7;} .edit_customer_wrap .labels_list li.checked,.edit_customer_wrap .labels_list li:hover{color: #059ae0;border-color: #059ae0;} .edit_customer_wrap .labels_list li.checked::before,.edit_customer_wrap .labels_list li:hover::before{background-color: #059ae0;} .labels_list input[type="checkbox"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin: 0;padding: 0;cursor: pointer;} .labels_list .ellipsis{color: #7293a3;font-size: 18px;cursor: pointer;} #editCustomerModal.currencyStyle .modal-footer{border: none;} #editCustomerModal.currencyStyle .modal-footer button{box-shadow: none;min-width: 86px;border-radius: 5px;height: 35px;} #editCustomerModal.currencyStyle .modal-footer .btn-cancel{color: #97a2a7;background-color: transparent;border: 1px solid #cecece;} #editCustomerLabelModal.currencyStyle .modal-footer{border: none;} #editCustomerLabelModal.currencyStyle .modal-footer button{box-shadow: none;min-width: 86px;border-radius: 5px;height: 35px;} #editCustomerLabelModal.currencyStyle .modal-footer .btn-cancel{color: #97a2a7;background-color: transparent;border: 1px solid #cecece;} .con-flex-row{ display:flex;flex-wrap:wrap;} .con-between{justify-content:space-between;} .con-align-center{align-items:center} .cus-translate{ height: 32px;padding: 0 15px 0 15px ;border: 1px solid #eee;border-radius: 20px;display:inline-flex;} .cus-translate .quick-trans-btn{ position:relative; display:block; width:20px; height:21px; background:url(../img/ico_translate.png) no-repeat center center; background-size:cover;margin-right:6px;} .cus-translate .trans-select{ } .cus-translate .trans-select .cus-lang-title{} .cus-translate .trans-select .cus-lang-title svg{ display:block; width:16px !important; height:16px !important; fill:none !important; margin-right:0 !important;} .cus-translate .trans-select .cus-lang-title svg.css-i6dzq1{margin:0 0 1px 1px;width:14px !important; height:14px !important;-moz-transform:translateY(3px); -webkit-transform:translateY(3px); -o-transform:translateY(3px); -ms-transform:translateY(3px); transform:translateY(3px);} .cus-translate.small{height:auto;border:none;padding:0;margin-top: -2px;vertical-align: middle;} .cus-translate.small .quick-trans-btn{width:15px;height:16px;} .cus-translate.small .trans-select .cus-lang-title{display:flex;align-items:center;} .cus-translate.small .trans-select .cus-lang-title svg.css-i6dzq1{transform:none;} .rounded .feather-edit-3{opacity:.6;margin-left:6px;margin-top:-3px;} .list_tool{background-color:#f6f6f6;align-items:center;justify-content:space-between;border-top:1px solid #e5e5e5;font-size:12px;padding:10px 8px;} .list_tool .manual {position: relative;} .list_tool .manual label{display:inline-block;vertical-align:middle;margin:-3px 0 0 6px;position:relative;width:30px;height:14px;border-radius:15px;background-color:#b2b2b2;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .list_tool .manual label:before{content:'';width:12px;height:12px;border-radius:50%;position:absolute;top:1px;left:1px;background-color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .list_tool .manual input{position:absolute;top:0;right:0;opacity:0;cursor:pointer;width:30px;height:100%;border:none;z-index:2} .list_tool .manual input:checked+label{background-color:#059ae0;} .list_tool .manual input:checked+label:before{left:calc(100% - 13px);} .table_box td,.labels_list li,.labels_list li::before,td span{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /* 企业邮箱 20231103 */ .mail-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:40px;row-gap:8px;margin:0;} .mail-status li{color:#8d929a;cursor:pointer;} .mail-status li i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:4px;margin-top:-3px;} .mail-status li span{vertical-align:middle;} .mail-status .btn-outline-primary{line-height:15px;} .bx-read{background:url(../img/read.png) center/100% no-repeat;} .bx-unread{background:url(../img/unread.png) center/100% no-repeat;} .bx-reply{background:url(../img/reply.png) center/100% no-repeat;} .bx-unreply{background:url(../img/unreply.png) center/100% no-repeat;} .bx-read2{background:url(../img/read2.png) center/100% no-repeat;} .bx-unread2{background:url(../img/unread2.png) center/100% no-repeat;} .bx-reply2{background:url(../img/reply2.png) center/100% no-repeat;} .bx-ai2{background:url(../img/ai2.png) center/100% no-repeat;} .bx-kefu2{background:url(../img/kefu2.png) center/100% no-repeat;} .bx-kefu{background:url(../img/kefu1.png) center/100% no-repeat;} .bx-copy{background:url(../img/copy.png) center/100% no-repeat;} .bx-close::after{content:'x';font-size:13px;} .bx-purchase-tag:after{content:"\ebcb";} .filter_criteria .bootstrap-select.btn-group > .dropdown-toggle{padding:.4rem 1rem;margin-bottom: 0 !important;font-size:12px;} .filter_criteria .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:170px;} .filter_criteria .bootstrap-select.select-style01 > .dropdown-toggle:before{top:7px;opacity:.5;} .filter_criteria .btn-group .dropdown-menu a.dropdown-item{border-radius:0px;font-size: 12px;} .filter_criteria .bootstrap-select.btn-group .dropdown-menu a.dropdown-item{margin: 0;} .filter_criteria .chart-input{font-size:12px;padding:.4rem 1rem;height:auto;width:170px;vertical-align: middle;} .filter_criteria .btn-outline-primary{font-size:12px;line-height:21px;padding-left:1rem;padding-right:1rem;} .enterprise_email .bx::before{content: none;} .enterprise_email.mail-lists i.bx{width:16px;height:16px;display:inline-block;vertical-align:middle;} .enterprise_email.mail-lists .mail-item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background-color: #f4f4f4;border-radius: 5px;border: 1px solid #e5e5e5;padding: 1rem 1.4rem;} .enterprise_email .chat-conversation-box{background-color: #fbfbfb;} .enterprise_email .mail-status{width: 8.5%;padding-right: 2%;column-gap: 14px;min-width:70px;} .enterprise_email .account-info{font-size: 12px;width: 22%;padding-right: 2%;} .enterprise_email .account-info h3{font-weight: 700;font-size: 12px;margin-bottom: 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .enterprise_email .account-info .account-mail{color: #9b9b9b;display: inline-flex;justify-content: flex-start;align-items: center;max-width: 100%;overflow: hidden;} .enterprise_email .account-info span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;} .enterprise_email .account-info i.bx-copy{cursor: pointer;width: 14px;height: 14px;margin-left: 10px;} .enterprise_email .mail-info{width:calc(69.5% - 150px);max-width:calc(78% - 220px);padding-right: 2%;font-size:12px;} .enterprise_email .mail-info h3{font-size: 12px;font-weight: 700;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .enterprise_email .mail-info p{color: #9b9b9b;overflow: hidden;text-overflow: ellipsis;} .enterprise_email .mail-right{text-align: right;width:150px;font-size:12px;position:relative;} .enterprise_email .mail-right .cus-translate{display:none; vertical-align: middle;font-size: 12px;color: #9e9e9e;opacity:0;margin-right:15px;transition: all .3s linear;} .enterprise_email .mail-right .cus-translate .quick-trans-btn{display:inline-block;transform: translateY(3px);} .enterprise_email .mail-right .cus-translate em{color: #059ae0;} .enterprise_email .mail-item .mail-fold{transition: all .3s linear; vertical-align: middle;} .enterprise_email .mail-item .mail-fold::before{content: "\ea4a";font-size: 24px;color: #000000;} .enterprise_email .mail-item.open .mail-right .mail-fold, .enterprise_email .exchange-item.open .mail-fold{transform: rotate(180deg);} .enterprise_email .mail-item.open .mail-right .cus-translate{opacity:1;display: inline-block;} .enterprise_email .mail-item .mail-right em{position:absolute;width: 52px;right:30px;bottom:3px;color: #059ae0;display:none;} .enterprise_email .mail-item.open .mail-right em{display: inline-block;} .enterprise_email .mail-item .tags-list{display:inline-flex;vertical-align:middle;gap:5px;flex-wrap:wrap;margin-top:5px;} .enterprise_email .mail-item .tags-list em{position:relative;display: inline-block;line-height: 18px;text-align: center;padding: 1px 15px 1px 5px;border: 1px solid rgba(5, 154, 224, 0.2);background-color: rgba(5, 154, 224, 0.05);color: rgb(5, 154, 224);font-size: 11px;border-radius: 4px;} .enterprise_email .mail-item .tags-list em i.bx{position:absolute;right:0;} .enterprise_email .mail-item .tags-list em.addBtn i.bx{position:static;opacity:.7} .mail-detail{overflow: hidden;width: 100%;padding-left: 8.5%;height: 0;transition: all .3s linear;border-top: 1px solid transparent;} /*.mail-detail.replying {padding-bottom: 150px;}*/ .mail-item.open .mail-detail{height: 420px;margin-top: 1rem;border-top-color: #f5f5f5;overflow:auto;display: flex;flex-direction: column;} /*.mail-item.open .mail-detail.replying{height: calc(100vh - 423px);}*/ .mail-item.open .mail-detail > .detail-title, .mail-item.open .mail-detail > .detail-title .mail-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;width:100%;} .mail-item.open .mail-detail > .detail-title .mail-content > p{flex:1;width:100%;} /*.enterprise_email_list_chat .mail-item.open .mail-detail{height:calc(100vh - 307px)}*/ /*.enterprise_email_list_chat .mail-item.open .replying.mail-detail{height:calc(100vh - 480px)}*/ .mail-detail .detail-title{padding: 10px 0 0px;/*border-bottom: 1px solid #eeeeee;*/} .mail-detail .detail-title .mail-title{font-size: 12px;font-weight: 700;color: #000;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mail-detail .detail-title ul{list-style: none;margin-top: 5px;padding: 0;} .mail-detail .detail-title ul li{display: inline-block;margin-right: 37px;color: #9e9e9e;font-size: 12px;} /*.mail-detail .detail-content{flex: 1;overflow: auto;}*/ .mail-detail .exchange-item{padding: 1.2rem 6px;border-bottom: 1px solid #eeeeee;} .mail-detail .exchange-item[class*="reply-"]{background-color: #f7fcfe;} .mail-detail .exchange-item .mail-head{display: flex;align-items: center;justify-content: space-between;column-gap: 20px;} .mail-detail .exchange-item .mail-head .avatar{width: 45px;height: 45px;border-radius: 50%;background-color: #cdebf9;overflow: hidden;display: flex;align-items: center;justify-content: center;} .mail-detail .exchange-item.addresser .mail-head .avatar{background-color: #b8d4ff;color: #fff;font-size: 24px;font-weight: 700;font-family: "Microsoft YaHei";line-height: 1;} .mail-detail .exchange-item.reply-rg .mail-head .avatar::after{content: '';width: 30px;height: 30px;background: url(../img/kefu1.png) center/100% no-repeat;} .mail-detail .exchange-item.reply-ai .mail-head .avatar::after{content: '';width: 30px;height: 30px;background: url(../img/ai1.png) center/100% no-repeat;} .mail-detail .exchange-item .info{flex: 1;display: block;max-width: 92%;min-width: 200px;;} .mail-detail .exchange-item .info .mail-title{font-size: 14px;font-weight: 700;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 4px;} .mail-detail .exchange-item .info .mail-title span{font-size: 12px;font-weight: 400;margin-left: 5px;} .mail-detail .exchange-item .info .mail-time{color: #9e9e9e;font-size: 12px;display: none;} .mail-detail .exchange-item.open .info .mail-time{display: block;} .mail-detail .exchange-item .mail-head>.mail-time{color: #9e9e9e;font-size: 12px;} .mail-detail .exchange-item.open .mail-head>.mail-time{display: none;} .mail-detail .exchange-item .info .mail-desc{color: #9e9e9e;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mail-detail .exchange-item.open .info .mail-desc{display: none;} .mail-detail .exchange-item .cus-translate{font-size: 12px;color: #9e9e9e;display: none;} .mail-detail .exchange-item .cus-translate em{color: #059ae0;} .mail-detail .exchange-item.open .cus-translate{display: block;} .mail-detail .exchange-item .cus-translate.small .quick-trans-btn{display: inline-block;vertical-align: middle;} .mail-detail .exchange-item .mail-content{padding-left: 65px;height: 0;overflow: hidden;transition: all .3s linear;} .mail-detail .exchange-item.open .mail-content{margin-top: 1rem;height: auto;padding-bottom: 2px;} .mail-detail .mail-content p, .mail-detail .mail-content pre{color: #000000;font-size: 12px;line-height: 1.8;transition: all .3s linear;background-color:transparent;} .mail-detail .mail-content .overflow{display: block;color: #059ae0;font-size: 12px;margin-top: 10px;margin-bottom: 15px;} .mail-detail .mail-content .overflow::before{content: '显示引文';vertical-align: middle;} .mail-detail .mail-content .overflow::after{content: "\eab7";font-family: boxicons;font-size: 20px;display: inline-block;vertical-align: middle;transition: all .3s linear;} .mail-detail .mail-content.open .overflow::before{content: '收起';} .mail-detail .mail-content.open .overflow::after{transform: rotate(180deg);} .mail-detail .mail-content.open p, .mail-detail .mail-content.open pre{height: auto;max-height:unset;} .mail-detail .mail-content .btn-reply{padding: 0.3rem .8rem;letter-spacing: 1px;font-size: 12px;} /*.enterprise_email_chat .chat-box-inner{position: relative;overflow: hidden;}*/ /*.enterprise_email_chat .chat-footer{position: absolute;bottom: -100%;left: calc(8% + 38px);border: 1px solid #e2e2e2;border-top: none;width: 85%;transition: all .5s linear;background-color: #fff;}*/ /*.enterprise_email_chat .chat-footer.chat_input_open{bottom: 40px;}*/ .enterprise_email_chat .chat-footer{background-color:#eff3f6;padding:0 1.4rem 1rem 1rem;z-index:99;} .enterprise_email_list_chat .chat-footer{padding-bottom:0;} .enterprise_email_chat .chat-footer .chat_footer_tab , .enterprise_email_chat .chat-footer .chat_tab_content {border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background-color:#ffffff;} .enterprise_email_chat .chat-footer .chat_tab_content{border-bottom:1px solid #e5e5e5;} .mail-lists.enterprise_email .mail-item:hover{border-color: #e5e5e5 !important;} .enterprise_email_chat .chat-footer .btn-close:before{content:"\ec8d";font-size:22px;color:#000;opacity:.6;} .enterprise_email_chat .chat-footer .btn-close{cursor:pointer;right:1.6rem;top:2px;position:absolute;z-index:3;} .enterprise_email_chat,.enterprise_email_list_chat .table-pagination-wrap{background-color:#eff3f6;} .enterprise_email_list_chat .table-pagination-wrap .pagination{margin:0} /* 全部展开收起 */ .chat-conversation-operate{color: #8a8a8a;font-size: 12px;padding: 16px 22px 16px 16px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;background-color: #eff3f6;} /*.enterprise_email_chat .chat-conversation-box{border-top: none;}*/ .chat-conversation-operate .bootstrap-select.btn-group > .dropdown-toggle{margin: 0 !important;} .chat-conversation-operate .unfold-collapse i{font-size: 24px;vertical-align: middle;} .chat-conversation-operate .unfold-collapse span{cursor: pointer;display: inline-block;margin-left: 1rem;} .chat-conversation-operate .bx-unfold::before{content: "\ea4a";transition: all .3s linear;display: inline-block;} .chat-conversation-operate .unfold::after{content:'全部展开';vertical-align: middle;font-size:12px;} .chat-conversation-operate .unfold.fold .bx-unfold::before{transform:rotate(180deg)} .chat-conversation-operate .unfold.fold::after{content:'全部收起'} .chat-conversation-operate .bx-collapse::before{content: "\ea57";} .chat-conversation-operate .bootstrap-select.btn-group > .dropdown-toggle{padding:.4rem 1rem;margin-bottom: 0 !important;font-size:12px;} .chat-conversation-operate .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:170px;} .chat-conversation-operate .bootstrap-select.select-style01 > .dropdown-toggle:before{top:7px;opacity:.5;} .chat-conversation-operate .btn-group .dropdown-menu a.dropdown-item{border-radius:0px;font-size: 12px;} .chat-conversation-operate .bootstrap-select.btn-group .dropdown-menu a.dropdown-item{margin: 0;} .currencyStyle02 label, .currencyStyle02 input{font-size:14px;margin: 0;color:#000;} .currencyStyle02 .modal-header .modal-title{font-size:14px} .currencyStyle02 .modal-header .close{padding:0;margin:0;margin-top:-4px;} .currencyStyle02.currencyStyle .modal-box .modal-scroll{padding:0;} .currencyStyle02 .field-wrapper{display:flex;align-items:center;justify-content:space-between;gap:15px;} .currencyStyle02 .field-wrapper input{flex:1;height: 36px;padding: 0 10px;} .enterprise_email .mail-item .tags-list em.addBtn{font-size: 18px;padding: 0;border:none;background-color:transparent;} @media only screen and (max-width:1680px) { .mail-status{column-gap:20px;padding: 0;} .filter_criteria .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .filter_criteria .chart-input{width:130px;} .enterprise_email_chat .ql-toolbar.ql-snow{white-space:nowrap;overflow: hidden;overflow-x: auto;} } @media only screen and (max-width:1280px) { .email_user_main .mail-status{left:200px !important;} } @media only screen and (max-width:1220px) { .email_user_main .page-title-bar{align-items:flex-start !important;height:90px;} .email_user_main .webchat_main{height: calc(100vh - 143px);} .email_user_main .page-title-bar .page-nav-bar{width:100%;} .email_user_main .page-title-bar .mail-status{top:48px;left: 15px !important;} .email_user_main .page-title-bar .filter_criteria{top:40px;} } @media only screen and (max-width: 1180px){ .email_main .page-title-bar{align-items:flex-start !important;height:90px;} .email_main .webchat_main{height: calc(100vh - 143px);} .email_main .page-title-bar .page-nav-bar{width:100%;} .email_main .page-title-bar .mail-status{top:48px;left: 15px !important;} .email_main .page-title-bar .filter_criteria{top:40px;} } @media only screen and (max-width: 1030px){ .email_user_main .page-title-bar .filter_criteria{top:81px;right: auto !important;} .email_user_main .page-title-bar{height:130px;} .email_user_main .webchat_main{height: calc(100vh - 183px);} } @media only screen and (max-width: 1000px){ .email_main .page-title-bar .filter_criteria{top:81px;right: auto !important;} .email_main .page-title-bar,.email_user_main .page-title-bar{height:130px;} .email_main .webchat_main,.email_user_main .webchat_main{height: calc(100vh - 183px);} } @media only screen and (max-width: 991px){ .email_main .page-title-bar .mail-status, .email_user_main .page-title-bar .mail-status{top:52px;left: 5px !important;} .email_main .page-title-bar .filter_criteria, .email_user_main .page-title-bar .filter_criteria{left:5px;} } @media only screen and (max-width:950px) { .mail-item .mail-detail{padding-left:0;} .enterprise_email .mail-status{width:16%;} .enterprise_email .account-info{width:84%;max-width: calc(100% - 70px);} .enterprise_email .mail-info{width:calc(100% - 150px);max-width:unset;margin-top:10px;} .enterprise_email .mail-right{margin-top:10px;} .enterprise_email.mail-lists .mail-item{padding-left:.8rem;padding-right:.8rem;} /*.mail-item.open .mail-detail{height:calc(100vh - 287px)}*/ /*.enterprise_email_list_chat .mail-item.open .mail-detail{height:calc(100vh - 346px)}*/ } @media only screen and (max-width:560px) { /*.mail-item.open .mail-detail{height:calc(100vh - 317px)}*/ /*.enterprise_email_list_chat .mail-item.open .mail-detail{height:calc(100vh - 376px)}*/ .mail-detail .exchange-item .mail-head{flex-wrap:wrap;column-gap:10px} .mail-detail .exchange-item .cus-translate, .mail-detail .exchange-item .mail-head>.mail-time{width:calc(100% - 35px);padding-left:40px;} .mail-detail .exchange-item .mail-head .avatar{width:30px;height:30px;} .mail-detail .exchange-item.addresser .mail-head .avatar,.mail-detail .detail-title .mail-title{font-size:16px;} .mail-detail .exchange-item.reply-rg .mail-head .avatar::after{width:16px;height:16px;} .mail-detail .exchange-item .info{max-width:calc(100% - 40px);min-width:0;} .mail-detail .exchange-item .info .mail-title{font-size:12px;margin:0;} .mail-detail .exchange-item .mail-content{padding-left:40px;} } @media only screen and (max-width:577px){ .email_main .webchat_main, .email_user_main .webchat_main{ height: calc(100vh - 213px); } .filter_criteria .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .filter_criteria .chart-input{ width: 118px;margin-bottom: 5px; } .filter_criteria .btn-outline-primary{margin-bottom:5px;} } @media only screen and (max-width:480px){ .email_main .page-title-bar,.email_user_main .page-title-bar{height:165px;} .email_main .webchat_main{height: calc(100vh - 218px);} .email_user_main .webchat_main{height: calc(100vh - 248px);} .enterprise_email .mail-right,.enterprise_email .mail-info{width:100%;} .enterprise_email_chat .chat-footer{padding-left:.8rem;padding-right:1.2rem;} .email_user_main .page-title-bar .filter_criteria{top:110px;} } @media only screen and (max-width:370px){ .enterprise_email .mail-status{width:100%;margin-bottom:10px;} .enterprise_email .account-info{max-width:100%;width:100%;} .enterprise_email_chat.chat_main{width:100%;} .email_user_main .filter_criteria .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ margin-right: 0 !important; } .email_user_main .mail-status{column-gap:5px;} .email_user_main .filter_criteria .btn-outline-primary{margin-left:0 !important;} } @media only screen and (max-width:328px){ .email_user_main .page-title-bar{height:195px;} .email_user_main .webchat_main{height: calc(100vh - 278px);} } .enterprise_email_chat .mail-content iframe::-webkit-scrollbar{width:6px;border-radius: 3px;} .enterprise_email_chat .mail-content iframe::-webkit-scrollbar-track{background-color: transparent;} .enterprise_email_chat .mail-content iframe::-webkit-scrollbar-thumb{background-color: #059ae050;border-radius: 3px;} /* 20231114 edit */ .sidebar-wrapper + .sc-sidebar + #content{margin-left: 220px;width: calc(100% - 240px);} .sidebar-wrapper + .sc-sidebar{width: 150px;} .sidebar-wrapper + .sc-sidebar ul ul{padding-left: 28px;;padding-right: 0;height: auto;overflow:hidden;display:none;} .sidebar-wrapper + .sc-sidebar ul ul ul{padding-left: 0;padding-right: 0;} .sidebar-wrapper + .sc-sidebar li.active>a{color: #059ae0 ;} .sidebar-wrapper + .sc-sidebar li.active>ul{display:block;} .icon-social::after{background-image:url(../img/f-console-multilingual.png)} /* -------------------- AI 数字人播报 -------------------- */ .third-sidebar::-webkit-scrollbar{width:6px;border-radius: 3px;} .third-sidebar::-webkit-scrollbar-track{background-color: transparent;} .third-sidebar::-webkit-scrollbar-thumb{background-color: #059ae050;border-radius: 3px;} .sidebar-wrapper{height: calc(100vh - 53px);} .sidebar-wrapper #sidebar{height: 100%;overflow: auto; border-right: 1px solid #e0e6ed;} .sidebar-wrapper #sidebar ul.menu-categories{height: auto;} .bx-movie-play::before{content: "\eb9b";} .bx-chalkboard::before{content: "\ea3e";} .bx-chalkboard::before{content: "\ea3e";} .sc-sidebar .active {color: #059ae0;} /* .sidebar-wrapper + .sc-sidebar ul{padding: 0;} .sidebar-wrapper + .sc-sidebar ul > li{padding: 15px;display: flex;justify-content: flex-start;align-items: center;} .sidebar-wrapper + .sc-sidebar ul > li:not([data-other-id="g"]) .icon-sm{position: relative;top: auto;left: auto;width: 24.5px;height: 24px;text-align: center;} .sidebar-wrapper + .sc-sidebar ul > li:not([data-other-id="g"]) .icon-sm::after{position: absolute;top: 0;left: 0;} .sidebar-wrapper + .sc-sidebar ul > li[data-other-id="g"]{padding: 0;justify-content: center;left: 50%;transform: translateX(-64%);} .sidebar-wrapper + .sc-sidebar ul > li:not([data-other-id="g"]) a{padding-left: 8px;} .sidebar-wrapper + .sc-sidebar ul > li.active{background-color: rgba(5, 154, 224,.2);color: #059ae0;} */ .dropdown-menu .dropdown-item{font-size: 12px;padding-left: 12px;padding-right: 12px;} /* broadcast_main_header */ .broadcast_main_header{display: flex;align-items: center;height: 40px;justify-content: space-between;border-bottom: 1px solid #ebebeb;} .broadcast_main_header .file_info{padding: 0 15px;margin: 0;white-space: nowrap;} .broadcast_main_header .undo_redo{padding: 0 15px;margin: 0;text-align: center;} .broadcast_main_header .synthesis{width: 328px;} .file_info li{color: #999999;font-size: 14px;display: inline-flex;align-items: center;vertical-align: middle;} .file_info li+li{margin-left: 30px;} .undo_redo li{color: #666666;font-size: 14px;display: inline-flex;align-items: center;vertical-align: middle;opacity: .5;margin: 0 20px;} .undo_redo li.active{opacity: 1;cursor: pointer;} .undo_redo li svg{margin-right: 5px;} .synthesis button{display: inline-block;padding: 0 28px;height: 40px;line-height: 40px;color: #fff;background-color: #059ae0;font-size: 14px;letter-spacing: 1px;border: none;border-radius: 0;margin: 0;} /* broadcast_main_wrap */ .broadcast_main_wrap{height: calc(100vh - 151px);} .broadcast_left{position: relative;border-right: 1px solid #ebebeb;display: flex;} .broadcast_right{flex: 1 1;display: flex;overflow: hidden;position: relative;} /* digital-nav */ .digital-nav {width: 98px;height: 100%;overflow: auto;touch-action: none;user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition: .600s;border-right: 1px solid #e0e6ed;background: #fff;} .digital-nav ul{padding: 10px 0;margin: 0;} .digital-nav ul li{padding: 15px 10px;} .digital-nav ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 12px;color: #5e6366;} .digital-nav ul li a svg{fill: #5e6366;width: 28px;height: 28px;} .digital-nav ul li a i{font-size: 22px;margin-bottom: 4px;} .digital-nav ul li.active a{color: #059ae0;} .digital-nav ul li.active a svg{fill: #059ae0;} /* digital-panel-wrap */ .digital-panel-wrap{position: relative;min-width: 250px;} .digital-panel{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;background-color: #ffffff;} .digital-panel.active{z-index: 1;} .panel-tab-full,.space-tab-full{display: flex;height: 100%;width: 100%;flex-direction: column;} .panel-tab-full .tab-title-card{display: flex;padding-left: 16px;} .tab-title-list-wrap-inner{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;gap: 24px;} .tab-title-list-wrap-inner li{cursor: pointer;position: relative;padding: 9px 0;font-size: 14px;line-height: 22px;color: rgba(0,0,0,.6);} .tab-title-list-wrap-inner li::before{content: "";position: absolute;height: 2px;width: 0;left: 0;background-color: rgba(0,0,0,.9);bottom: 0;} .tab-title-list-wrap-inner li.active::before{width: 100%;} .input-affix-wrapper{display: inline-flex;align-items: center;column-gap: 8px;line-height: 22px;border: 1px solid #f5f5f5;padding: 7px 9px;border-radius: 8px;background-color: #f5f5f5;color: rgba(0,0,0,.9);font-size: 14px;} .input-affix-wrapper input{flex: 1 1 0;min-width: 0;background-color: transparent;border: none;margin: 0;padding: 0;} .input-affix-wrapper svg{fill: #939393;} .tab-content-wrap{flex: 1 1;min-height: 0;} .tab-content-wrap>.space-wrap{display: none;} .tab-content-wrap>.space-wrap.active{display: block;} .tab-content-wrap>.space-wrap.active.col_flex{display: flex;} .space-wrap{width: 100%;height: 100%;} .tab-content-wrap .tab-box-inner{display: none;height: 100%;overflow: auto;padding: 0 8px 16px 16px;} .tab-content-wrap .tab-box-inner.active{display: block;} .tab-content-wrap .tab-box-inner.tab-box-inner-horizontal{padding-right: 16px;} .mould-box-item{cursor: pointer;background-color: #f5f5f5;overflow: hidden;border-radius: 8px;margin: 0 0 8px;} .mould-box-item .item-title{font-size: 12px;padding: 4px 8px 8px;background-color: #f5f5f5;color: rgba(0,0,0,.6);} .mould-box-item .item-title span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mould-box-item .item-title .item-title-desc{font-size: 12px;zoom: calc(10/12);line-height: 16px;color: rgba(0,0,0,.4);display: block;} .mould-box-item .item-img{position: relative;} .item-right-top{display: none;align-items: center;position: absolute;right: 4px;top: 4px;} .item-right-top svg{fill: #fff;} .item-right-top button{border-radius: 4px;border: none;background-color: #bfbfc0;width: 18px;height: 18px;padding: 0;display: inline-flex;align-items: center;justify-content: center;} .item-img:hover .item-right-top{display: flex;} .tab-box-inner-vertical .tab-box-inner-list{display: grid;margin-bottom: -8px;grid-template-columns: repeat(auto-fill,minmax(50%,1fr));} .tab-box-inner-vertical .mould-box-item{border-radius: 4px;margin-right: 8px;margin-bottom: 8px;} /* ppt模式 */ .btn-default{border-radius: 8px;font-weight: 400;font-size: 14px;line-height: 22px;padding: 9px 16px;min-width: 92px;min-height: 40px;} .btn-default-2{padding: 0 6px;width: auto;height: 32px;min-width: 32px;min-height: 32px;font-size: 20px;border-radius: 6px;} .btn-default-2.btn-type-normal{background-color: transparent;box-shadow: none;} .btn-type-normal{width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;border: none;cursor: pointer;vertical-align: middle;white-space: nowrap;outline: none;color: rgba(0,0,0,.6);background: #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5 inset;} .btn-type-normal:hover{background: #ebebeb;box-shadow:0 0 0 1px #ebebeb inset;} .btn-new-page{background: transparent;} .ppt-item {position: relative;cursor: pointer;} .item-inner{position: relative;} .item-left-top{display: flex;position: absolute;left: 4px;top: 4px;} .tag-font{font-size: 14px;color: #fff;background: rgba(0,0,0,.2);display: inline-flex;justify-content: center;align-items: center;overflow: hidden;vertical-align: middle;border-radius: 4px;height: 18px;min-width: 26px;padding: 0 4px;} .ppt-item:hover .item-right-top{display: flex;gap: 8px;} .ppt-item img{width: 100%;} .btn-transition{margin: 4px 0;} .tab-box-select-list{display: grid;margin-bottom: -8px;grid-template-columns: repeat(auto-fill,minmax(50%,1fr));} /* 数字人 */ .digital-human-item{cursor: pointer;position: relative;border-radius: 8px;overflow: hidden;margin-right: 8px;margin-bottom: 8px;} .digital-human-item .item-right-top{display: flex;} .tag-type-vip{color: #fff;background-color: #e6c181;display: inline-flex;justify-content: center;align-items: center;vertical-align: middle;color: inherit;overflow: hidden;position: relative;height: 18px;min-width: 26px;padding: 0 4px;border-radius: 4px;} .tag-type-default{color: rgba(0,0,0,.6);background-color: #ffffff;display: inline-flex;justify-content: center;align-items: center;vertical-align: middle;color: inherit;overflow: hidden;position: relative;height: 18px;min-width: 26px;padding: 0 4px;border-radius: 4px;} .digital-human-item .tag-type-default{opacity: .8;} .digital-human-item .item-title{text-align: center;background-color: rgba(245, 245, 245, .5);font-size: 12px;color: rgba(0,0,0,.6);padding: 2px 4px 4px 4px;backdrop-filter: blur(20px);;line-height: 22px;position: absolute;bottom: 0;left: 0;right: 0;} .digital-human-item .item-img img{width: 100%;height: 100%;object-fit: contain;border-radius: inherit;} .digital-human-item .item-img{height: 133px;background-color: #dcdcdc;} /* 背景选择 */ .bg-item{cursor: pointer;position: relative;border-radius: 8px;overflow: hidden;margin-right: 8px;margin-bottom: 8px;} .bg-item .item-inner{width: 100%;height: 100%;background-color: #f5f5f5;} .bg-item .item-img .item-content{position: relative;color: rgba(0,0,0,.4);display: flex;align-items: center;justify-content: center;} .bg-item .item-img img{width: 100%;height: 100%;object-fit: cover;border-radius: inherit;} .bg-item.selected{box-shadow: 0 0 0 2px #000000 inset;} .space-box-list{padding: 16px 8px 16px 16px;} .space-wrap .space-box-list{display: grid;} .space-wrap-img .space-box-list{grid-template-columns: repeat(auto-fill,minmax(50%,1fr));} .space-wrap-img .bg-item{border-radius: 4px;} .space-wrap-img .item-img .item-content{height: 56px;} .space-wrap-color .space-box-list{grid-template-columns: repeat(auto-fill,minmax(25%,1fr));} .space-wrap-color .bg-item{border-radius: 8px;} .space-wrap-color .item-img .item-content{height: 46px;} .space-wrap-color .item-img .item-content::before{position: absolute;content: "";left: 0;top: 0;bottom: 0;right: 0;border: 1px solid rgba(0,0,0,.06);pointer-events: none;border-radius: 8px;z-index: 3;} .btn-upload-bg{font-size: 14px;background-color: transparent;} .flex-1{flex: 1 1 0%;} .full{width: 100%;height: 100%;} /* broadcast_edit_area */ .broadcast_edit_area{display: flex;flex: 1 1;position: relative;} /* view_center */ .view_center{flex: 1 1;position: relative;display: flex;flex-direction: column;background-color: #f5f5f5;} /* operation_area */ .operation_area{position: relative;min-width: 328px;border-left: 1px solid #ebebeb;} .operation_area .operation_inner{position: absolute;left: 0;top: 0;bottom: 0;right: 0;height: 100%;display: flex;flex-direction: column;} .operation_tab_nav {padding: 0 15px;} .operation_tab_nav ul{padding: 0;margin: 0;} .operation_tab_nav li{cursor: pointer;display: inline-block;padding: 10px 0;position: relative;color: #666666;font-size: 14px;} .operation_tab_nav li.active{color: #191919;} .operation_tab_nav li::after{content: '';width: 100%;height: 2px;background-color: #191919;opacity: 0;position: absolute;bottom: 0;left: 0;} .operation_tab_nav li.active::after{opacity: 1;} .operation_tab_nav li+li{margin-left: 20px;} .operation_tab_cont {flex: 1 1;overflow: hidden;display: flex;flex-direction: column;} .operation_tab_cont .tab_item{padding: 15px;height: 100%;display: none;flex-direction: column;} .operation_tab_cont .tab_item.active{display: block;} .operation_tab_cont .tab_item:nth-child(1).active{display: flex;} .operation_tab_cont .tab_item:nth-child(2){overflow: auto;} /* 播报内容 */ .tab_item .inner_space{flex: 1 1;overflow: hidden;margin-bottom: 15px;border: 1px solid #ebebeb;border-radius: 8px;display: flex;flex-direction: column;} .adjust_select {display: flex;align-items: center;border-bottom: 1px solid #ebebeb;} .adjust_select svg{width: 2em;height: 2em;vertical-align: middle;fill: currentColor;overflow: hidden;} .adjust_select .adjust_item{position: relative;width: 25%;text-align: center;color: #666666;font-size: 12px;padding: 12px 5px;} .adjust_select .adjust_item>a{display: block;overflow: hidden;} .adjust_select .adjust_item:hover>a{opacity: 1;} .adjust_select .adjust_item:not(.disabled):hover{background-color: #f5f5f5;} .adjust_select .adjust_item.disabled>a{cursor: not-allowed;pointer-events: none;} .adjust_select .adjust_item.disabled>a{opacity: .5;} .adjust_select .adjust_item:last-child::before{content: '';width: 1px;height: 70%;background-color: #ebebeb;position: absolute;top: 15%;left: 0;} .adjust_select .adjust_item span{display: block;margin-top: 5px;} .operation_tab_cont .editor_wrap{flex: 1;overflow: hidden;padding: 15px 15px 0;display: flex;flex-direction: column;} .operation_tab_cont .editor_wrap .editor_body{width: 100%;flex: 1;padding: 0;overflow: auto;} .operation_tab_cont .editor_wrap .editor_info{padding: 10px 0;display: flex;justify-content: space-between;align-items: center;color: #626262;font-size: 12px;} .operation_tab_cont .editor_wrap .character{cursor: pointer;display: inline-flex;align-items: center;padding: 4px;background-color: #f5f5f5;border-radius: 15px;} .operation_tab_cont .editor_wrap .character>*{margin-right: 8px;} .operation_tab_cont .editor_wrap .broad_img{width: 24px;} .operation_tab_cont .editor_wrap .count{color: #999999;} .rhythm{display: inline-block;color: #ffffff;font-size: 12px;padding: 2px 6px;margin: 0 3px;background-color: #059ae0;border-radius: 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;} .operation_tab_cont .save_broadcast{border-top: 1px solid #ebebeb;color: #059ae0;text-align: center;display: block;height: 40px;line-height: 40px;} .operation_tab_cont .save_broadcast:hover{background-color: rgba(5, 154, 224,.2);} .label-checkbox-content{display: none;} .digital-label-wrap.checked .label-checkbox-content{display: block;} .btn-audio-drive{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #626262;background-color: #f5f5f5;border-radius: 8px;} .btn-audio-drive svg{margin-top: -3px;width: 1.5em;height: 1.5em;vertical-align: middle;fill: #626262;overflow: hidden;} input[name="importTxt"]{cursor: pointer;opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;} /* 字母样式 */ .divider-line{display: block;height: 1px;margin-top: 8px;margin-bottom: 8px;margin-left: -15px;margin-right: -15px;background-color: #ebebeb;} .digital-label-wrap{position: relative;} .digital-label-wrap .label-title{height: 40px;display: flex;justify-content: space-between;align-items: center;} .digital-label-wrap .label-title .title{color: rgba(0, 0, 0, .9);;font-size: 14px;line-height: 16px;} .digital-label-wrap .label-title .fold{padding: 6px;border-radius: 6px;cursor: pointer;} .digital-label-wrap .label-title .fold:hover{background-color: #f5f5f5;} .digital-label-wrap .label-title .fold svg{width: 20px;height: 20px;fill: #626262;} .digital-label-wrap.label-content-hide .label-title .fold svg{transform: rotate(180deg);} .digital-label-wrap.label-content-hide .label-content{display: none;} .label-content-inner{padding: 8px 0;display: grid;margin-right: -8px;margin-bottom: -8px;grid-template-columns: repeat(auto-fill,minmax(53px,1fr));} .label-content-inner .label-grid-item{cursor: pointer;position: relative;margin-right: 8px;margin-bottom: 8px;border-radius: 8px;overflow: hidden;} .label-content-inner .label-grid-item .item-inner{position: relative;width: 100%;height: 0;padding-bottom: 100%;background-color: #f5f5f5;overflow: hidden;} .label-content-inner .label-grid-item .item-inner-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;border-radius: 8px;border:2px solid transparent;} .label-content-inner .label-grid-item.checked .item-inner-content{border-color: #000000;} .label-content-inner .label-grid-item .item-inner-content>div{background-image: url(../img/digital/preset2.png);background-size: auto 40px;background-repeat: no-repeat;width: 40px;height: 40px;align-self: center;margin: 0px auto;} .label-inner-wrap,.label-inner-space{display: flex;justify-content: space-between;align-items: center;height: 48px;} .label-inner-wrap .inner-left{color: rgba(0,0,0,.4);line-height: 22px;} .label-inner-wrap .inner-actions{position: relative;margin-left: 8px;flex: 1 1;min-width: 0;} .label-inner-wrap .bootstrap-select.btn-group > .dropdown-toggle{margin: 0 !important;border-color: #f5f5f5;background-color: #f5f5f5;padding: 0 13px;border-radius: 4px;height: 32px;font-size: 14px;} .label-inner-wrap .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;} .label-inner-wrap .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 7px;} .label-inner-space{gap: 16px;} .label-inner-space .label-inner-wrap{flex: 1 1 0%;} .color-selector-wrap{display: inline-flex;align-items: center;padding: 0 8px;width: 100%;height: 32px;border: 1px solid #f5f5f5;background-color: #f5f5f5;border-radius: 3px;overflow: hidden;cursor: pointer;position: relative;} .color-selector-wrap .selector-color{--selector-value-color: #fff;width: 18px;height: 18px;border-radius: 4px;position: relative;z-index: 1;pointer-events: none;background-color: var(--selector-value-color);} .color-selector-wrap .selector-value{display: block;font-size: 14px;min-width: 60px;margin-left: 8px;color: #191919;} .color-selector-wrap + input{opacity: 0;position: absolute;left: 0;top: -5px;bottom: 0;right: 0;cursor: pointer;width: 100%;height: calc(100% + 10px);z-index: 9;} .number-selector-wrap{height: 32px;position: relative;overflow: hidden;border-radius: 3px;border: 1px solid #f5f5f5;background-color: #f5f5f5;z-index: 1;} .number-selector-wrap input{padding: 5px 8px;font-size: 14px;width: 100%;height: 100%;border: none;background-color: transparent;} .number-selector-wrap input[type="text"]{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;} .number-selector-wrap input[type="text"]+input[type="number"]{color: transparent;} .button-group{width: 100%;height: 32px;border-radius: 4px;font-size: 14px;display: inline-flex;align-items: center;justify-content: center;overflow: hidden;} .button-group .button-group-item{line-height: 32px;padding: 0;text-align: center;flex: 1 1;cursor: pointer;height: 100%;color: rgba(0,0,0,.6);background-color: #f5f5f5;position: relative;} .button-group-item:before{position: absolute;content: "";height: 16px;width: 1px;right: -0.5px;top: 8px;background: rgba(0,0,0,.08);} .button-group-item svg{width: 20px;height: 20px;} .button-group-item.selected,.button-group-item:hover{background-color: #e0e0e0;color: rgba(0,0,0,.9);} .checkbox-wrap{position: relative;margin: 0;line-height: 1;} .checkbox-wrap input{position: absolute;cursor: pointer;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;z-index: 9;} .checkbox-wrap .checkbox-inner{width: 20px;height: 20px;border-radius: 4px;border: 1px solid;background-color:#f5f5f5;border-color:rgba(0,0,0,.06);display: block;} .checkbox-wrap .checkbox-inner svg{opacity: 0;fill: rgba(0,0,0,0.9);} .checkbox-wrap input:checked+.checkbox-inner svg{opacity: 1;margin-top: -1px;} .slider-number{display: flex;justify-content: space-between;align-items: center;width: 100%;gap: 8px;padding:0 7px;} .slider-number .slider-handle-inner{flex: 1 1 0;} .slider-number .number-custom-wrap{position: relative;width: 76px;overflow: hidden;border-radius: 3px;border: 1px solid #f5f5f5;background-color: #f5f5f5;z-index: 1;} .slider-number .number-custom-wrap input{width: 100%;height: 100%;padding: 5px 8px;font-size: 14px;border: none;outline: none;background-color: transparent;} .slider-number .number-custom-wrap input[type="text"]{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;} .slider-number .number-custom-wrap input[type="text"]+input[type="number"]{color: transparent;} .slider-handle-inner .slider.slider-horizontal {width: 100%;height: 14px;} .slider-handle-inner .slider.slider-horizontal .slider-track{height: 2px;background: #ebebeb;margin-top: -1px;} .slider-handle-inner .slider-selection {background: rgba(0,0,0,.6);} .slider-handle-inner .slider-handle {width: 14px;height: 14px;border-radius: 100%;border: 2px solid rgba(0,0,0,.9);background: #ffffff;} .number-space{display: flex;align-items: center;justify-content: flex-start;gap: 8px;} .number-space .number-selector-wrap{width: 76px;} .number-space .number-selector-wrap span{color: #d5d5d5;font-size: 12px;position: absolute;top: 7px;right: 5px;} .number-space .number-selector-wrap input:focus+span, .number-space .number-selector-wrap input:hover+span{opacity: 0;} /* Model compositionSetModal 合成视频 */ .form_item .form-item-label{color: rgba(0,0,0,.4);font-size: 14px;width: 60px;height: 32px;margin-right: 8px;margin-bottom: 0;display: flex;align-items: center;} .form_item .form-item-control{flex: 1 1;display: flex;align-items: center;} .form_item .form-item-control input, .form_item .form-item-control .bootstrap-select.btn-group > .dropdown-toggle{width: 100%;border: 1px solid #f5f5f5 !important;padding: 4px 7px;border-radius: 6px;background-color: #f5f5f5;color: rgba(0,0,0,.9) !important;font-size: 14px;margin: 0 !important;} .form_item .form-item-control .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 7px;} .form_item .item-control-input-content{width: 100%;color: rgba(0,0,0,.4);font-size: 14px;line-height: 1.66667;} .form_item .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;} /* Model chooseVoiceModal 选择音色 */ .choose_vioce_wrap {height: 100%;} .tab-title-level{justify-content: space-between;} .tab-title-list-box{flex: 1 1 0;margin-right: 8px;overflow: hidden;} .tab-title-list-hide .tab-title-list-box{height: 32px;} .tab-title-list{font-size: 0;display: block;list-style: none;margin: 0;padding: 0;margin-top: 16px;margin-bottom: -8px;margin-right: -8px;} .tab-title-list:first-of-type{margin-top: 0;} .tab-title-item{display: inline-block;margin-right: 8px;margin-bottom: 8px;list-style: none;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;border-radius: 4px;font-weight: 400;font-size: 14px;line-height: 22px;padding: 5px 8px;color: rgba(0,0,0,.6);} .tab-title-item.active{cursor: default;color: #059ae0;background-color: #059ae020;font-weight: 500;} .tab-title-item:not(.active):hover{background-color: #f5f5f5;} .tab-title-actions{cursor: pointer;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;margin-left: 8px;background-color: #e5e5e5;border-radius: 6px;} .tab-title-actions svg{transform: rotate(180deg);} .tab-title-list-hide .tab-title-actions svg{transform: rotate(0deg);} .vioce_result_list {overflow: auto;} .vioce_select_inner{display: grid;margin-right: -16px;margin-bottom: -16px;grid-template-columns: repeat(auto-fill,minmax(256px,1fr));} .vioce_item{cursor: pointer;margin-right: 16px;margin-bottom: 16px;padding: 12px;border-radius: 8px;background: #f5f5f5;display: flex;align-items: center;} .vioce_item[data-vioce-level="senior"]{background: url(../img/digital/senior_tag.8b64f7bc.svg) #f5f5f5 0 0 no-repeat;} .vioce_item[data-vioce-level="major"]{background: url(../img/digital/major_tag.762d0aad.svg) #f5f5f5 0 0 no-repeat;} .vioce_item_selected{box-shadow: 0 0 0 2px #059ae0 inset;} .vioce_item .vioce_item_left{position: relative;margin-right: 8px;display: inline-flex;align-items: center;justify-content: center;} .vioce_item .vioce_item_avatar{width: 48px;height: 48px;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;background-color: #f5f5f5;overflow: hidden;} .vioce_item .vioce_item_hover{position: absolute;top: 0;right: 0;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;opacity: 0;} .vioce_item:hover .vioce_item_hover{opacity: 1;} .vioce_item .vioce_item_right{flex: 1 1;min-width: 0;display: flex;flex-direction: column;padding: 8px 0;} .vioce_item .vioce_item_name{display: flex;gap: 12px;font-size: 14px;color: rgba(0,0,0,0.6);margin-bottom: 0;line-height: 22px;align-items: center;} .vioce_item .vioce_item_name_content{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .vioce_item .vioce_item_desc{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 12px;color: rgba(0,0,0,.4);} .select-selection-search {margin: 0;} .select-selection-search .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 7px;} .select-selection-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 110px;margin: 0 10px;} .select-selection-search .bootstrap-select.btn-group > .dropdown-toggle{margin: 0 !important;border: 1px solid #f5f5f5 !important;padding: 4px 7px;border-radius: 6px;background-color: #f5f5f5;color: rgba(0,0,0,.9) !important;font-size: 14px;} #chooseVoiceModal .modal-footer{align-items: center;} .text-link-click{color: rgba(0,0,0,.6);font-size: 12px;margin: 0;} .text-link-click svg{margin-left: 2px;} #chooseVoiceModal .modal-scroll{height: 61vh;overflow: hidden;} /* Model tempPreviewModal 模板预览 */ #tempPreviewModal.currencyStyle .modal-box .modal-scroll{overflow: visible;} .previewer-control{margin-top: 8px;} .previewer-control-time{display: flex;justify-content: space-between;color: rgba(0,0,0,.4);font-size: 12px;line-height: 18px;} .previewer-control-time>span:first-of-type{color: #059ae0;} .previewer-control-slider{position: relative;width: 100%;height: 30px;margin-bottom: -15px;} .previewer-control-slider .slider{position: relative;width: 100%;height: 100%;} .slider-rail, .slider-track{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;height: 2px} .slider-rail{background-color: #ebebeb;} .slider-seeker .slider-rail{height: 4px;background: #e0e0e0;border-radius: 4px;} .slider-seeker .slider-track, .slider-seeker .slider-rail{transform: translateZ(0);bottom: 15px;top: auto;} .slider-seeker .slider-track{height: 4px;background: #059ae0;border-radius: 4px;right: auto;} .video-player{position: relative;width: 100%;height: 0;padding-bottom: calc(1 / 1.7777777 * 100%);;} .previewer-control-btn {display: flex;justify-content: center;align-items: center;} .previewer-control-btn .play{background-color: transparent;padding: 0;margin: 0;border: none;} .previewer-control-btn .play::before{content: "\ebbd";font-family: boxicons;font-size: 32px;color: #585858;} .previewer-control-btn .play.pause::before{content: "\ebae";} .slider-seeker .slider-track:before, .slider-seeker .slider-track:after{content: "";height: 15px;top: -11px;position: absolute;right: 0;transform: translate3d(50%,0,0);cursor: pointer;} .slider-seeker .slider-track:before{z-index: 1;width: 13px;background: #059ae0;clip-path: polygon(0 0,0 9px,6px 15px,6px 15px,7px 15px,7px 15px,13px 9px,13px 0);} .slider-seeker .slider-track:after{width: 13px;background:linear-gradient(to bottom,#ffffff,#ffffff 15px,transparent 15px,transparent);transform: translate3d(50%,0,0) translate3d(-1px,0,0);clip-path: polygon(0 0,0 9px,6px 15px,6px 16px,0 16px,0 15px,13px 15px,13px 16px,7px 16px,7px 15px,13px 9px,13px 0);} /* clip_track */ .clip_track{border-top: 1px solid #f5f5f5;} .clip_track .track-box{width: 100%;position: relative;min-height: 260px;margin-left: 0;transition: margin-bottom .3s ease-in-out;} .clip_track .track-box.track-box-hide{margin-bottom: -260px;} .clip_track .track-box-inner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .col_flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column;flex-flow: column;} .fold svg,.fold,.digital-nav ul li a,.digital-nav ul li a svg,.operation_tab_nav li::after,.undo_redo li,.adjust_item,.adjust_item::before,.adjust_item::after,.item-inner-content,.button-group-item, .checkbox-inner svg,.number-selector-wrap span,.tab-title-actions svg,.tab-title-item,.vioce_item_hover,.tab-title-list-wrap-inner li::before{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /* --------------- 数字人播报 simple版 STA --------------- */ .virtual-container{background-color: #f7f7f7;height: calc(100vh - 111px);overflow: auto;} .virtual-container .layout{margin: 0 auto;min-width: 975px;max-width: 1392px;height: 100%;} .virtual-header{justify-content: space-between;align-items: center;padding: 24px 0;} .goBack{background: transparent;padding: 0;margin: 0;border: none;} .file-name{vertical-align: middle;padding-left: 10px;font-size: 18px;font-weight: 500;white-space: nowrap;} .virtual-btns .btn{border-radius: 30px;height: 32px;margin-left: 16px;font-size: 14px;padding-left: 23px;padding-right: 23px;box-shadow: none;min-width: 92px;} .virtual-btns .btn.btn-outline-grey{border: 1px solid #e0e0e0;color: #191919;background-color: #fff;} .virtual-btns .btn-import-text input{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;} .virtual-body{position: relative;padding: 0.5px 0 1px;border: 1px solid #e0e0e0;background-color: #ffffff;box-shadow: 0 0 6px rgba(186,200,218,0.5);overflow: hidden;} /* 播报画面 */ .virtual-frame{width: 42%;min-width: 450px;padding: 24px 24px 0;height: 100%;} .responsive-rate-rect{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column;flex-flow: column;-webkit-box-align: center;-webkit-align-items: center;align-items: center;} .base-rate-rect{position: relative;} .base-rate-rect .exteral-center{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .base-rate-rect>div:first-of-type{box-sizing: border-box;border-radius: 4px;outline: solid 2px transparent;background-color: #d8d8d8;background-size: cover;background-repeat: no-repeat;} .base-rate-rect .sub-title{position: absolute;bottom: 6px;margin: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;display: none;} .show_subtitle .base-rate-rect .sub-title{display: block;} @supports(aspect-ratio: 1/1) { .base-rate-rect>div:first-child { position:relative; aspect-ratio: var(--w)/var(--h) } } @supports not (aspect-ratio: 1/1) { .base-rate-rect>div:first-child { position:relative; padding-top: var(--rate) } } .video-scale{display: flex;align-items: center;font-size: 12px;line-height: 1;} .ant-dropdown-trigger {margin-left: 8px;} .ant-dropdown-trigger .bootstrap-select.btn-group > .dropdown-toggle{display: -webkit-inline-box;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;width: 72px;height: 28px;padding: 0 6px 0 12px;font-size: 12px;margin:0 !important;background-color: #ffffff;border: 1px solid #e0e0e0;border-radius: 2px;color: #191919;cursor: pointer;} .ant-dropdown-trigger .bootstrap-select.select-style01 > .dropdown-toggle:before{top: 5px;right: 5px;} .ant-dropdown-trigger .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: auto;} .frame-video{max-height: calc(100% - 104px);} .frame-video>div{height: 100%;} /* 播报内容 */ .virtual-content{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;border-left: 1px solid #e0e0e0;height: 100%;overflow: hidden;} .virtual-toolbar{padding: 15px;background-color: #fafafa;} .virtual-textarea{overflow: auto;padding: 12px 14px 0;color: #000000;background-color: #ffffff;border: 1px solid transparent;} .virtual-textarea p{margin-bottom: 10px;line-height: 1.8;} .virtual-textarea::before{color: #999;position: absolute;cursor: text;content: attr(aria-placeholder);} .virtual-textarea:focus{border-color: #298aff;background-color: #fbfdff;} .virtual-textarea b{display: inline;font-weight: 400;-webkit-user-select: none;user-select: none;cursor: text;} .virtual-textarea b::before{content: none;} .virtual-textarea b .tag-text{cursor: pointer;padding-bottom: 0;border-bottom: 2px solid #ffc57d;} .virtual-textarea b .tag-value{display: inline-block;vertical-align: middle;max-width: 110px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 3px;padding: 0 6px;font-size: 12px;line-height: 18px;cursor: pointer;letter-spacing: .43px;color: #1f2131;border-radius: 2px;transform: translateY(-1px);background-color:#ffc57d} .virtual-bottom{padding: 12px 18px;height: 50px;border-top: 1px solid #e0e0e0;} .detail-mode > span{margin-right: 14px;} .video-duration{font-size: 12px;} .video-duration .time{font-weight: 700;margin-left: 3px;margin-right: 8px;} .video-duration .loading{cursor: pointer;font-size: 16px;color: rgb(77, 77, 77);line-height: 1;} .content-count {color: #9399b9;font-size: 12px;} .virtual-toolbar .line{width: 1px;height: 18px;background-color: #aeaeae;margin-right: 8px;margin-top: -20px;opacity: .2;} .virtual-toolbar button{position: relative;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;flex-direction: column;height: 48px;width: 48px;border: none;outline: none;background: transparent;white-space: nowrap;cursor: pointer;-webkit-user-select: none;user-select: none;color: #191919;margin: 0 8px 0 0;align-items: center;} .virtual-toolbar button .dropdown-toggle {position: relative;align-items: center;width: 100%;height: 100%;} .virtual-toolbar button .dropdown-toggle span {margin-top: 4px;font-size: 12px;height: 14px;line-height: 14px;} .virtual-toolbar button.unable{opacity: .5;pointer-events: none;} .virtual-toolbar button .dropdown-toggle svg{position: relative;} .virtual-toolbar button .dropdown-menu{transform: translateX(0) !important;top: 100% !important;} .virtual-toolbar .character{width: 80px;height: 30px;color: #191919;font-size: 12px;border-radius: 15px;background-color: #ffffff;border: 1px solid #e0e0e0;cursor: pointer;} .virtual-toolbar .audition{cursor: pointer;font-size: 12px;line-height: 1;padding: 0 6px;display: -webkit-inline-box;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;width: auto;height: 30px;background-color: #fff;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;margin-left: 16px;margin-right: 8px;border-radius: 15px;overflow: hidden;-webkit-transition: width .5s;transition: width .5s;border: 1px solid #e0e0e0;} .ant-progress{position: relative;width: 20px;height: 20px;color: #059ae0;font-size: 14px;} .ant-progress-circle{border: 2px solid #059ae0;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .ant-progress-inner{position: relative;line-height: 1;font-family: "boxicons";} .audition-2 .ant-progress-circle{border-color: #059ae020;} .ant-progress-status-normal .ant-progress-inner{margin-left: 3px;} .ant-progress .ant-progress-inner::before{content: "\ebbd";} .ant-progress-status-pause .ant-progress-inner::before{content: "\ebae";} .ant-progress-status-stop .ant-progress-inner::before{content: "\ec2b";} .ant-progress-status-pause .my-svg-path{stroke-dasharray: 0 51px;stroke-dashoffset: 0;transform: rotateZ(90deg);transform-origin: 50% 50%;} .status-text{margin: 0 6px;} .audition.generating .audition-1 .ant-progress, .audition.generating .play-status,.audition.generating .bs-tooltip, .audition.playing .audition-1,.audition.playing .bs-tooltip, .audition .play-status {display: none;} .audition.playing .play-status{display: flex;} .play-status .line{opacity: 1;margin: 0 6px 0 0;width: 1px;height: 20px;background-color: #efefef;} .audition .spinner-loading{width: 20px;display: none;color: #059ae0;} .audition.generating .spinner-loading{display: inline-block;} .audition-2.paused .circle-progress .content .circle{animation-play-state:paused;} .audition-2.paused .ant-progress-inner::before{content: "\ebbd";} .audition-2.paused .ant-progress-inner{margin-left: 3px;} .circle-progress {position: absolute;width: 20px;height: 20px;z-index: 2;} .circle-progress .content {position: absolute;top: 0;width: 10px;height: 20px;margin: 0;padding: 0;overflow: hidden;} .circle-progress .content.left {left: 0;} .circle-progress .content.right {right: 0;} .circle-progress .content .circle {position: absolute;margin: 0;width: 20px;height: 20px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);} .circle-progress .content .left-circle {left: 0;border-top-color: #059ae0;border-left-color: #059ae0;animation: circle-left linear forwards;} .circle-progress .content .right-circle {right: 0;border-bottom-color: #059ae0;border-right-color: #059ae0;animation: circle-right linear forwards;} @keyframes circle-right { 0% { transform: rotate(135deg); } 50%, 100% { transform: rotate(315deg); } } @keyframes circle-left { 0%, 50% { transform: rotate(135deg); } 100% { transform: rotate(315deg); } } /* 播报字幕 */ .virtual-subtitle{position: absolute;bottom: 0px;left: 1px;width: calc(42% - 1px);min-width: 449px;background-color: #ffffff;z-index: 1;height: 51px;border-top: 1px solid #e0e0e0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;} .virtual-subtitle > span{font-size: 14px;margin-right: 8px;white-space: nowrap;} .virtual-subtitle .tips{display: none;align-items: center;margin-left: 18px;color: #b3b3b3;font-size: 12px;gap: 5px;} .tips.show{display: inline-flex;} .virtual-container .custom-switch{padding-left: 44px;cursor: pointer;} .virtual-container .custom-control-input{height: 24px;} .virtual-container .custom-control-label{cursor: pointer;} .virtual-container .custom-control-label::before{top: 0;left: -44px;border-color: #cecece;background-color: #cecece;border-radius: 30px;} .virtual-container .custom-control-label::after{top: 3px;left: -42px;background-color: #ffffff;} .virtual-container .custom-switch .custom-control-label::before{width: 44px;height: 24px;} .virtual-container .custom-switch .custom-control-label::after{width: 18px;height: 18px;} .virtual-container .custom-switch .custom-control-input:checked~.custom-control-label::after{-webkit-transform: translateX(22px);transform: translateX(22px);} .virtual-container .custom-control-input:checked~.custom-control-label::before{border-color: #059ae0;background-color: #059ae0;} /* 数字人动作选择 下拉列表 */ .adjust_4 .dropdown-menu,.motion+.dropdown-menu, .adjust_6 .dropdown-menu,.expression-tag .dropdown-menu {width: 500px;height: 400px;padding: 0;border-radius: 2px;border: 1px solid #e0e0e0;background-color: #fff;box-shadow:0px 0px 6px rgba(186,200,218,0.5);} .action_popover,.action_tag_popover{max-width: 500px;padding: 0;border-radius: 2px;border: 1px solid #e0e0e0;background-color: #fff;box-shadow:0px 0px 6px rgba(186,200,218,0.5);} .action_popover .digital_action,.action_tag_popover .digital_action{max-width: 500px;height: 400px;} .action_popover .popover-body,.action_tag_popover .popover-body{padding: 0;} .digital_action,.digital_expression{width: 100%;height: 100%;overflow: hidden;user-select: none;} .action_tab_nav{height: 41px;padding: 15px 15px 0;} .action_tab_nav li{height: 26px;margin-right: 16px;border-bottom: 2px solid;border-color: transparent;color: #191919;font-size: 12px;font-weight: 400;cursor: pointer;} .action_tab_nav li.active{color: #059ae0;border-color: #059ae0;font-weight: 700;} .action_tab_content{overflow: hidden;padding: 0 0 15px;} .action_tab_content .tab-content-item{display: none;overflow: auto;padding: 0 15px;height: 100%;} .action_tab_content .tab-content-item.active{display: block;} .action_tab_content .space-inner-list{gap: 4px;} .action_tab_content .space-item{cursor: pointer;position: relative;width: calc(25% - 6px);padding: 2px;display: block;text-align: center;} .action_tab_content .space-item:hover,.action_tab_content .space-item.selected, .digital_expression .space-item:hover,.digital_expression .space-item.selected{box-shadow: 0 0 0 2px #059ae0 inset;} .action_tab_content .space-item .item-img, .digital_expression .space-item .item-img{position: relative;display: flex;} .action_tab_content .space-item .item-img video, .digital_expression .space-item .item-img video{width: 100%;} .action_tab_content .space-item .item-tag{position: absolute;left: auto;top: auto;right: 5px;bottom: 5px;font-size: 12px;display: inline-block;width: 33px;height: 19px;line-height: 19px;background-color:#757789;color: #ffffff;border: none;} .action_tab_content .space-item .item-title, .digital_expression .space-item .item-title{border-radius: 0 0 2px 2px;background-color: #f3f3f3;height: 28px;line-height: 28px;color: #191919;font-size: 12px;} .virtual-content .dropdown-menu .dropdown-item{cursor: pointer;} b.motion,b.expression{background-color: #a0f4df;margin: 0 4px;max-width: 150px;display: inline-block;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 2px 6px;font-size: 12px;line-height: 18px;cursor: pointer;letter-spacing: .43px;color: #1f2131;border-radius: 2px;-webkit-transform: translateY(-1px);transform: translateY(-1px);cursor: pointer;} .adjust_6 .dropdown-menu,.expression-tag .dropdown-menu{padding: 15px 0;} .digital_expression {padding: 0 15px;} .digital_expression .space-inner-list{gap: 4px;} .digital_expression .space-item{cursor: pointer;position: relative;width: calc(33.3% - 3px);padding: 2px;display: block;text-align: center;} .virtual-toolbar button.adjust_6 .dropdown-menu{transform: translateX(-20%) !important;} i[data-control-type="bracket"]{display: inline-block;cursor: pointer;height: 18px;margin: -1px 2px 0;width: 6px;border: 3px solid #a0f4df;vertical-align: middle;} i.bracket-start{border-right: none;} i.bracket-end{border-left: none;} .action_tab_nav li,.space-item{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /* Modal generatePreviewModal 生成预览 */ #generatePreviewModal .form_item .form-item-label{color: #191919;} #generatePreviewModal .form_item .form-item-control .bootstrap-select.btn-group > .dropdown-toggle{padding: 7px;} #generatePreviewModal .form_item .checkbox-wrapper{color: #191919;font-size: 12px;user-select: none;margin-top: 10px;} #generatePreviewModal .form_item .checkbox-wrapper input{vertical-align: middle;width: 10px;height: 10px;background-color: #d8d8d8;margin-right: 5px;} #generatePreviewModal .form_item .checkbox-wrapper span{vertical-align: middle;} .create-preview .spinner-loading .spinner-border{width: 35px;height: 35px;color: #808080;} .create-preview .generate-process{font-size: 16px;line-height: 22px;color: #191919;} .create-preview .generate-tips{font-size: 14px;color: #808080;} .create-preview .generate-tips a {color: #059ae0;} /* Modal virtualConfigModal 数字人与画面设置 */ #virtualConfigModal .modal-header ul{padding: 0;margin: 0;gap: 96px;} #virtualConfigModal .modal-header ul li{position: relative;cursor: pointer;font-size: 14px;color: #191919;} #virtualConfigModal .modal-header ul li::after{content: '';width: 0;height: 3px;position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);background-color: #059ae0;} #virtualConfigModal .modal-header ul li.active{color: #059ae0;} #virtualConfigModal .modal-header ul li.active::after{width: 88px;} #virtualConfigModal .set_wrap{height: 60vh;overflow: hidden;} #virtualConfigModal .set_wrap .virtual-frame{width: calc(100% - 490px);} #virtualConfigModal .set_wrap .config-wrap{position: relative;width: 490px;min-width: 490px;border-left: 1px solid #e0e0e0;} .config-wrap .config-item{display: none;flex-direction: column;overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: #fff;} .config-wrap .config-item.active{display: flex;z-index: 2;} #virtualConfigModal .virtual-subtitle{border: none;margin: 0;width: auto;margin-right: 10px;} #virtualConfigModal .frame-video{max-height: calc(100% - 45px);} .config-tab-nav{height: 48px;background: #f5f5f5;font-size: 14px} .config-tab-nav ul{padding: 0;margin: 0;width: 100%;height: 100%} .config-tab-nav li{cursor: pointer;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;display: flex;align-items: center;justify-content: center;} .config-tab-nav li.active{background: #fff;color: #059ae0} .config-tab-content{overflow: hidden;} .config-tab-content .tab-content-item{cursor: pointer;overflow: auto;height: 100%;display: none;} .config-tab-content .tab-content-item.active{display: block;} .config-tab-content .space-inner-list{gap: 12px;} .config-tab-content .space-item{position: relative;background-color: var(--bgColor,hsla(0,0%,50.2%,.16));width: calc(20% - 9.6px);aspect-ratio: 1/1;border-radius: 4px;cursor: pointer;} .config-tab-content .space-item .item-title{opacity: 0;;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;background: rgba(49,51,73,0.4);border-radius: 0 0 4px 4px;color: #ffffff;font-size: 12px;text-align: center;} .config-tab-content .space-item:hover .item-title{opacity: 1;} .config-tab-content .space-item img{width: 100%;height: 100%;border-radius: 4px;} .config-tab-content .space-item .vip-tag{position: absolute;border-radius: 0!important;width: auto!important;height: 19px!important;top: -6px;right: -6px} .config-tab-content .space-item.selected,.color-item.selected{border: 2px solid #059ae0;} .level2{margin-bottom: 15px;} .level2>span{display: block;height: 20px;margin-bottom: 8px;color: #9399b9;font-size: 12px;text-align: left;} .color-item{width: 26px;height: 26px;border-radius: 4px;margin-right: 15px;margin-bottom: 15px;cursor: pointer;} .slice-row-content{box-sizing: border-box;margin: 0;padding: 0;color: rgba(0,0,0,.65);font-size: 12px;font-variant: tabular-nums;line-height: 1.5715;list-style: none;-webkit-font-feature-settings: "tnum";font-feature-settings: "tnum";display: inline-block;font-size: 0;line-height: unset;} .radio-button-wrapper{cursor: pointer;position: relative;display: inline-block;margin:0;font-size: 12px;padding-left: 18px;padding-right: 18px;height: 30px;line-height: 28px;color: #191919;background-color: #f5f5f5;border: 1px solid #f5f5f5;} .radio-button-wrapper:not(.checked) {border-left: 1px solid hsla(0,0%,76.9%,0.3);} .radio-button-wrapper:first-child{border-radius: 1px 1px 1px 1px;border-left-color: transparent;} .radio-button-wrapper:last-child{border-radius: 0 2px 2px 0;} .radio-button-wrapper.checked:not(.disabled){color: #059ae0;border-color:#059ae0;background: #fff;} .radio-button-wrapper.checked+.radio-button-wrapper{border-left: 1px solid transparent;} .radio-button-wrapper.disabled{border: 1px solid #f3f3f3;background-color: #f3f3f3;color: #d3d3d3;cursor: not-allowed;} .radio-button-wrapper input[type=radio]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;} .radio-button-wrapper>span{display: inline-block;min-width: 24px;text-align: center;} .slice-row-content .radio-group:nth-of-type(n+2){margin-left: 20px} .tab-mini-nav{background: #f5f5f5;margin: 20px 15px 0;padding: 4px;font-size: 12px;border-radius: 4px;} .tab-mini-nav ul{margin:0;padding: 0;} .tab-mini-nav li{cursor: pointer;text-align: center;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;height: 28px;line-height: 28px;border-radius: 2px;} .tab-mini-nav li.active{color: #059ae0;background-color: #ffffff;font-weight: 600;} .picture-set .tab-content-item{display: none} .picture-set .tab-content-item.active{display: flex;} .picture-set .config-tab-content>.tab-content-item{overflow: hidden} .tab-mini-content{overflow: hidden} .tab-mini-content .tab-content-item .space-item,.custom-list .space-item{width: 96px;height: 68px;margin-right: 16px;margin-bottom: 14px;overflow: hidden;} .tab-content-item .space-item input[type=radio] {width: 0;height: 0;opacity: 0;pointer-events: none;} .tab-content-item .space-item img{object-fit: contain;} .tab-content-item .space-item i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 4px;border: 1px solid #e0e0e0;} .tab-content-item .space-item.checked i{border: 2px solid #059ae0} .tab-content-item .space-item .view{display: none;position: absolute;top: 8px;right: 8px;width: 24px;height: 24px;background-color: rgba(0,0,0,.6);border-radius: 2px;padding: 5px} .tab-content-item .space-item:hover .view{display: flex;} .tab-content-item .space-item:hover .view:hover{color: #fff;} .custom-list .space-item:last-child{border: 1px dashed #b3b2b2;background: #fff;color: #eeeeee;} .custom-list .space-item input[type="file"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-appearance: none;appearance: none;opacity: 0;cursor: pointer;} .space-tips{position: absolute;bottom: 0;left: 0;padding: 10px 0 10px 10px;width: 100%;min-height: 34px;color: #b3b3b3;background-color: #fff;} .space-tips>span{font-size: 12px;margin-left: 4px;line-height: 20px;} .custom-list{margin-bottom: 48px;overflow: auto} .speech-speed-control {font-size: 12px;} .speech-speed-control .slider-handle-inner{width: 100px;margin-right: 15px;} .adjust_1 .dropdown-menu{padding: 10px 15px;} .flex-align{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;} .flex-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;} .main-content ::-webkit-scrollbar, .sidebar-wrapper ::-webkit-scrollbar, .sc-sidebar ::-webkit-scrollbar{height: 6px;} .modal-header ul li::after,.space-item .item-title,.virtual-textarea,.radio-button-wrapper{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} @media (max-width: 992px) { .virtual-container{height: auto;} .virtual-container .layout{min-width: auto;} .virtual-header{gap: 10px;} .file-name{font-size: 16px;} .virtual-body{flex-direction: column;} .virtual-body>*{width: 100%;height: 450px;flex: unset;} .virtual-body>.virtual-subtitle{position: relative;height: auto;padding-top: 15px;padding-bottom: 15px;} .virtual-toolbar{flex-wrap: wrap;row-gap: 10px;} .virtual-bottom{height: auto;} .virtual-frame{min-width: auto;} .virtual-btns .btn,.video-scale{margin-top: 5px;margin-bottom: 5px;margin-left: 5px;} } /* --------------- 数字人播报 simple版 END --------------- */ @media (max-width: 1366px) { .application_item .item{padding:15px;} .customer_header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 120px;} } @media (max-width: 1280px) { .application_item .content{column-gap: 15px;} .application_item .item{width: calc(33.3% - 10px);} .ai_customer_service_welcome_textarea{width:500px !important} .customer_header .search_wrap{flex: unset;width: 100%;margin-top: 10px;} } @media (max-width: 991px) { .main-container.sidebar-closed #content { margin-left: 0; width:100%; } .picture-draw-result .all-picture .scroll{max-height: unset;} #onReTaskModalCenter.currencyStyle .modal-box .modal-scroll{max-height: unset;} .ai-picture-draw{width: 100%;padding: 0;border: none;} .picture-draw-result{width: 100%;padding: 0;margin-top: 30px;} .ai_customer_service_left{width:100%;padding:20px 2%} .ai_customer_service_right{width:100%;padding:20px 2%} .ai_customer_service_embed_input{width:100%} .ai_customer_service_flex .item_title{width:100px} .ai_customer_service_title{font-size:12px} .ai_customer_service_flex .item_box{width:calc(100% - 130px)} .ai_customer_service_prompt_slide textarea{width:400px !important} .ai_customer_service_welcome_textarea{width:100% !important} } @media (max-width: 768px){ .c_custom_service{align-items: flex-end;} .app_intro p,.app_intro span{font-size: 12px;} .app_intro .install{font-size: 12px;} .application_item .item{width: calc(50% - 7.5px);} .webchat_main{overflow: hidden;} .mobile_aside_l,.mobile_aside_r{right: 20px;} .chatter_info,.chat_list{position: absolute;top: 0;height: 100%;z-index: 999;background-color: #fff;} .chatter_info{right: -200%;} /* .chat_list{transform: none;} */ .chatter_info.active{right: 0;} .chat_list.active{left: 0;transform: none;} .ai_customer_service_flex .item_title{width:100%;margin-bottom:12px} .ai_customer_service_flex .item_box{width:100%} .ai_customer_service_style_item,.ai_customer_service_avatar_item,.ai_customer_service_custom_slide{margin-bottom:15px} .ai_customer_service_left{border-right:0} } @media (max-width: 640px) { .customer_service_nav li{height:30px;line-height:32px;padding:0 10px;font-size:12px} .ai_customer_service_embed_input input{padding:4px 80px 4px 1%} .ai_customer_service_timedata_end{margin-left:0;margin-top:15px} .ai_customer_service_timedata_start,.ai_customer_service_timedata_end{display:block} .ai_customer_service_style_item,.ai_customer_service_avatar_item{display:block} .ai_customer_service_style_item label,.ai_customer_service_avatar_item label{justify-content: flex-start;-webkit-justify-content: flex-start;} .ai_customer_service_timezone_main .ai_customer_service_timezone_select{width:100%} .ai_customer_service_style_item+.ai_customer_service_style_item,.ai_customer_service_avatar_item+.ai_customer_service_avatar_item{margin-left:0} .ai_customer_service_avatar_list{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-align-items:center;} .ai_customer_service_avatar_item{width: 48%;} .ai_customer_service_prompt_slide textarea{width:calc(100% - 30px) !important} .condition_filter {width: 100%;flex-direction: column;row-gap: 10px;align-items: flex-start !important;margin: 0 !important;} .condition_filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;} .action_tab_content .space-item{width:calc(50% - 2px)} } @media (max-width: 577px){ #chatAloneModal .modal-dialog{width: 94%;margin: .5rem auto;} #chatAloneModal .close{left: 0;right: auto;} #chatAloneModal .chat-footer{padding-left: 10px;padding-right: 10px;} #chatAloneModal .chat-conversation-box{padding: 0 2px;} .c_custom_service .expression p,.chat-form-right .send-btn,.f_tip,.mail-write-box-alone, #chatAloneModal .chat-conversation-box .bubble .info,.chat-example li{font-size: 12px !important;} #chatAloneModal .chat-conversation-box .bubble .head-po{width: 35px;height: 35px;} #chatAloneModal .chat-form-right{width: 90px;} #chatAloneModal .chat-form-left .mail-write-box{padding-right: 100px;} .autocomplete-items{width: 65%;} .autocomplete-items div{padding-left: 8px;padding-right: 8px;} #leaveMailModal p{font-size: 13px;padding: 0 10px;} .leaveMail-box form{padding: 15px 10px;} .leaveMail-box .form-control{padding: 4px 18px;font-size: 12px;} .leaveMail-box .form_item.required::after{left: 8px;} .table-title-bar{flex-wrap: wrap;row-gap: 10px;} .content-main-box{height: calc(100vh - 141px - 2rem);} .mobile_aside_r{top: 95px;} .mobile_aside_l{top: 145px;} .webchat_main{height: calc(100vh - 142px);} .session_status p{font-size: 14px;} .record_item{flex-wrap: wrap;} .record_item .content{width: 100%;flex: unset;margin: 10px 0;} .customer-box-container{height: calc(100vh - 141px);} } @media (max-width: 560px){ .chat_main .chat-system{height: 100% !important;} } @media (max-width: 480px){ .application_item{margin-bottom: 10px;} .application_item .item{width: 100%;} .choose_database {column-gap: 10px;flex-wrap: wrap;} .upload_attention h3{font-size: 13px;} .upload_cont .item{width: 90px;height: 90px;} .upload_cont .item,.add_material label,.choose_database select,.choose_database .select2-container .select2-selection--single .select2-selection__rendered, .choose_database label,.upload_attention,#uploadContModal .form-control {font-size: 12px !important;} .upload_file .btn,.uploadCont_box .btn,.modal-dialog .btn-upload{font-size: 12px;} .session_language{flex-wrap: wrap;} .session_language .translate{width: 100%;text-align: center;} .chat_main .chat-form .send-btn{width: 85px;} .head_sculpture{width: 40px;height: 40px;} .subject_hd h3,.chatter_hd .info h3,.re_appoint,.appoint,.list_tab li,.page_list li .date, .main_info_list i+span, .equipment_list i+span, .page_list i+a{font-size: 13px;} .chat_list.retract .left{height: 44px;line-height: 44px;} .chat_main .p-3{padding: .8rem !important;} .search_wrap {width: 100%;flex-direction: column;row-gap: 10px;align-items: flex-start !important;} .search_wrap .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;} } @media (max-width: 370px){ .chat_main{min-width: unset;} } /*------------------------------- swiper-slide start ----------------------------------*/ .slider_banner{position:relative;overflow:hidden;} .swiper-container-no-flexbox .swiper-slide{float:left } .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto } .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform } .swiper-invisible-blank-slide{visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto } .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform } .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10 } .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x } .swiper-button-next, .swiper-button-prev{position:absolute;top:50%;width:36px;height:50px;line-height:50px;text-align:center;margin-top:-25px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:30px;background-color:rgba(0,0,0,.4);border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0);} .swiper-button-next:before, .swiper-button-prev:before{display:inline-block;-webkit-transform:scale(.7,1);-ms-transform:scale(.7,1);-o-transform:scale(.7,1);transform:scale(.7,1);vertical-align:top;} .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{} .swiper-container:hover .swiper-button-prev{left:65px;} .swiper-container:hover .swiper-button-next{right:65px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{cursor:auto;/*pointer-events:none;*/opacity:0.3;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:10px;right:auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:10px;left:auto } .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before{content:'<';} .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{content:'>';} .swiper-button-lock{display:none } .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:2 } .swiper-pagination.swiper-pagination-hidden{opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;left:0;width:100% } .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) } .swiper-pagination-bullet {width:10px;height:10px;display:inline-block;vertical-align:middle;background-color:#ccc;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 6px;border-radius: 50%;} .swiper-pagination-bullet-active {border-color:#c78932;background-color:transparent;} button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer } .swiper-pagination-white .swiper-pagination-bullet{background-color:#ff9768;} .swiper-pagination-white .swiper-pagination-bullet-active{background-color:#fff;} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top, .3s -webkit-transform; transition:.2s top, .3s -webkit-transform;-o-transition:.2s transform, .3s top;transition:.2s transform, .3s top;transition:.2s transform, .3s top, .3s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left, .3s -webkit-transform; transition:.2s left, .3s -webkit-transform;-o-transition:.2s transform, .3s left;transition:.2s transform, .3s left;transition:.2s transform, .3s left, .3s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right, .3s -webkit-transform;transition:.2s right, .3s -webkit-transform;-o-transition:.2s transform, .3s right;transition:.2s transform, .3s right;transition:.2s transform, .3s right, .3s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0, 0, 0, .25);position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top } .swiper-container-horizontal{overflow:hidden;} .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0 } .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0 } .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active{background:#000 } .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000 } .swiper-pagination-lock{display:none } .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98% } .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98% } .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0 } .swiper-scrollbar-cursor-drag{cursor:move } .swiper-scrollbar-lock{display:none } .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain } .swiper-slide-zoomed{cursor:move } .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%; background-position:50%;background-size:100%;background-repeat:no-repeat } .swiper-lazy-preloader-white:after{} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out } .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity } .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto } .swiper-container-cube{overflow:visible } .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100% } .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none } .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden } .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0 } .swiper-container-flip{overflow:visible } .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1 } .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden } .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px } .ai_customer_service_cursor .birthday{ width: 120px !important; } @media screen and (max-width:480px){ .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;} } /*ie*/ .swiper-container{overflow:hidden\9;} .swiper-container .swiper-wrapper{width:20000%\9;} .swiper-slide{float:left\9;} .product_slider .product_item{width:25%\9;} @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){ .swiper-container .swiper-wrapper{width:auto;} } /*------------------------------- swiper-slide end ----------------------------------*/