* {
    margin: 0;
    padding: 0;
}

html {
    min-width: 1440px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0 0 0;
    overflow: auto;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-size: 14px;
    height: 100%;
    background: #EAF2FA;
}

a, div, li, ul, span, p, img {
    border: 0;
}

a {
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
}

table.tabno {
    width: 100%;
    margin: 0;
    padding: 0;
    min-width: 1440px;
}

table.tabno, .tabno td {
    border: 0 none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

.both {
    clear: both;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #eff2f1;
}

/*定义滚动条轨道内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #eff2f1;
}

/*定义滑块内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    background-color: #9dadbc;
}

.viewHeader {
    position: absolute;
    width: 100%;
    min-width: 1440px;
    margin: 0 auto;
    height: 60px;
    margin-top: -60px;
    background: #00aaff url(images/headerBg.png) center center no-repeat;
}

.headerBox {
    width: 1440px;
    height: 60px;
    margin: 0 auto;
}

.headerLogo {
    float: left;
    width: 420px;
    height: 40px;
    line-height: 40px;
    background: url(images/logo.png) left center no-repeat;
    background-size: 40px auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    padding-left: 50px;
}

.headerLogo span {
    margin-left: 8px;
    margin-right: 8px;
}

.headerClose {
    float: right;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background: url(images/btnClose.png) center center no-repeat;
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
}

.viewMain {
    position: relative;
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    padding: 20px 508px 60px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.viewRight {
    position: absolute;
    width: 508px;
    height: 100%;
    border-radius: 5px;
    right: 0;
    top: 0;
    padding: 70px 0 60px 0;
    box-sizing: border-box;
}


.viewRtop {
    position: relative;
    width: 508px;
    height: 40%;
    padding: 0 0 10px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.viewRtshow {
    position: relative;
    width: 508px;
    height: 100%;
    left: 0;
    bottom: 0;
    padding: 80px 0 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.viewRbshow {
    position: relative;
    width: 508px;
    height: 100%;
    left: 0;
    bottom: 0;
    padding: 0 0 0 0;
    overflow: hidden;
    box-sizing: border-box;

}

.viewRbtm {
    position: relative;
    width: 508px;
    height: 100%;
    padding: 0 0 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.viewRightTit {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 47px;
    background: #CADAE8 url(images/tit.png) left 15px center no-repeat;
    padding-left: 55px;
    font-weight: bold;
    font-size: 20px;
    color: #002E57;
    right: 0;
    top: 20px;
    box-sizing: border-box;
    z-index: 1000;
}

.viewRightTop {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 47px;
    background: #CADAE8 url(images/iconHelp.png) left 17px center no-repeat;
    padding-left: 55px;
    font-weight: bold;
    font-size: 20px;
    color: #002E57;
    right: 0;
    top: 30px;
    box-sizing: border-box;
    background-size: 30px auto;
}

.viewWtBox {
    position: relative;
    width: auto;
    height: 100%;
    padding: 40px 0 0 0;
    box-sizing: border-box;
    overflow: hidden;
}

.rwtTit {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    left: 0;
    top: 0;
    padding-left: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #EAF2FA;
}

.titCommon {
    width: auto;
    padding: 4px 8px;
    border: 1px solid #dbdfe6;
    background: #fff;
    border-radius: 15px;
    margin-left: 6px;
    color: #000;
    cursor: pointer;
}

.titCommon:HOVER, .titHover {
    width: auto;
    padding: 4px 8px;
    border: 1px solid #0d87fb;
    background: #0d87fb;
    border-radius: 15px;
    color: #fff;
    margin-left: 6px;
    cursor: pointer;
}


.rConts {
    position: relative;
    width: auto;
    height: 100%;
    padding: 0 15px 15px 15px;
    margin-top: 10px;
    box-sizing: border-box;
    overflow: auto;
}

.rowBox {
    width: auto;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #EFF4F8;
}

.rowBox:hover {
    width: auto;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #EFF4F8;
    background-color: #e0e0e0;
    cursor: pointer;
}

.unitRow {
    width: auto;
    margin: 0 auto;
    font-size: 16px;
    color: #212121;
    line-height: 28px;
    padding-left: 30px;
    background: url(images/iconWt.png) left top 5px no-repeat;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewRightBox {
    position: relative;
    width: auto;
    margin: 0 auto;
    height: 100%;
    padding: 0 0 0 0;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #EAF2FA;
}

.boxVideo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}

.boxVideoItem {
    position: relative;
    width: 45%;
    margin: 10px;
    text-align: center;
}

.boxVideoItem p {
    margin-top: 10px;
}


.videoCover {
    width: 100%;
    min-height: 140px;
    border-radius: 10px;
    z-index: 1000;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.videoCover:hover {
    transform: scale(1.05);
}

.videoPlayImg {
    position: absolute;
    top: calc(50% - 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    pointer-events: none;
}

.viewSelfTitle {
    margin: 0 10px 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: #002E57;
}

.viewSelBox {
    display: flex;
    padding-left: 30px;
    padding-top: 30px;
    font-size: 14px;
    color: #333;
}

.viewSelBox ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.viewSelBox ul li {
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.viewSelBox ul li img {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.viewSelBox ul li img:hover {
    transform: scale(1.05);
}

.viewSelBox ul li span {
    margin: 5px;
}

.viewLeft {
    position: relative;
    width: auto;
    height: 100%;
    padding: 55px 0px 250px 0;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
}

.viewLeft1 {
    position: relative;
    width: auto;
    height: 100%;
    padding: 55px 15px 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.selViewBox {
    position: relative;
    width: auto;
    height: 100%;
    padding: 50px 10px 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.viewLeftTitBox {
    width: auto;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-top-left-radius: 10px;
    /*border-top-right-radius: 5px;*/
}

