@charset "utf-8";
/* CSS Document */
body{margin: 0px;padding: 0px;font-size: 14px;font-family: "Microsoft YaHei", "微软雅黑";background: #fff;line-height: 22px;color: #4a4a4a;-webkit-text-size-adjust: none;}
*{margin: 0;border: 0;padding: 0;}
a{text-decoration:none; color:#222;}
ul li{list-style: none}
input:focus { outline: none;}
.clear{ clear:both;}
.fl{ float:left; }
.fr{ float:right;}
::-webkit-scrollbar {width: 8px; height:8px;}
::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #e7e7e7; border-radius: 5px;}
.mox_box{width: 1200px;margin: 0 auto;/* overflow: hidden; */}
.mox_tj{text-align: center;padding: 20px 0;border-bottom: 1px solid #ddd;width: 1200px;background: 
#fff;z-index: 1;}
.mox_tj font{background: #f5f5f5;padding: 5px;display: inline-block;font-weight: bold;}
.mox_tj span a{padding: 5px 10px;display: inline-block;color: #666;border-radius: 3px;}
.mox_tj span a.active{background: #fff;color: #4f3cd8;}
.mox_tj span a:hover{background: #e7e7e7;}
.mox_tj span a.active:hover{background: #fff;}
.mox_block{margin-top: 40px;}
.mox_stmxtit{overflow: hidden;}
.mox_stmxtityy{font-size: 12px;color:#cfcfcf;margin-bottom: 12px;}
.mox_stmxtitle{font-size: 24px;font-weight: bold;margin-bottom:20px;color: #222;}
.topfixed{/* position: fixed; */}
.modellist{display: flex;}
.mox_stul{ width: 100%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0 25px;gap: 0 25px;}
.mox_stul li{border: 1px solid #ededed;padding: 15px 15px 35px 15px;border-radius: 8px;position: relative;z-index: 1;}
.mox_stul li img{width: 100%;border-radius: 7px;}
.mox_stul li .mox_stul_cont a {color: #b3b3b3;}
.mox_stul li div font{margin: 10px 0;display:inline-block;color: #333;font-size: 16px;}
.mox_stul li:hover{ box-shadow:0 16px 24px #ededed;}
.mox_stul_cont .ant-tooltip-con{position: absolute;bottom: 90px;z-index: 2;width: 70%;opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}
.ant-tooltip-container{color: #fff;background-color: rgba(0, 0, 0, 0.9);padding: 10px;border-radius: 3px;font-size: 14px;}
.paixu_down::after {content: "";height: 0;width: 0;position: absolute;left: 15px;border-left: 7px solid transparent;border-right: 7px solid transparent;opacity: 0.9;border-top: 7px solid #000;}
.mox_stcont{padding: 0 10px;}
.mox_stul_cont a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.mox_stul_cont:hover .ant-tooltip-con{opacity: 1;visibility: visible;}
.mox_wenbenul{ width: 100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 0 25px;gap: 0 25px;}
.mox_wenbenul li{margin-bottom: 25px;border-radius: 8px;}
.mox_wenbenul li a{display: flex;border: 1px solid #ddd;padding: 30px;border-radius: 8px;border: 1px solid #ededed;}
.object-cover{margin-right: 22px;}
.mox_wenbenulcont div{margin-bottom: 15px;font-size: 16px;}
.mox_wenbenulcont p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #b3b3b3;}
.mox_wenbenul li:hover{box-shadow: 0 16px 24px #ededed;}

.mox_top{/* height: 83px; */}
.bghui{/* background: #f7f7f7; */}
.left-side-menu{padding: 15px 0 0 15px;width: 240px;background: #fff;font-size: 14px;/* z-index: 998; *//* box-shadow: 0 4px 10px 0 rgb(72 127 255 / 15%); */width: 260px;background: #fff;bottom: 0;/* padding-top: 85px; *//* position: fixed; */transition: all .1s ease-out;top: 0;/* float: left; *//* min-height: 800px; */}
.gap-2{width: 100%; display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 0 10px; gap: 0 10px; }
.flex-wrap{}
.mx_zuozeli{
    display: inline-block;
    height: 28px;
    /* padding-left: 0px; */
    /* justify-content: center; */
    /* align-items: center; */
    background-color: white;
    box-sizing: border-box;
    border: 1px solid rgb(229, 231, 235);
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 9px;
    }
.mx_zuozetit{font-weight: bold;color: #111;padding: 15px 0;line-height: 16px;}
.mx_zuozetit span{padding: 2px 5px;color: #142AD5;background: #f7f7f7;margin-left:8px;font-weight: normal;font-size: 13px;}
.mx_zuozetit .clenimg{width: 15px;display: inline-block;vertical-align: middle;float: right;}
.mx_zuozeli a{height: 100%;display: inline-block;}
.mx_zuozeli .mx_zuozeimg img{vertical-align: middle;width: 16px; height: 16px;}
.mx_zuozeli .mx_zuozeimg{background: #f7f7f7;padding: 0 5px;height: 26px;line-height: 26px;display: inline-block;}
.mx_zuozename{padding: 0 8px;}
.lsm-container{/* height: calc(100%); */transition: all .3s;z-index: 100;/* overflow-y: scroll; */padding-right: 15px;border-right: 1px solid #ededed;/* min-height: 800px; */}
.mx_zuoze .zuoze_active{
    border: 1px solid #4f3cd8;
}
.mx_zuozeli .mx_zuozedui img{vertical-align: middle;width: 10px;height: 10px;padding-right: 7px;}
.mx_dmtit{font-size: 12px;color: #999;padding: 0 0 5px 0;font-weight: normal;}
.all-content{/* padding-left: 295px; */padding-top: 5px;width: 905px;margin-left: 20px;}
.mx_zuozetbox{display: flex;justify-content: space-between;}
select.select100 {
    min-width: 60px;
    height: 29px;
    border-radius: 2px;
    margin-left: 10px;
}
.sxwspan{font-weight: normal;color: #888;}
.ant-input{
    padding: 9px 0;
    width: 340px;
}

.mx_sousuo{display:inline-block;background: #fff;border: 1px solid #ddd;border-radius: 4px;padding-right: 2px;margin-left: 10px;}
.mx_sousuo img{vertical-align: middle;width: 16px;padding: 0 7px;}
.mx_sousuo:hover {
    background-color: #fff;
	border-color: #1966ff;}
.all_mxcont ul li{
    margin-bottom: 25px;
    border-radius: 8px;
    background: #fff;
    }
.all_mxcont ul li a {
    display: flex;
    border: 1px solid #ddd;
    padding: 30px 30px 22px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
}
.all_mxcont ul li a:hover{border: 1px solid #142AD5}
.all_mxcont ul li:hover{box-shadow: 0 8px 12px #ededed;}
.object-co{margin-right: 10px;width: 22px;float: left;height: 22px;}
.mx_txtp{    position: relative;
    z-index: 1;}
.mx_txt .mx_txtp {
    margin-bottom: 25px;
    /* font-size: 14px; */
}
.mx_titp{padding-bottom: 2px;}
.mx_txt .mx_txtpcont {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #555;
}
.mx_txt .ant-tooltip-con {
    position: absolute;
    bottom: 53px;
    z-index: 6;
    width: 118%;
    opacity: 1;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}
.mx_txt .mx_txtpcont:hover .ant-tooltip-con{opacity: 1;visibility: visible;}
.mx_biaoq span{padding: 0px 5px;margin-right: 8px;display: inline-block;margin-bottom: 10px;border-radius: 4px;font-size: 12px;}
.mx_biaoq span.yellow{color: #FA8C16;border: 1px solid #FA8C16}
.mx_biaoq span.blue{color: #1677FF;border: 1px solid #a6cbff;background: #eff5ff;}
.mx_biaoq span.green{color: rgb(10 141 145);border: 1px solid #96b9b5;background: #edfffb;}
.mx_biaoq span.rred{color: #fd30a4;border: 1px solid #ff7ec7;background: #ffe8f5;}
.apilink{text-align: left;display: block;display: none;}
.apilink span{padding: 6px 65px;border: 1px solid #ddd;background: #fff;border-radius: 4px;color: #000;/* overflow: hidden; */display: inline-block;}
.apilink span:hover{border: 1px solid #6252D8;color: #6252D8}
.mx_biaotime{font-size: 12px;color: #999;}
.all_mxcont ul li:hover .mx_biaoq{display: none;}
.all_mxcont ul li:hover .apilink{display: block;}
.left-menubot{height: 20px}
.fuzhi_img{display: inline-block;width: 16px;height: 16px;margin-left: 10px;}
/*暂无数据*/
.zanwucont{text-align: center;color: #c3c3c3;margin-top: 25px;}
.zanwucont img{width: 50px;height: 50px;display: inline-block;margin: 10px;margin: 0 auto;opacity: 0.4;}
/*分页*/
.page {font: 11px Arial, Helvetica, sans-serif;padding: 20px;margin: 0px;text-align:center;margin-bottom: 50px;}
.page a {padding: 6px 9px;border: solid 1px #ddd;background: #fff;text-decoration: none;margin-right:2px;font-size: 14px;}
.page a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.page .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.page a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

