@charset "UTF-8";

.contact-us {
    position: fixed;
    right: 0;
    bottom: 140px;
    width: 44px;
    height: 108px;
    background: linear-gradient(180deg, #7696ff 0%, #3060ff 100%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03),
        0px 1px 6px -1px rgba(0, 0, 0, 0.02),
        0px 2px 4px 0px rgba(0, 0, 0, 0.02);
    border-radius: 6px 0px 0px 6px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    writing-mode: vertical-rl;
    text-align: center;
    line-height: 44px;
    letter-spacing: 4px;
    cursor: pointer;
}

.contact-us-popover {
    padding: 0 !important;
    border-radius: 8px !important;
}

.popover-content {
    box-sizing: border-box;
    padding: 20px 24px;
    min-width: 300px;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05),
        0px 6px 16px 0px rgba(0, 0, 0, 0.08),
        0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.contact-us-title {
    font-weight: 600;
    font-size: 16px;
    color: #1d2129;
    line-height: 24px;
}

.contact-information {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.contact-img {
    margin-right: 10px;
    width: 28px;
    height: 28px;
}

.contact-text {
    font-size: 14px;
    color: #1d2129;
}

.user-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.console-btn {
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: 39px;
    padding: 0 20px;
    background-color: #1b50fe;
    border-radius: 8px;
    cursor: pointer;
}

.console-btn img {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.console-btn span {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    line-height: 24px;
}

.app-login-container {
    width: 420px !important;
}

.app-login-container .el-dialog__header {
    display: none;
}

.app-login-container .el-dialog__body {
    padding: 0;
    height: 480px;
    overflow: hidden;
}

.user-popup {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 14px #1a50fe14;
    padding: 12px;
}

.user-popup .username {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.user-popup .logout-btn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    text-align: center;
    cursor: pointer;
    background: #ecf0ff;
    color: #1a50fe;
    border-radius: 8px;
}

.user-popup .logout-btn:hover {
    background: #1a50fe;
    color: #fff;
}

.user-popover {
    padding: 0 !important;
}

.user-pic {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
}

* {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-decoration: none;
}

html,
body {
    /* background: #F5F5F5; */
    font-family: 'pingFang', 'Microsoft YaHei', 'Serif';
}

.block-title {
    height: 110px;
    line-height: 60px;
    font-size: 30px;
    text-align: center;
    color: #26292f;
}

.block-title .block-title-bottom {
    font-size: 10px;
    display: block;
    line-height: 15px;
}

.block-title .block-title-underline {
    display: block;
    line-height: 15px;
    width: 40px;
    height: 0px;
    border-bottom: 2px solid #307ae9;
    margin: 0 auto;
    margin-top: 10px;
}

/*voice banner*/
.banner {
    width: 100%;
    height: 285px;
    background-position: center;
}

.banner .banner-main {
    width: 100%;
    max-width: 1200px;
    height: 225px;
    margin: 0 auto;
    padding: 40px 0px 20px;
    color: #fff;
}

.banner .banner-main .service-name {
    font-size: 42px;
    padding: 10px 0px;
    color: rgba(0, 0, 0, 0.85);
}

.banner .banner-main .service-function {
    margin-top: 20px;
    width: 600px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 1.5;
}

.banner .banner-main .service-btn-con {
    margin-top: 40px;
}

.banner .banner-main .service-btn-con .service-btn {
    text-align: center;
    line-height: 40px;
    float: left;
    width: 130px;
    height: 40px;
    background: transparent;
    border: 1px solid #307ae9;
    border-radius: 4px;
    color: #307ae9;
    cursor: pointer;
}

.banner .banner-main .service-btn-con .service-btn:hover {
    background: #307ae9;
    color: #fff;
}

/*voice main*/
.voice-wrapper {
    width: 100%;
    height: 1000px;
    max-width: 1200px;
    padding: 40px;
    margin: 0 auto;
}

.voice-wrapper .voice-con {
    width: 100%;
    height: 1000px;
    background: #fff;
}

.voice-wrapper .voice-con .block-title {
    height: 70px;
    padding-top: 40px;
}

.voice-wrapper .voice-con .block-title-underline {
    margin-top: 0px;
}

.voice-wrapper .voice-con .sence {
    padding-top: 70px;
    width: 100%;
    height: 230px;
}

.voice-wrapper .voice-con .sence ul {
    width: 100%;
    height: 230px;
}

.voice-wrapper .voice-con .sence ul .sence-name {
    margin: 20px 0px;
    font-size: 23px;
}

.voice-wrapper .voice-con .sence ul .sence-txt {
    width: 190px;
    font-size: 15px;
    margin: 0 auto;
    color: #6d6b6b;
}

.voice-wrapper .voice-con .parameter {
    padding-top: 50px;
    height: 100px;
}

.voice-wrapper .voice-con .parameter ul {
    width: 900px;
    height: 100px;
    margin: 0 auto;
}

.voice-wrapper .voice-con .parameter ul img {
    margin-left: 20px;
}

.voice-wrapper .voice-con .platform {
    padding-top: 50px;
    height: 100px;
}

.voice-wrapper .voice-con .platform .platform-img {
    width: 100%;
    height: 68px;
    line-height: 68px;
}

.voice-wrapper .voice-con .platform .platform-img img {
    vertical-align: middle;
}

.voice-wrapper .voice-con .platform .platform-txt {
    margin-top: 20px;
    font-size: 20px;
    color: #6d6b6b;
}
/*===================创建新应用========================*/
.bg-wrapper .createApply-main {
    position: relative;
}
.bg-wrapper .createApply-main .createApply-content {
    position: absolute;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 50%);
}
/*.right-wrapper {*/
/*    width: 100%;*/
/*    height: 800px;*/
/*}*/

.bg-wrapper .createApply-main .createApply-content .right-header {
    width: 100%;
}

.bg-wrapper .createApply-main .createApply-content .right-header h3 {
    margin: 0 20px;
    border-bottom: 1px solid #eee;
    padding: 20px 0px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
}

.bg-wrapper .createApply-main .createApply-content .create-panel {
    margin: 0 20px;
    border-bottom: 1px solid #eee;
    padding: 20px 0px 40px;
}

.bg-wrapper .createApply-main .createApply-content .create-panel .create-con {
    width: 600px;
    /*margin: 0 auto;*/
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table {
    width: 100%;
    height: 100px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr {
    margin: 10px 0px;
    /*line-height: 60px;*/
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td:nth-child(2n + 1) {
    text-align: right;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .red-point {
    color: red;
    padding-right: 5px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con {
    position: relative;
}

/*.right-wrapper .create-panel .create-con table tr td .in-con input {*/
/*width: 250px;*/
/*height: 25px;*/
/*padding: 5px;*/
/*font-size: 15px;*/
/*margin-left: 10px;*/
/*}*/

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    input::-webkit-input-placeholder {
    color: #595959;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .tip {
    display: none;
    width: 200px;
    position: absolute;
    left: 280px;
    top: 0px;
    color: red;
    line-height: 25px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .form-control {
    display: inline-block;
    width: 264px;
    height: 39px;
    padding: 5px;
    font-size: 14px;
    color: #595959;
    margin-left: 10px;
    border-radius: 0px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    #function-descript {
    width: 340px;
    height: 150px;
    resize: none;
    padding: 10px 5px;
    margin-top: 20px;
    font-size: 14px;
    margin-left: 10px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    #function-descript::-webkit-input-placeholder {
    color: #595959;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .app-ca-wrapper {
    width: 500px;
    height: 200px;
    background: #000;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown
    .tip {
    top: 20px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-toggle {
    border: 1px solid #ccc;
    line-height: 29px;
    margin-left: 9px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .caret {
    margin-top: 10px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu {
    left: 9px;
    top: 50px;
    width: 600px;
    max-height: 440px;
    overflow-y: auto;
    line-height: 30px;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con {
    padding: 6px 20px;
    border-bottom: 1px dashed #ccc;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .frist-ca {
    vertical-align: top;
    display: inline-block;
    width: 75px;
    height: 22px;
    padding: 0px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .frist-ca:hover {
    background: #fff;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con {
    display: inline-block;
    list-style-type: none;
    width: 400px;
    padding: 0px;
    vertical-align: top;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li {
    width: 70px;
    margin: 2px 5px;
    float: left;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li:hover {
    background: #51b5f3;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li:hover
    a {
    color: #fff;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li
    a {
    color: #595959;
    text-decoration: none;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    .second-selected {
    background: #1580d2;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    .second-selected
    a {
    color: #fff;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    .function-label {
    vertical-align: top;
}

.bg-wrapper .createApply-main .createApply-content .create-btn-panel {
    display: flex;
}

.bg-wrapper
    .createApply-main
    .createApply-content
    .create-btn-panel
    .create-btn-con {
    width: 210px;
    height: 35px;
    background: #307ae9;
    /*margin: 20px auto;*/
    margin-left: 120px;
    margin-top: 20px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    border-radius: 4px;
    cursor: pointer;
}
.bg-wrapper
    .createApply-main
    .createApply-content
    .create-btn-panel
    .cancle-create-btn {
    width: 210px;
    height: 35px;
    /*background: #307AE9;*/
    /*margin: 20px auto;*/
    margin-left: 40px;
    margin-top: 20px;
    text-align: center;
    color: #000;
    border: 1px solid #000;
    line-height: 35px;
    border-radius: 4px;
    cursor: pointer;
}
/*尝试弹框创建新应用*/
.createApplyBack {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #000000;
    /* background color for IE */
    filter: alpha(opacity=70);
    /* opacity filter for IE */
    background-color: rgba(0, 0, 0, 0.6);
    /* for other browsers */
}
.createApplyModal {
    background: #fff;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    color: #595959;
}
.applyContent {
    width: 700px;
    height: 500px;
    margin-top: -420px;
    margin-left: -330px;
    padding: 20px;
}

.applyContent .createApply-main .createApply-content {
    background-color: #fff;
}
/*.right-wrapper {*/
/*    width: 100%;*/
/*    height: 800px;*/
/*}*/

/*.applyContent .createApply-content .right-header {*/
/*    width: 100%;*/
/*}*/

/*.applyContent .createApply-content .right-header h3 {*/
/*    margin: 0 20px;*/
/*    border-bottom: 1px solid #eee;*/
/*    padding: 20px 0px;*/
/*    font-size: 24px;*/
/*    font-weight: 500;*/
/*    line-height: 1.1;*/
/*}*/

.applyContent .createApply-content .create-panel {
    margin: 0 20px;
    border-bottom: 1px solid #eee;
    padding: 20px 0px 40px;
}

.applyContent .createApply-content .create-panel .create-con {
    width: 600px;
    /*margin: 0 auto;*/
}

.applyContent .createApply-content .create-panel .create-con table {
    width: 100%;
    height: 100px;
}

.applyContent .createApply-content .create-panel .create-con table tr {
    margin: 10px 0px;
    /*line-height: 60px;*/
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td:nth-child(2n + 1) {
    text-align: right;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .red-point {
    color: red;
    padding-right: 5px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con {
    position: relative;
}

/*.right-wrapper .create-panel .create-con table tr td .in-con input {*/
/*width: 250px;*/
/*height: 25px;*/
/*padding: 5px;*/
/*font-size: 15px;*/
/*margin-left: 10px;*/
/*}*/

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    input::-webkit-input-placeholder {
    color: #595959;
}

.create-panel .create-con table tr td .in-con .tip {
    display: none;
    width: 200px;
    position: absolute;
    left: 280px;
    top: 2px;
    color: red;
    line-height: 25px;
    font-size: 14px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .apply-name {
    width: 340px;
    height: 39px;
    resize: none;
    /*padding: 10px 5px;*/
    margin-top: 20px;
    font-size: 14px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .apply-name:focus {
    box-shadow: 0px 0px 5px 0 #307ae9;
    /*border: 1px solid #307AE9;*/
    border: none;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    #myul {
    font-size: 12px;
    margin-left: 10px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .apply-descript {
    width: 340px;
    height: 150px;
    resize: none;
    padding: 10px 5px;
    margin-top: 20px;
    font-size: 14px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .apply-descript:focus {
    box-shadow: 0px 0px 5px 0 #307ae9;
    /*border: 1px solid #307AE9;*/
    border: none;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    #apply-descript::-webkit-input-placeholder {
    color: #595959;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .app-ca-wrapper {
    width: 500px;
    height: 200px;
    background: #000;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown
    .tip {
    top: 20px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-toggle {
    border: 1px solid #ccc;
    line-height: 29px;
    margin-left: 9px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .caret {
    margin-top: 10px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu {
    left: 9px;
    top: 50px;
    width: 600px;
    max-height: 440px;
    overflow-y: auto;
    line-height: 30px;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con {
    padding: 6px 20px;
    border-bottom: 1px dashed #ccc;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .frist-ca {
    vertical-align: top;
    display: inline-block;
    width: 75px;
    height: 22px;
    padding: 0px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .frist-ca:hover {
    background: #fff;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con {
    display: inline-block;
    list-style-type: none;
    width: 400px;
    padding: 0px;
    vertical-align: top;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li {
    width: 70px;
    margin: 2px 5px;
    float: left;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li:hover {
    background: #51b5f3;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li:hover
    a {
    color: #fff;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    li
    a {
    color: #595959;
    text-decoration: none;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    .second-selected {
    background: #1580d2;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    td
    .in-con
    .dropdown-menu
    .frist-con
    .second-con
    .second-selected
    a {
    color: #fff;
}

.applyContent
    .createApply-content
    .create-panel
    .create-con
    table
    tr
    .function-label {
    vertical-align: top;
}

.applyContent .createApply-content .create-btn-panel {
    display: flex;
    justify-content: center;
    align-items: center;
}

.applyContent .createApply-content .create-btn-panel .create-btn-con {
    width: 210px;
    height: 35px;
    background: #307ae9;
    /*margin: 20px auto;*/
    margin-top: 20px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    border-radius: 4px;
    cursor: pointer;
}
.applyContent .createApply-content .create-btn-panel .cancle-create-btn {
    width: 210px;
    height: 35px;
    /*background: #307AE9;*/
    /*margin: 20px auto;*/
    margin-left: 40px;
    margin-top: 20px;
    text-align: center;
    color: #000;
    border: 1px solid #000;
    line-height: 35px;
    border-radius: 4px;
    cursor: pointer;
}
/*modal commom style*/
.bg-wrapper {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #000000;
    /* background color for IE */
    filter: alpha(opacity=70);
    /* opacity filter for IE */
    background-color: rgba(0, 0, 0, 0.6);
    /* for other browsers */
}

.bg-wrapper .modal-con {
    background: #fff;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    color: #595959;
}

.bg-wrapper .in-block {
    height: 40px;
    padding-bottom: 30px;
}

.bg-wrapper .in-block input {
    width: 330px;
    height: 100%;
    border-radius: 4px;
    padding-left: 20px;
    color: #595959;
    border: 1px solid #c5c4c4;
}

.bg-wrapper .in-block input::-webkit-input-placeholder {
    color: #595959;
}

.bg-wrapper .in-block .tip {
    display: none;
    color: red;
    font-size: 14px;
}

/*derction to other place*/
.derction {
    width: 350px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
}

.derction .derction-a {
    color: #0099ff;
    cursor: pointer;
}

.drop-down-switch:hover .drop-down {
    display: block;
}

.drop-down-switch:hover .user-email:after {
    border: 0px solid transparent;
}

/*drop-down commom style*/
.drop-down {
    display: none;
    background: #fff;
    width: 100px;
    height: 200px;
    position: relative;
}

.drop-down li {
    color: #000;
    height: 35px;
    line-height: 35px;
    /*cursor: pointer;*/
}

.drop-down li:hover {
    color: #4da6ff;
}

.drop-down:before {
    content: '';
    width: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    left: 45px;
    top: -10px;
}

.user-drop-down li {
    cursor: pointer;
    text-align: left;
}
/*btn common style*/
.project-btn {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background: #307ae9;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 19px;
    cursor: pointer;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.voice-input {
    line-height: 1.42;
    color: #555;
    border: 1px solid #ccc;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    height: 25px;
    padding: 6px 12px;
}

html,
body {
    width: 100%;
    height: 100%;
    min-width: 1225px;
}

.main-con .head-wrapper {
    position: sticky;
    top: 0;
    width: 100%;
    height: 68px;
    background: #ffffff;
    backdrop-filter: blur(6px);
}

.main-con .head-wrapper .head-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.main-con .head-wrapper .head-con .logo-con {
    line-height: 68px;
    width: 220px;
    height: 68px;
    float: left;
    font-size: 0;
    cursor: pointer;
}

.main-con .head-wrapper .head-con .logo-con img {
    width: 150px;
    vertical-align: middle;
}

.main-con .head-wrapper .head-con .logo-con .logo-txt {
    margin-left: 10px;
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
}

.main-con .head-wrapper .head-con .nav-con {
    float: left;
    height: 68px;
}

.main-con .head-wrapper .head-con .nav-con > ul {
    display: flex;
    align-items: center;
}

.main-con .head-wrapper .head-con .nav-con ul {
    width: 100%;
    height: 100%;
    margin: 0px;
    list-style-type: none;
}

.main-con .head-wrapper .head-con .nav-con > ul > li {
    float: left;
    line-height: 68px;
    height: 100%;
    margin: 0 40px;
    cursor: pointer;
    position: relative;
    /*浜у搧鏈嶅姟*/
}

.main-con .head-wrapper .head-con .nav-con > ul > li:hover > span {
    color: #165dff !important;
}

.main-con .head-wrapper .head-con .nav-con ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
}

.main-con .head-wrapper .head-con .nav-con ul li a:hover {
    color: #307ae9;
}

/*.main-con .head-wrapper .head-con .nav-con ul li li {*/
/*    color: #000;*/
/*    width: 160px;*/
/*    margin: 0 10px;*/
/*    height: 35px;*/
/*    line-height: 35px;*/
/*    cursor: pointer;*/
/*    text-align: center;*/
/*}*/

.main-con .head-wrapper .head-con .nav-con ul li li:hover {
    color: #4da6ff;
}
.main-con .head-wrapper .head-con .nav-con ul li .application-drop-down {
    position: absolute;
    left: -18px;
    padding: 10px 10px;
    width: 144px;
    height: fit-content;
    box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.2);
}
.main-con .head-wrapper .head-con .nav-con > ul > li .application-drop-down li {
    color: #000;
    padding: 10px 20px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    text-align: left;
    border-radius: 4px;
}

.main-con
    .head-wrapper
    .head-con
    .nav-con
    > ul
    > li
    .application-drop-down
    li:hover {
    background-color: #def2ff;
}

.main-con
    .head-wrapper
    .head-con
    .nav-con
    > ul
    > li
    .application-drop-down
    li:hover
    a {
    color: #165dff;
}
.main-con
    .head-wrapper
    .head-con
    .nav-con
    > ul
    > li
    .application-drop-down
    li
    a {
    color: #000;
}
.main-con .head-wrapper .head-con .nav-con ul li .AI-drop-down {
    position: absolute;
    left: -28px;
    width: 140px;
    height: 150px;
    padding-left: 15px;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}
.main-con .head-wrapper .head-con .nav-con ul li .AI-drop-down li {
    color: #000;
    width: 160px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    text-align: left;
}
.main-con .head-wrapper .head-con .nav-con ul li .AI-drop-down li a:hover {
    color: #4da6ff;
}
.main-con .head-wrapper .head-con .nav-con ul li .AI-drop-down li a {
    color: #000;
}
.main-con .head-wrapper .head-con .nav-con ul li .product-drop-down {
    position: absolute;
    left: -38px;
    width: 900px;
    min-height: 450px;
    box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.2);
}

.main-con .head-wrapper .head-con .nav-con ul li .product-drop-down > li {
    float: left;
    margin-left: 15px;
}

.main-con .head-wrapper .head-con .nav-con ul li .product-drop-down > li > a {
    color: rgba(0, 0, 0, 0.6) !important;
    margin-left: 10px;
    text-align: left;
    margin-top: 10px;
}

.main-con .head-wrapper .head-con .nav-con ul li .product-drop-down > li ul {
    cursor: default;
}

.main-con .head-wrapper .head-con .nav-con ul li .product-drop-down > li ul li {
    width: 260px;
    min-height: 90px;
    border-radius: 8px;
    padding: 0 10px;
    text-align: left;
    color: black !important;
    margin-bottom: 10px;
}
.main-con
    .head-wrapper
    .head-con
    .nav-con
    ul
    li
    .product-drop-down
    > li
    ul
    li:hover {
    cursor: pointer;
}
.head-con .nav-con ul li .product-drop-down > li ul li p {
    line-height: 22px;
    height: 22px;
    color: rgba(0, 0, 0, 0.6);
}

.head-con .nav-con ul li .product-drop-down > li ul li:hover h3 {
    color: #165dff;
}

.main-con
    .head-wrapper
    .head-con
    .nav-con
    ul
    li
    .product-drop-down
    > li
    ul
    li:hover {
    background-color: #def2ff;
}

.main-con .head-wrapper .head-con .nav-con ul li .product-drop-down:before {
    left: 65px;
}

.main-con
    .head-wrapper
    .head-con
    .nav-con
    ul
    li
    .product-drop-down
    .product-category {
    color: silver;
    border-bottom: 1px solid #ededed;
    line-height: 35px;
}

.main-con
    .head-wrapper
    .head-con
    .nav-con
    ul
    li
    .product-drop-down
    .product-category
    img {
    width: 13px;
    vertical-align: middle;
    margin-right: 10px;
}

.main-con
    .head-wrapper
    .head-con
    .nav-con
    ul
    li
    .product-drop-down
    .product-category
    span {
    vertical-align: middle;
}

.main-con .head-wrapper .head-con .nav-con ul li .solutions-drop-down {
    position: absolute;
    left: -38px;
    width: 140px;
    height: 35px;
}

.main-con .head-wrapper .head-con .nav-con ul li .solutions-drop-down:before {
    left: 65px;
}

.main-con .head-wrapper .head-con .log-con {
    height: 30px;
    line-height: 28px;
    padding: 0 11px;
    border-radius: 15px;
    color: #1a50fe;
    border: 1px solid #1a50fe;
    cursor: pointer;
    font-size: 14px;
}

.main-con .head-wrapper .head-con .log-con:hover {
    color: #ffffff;
    background-color: #1a50fe;
}

.en-btn {
    border: 1px #fff;
    color: #fff;
    position: relative;
    top: 17px;
    left: 220px;
}

.main-con .head-wrapper .head-con .user-con {
    width: 120px;
    height: 50px;
    text-align: center;
    float: right;
    color: #fff;
    display: none;
    position: relative;
}

.main-con .head-wrapper .head-con .user-con .user-email {
    line-height: 50px;
    cursor: pointer;
    position: relative;
}

.main-con .head-wrapper .head-con .user-con .user-email:after {
    content: '';
    width: 0px;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    top: 10px;
    right: -15px;
}

.main-con .head-wrapper .head-con .user-con .user-drop-down {
    width: 100px;
    height: 135px;
    padding-left: 35px;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}

.main-con .head-wrapper .head-con .user-con .user-drop-down:before {
    left: 55px;
}

.main-con .head-wrapper .head-con .user-con .manage-role {
    height: 235px;
}

.main-con .main-wrapper iframe {
    width: 100%;
    margin: 0 0 1px;
    border: 0;
    /*need to delete style*/
    /*min-height: 2000px;*/
}

.footer-wrapper {
    height: 300px;
    text-align: center;
    line-height: 30px;
    padding: 20px 0;
    color: #fff;
    background: #191919;
    position: relative;
}

.footer-wrapper .footer-con {
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    color: #a9abae;
    font-size: 15px;
    position: relative;
    text-align: left;
}
.footer-wrapper .footer-con .footer-main {
    display: flex;
    /* justify-content: space-evenly; */
    width: 60%;
    height: 100%;
    text-decoration: none;
    color: #fff;
}
.footer-wrapper .footer-con ul .footer-nav-switch {
    width: 160px;
    text-decoration: none;
    /*color: #fff;*/
}
.footer-wrapper .footer-con ul .footer-nav-switch .footer-nav-title {
    font-size: 18px;
    text-decoration: none;
}
.footer-wrapper footer-con .footer-main .footer-nav-switch ul {
    width: 100%;
    /*text-decoration: none;*/
    /*color: #fff;*/
}
.footer-nav-switch .footer-nav li,
.footer-nav-switch .footer-nav li a {
    color: #a9abae;
}
.footer-nav-switch .footer-nav li a:hover {
    color: #fff;
}
.footer-nav-switch .footer-nav li:hover {
    color: #fff;
    cursor: pointer;
}
.footer-wrapper .footer-con .footer-link-con {
    width: 100%;
    height: 40px;
    padding-top: 30px;
}

.footer-wrapper .footer-con .footer-link-con a {
    text-decoration: none;
    color: #a9abae;
    margin: 0 28px;
}

.footer-wrapper .footer-con .footer-link-con a:hover {
    color: #fff;
}

.footer-wrapper .footer-con .footer-connect {
    width: 100%;
    height: 40px;
}

.footer-wrapper .footer-copyright {
    width: 100%;
    height: 40px;
    margin-top: 60px;
    color: #a9abae;
}

.footer-wrapper .footer-con .downapp {
    width: 35%;
    height: 130px;
    position: absolute;
    top: -1px;
    right: 0;
}

.footer-wrapper .footer-con .downapp .downapp-head {
    text-align: left;
    font-size: 18px;
    color: #fff;
    margin: 0 0 10px 0;
}

.footer-wrapper .footer-con .downapp .downapp-block {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
}

.footer-wrapper .footer-con .downapp .downapp-block .downapp-pic {
    text-align: left;
    margin-top: 20px;
    height: 100px;
}

.footer-wrapper .footer-con .downapp .downapp-block .downapp-pic img {
    height: 95px;
    width: 95px;
}

/*sign modal*/
.sign-con {
    width: 450px;
    height: 470px;
    margin-top: -250px;
    margin-left: -225px;
}

.sign-con .sign-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
}

.sign-con .sign-header span {
    vertical-align: middle;
    font-size: 25px;
}

.sign-con .sign-main {
    width: 350px;
    margin: 0 auto;
    height: 338px;
}

.sign-con .sign-main .validate input {
    width: 210px;
}

.sign-con .sign-main .validate-img {
    width: 100px;
    height: 40px;
    float: right;
    border: 1px solid #c5c4c4;
    border-radius: 4px;
    cursor: pointer;
}

.sign-con .sign-main .validate-img img {
    width: 100px;
    margin-top: 2px;
}

.sign-con .sign-main .sign-con-btn {
    width: 100%;
}

/*login modal*/
.login-con {
    width: 450px;
    height: 390px;
    margin-top: -195px;
    margin-left: -225px;
}

.login-con .login-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
}

.login-con .login-header span {
    vertical-align: middle;
    font-size: 25px;
}

.login-con .login-main {
    width: 350px;
    margin: 0 auto;
    height: 258px;
}

.login-con .login-main .password-work {
    position: relative;
    width: 350px;
    padding-bottom: 30px;
}

.login-con .login-main .password-work .forget-password {
    color: #0099ff;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

/*reset modal*/
.reset-con {
    width: 450px;
    height: 470px;
    margin-top: -250px;
    margin-left: -225px;
}

.reset-con .reset-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
}

.reset-con .reset-header span {
    vertical-align: middle;
    font-size: 25px;
}

.reset-con .reset-main {
    width: 350px;
    margin: 0 auto;
    height: 338px;
}

.reset-con .reset-main .validate input {
    width: 210px;
}

.reset-con .reset-main .validate-send {
    width: 100px;
    height: 40px;
    float: right;
    border: 1px solid #0099ff;
    color: #0099ff;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
}

.reset-con .reset-main .reset-con-btn {
    width: 100%;
}

/*response modal*/
.response-con {
    width: 450px;
    height: 352px;
    margin-top: -176px;
    margin-left: -225px;
}

.response-con .response-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
}

.response-con .response-header span {
    vertical-align: middle;
    font-size: 25px;
}

.response-con .response-main {
    width: 350px;
    margin: 0 auto;
    height: 220px;
    text-align: center;
    font-size: 14px;
}

.response-con .response-main .sign-email {
    color: #ff6600;
    padding: 20px 0px;
    font-size: 20px;
}

.response-con .response-main .read-email {
    width: 330px;
    color: #fff;
    line-height: 40px;
    border-radius: 5px;
}

.response-con .response-main ul {
    text-align: left;
}

.response-con .response-main ul li {
    list-style-type: none;
}

.response-con .response-main ul li .send-email {
    color: #0099ff;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

.response-con .response-main .response-con-btn {
    width: 100%;
}

/*apply modal*/
.apply-con {
    width: 450px;
    height: 705px;
    margin-top: -280px;
    margin-left: -235px;
    padding: 0px 40px;
}

.apply-con .apply-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.apply-con .apply-header span {
    vertical-align: middle;
    font-size: 25px;
}

.apply-con .apply-main {
    width: 100%;
    padding-top: 20px;
    height: 338px;
}

.apply-con .apply-main table {
    width: 100%;
}

.apply-con .apply-main table tr {
    line-height: 35px;
}

.apply-con .apply-main table tr .apply-one {
    text-align: right;
    width: 100px;
    font-size: 14px;
    color: #6d6b6b;
}

.apply-con .apply-main table tr .apply-two {
    padding-left: 20px;
}

.apply-con .apply-main table tr .app-desc {
    display: inline-block;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*applysucc modal*/
.applysucc-con {
    width: 420px;
    height: 250px;
    margin-top: -175px;
    margin-left: -235px;
    padding: 0px 40px;
}

.applysucc-con .applysucc-main {
    width: 100%;
    padding-top: 20px;
    height: 228px;
    font-size: 17px;
    text-align: center;
}

.applysucc-con .applysucc-main p {
    line-height: 40px;
}

.applysucc-con .applysucc-main p span {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    background: #307ae9;
    width: 100px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
}

.applysucc-con .applysucc-main .applysucc-highLight {
    padding-top: 40px;
    font-size: 20px;
    color: #ff6600;
}

/*question modal*/
.question-con {
    width: 440px;
    height: 680px;
    margin-top: -300px;
    margin-left: -235px;
    padding: 0px 40px;
}

.question-con .question-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.question-con .question-header span {
    vertical-align: middle;
    font-size: 25px;
}

.question-con .question-main {
    width: 100%;
    padding-top: 20px;
    height: 338px;
}

.question-con .question-main table {
    font-size: 14px;
    width: 100%;
}

.question-con .question-main table tr {
    line-height: 35px;
}

.question-con .question-main table tr td .over-flow-ellipsis {
    line-height: 20px;
    display: inline-block;
    width: 100%;
    max-height: 100px;
    overflow: auto;
    vertical-align: middle;
}

.question-con .question-main table tr .question-one {
    text-align: right;
    width: 110px;
    font-size: 14px;
    color: #6d6b6b;
}

.question-con .question-main table tr .question-two {
    padding-left: 20px;
}

.question-con .question-main table tr .question-desc {
    display: inline-block;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.question-con .question-main .answer-btn {
    width: 110px;
    height: 35px;
    margin: 0 auto;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    background: #307ae9;
    color: #fff;
    cursor: pointer;
}

/*category modal*/
.category-con {
    width: 440px;
    height: 560px;
    margin-top: -280px;
    margin-left: -235px;
    padding: 0px 40px;
}

.category-con .category-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.category-con .category-header span {
    vertical-align: middle;
    font-size: 25px;
}

.category-con .category-main {
    width: 420px;
    overflow-x: hidden;
    padding: 20px 0px;
    padding-right: 20px;
}

.category-con .category-main ul {
    width: 440px;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #e3e3e3;
}

.category-con .category-main ul li {
    line-height: 50px;
}

.category-con .category-main ul li .category-index {
    margin-right: 30px;
}

.category-con .category-main ul li .category-name-input {
    display: none;
}

.category-con .category-main ul li .edit-con {
    float: right;
    width: 100px;
    margin-right: 20px;
    color: #307ae9;
}

.category-con .category-main ul li .edit-con span {
    padding: 0px 10px;
    cursor: pointer;
}

.category-con .category-main ul li .edit-save-con {
    margin-right: 20px;
    display: none;
    float: right;
    width: 100px;
    color: #307ae9;
}

.category-con .category-main ul li .edit-save-con span {
    padding: 0px 10px;
    cursor: pointer;
}

.category-con .category-main .add-btn {
    width: 130px;
    height: 45px;
    line-height: 45px;
    border: 2px dashed #cccccc;
    color: #6d6b6b;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    margin: 20px 0px;
}

.category-con .category-main .add-btn span {
    margin-right: 5px;
}

/*reason modal*/
.reason-con {
    width: 420px;
    height: 300px;
    margin-top: -150px;
    margin-left: -235px;
    padding: 0px 40px;
}

.reason-con .reason-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.reason-con .reason-header span {
    vertical-align: middle;
    font-size: 25px;
}

.reason-con .reason-main {
    width: 100%;
    padding-top: 20px;
    height: 338px;
}

.reason-con .reason-main .reason-btn-con {
    margin: 10px 0;
    text-align: center;
}

.reason-con .reason-main #reasonSubmit {
    display: inline-block;
    width: 200px;
    height: 35px;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    background: #307ae9;
    color: #fff;
    cursor: pointer;
}

/*role modal*/
.role-con {
    width: 450px;
    height: 560px;
    margin-top: -280px;
    margin-left: -235px;
    padding: 0px 40px;
}

.role-con .role-header {
    height: 40px;
    padding: 20px 0;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.role-con .role-header span {
    vertical-align: middle;
    font-size: 25px;
}

.role-con .role-main {
    width: 100%;
    padding-top: 20px;
    height: 338px;
}

.role-con .role-main table {
    width: 100%;
}

.role-con .role-main table tr {
    line-height: 35px;
}

.role-con .role-main table tr td .applyList {
    height: 105px;
    overflow: auto;
}

.role-con .role-main table tr .role-one {
    text-align: right;
    width: 100px;
    font-size: 14px;
    color: #6d6b6b;
}

.role-con .role-main table tr .role-two {
    padding-left: 20px;
}

.img-con {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
}

.img-con .img-block {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.img-con .img-block img {
    display: none;
}

/*********************我的应用-添加服务修改********************/
.bg-wrapper .my-apply-con .nmydiv {
    border: 1px solid silver;
    margin-top: 3px;
    height: 60px;
    position: relative;
}

.bg-wrapper .my-apply-con .mydiv-isadd {
    border: 1px solid black;
}

.bg-wrapper .my-apply-con .nmydiv1 {
    width: 25%;
    position: absolute;
    left: 0.3%;
    text-align: center;
    line-height: 54px;
}

.bg-wrapper .my-apply-con .nmydiv2 {
    margin-top: 5px;
    width: 40%;
    position: absolute;
    left: 25.3%;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}

.bg-wrapper .my-apply-con .nmydiv3 {
    width: 35%;
    position: absolute;
    left: 70%;
    text-align: center;
    line-height: 54px;
    font-size: 17px;
}

.bg-wrapper .my-apply-con .nmydiv3-addbtn {
    margin-top: 8%;
    margin-left: 35%;
    border: 1px solid black;
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    cursor: pointer;
}

.bg-wrapper .my-apply-con .nmyli {
    list-style-type: none;
}

/*********************我的应用-模型类型修改********************/
.bg-wrapper .my-apply-con .my-model-div {
    border: solid 1px silver;
    height: 60px;
    margin-top: 10px;
    position: relative;
}

.bg-wrapper .my-apply-con .my-model-div span {
    position: absolute;
    left: 30px;
    top: 10px;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
}

.bg-wrapper .my-apply-con .my-model-div .my-model-select {
    position: absolute;
    right: 30px;
    top: 10px;
    display: inline-block;
    width: 200px;
    height: 40px;
}

.bg-wrapper .my-apply-con .save-model-btn {
    display: inline-block;
    width: 110px;
    height: 35px;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    background: #307ae9;
    color: #fff;
    cursor: pointer;
    position: relative;
    left: 170px;
}