.viewLeftTit {
    width: auto;
    margin: 0 auto;
    height: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #fff;
    font-weight: bold;
    font-size: 22px;
    color: #002E57;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 85px;
    border-bottom: 1px solid #EAF2FA;
}

.tabsHover {
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    cursor: pointer;
}

.tabsHover span {
    width: 28px;
    height: 28px;
    text-align: center;
    background: #0e87fb;
    border: 1px solid #0e87fb;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.tabsHover label {
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #002E57;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    cursor: pointer;
}

.tabsCommon {
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    cursor: pointer;
}

.tabsCommon span {
    width: 28px;
    height: 28px;
    text-align: center;
    background: #ffffff;
    color: #999;
    border: 1px solid #999;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.tabsCommon label {
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
    font-weight: bold;
    font-size: 16px;
    margin-left: 8px;
    cursor: pointer;
}

.formBox {
    width: auto;
    margin: 30px 30px 30px 30px;
}

.tabsSelected {
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    cursor: pointer;
}

.tabsSelected span {
    width: 28px;
    height: 28px;
    text-align: center;
    background: #0e87fb;
    border: 1px solid #0e87fb;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.tabsSelected label {
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    cursor: pointer;
}

.itemBox {
    width: auto;
    padding: 30px 30px;
}

.iconYmxl {
    background-image: url(icons/iconXljy.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.iconJnpx {
    background-image: url(icons/iconJnpx.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.iconBzz {
    background-image: url(icons/iconBzz.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.iconDjrc {
    background-image: url(icons/iconDjrd.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.iconSzjz {
    background-image: url(icons/iconSzjz.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.iconZlbz {
    background-image: url(icons/iconZlbz.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.iconZlrc {
    background-image: url(icons/iconZlrc.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.itemUnit {
    float: left;
    width: 260px;
    height: 55px;
    line-height: 55px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-right: 25px;
    margin-bottom: 25px;
    font-size: 18px;
    color: #262626;
    border-radius: 4px;
    padding-left: 60px;
    box-sizing: border-box;
    cursor: pointer;
}

.itemUnit:HOVER {
    float: left;
    width: 260px;
    height: 55px;
    line-height: 55px;
    background-color: #f3f9ff;
    border: 1px solid #0d87fb;
    margin-right: 25px;
    margin-bottom: 25px;
    font-size: 18px;
    color: #0d87fb;
    border-radius: 4px;
    padding-left: 60px;
    box-sizing: border-box;
    cursor: pointer;
}

.tabsSel {
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    cursor: pointer;
}

.tabsSel span {
    width: 28px;
    height: 28px;
    text-align: center;
    background: #0e87fb;
    border: 1px solid #0e87fb;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.tabsSel label {
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #002E57;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    cursor: pointer;
}


.arrowGap {
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px 30px;
    background: url(images/arrow.png) center center no-repeat;
}

.iconJqr {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(images/iconJqrTit.png) left top no-repeat;
    z-index: 1000;
    left: 15px;
    top: 15px;
    background-size: 60px auto;
}

.iconRjqr {
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(images/jqrIcon.png) left top no-repeat;
    z-index: 1000;
    right: 525px;
    top: -4px;
    background-size: 90px 90px;
}

.chatContain {
    width: auto;
    margin: 0 auto;
    margin-bottom: 50px;
}

.chatBox {
    width: auto;
    margin: 0 20px 0 20px;
    padding: 15px 0 0 0;
    position: relative;
}

.chatBox:FIRST-CHILD {
    width: auto;
    margin: 0 20px 0 20px;
    padding: 15px 0;
    border-top: 1px dashed #ecf2f7;
    padding-bottom: 0;
    position: relative;
}

.chatTit {
    width: auto;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #002E57;
    background: url(images/sx.png) left center no-repeat;
    padding-left: 15px;
}

.chatUnit {
    width: auto;
    margin: 0 auto;
    padding: 15px 0px;
}

.userShow {
    width: auto;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
}

.iconUser {
    float: left;
    width: auto;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    background: url(images/iconUser.png) left center no-repeat;
    padding-left: 55px;
    font-weight: bold;
    font-size: 16px;
    color: #002E57;
}

.iconTech {
    float: left;
    width: auto;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    background: url(images/iconTech.png) left center no-repeat;
    padding-left: 55px;
    font-weight: bold;
    font-size: 16px;
    color: #002E57;
}

.userRight {
    float: right;
    width: auto;
    height: 40px;
    line-height: 40px;
    color: #a2a2a2;
    font-size: 14px;
    position: absolute;
    bottom: -8px;
    right: 0;
}

.noneCopy {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none; /* Standard */
}

.chatConts {
    width: auto;
    margin: 0 auto;
    padding: 0 0 0 55px;
    font-weight: 400;
    font-size: 16px;
    color: #002E57;
    line-height: 32px;
    border-bottom: 1px dashed #ecf2f7;
    padding-bottom: 15px;
    margin-top: -35px;
}


.chatMes {
    width: auto;
    margin: 0 auto;
    min-height: 48px;
}

.chatMes img {
    max-width: 100%;
    height: auto;
}

.chatAiMes {
    width: auto;
    min-height: 48px;
    color: #333333;
    font-family: 微软雅黑, Arial;
    font-size: 16px;
    background-color: #FFFFFF;
    margin: 0 auto 0 0.5pt;
    text-indent: -0.5pt;
}

.chatAiMes img {
    max-width: 100%;
    height: auto;
}

.chatAiMes a {
    word-wrap: break-word;
    word-break: break-all;
    color: #0066cc;
    text-decoration: none;
}

.chatFile {
    width: auto;
    margin: 0 auto;
}

.askBox {
    position: relative;
    width: auto;
    margin: 0 auto;
    height: 100%;
    max-height: 190px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 15px 10px 8px;
}

.askRow {
    width: auto;
    margin: 8px 0 0 0;
}

.askRow span {
    margin-right: 15px;
}

.askTitle {
    width: auto;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 18px;
    color: #002E57;
    background: url(images/sx.png) left center no-repeat;
    padding-left: 15px;
}

.formTit {
    width: auto;
    font-weight: bold;
    font-size: 16px;
    color: #002E57;
    background: url(images/sx.png) left center no-repeat;
    padding-left: 15px;
    margin-top: 15px;
}

.formSelBox {
    position: relative;
    width: auto;
    margin: 0 auto;
    margin-top: 15px;
}

.selUnit {
    float: left;
    width: 180px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #262626;
    border: 1px solid #e9e9e9;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 2px;
    box-sizing: border-box;
}

.contactRow {
    width: auto;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}

.contractUnit {
    flex: 1;
    height: 28px;
    line-height: 28px;

}

.contractUnit span {
    font-size: 16px;
    color: #262626;
}

.selUnit:HOVER, .selHover {
    float: left;
    width: 180px;
    height: 45px;
    line-height: 45px;
    background-color: #f3f9ff;
    border: 1px solid #0d87fb;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #0d87fb;
    border-radius: 2px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.askConts {
    width: auto;
    margin: 0 auto;
    margin-top: 8px;
}

.formConts {
    width: auto;
    margin: 0 auto;
    margin-top: 15px;
}

.btnFileUpload {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    background: linear-gradient(0deg, #D2DEED 0%, #F8FAFF 100%);
    border: 1px solid #98ADC6;
    font-size: 14px;
    font-weight: bold;
    color: #233052;
    cursor: pointer;
}

.btnFileUpload:HOVER {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    background: linear-gradient(0deg, #9cbbe0 0%, #F8FAFF 100%);
    border: 1px solid #98ADC6;
    font-size: 14px;
    font-weight: bold;
    color: #233052;
    cursor: pointer;
}

.inpBox /*文本域*/
{
    width: 100%;
    height: 170px;
    /*border:1px solid #E6E6E6; */
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    vertical-align: middle;
    /*border-radius: 4px;*/
    border: 0 none;
    color: #333;
    box-sizing: border-box;
    resize: none;
}

.inpBox:focus {
    width: 100%;
    height: 170px;
    /*border:1px solid #C7D3DE; */
    font-size: 14px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    vertical-align: middle;
    border: 0 none;
    /*border-radius: 4px; */
    box-sizing: border-box;
    resize: none;
}


.ipBox {
    width: 120px;
    height: 32px;
    line-height: 32px;
    padding: 5px;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    vertical-align: middle;
    border-radius: 4px;
    box-sizing: border-box;
}

.ipBox:focus {
    width: 120px;
    height: 32px;
    line-height: 32px;
    padding: 5px;
    border: 1px solid #C7D3DE;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    vertical-align: middle;
    border-radius: 4px;
    box-sizing: border-box;
}

.viewLeftTop {
    position: absolute;
    width: 100%;
    height: 55px;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0;
}

.itemTitBox {
    width: auto;
    margin: 0 auto;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.itemTit {
    width: auto;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #002E57;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 45px;
    background: url(images/item_tit.png) left 20px center no-repeat;
}

.noTypeBox {
    width: 1400px;
    margin: 0 auto;
    height: 600px;
    background: #fff;
    border-radius: 8px;
    padding-top: 150px;
}

.iconNoType {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: url(images/notype.png) top center no-repeat;
    padding-top: 220px;
    background-size: 200px auto;
    text-align: center;
    font-size: 16px;
}

.viewTabsBox {
    width: auto;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.viewLeftBtm {
    position: absolute;
    width: 100%;
    height: 250px;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0;
}

.viewBtnBox {
    position: absolute;
    width: 100%;
    height: 60px;
    line-height: 60px;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 10px 0 0;
}

.viewBtn {
    width: auto;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center; /* 垂直居中 */
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 15px;
    border-top: 1px solid #EAF2FA;
}

.btnSubmit {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #FC8038;
    border-radius: 20px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.btnSubmit:DISABLED {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #f4f4f4;
    color: #989898;
    border-radius: 20px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    cursor: not-allowed;
}

.btnSubmit:NOT(:DISABLED):HOVER {
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #ea6b21;
    border-radius: 20px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.btnEnd {
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #f03636;
    border-radius: 20px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.btnEnd:HOVER {
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #df2121;
    border-radius: 20px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.answerBtnBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 1px solid #EAF2FA;
    display: flex;
    align-items: center;
    background: #f9f9fb;
}

.btnLeft {
    width: auto;
    height: 49px;
    line-height: 49px;
    display: flex;
    align-items: center;
}

.btnRight {
    position: absolute;
    width: 200px;
    height: 49px;
    line-height: 49px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    right: 20px;
    top: 0;
}

.viewBtmBox {
    position: relative;
    width: auto;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 0 0 50px 0;
    border-top: 2px solid #EAF2FA;
    box-sizing: border-box;
}

.viewLeftBox {
    position: relative;
    width: auto;
    height: 100%;
    overflow: auto;
    padding-top: 20px;
    background: #ffffff;
    box-sizing: border-box;
}

.viewAutoSerch {
    display: none;
    position: sticky;
    max-height: 98%;
    max-width: 50%;
    overflow-y: auto;
    min-height: 80px;
    bottom: 1px;
    left: 1px;
    background: #f9fcfe;
    padding: 15px;
    border: 1px solid #CADAE8;
    box-sizing: border-box;
    border-radius: 8px;
}

.autoRow {
    width: auto;
    margin: 0 auto;
    line-height: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFF4F8;
}

.btnCreateBox {
    width: auto;
    margin: 0 auto;
    padding-top: 50px;
}

.btnCreate {
    width: 160px;
    height: 50px;
    background: linear-gradient(90deg, #46CBFF 0%, #1994FF 100%);
    border-radius: 8px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.btnCreate:HOVER {
    width: 160px;
    height: 50px;
    background: linear-gradient(90deg, #2ebef6 0%, #067be1 100%);
    border-radius: 8px;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

::-webkit-input-placeholder { /* Edge */
    color: #666;
    font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
    font-size: 14px;
}

::placeholder {
    color: #666;
    font-size: 14px;
}

.helpBox {
    width: auto;
    margin: 30px 0 30px 0;
    display: flex;
    justify-content: space-around;
}

.helpUnit {
    flex: 1;
    width: auto;
    height: 60px;
    padding-top: 45px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.iconReport {
    background: url(help/iconReport.png) top center no-repeat;
    background-size: 40px auto;
}

.iconExam {
    background: url(help/iconExam.png) top center no-repeat;
    background-size: 40px auto;
}

.iconMeterial {
    background: url(help/iconMeterial.png) top center no-repeat;
    background-size: 40px auto;
}

.iconFee {
    background: url(help/iconFee.png) top center no-repeat;
    background-size: 40px auto;
}

.iconOther {
    background: url(help/iconOther.png) top center no-repeat;
    background-size: 40px auto;
}

.topGap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    background: red;
}

.related-questions {
    margin-bottom: 5px;
    cursor: pointer;
    color: #007ACC;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
    background-color: #ffffff;
    transition: background-color 0.3s;
}

.related-questions:hover {
    background-color: #e6f7ff;
}

.guestBox {
    width: 585px;
    margin: 5px 0 30px 20px;
    padding: 35px 0 0 76px;
    height: 263px;
    overflow: hidden;
    position: relative;
    border: 1px solid #dceeff;
    border-radius: 5px;
    border-bottom-left-radius: 10px;
    box-sizing: border-box;
}

.gustTabs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #CADAE8;
    background: #f9fcfe;
    margin-left: 76px;
}

.gustCommon {
    width: auto;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 8px;
    height: 32px;
    line-height: 32px;
    color: #333333;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 2px solid #fff;
    cursor: pointer;
    display: inline-block;
}

.gustCommon:HOVER, .gustHover {
    width: auto;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 8px;
    height: 32px;
    line-height: 32px;
    color: #3176F4;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid #3176F4;
    cursor: pointer;
    display: inline-block;
}

.gustTabsWrapper {
    position: relative;
    overflow: hidden;
    margin-left: 76px; /* 保持你原本左边偏移 */
    height: 34px;
    background: #f9fcfe;
    border-bottom: 1px solid #CADAE8;
}

.gustTabs {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    height: 34px;
    white-space: nowrap;
}

.gustTabs::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}

.scrollBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    user-select: none;
}


.guestTit {
    position: absolute;
    width: 76px;
    height: 100%;
    background: url(images/iconGuest.png) center center no-repeat;
    left: 0;
    top: 0;
}

.iconChange {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    left: 0;
    top: 20px;
    background: url(images/iconChange.png) top center no-repeat;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.guestConts {
    position: relative;
    width: auto;
    height: 100%;
    margin: 0 auto;
    padding: 15px;
    padding-top: 5px;
    overflow: auto;
    box-sizing: border-box;
    background: #fff;

}

.guestMain {
    width: auto;
    height: 100%;
    margin-right: 7px;
    margin-left: 7px;
}

.gestLeft {
    width: auto;
    height: 100%;
    flex: 1;
    margin-right: 7px;
    margin-left: 30px;
}

.gestRight {
    width: auto;
    height: 100%;
    flex: 1;
    margin-left: 7px;
    margin-right: 7px;
}

.ul_list {

}

.ul_list li {
    list-style-type: disc;
    list-style-position: inside;
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    font-size: 16px;
    color: #002E57;
    cursor: pointer;
    border-bottom: 1px solid #EFF4F8;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis; /*文字隐藏后添加省略号*/
    white-space: nowrap; /*强制不换行*/
}

.ul_list li:hover {
    list-style-type: disc;
    list-style-position: inside;
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    font-size: 16px;
    color: #002E57;
    cursor: pointer;
    border-bottom: 1px solid #EFF4F8;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis; /*文字隐藏后添加省略号*/
    white-space: nowrap; /*强制不换行*/
    background-color: #e0e0e0;
}

.ul_list li:LAST-CHILD {
    list-style-type: disc;
    list-style-position: inside;
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    font-size: 16px;
    color: #002E57;
    cursor: pointer;
    border-bottom: 0 none;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis; /*文字隐藏后添加省略号*/
    white-space: nowrap; /*强制不换行*/
}

/*******************************************mask遮罩       beg*******************************************/
.loadmask {
    z-index: 700;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: .4;
    opacity: .40;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
    zoom: 1;
    display: none;
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #6593cf;
    background: #c3daf9;
    padding: 2px;
}

.loadmask-msg .mask_lading {
    padding: 5px 10px 5px 25px;
    background: #fbfbfb url('images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border: 1px solid #a3bad9;
    color: #222;
    cursor: wait;
}

.loadmask-msg .normal {
    padding: 5px 10px 5px 10px;
    background-color: #fbfbfb;
    line-height: 16px;
    border: 1px solid #a3bad9;
    color: #222;
    display: block;
}

.masked {
    overflow: hidden !important;
}

.masked-relative {
    position: relative !important;
}

.masked-hidden {
    visibility: hidden !important;
}

/*******************************************mask遮罩       end*******************************************/

.mesLoading {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 15px;
    right: 0;
    background: url(images/mesLoading.gif) center center no-repeat;
    z-index: 1000;
    background-size: 20px 20px;
}

.mesFail {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 15px;
    right: 0;
    background: url(images/iconFail.png) center center no-repeat;
    z-index: 1000;
}

.editTools {
    position: absolute;
    width: 100%;
    height: 32px;
    line-height: 32px;
    left: 0;
    top: 0;
    padding: 0 20px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toolsBtn {
    position: absolute;
    width: 100%;
    height: 60px;
    line-height: 60px;
    left: 0;
    bottom: 0;
    padding-top: 5px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fileViewBox {
    width: auto;
    margin: 0 auto;
}

.fileListBox {
    width: auto;
    margin: 0 auto;
}

.dotting {
    color: #888;
}

.ai-tag {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #888;
}

.feedbackBtns {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.feedbackBtns .btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 16px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease;
}

.feedbackBtns .btn:hover {
    background-color: #f5f5f5;
}

.feedbackBtns .btn .icon {
    width: 16px;
    height: 16px;
}

.feedbackBtns .likeBtn.active {
    background-color: #e6f4ff;
    border-color: #3399ff;
    color: #3399ff;
}

.feedbackBtns .dislikeBtn.active {
    background-color: #faeaea;
    border-color: #e74c3c;
    color: #e74c3c;
}

.btnChatSend {
    width: 100px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    background: #FC8038;
    border: 1px solid #FC8038;
    color: #fff;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    margin-right: 25px;
}

.btnChatSend:disabled {
    width: 100px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    background: #efefef;
    color: #989898;
    font-size: 16px;
    border: 1px solid #dfdfdf;
    text-align: center;
    cursor: pointer;
    margin-right: 25px;
}

.btnChatSend:not(:DISABLED):HOVER {
    width: 100px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    background: #e56a22;
    border: 1px solid #e56a22;
    color: #fff;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    margin-right: 25px;

}

.editInpBox {
    position: relative;
    width: auto;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 15px 10px 8px;
}

.mesIpt {
    width: 100%;
    height: auto;
    min-height: 43px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    background: #ffffff;
    padding: 10px;
    color: #000;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    outline: none;
}

.toolsLeft {
    float: left;
    width: auto;
    height: 32px;
    line-height: 32px;
}

.toolsRight {
    float: right;
    width: auto;
    height: 32px;
    line-height: 32px;

}

.chkBox {
    width: auto;
    height: 32px;
    line-height: 32px;
    text-align: right;
    color: 14px;
    color: #011627;
}

.iconUpload {
    width: 17px;
    height: 16px;
    background: url(images/iconUpload.png) center center no-repeat;
    margin: 8px 0px 8px 0;
    display: inline-block;
    cursor: pointer;
}

.search-item {
    list-style: none;
    padding: 5px;
    cursor: pointer;
}

.search-item:hover {
    background-color: #e0e0e0;
    cursor: pointer;
}

.overlay {
    display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-size: 18px;
    padding: 12px 24px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 100;
}