.zwwd_head{background-color: #00549d;}
.zwwd_head .zwwd_headbox{position: relative;display: flex;justify-content: space-between;align-items: center;height: 100px;}
.zwwd_head .zwwd_headbox .zwwd_logo{display: flex;}
.zwwd_head .zwwd_headbox .zwwd_logo a img{display: block;width: 100%;}
.zwwd_head .zwwd_headbox .zwwd_logo .wdlogo1{display: block;margin-right: 40px;width: 300px;}
.zwwd_head .zwwd_headbox .zwwd_logo .wdlogo2{padding-left: 40px;border-left: 1px solid #fff;}
.zwwd_head .zwwd_headbox .zwwd_logo .wdlogo2 a{display: block;}
.zwwd_head .zwwd_headbox .zwwd_navbox{position: relative;}
.zwwd_head .zwwd_headbox .zwwd_navbox ul li{float: left;margin-right: 20px;}
.zwwd_head .zwwd_headbox .zwwd_navbox ul li:last-child{margin-right: 0;}
.zwwd_head .zwwd_headbox .zwwd_navbox ul li a{color: #fff;}
.zwwd_head .zwwd_headbox .zwwd_navbox ul li a:hover{color: #4cdaf0;}


.zwwd_body{background: url(../images/zwwd_bodybg.png) no-repeat top center;background-size: 100% 100%;padding: 30px 0;}
.zwwd_bdbox{position: relative;flex: 1;align-items: stretch;min-height: 0;display: flex;background-image: linear-gradient(to bottom, #92c7fe, #eff7fd);border-radius: 20px;}
/* 左侧 */
.zwwd_bdbox .znwd_cont{float: left;width: 71%;height: 760px;position: relative;border-radius: 20px;background-color: #fff;padding: 26px 36px 46px;box-sizing: border-box;}
.zwwd_bdbox .znwd_cont .znwd_digit{width: 100%;margin: 0 auto;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.zwwd_wdhead{background-color: #f4f8ff;border-radius: 20px;}
.znwd_szxfr{width: 100%;display: flex;align-items: center;justify-content: space-between;background-color: #dfeafe;border-radius: 20px;padding: 0 36px;box-sizing: border-box;}
.znwd_szxfr .znwd_robot{display: block;margin-top: -20px;margin-right: 40px;}
.znwd_szxfr .szxfr_tle{text-align: left;}
.znwd_szxfr .szxfr_tle1{font-weight: bold;font-size: 20px;color: #2743af;}
.znwd_szxfr .szxfr_tle2{margin-top: 10px;font-size: 14px;color: #256cb8;}
.problem_list{padding: 10px 36px;}
.problem_list .tle{color: #818284;font-size: 16px;display: flex;align-items: center;justify-content: space-between;}
.problem_list .tle .m1{display: block;}
.problem_list .tle .m1 img{display: inline-block;}
.problem_list .tle .m2{display: block; cursor: pointer;}
.problem_list .tle .m2:hover{color: #0424b7;}
.problem_list .tle .m2:hover img{transform: rotate(180deg);}
.problem_list .tle .m2 img{display: inline-block;vertical-align: middle;margin: 0 4px 2px 0;transition: all 0.3s;width: 16px;}
.problem_list .cont{margin-top: 20px;}
.problem_list .cont li{margin-bottom: 10px;background-color: #fff;border-radius: 6px;float: left;width: 48%;margin-right: 4%;box-sizing: border-box;}
.problem_list .cont li:nth-child(2n){margin-right: 0;}
.problem_list .cont li a{display: block;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: 600;border-radius: 6px;padding: 0 40px;}
.problem_list .cont li a:hover{background-color: #ffffff99; color: #0461b7;box-shadow: 0 0 2px 2px #aaddf3;}
.problem_box{flex-direction: column; justify-content: flex-start;align-items: flex-start;padding: 10px;display: flex;overflow: hidden;border: 1px solid #0781ff;border-radius: 10px;background-color: #fff;margin-bottom: 20px;}
.problem_box .problem_textbox{width: 100%;}
.problem_box .problem_text{font-family: "中软雅黑";font-size: 16px;color: #707070;outline: none;width: 100%;min-height: 70px;height: auto;max-height: 360px;line-height: 26px;resize: none;background-color: transparent;border: none;}
.znwd_btnbox{width: 100%;text-align: right;margin-bottom: 60px;display: flex;justify-content: space-between;}
.znwd_btnbox .znwd_clear{display: flex;justify-content: space-between;cursor: pointer;align-items: center;font-size: 16px;color: #1a78e4;background-color: #ecf4fe;border-radius: 20px;border: 1px solid #add5ff;padding: 0 16px;}
.znwd_btnbox .znwd_clear:hover{color: #1a78e4;background-color: #8dc0fa;}
.znwd_btnbox .znwd_clear img{display: block;width: 18px;height: auto;margin-right: 10px;}
.znwd_btnbox .znwd_sending{cursor: pointer;display: inline-block;margin-right: 10px;}
.znwd_btnbox .znwd_sending img{display: block;transition: all 0.3s;width: 40px;height: 40px;}
.znwd_btnbox .znwd_sending:hover img{transform: translate(0, 2px);}
.znwd_cont .copyright{font-size: 12px;color: #959698;cursor: pointer;width: 100%;text-align: center;}
.znwd_cont .copyright:hover{color: #0a7fec;}
/* 右侧 */
.zwwd_bdbox .znwd_menu{float: left;box-sizing: border-box;width: 29%;padding: 20px 20px 0 10px;height: 760px;border-radius: 0 20px 20px 0;position: relative;/** box-shadow: 4px 0 4px #4e80f245; **/}
.znwd_menu .title{color: #134f92;font-size: 18px;font-weight: bold;}
.znwd_menubox1 .hd{height:40px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.znwd_menubox1 .hd li{float: left;padding: 0 6px;font-size: 14px;cursor: pointer;color: #666;font-weight: 500;height: 16px;line-height: 16px;}
.znwd_menubox1 .hd li:first-child{border-right: 2px solid #00539a;}
.znwd_menubox1 .hd li.on{color: #00539a;}
.znwd_menubox1 .bd{padding: 0 10px;margin-top: 10px;}
.znwd_menubox1 .bd ul{position: relative;}
.znwd_menubox1 .bd ul li{margin-bottom: 10px;}
.znwd_menubox1 .bd ul li a{display: inline-block;color: #00549d;border-radius: 20px;height: 28px;line-height: 28px;background-color: #fff;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.znwd_menubox1 .bd ul li a:hover{color: #fff;background-color: #1c86e3;}
/* .znwd_menubox2{margin-top: 20px;} */
.znwd_menubox2{margin-top: 30px;}
.znwd_menubox2 ul{display: flex;flex-wrap: wrap;margin-top: 6px;align-content: center;align-items: center;justify-content: space-evenly;padding: 0 10px;}
.znwd_menubox2 ul li{width: 25%;border-radius: 6px;padding: 10px 0;cursor: pointer;}
.znwd_menubox2 ul li:hover{background-color: #79cfebb8;}
.znwd_menubox2 ul li:hover img{transform: rotateY(360deg);transition: transform 0.6s ease;}
.znwd_menubox2 ul li:hover span{color: #197ced;}
.znwd_menubox2 ul li img{display: block;margin: 0 auto;}
.znwd_menubox2 ul li span{display: block;text-align: center;font-size: 12px;margin-top: 6px;}
/* .znwd_menubox3{margin-top: 10px;} */
.znwd_menubox3{margin-top: 30px;}
.znwd_menubox3 ul{margin-top: 10px;padding: 0 10px;}
.znwd_menubox3 ul li{cursor: pointer;font-size: 14px;line-height: 32px;}
.znwd_menubox3 ul li:hover{color: #1c86e3;}
.znwd_ckywzx{margin-top: 20px;text-align: center;display: none;}
.znwd_ckywzx a{display: inline-block;}
.znwd_ckywzx a img{display: inline-block;}

.chat_content{height: 350px;overflow-y: auto;margin: 10px 0;}
.message_item{margin-bottom: 20px;}
.user_message .message_content{display: inline-block;background: #4A90E2;color: white;padding: 10px 15px;border-radius: 8px;max-width: 70%;font-size: 14px;margin-right: 10px;}
.user_message{text-align: right;}

.ai_message{display: flex;}
.ai_message .ai_robot{width: 30px;height: 30px;vertical-align: top;margin-right: 10px;}
.ai_message .message_content{font-size: 14px;overflow: hidden;display: inline-block;background: #dff2ff;padding: 10px 15px;border-radius: 8px;max-width: 100%;margin-right: 10px;}
.ai_message .message_content a{font-size: 14px;color: #077fc9;}
.message_content *{padding: revert;list-style: revert;margin: revert;font-size: revert;font-family: revert;}
.ai_message .message_content p{overflow: hidden;}
.ai_message .message_content table {width: 100%;border-collapse: collapse;margin: 10px 0;font-family: Arial, sans-serif;background-color: #ffe7a2;}
.ai_message .message_content th, .message_content td{padding: 12px 15px;text-align: left;border-bottom: 1px solid #ddd;}
.ai_message .message_content th{background-color: #f5b960;color: #000;font-weight: bold;}
.ai_message .message_content tr:nth-child(even){background-color: #ffd86a;}
.ai_message .message_content .svgImage{animation: rotate360 1s linear infinite;display: inline-block;margin-right: 4px;}
@keyframes rotate360 {
    from {transform: rotateZ(0deg);}
    to {transform: rotateZ(360deg);}
}

.selfScrollbar{overflow-y:auto;scrollbar-face-color: #e8e8e8;scrollbar-highlight-color: #e8e8e8;scrollbar-track-color: #fff;}
.selfScrollbar::-webkit-scrollbar{background-color: #fff;width:6px;height:6px;}
.selfScrollbar::-webkit-scrollbar-track{background-color: #fff;border-radius: 10px;}
.selfScrollbar::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #e8e8e8;}


@media screen and (max-width:768px){
    .zwwd_body{padding: 0;}
    .zwwd_bdbox{flex-direction: column-reverse;border-radius: 0;}
    .zwwd_head .zwwd_headbox{flex-direction: column;padding: 10px;box-sizing: border-box;height: auto;}
    .zwwd_head .zwwd_headbox .zwwd_navbox{margin-top: 10px;}
    .zwwd_head .zwwd_headbox .zwwd_navbox ul li{margin-right: 1%;width: 24%;}
    .zwwd_bdbox .znwd_cont{width: 100%;height: auto;padding: 10px;border-radius: 0;}
    .zwwd_bdbox .znwd_menu{width: 100%;height: auto;padding: 10px;}
    .znwd_btnbox{margin-bottom: 0;}
    .zwwd_wdhead{border-radius: 0;background-color: #fff;}
    .znwd_szxfr{flex-direction: column;margin-top: 16px;padding: 0 10px 10px;}
    .znwd_szxfr .znwd_robot{width: 80px;}
    .znwd_szxfr .szxfr_tle1{font-size: 16px;}
    .znwd_menubox1 .hd{margin-bottom: 6px;}
    .znwd_menubox1 .bd ul li{margin-bottom: 4px;}
    .znwd_menubox1 .bd ul li a{font-size: 14px;height: 26px;line-height: 26px;}
    .znwd_menubox2{margin-top: 10px;}
    .znwd_ckywzx{padding-bottom: 10px;}
    .problem_list{padding: 10px 10px 0;}
    .problem_list .cont{margin-top: 10px;}
    .problem_list .cont li{margin-bottom: 4px;}
    .problem_list .cont li a{padding: 0 10px;line-height: 26px;}
}