/*公共*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; font-family: 'Microsoft Yahei', Tahoma, Helvetica, Arial, SimSun, sans-serif; }
body { background: #f1f1f1; }
li { list-style: none; }
.float-l { float: left; }
.float-r { float: right; }
a, a:hover { text-decoration: none; cursor: pointer; }
.m-t-15 { margin-top: 15px; }
button { outline: none !important; }
/*开始*/
.four-level-menu { width: 770px; }
.first-menu>li {float: left;position: relative;}
.block { display: block }
.first-link.hover { background: #fff; color: #459df5; }
/*二级菜单*/
.first-link {display: block;position: relative;font-size: 16px;font-weight: bold;color: #474747;text-transform: uppercase;margin: 0 29px;padding-bottom: 20px;padding-top: 10px;padding-left: 0;padding-right: 0;}
.first-link:hover { color: #E60214; }
.first-link:after { content: ""; width: 0; height: 5px; background: #E60214; position: absolute; bottom: 0; left: 50%; margin-left: -20%; transition: all 0.5s ease 0s; }
.first-link:hover:after { width: 40%; }
.second-menu {position: absolute;left: 0px;background: #fff;width:122px;opacity: 1;display: none;}
.second-menu>li {float: left;/* margin-right: 15px; */margin-bottom: 10px;}
.second-link { color: #333; font-weight: bold; border-bottom: 1px solid #ddd; padding: 7px 15px; display: block; margin-bottom: 10px; }
.second-link:hover { color: #459df5; }
.third-link {width:102px;padding: 5px 7px;margin: 5px 10px;display: block;color: #666;border-bottom: 1px dashed #E60214;}
.third-link.hover,.third-menu .cur { background: #E60214; color: #fff; border-radius: 4px; }
.fourth-menu { position: absolute; display: none; left: 0; top: 0px; background: #fff; border: 1px solid #ddd; padding: 10px 15px; z-index: 999; border-radius: 6px; box-shadow: 1px 1px 7px #ddd; }
.fourth-menu:before, .fourth-menu:after { content: ""; display: block; border-width: 10px; position: absolute; top: 8px; left: -20px; border-style: solid dashed dashed; border-color: transparent #ddd transparent transparent; font-size: 0; line-height: 0; }
.fourth-menu:after { top: 10px; left: -16px; border-width: 8px; border-color: transparent #fff transparent transparent; }
.fourth-menu a { display: block; color: #666; padding: 4px 0px; }
.fourth-menu a:hover { color: #459df5; text-decoration: underline; }
.fl { float: left }
.fr { float: right }
.flex_center { justify-content: center }
.flex_center, .flex_left { display: flex; align-items: center }
.flex_left { justify-content: flex-start }
.flex_right { justify-content: flex-end }
.flex_between, .flex_right { display: flex; align-items: center }
.flex_between { justify-content: space-between }
.flex_around { display: flex; justify-content: space-around; align-items: center }
.flex_column, .flex_column_center { display: flex; flex-direction: column }
.flex_column_center { align-items: center }
.multistage-three {display:none; overflow-y: scroll; position: absolute; top: 0; left: 122px; width: 780px; height: 570px; padding: 0 30px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16) }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li { align-items: flex-start; min-height: 88px; padding: 15px 0 10px; border-bottom: 1px solid #eee }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li:last-child { border-bottom: 0 }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li>span { width: 150px; font-weight: 700; cursor: pointer }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li .multistage-four-ul { flex-wrap: wrap; width: 550px }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li .multistage-four-ul>li { width: 130px; margin: 0 10px 10px 0; cursor: pointer }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li .multistage-four-ul>li:nth-child(4n+4) { margin-right: 0 }
.multistage-three>ul.multistage-three-ul>li.multistage-three-li .multistage-four-ul>li:hover { color: #4370f5 }
.multistage-three .recommend { width: 100%; bottom: 0; left: 0; padding: 15px; background: #fff }
.multistage-three .recommend ul li { position: relative; width: 156px; height: 89px; margin-right: 25px; overflow: hidden; cursor: pointer }
.multistage-three .recommend ul li img { width: 156px; height: 89px; transform: rotate(0deg) }
.multistage-three .recommend ul li .recommend-title { position: absolute; top: 0; left: 0; max-width: 156px; height: 23px; padding: 0 10px; line-height: 22px; font-size: 14px; color: #fff; background: linear-gradient(130deg, #53a8f0, #4370f5); border-radius: 2px 0 16px 0 }
.one_row_ellipsis { white-space: nowrap }
.one_row_ellipsis, .two_row_ellipsis { overflow: hidden; text-overflow: ellipsis }
.two_row_ellipsis { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }