[class^='icon-']{display: inline-block;}
.limit-width{max-width: 1280px; margin: 0 auto;}
.a-link{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.single-line{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trans-opacity{transition: all 0.3s; cursor: pointer;}
.trans-opacity:hover{opacity: 0.8 !important;}
.icon-hover:hover .icon-active,
.icon-hover:not(:hover) .icon-default{display: inline-block;}
.icon-hover:hover .icon-default,
.icon-hover:not(:hover) .icon-active{display: none;}
/* header start */
.header-t{height: 35px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; position: absolute; left: 0; top: 0; right: 0; z-index: 100000;}
.header-t_wrap{display: flex; height: 100%; align-items: center;}
.header-t_title{font-size: 12px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 0.7);}
.header-t_login{width: 39px; text-align: center; line-height: 20px; background: #f50a0a; margin-left: 10px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; display: none;}
.header-t_register{width: 39px; text-align: center; line-height: 20px; background: #ff9416; margin-left: 4px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; display: none;}
.header-t_wrap.not-logged .header-t_login,
.header-t_wrap.not-logged .header-t_register{display: block; animation: opacity 0.3s;}
.header-user{margin-left: 36px; align-items: center; display: none;}
.header-t_wrap.is-login .header-user{display: flex; animation: opacity 0.3s;}
@keyframes opacity{0%{opacity: 0;} 100%{opacity: 1;}}
.header-user_center{display: flex; align-items: center;}
.header-user span{font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 0.7); margin: 0 10px 0 9px;}
.header-t_logout{width: 39px; text-align: center; line-height: 20px; background: #f50a0a; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff;}
.header-t_fill{flex: 1;}
.header-t_person{font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.7); margin-right: 20px;}
.header-t_my{display: flex; align-items: center; font-size: 12px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 0.7); position: relative;}
.header-t_my>a{font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.7);}
.header-t_my i{margin-left: 5px;}
.header-t_complaint{width: 73px; position: relative; margin-left: 12px; text-align: center; font-size: 12px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 0.7);}
.header-t_complaint::before,
.header-t_complaint::after{content: ''; display: block; width: 1px; height: 6px; background: rgba(255, 255, 255, 0.15); position: absolute; top: 50%; transform: translateY(-50%);}
.header-t_complaint::before{left: 0;}
.header-t_complaint::after{right: 0;}
.header-t_follow{font-size: 12px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 0.7); margin-left: 12px; position: relative;}
.header-t_tel{margin-left: 35px; display: flex; align-items: center; font-size: 12px; font-family: DIN; font-weight: 400; color: rgba(255, 255, 255, 0.7);}
.header-t_tel i{margin-right: 6px;}
.header-t_tm,
.header-t_jd{width: 95px; height: 23px; border-radius: 11px; display: flex; justify-content: space-between; align-items: center; padding: 0 8px; font-size: 12px; font-family: PingFang SC; font-weight: 500; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.7);}
.header-t_tm .icon-tm,
.header-t_jd .icon-jd{margin-right: 6px;}
.header-t_tm .icon-arrow,
.header-t_jd .icon-arrow{margin-left: 8px;}
.header-t_tm{margin: 0 5px 0 22px;}
.header-b{position: absolute; left: 0; top: 35px; right: 0; z-index: 99999; transition: background 0.3s;}
.header-b.header-fixed{position: fixed; top: 0; background: white; box-shadow: 0 5px 8px rgb(0 0 0 / 6%);}
.header-b_wrap{height: 79px; padding: 22px 0 19px; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s;}
.header-b.header-fixed .header-b_wrap{height: 70px; padding: 0;}
.header-logo{width: 237px; height: 37px; background: url(../image/logo.png); background-size: 100%; transition: background 0.3s;}
.header-b.header-fixed .header-logo{background-image: url(../image/logo.png);}
.header-b_list{display: flex; align-items: center;}
.header-b_item{font-size: 15px; line-height: 38px; font-family: Microsoft YaHei; font-weight: bold; color: #ffffff; display: flex; align-items: center; position: relative; transition: color 0.3s;}
.header-b.header-fixed .header-b_item{color: #000000;}
.header-b.header-fixed .header-b_item.active,
.header-b.header-fixed .header-b_item:hover{color: #f50a0a;}
.header-b_item::after{content: ''; display: block; width: 0; height: 2px; background: #f50a0a; border-radius: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: width 0.3s;}
.header-b.header-fixed .header-b_item.active::after,
.header-b.header-fixed .header-b_item:hover::after{width: 13px;}
.header-b_item > .icon-arrow_b_gray,
.header-b_item > .icon-arrow_b_white{transition: width 0.3s;}
.header-b:not(.header-fixed) .header-b_item > .icon-arrow_b_gray,
.header-b.header-fixed .header-b_item > .icon-arrow_b_white{width: 0;}
.header-b_item + .header-b_item{margin-left: 28px;}
/* header-dropdown start*/
.header-dropdown{display: flex; flex-direction: column; align-items: center; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 2; max-height: 0; opacity: 0; overflow: hidden; transition: opacity 0.3s,max-height 0.3s;}
.header-b.header-fixed .header-dropdown{box-shadow: 0px 25px 60px 0px rgb(95 103 110 / 45%);}
.header-dropdown .icon-header_triangle{flex-shrink: 0; margin-bottom: -1px;}
.header-b_tm_in .header-dropdown .icon-header_triangle{position: relative; right: 264px;}
.header-b_jd_in .header-dropdown .icon-header_triangle{position: relative; right: 176px;}
.header-b_tm_in .header-dropdown{left: -338px; transform: none;}
.header-b_jd_in .header-dropdown{left: -426px; transform: none;}
.header-t_my:hover .header-dropdown,
.header-b_item:hover .header-dropdown{opacity: 1; max-height: 130px;}
.header-b_item.dxdenter:hover .header-dropdown{max-height: 157px;}
.header-b_tm_in:hover .header-dropdown{max-height: 475px;}
.header-b_jd_in:hover .header-dropdown{max-height: 475px;}
.header-t_follow:hover .header-dropdown{max-height: 136px; opacity: 1;}
.header-b_tm_tra:hover .header-dropdown{max-height: 95px;}
.header-b_tb_tra:hover .header-dropdown{max-height: 95px;}
.header-b_other_tra:hover .header-dropdown{max-height: 325px;}
.header-dropdown_common{width: 135px; height: 123px; background: #ffffff; border-radius: 4px; padding: 12px 10px;}
.dxdenter .header-dropdown_common{width: 152px; height: 152px;}
.header-dropdown_common li{border-radius: 4px; text-align: center; line-height: 30px;}
.header-dropdown_common li a{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #000000;}
.header-dropdown_common li + li{margin-top: 4.5px;}
.header-dropdown_common li:hover,
.header-dropdown_common li.active{background: #fff3f3;}
.header-dropdown_common li:hover a,
.header-dropdown_common li.active a{color: #e50000;}
.header-dropdown_my{width: 89px; height: 110px; background: #ffffff; border-radius: 4px; padding: 12px 10px;}
.header-dropdown_my li{line-height: 25px; text-align: center;}
.header-dropdown_my li + li{margin-top: 4.5px;}
.header-dropdown_my li a{font-size: 12px; color: #5d5d5d; font-family: Microsoft YaHei; font-weight: 400;}
.header-dropdown_my li:hover{background: white;}
.header-dropdown_my li:hover a{color: #e50000;}
.header-dropdown_follow{width: 111px; display: flex; flex-direction: column; align-items: center; padding: 11px; background-color: white;}
.header-dropdown_follow span{font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #5d5d5d; line-height: 1; margin-top: 8px;}
.header-dropdown_ot{width: 724px; height: 300px; background: #ffffff; border-radius: 10px; display: flex; flex-direction: column; padding: 26px 27px 0;}
/* header-dropdown end*/
.header-dropot_title{font-size: 16px; font-family: MicrosoftYaHeiSemibold; font-weight: 400; color: #000000; display: flex; align-items: center; line-height: 1;}
.header-dropot_title i{margin-right: 10px;}
.header-dropot_hot_list{margin-top: 18px; display: flex; justify-content: space-between;}
.header-dropot_hot_list a{width: 160px; height: 70px; background: rgba(244, 244, 248, 0.6); border-radius: 4px; display: flex; align-items: center; justify-content: center; position: relative;}
.header-dropot_hot_list a span{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #010101; margin-left: 14px;}
.header-dropot_hot_list a i:first-child{transition: transform 0.3s;}
.header-dropot_hot_list a:hover i:first-child{transform: translateY(-4px);}
.header-dropot_hot_list .icon-hot{position: absolute; top: 8px; left: 80px;}
.header-dropot_line{width: 670px; height: 1px; background: rgba(244, 244, 248, 0.6); border-radius: 1px; margin-top: 15px; margin-bottom: 20px;}
.header-dropot_other_list{margin-top: 7px; display: flex; flex-wrap: wrap; margin-right: -6px;}
.header-dropot_other_list a{padding: 0 14px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #5c5d63; line-height: 27px; border: 1px solid #eaedf3; border-radius: 4px; margin-top: 10px; margin-right: 6px;}
.header-b_list .header-b_jd_in,
.header-b_list .header-b_dy_in,
.header-b_list .header-b_tm_tra,
.header-b_list .header-b_tb_tra,
.header-b_list .header-b_other_tra,
.header-b_list .header-b_jq{margin-left: 15px;}
.header-b_item > .icon-arrow_b_white{margin-left: 6px;}
.header-b_item > .icon-new,
.header-b_item > .icon-hot{position: absolute; top: -5px; right: 1px;}
.header-b_item > .icon-tbxy{width: 76px; height: 21px; background: url(../image/icon_free1.png); position: absolute; top: -12px; right: -10px;}
.header-icon-ani{animation: upDownFloat 2s ease-in-out 0s infinite alternate;}
@keyframes upDownFloat{0%{transform: translateY(0);} 100%{transform: translateY(-6px);}}
.header-b_tm_tra .icon-hot,
.header-b_jq .icon-new{right: 1px;}
.solution-box{display: flex; height: 100%; width: 100%;background-color: white;}
.solution-list{width: 1019px; height: 475px; border-right: 1px #EEEEEE solid; padding: 37px 72px 24px 50px; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-around;}
.solution-other{width: 260px; padding: 50px;}
.solution-list-text{display: flex; height: 44px; margin-top: 2px;position: relative;}
.solution-img{width: 44px; height: 44px;}
.solution-details{margin-left: 13px;}
.solution-details-text{display: flex; align-items: center; justify-content: space-between; margin-top: 14px; width: 345px;}
.solution-details-text span{width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 12px; font-size: 12px; display: block; /*color: rgba(136, 136, 136, 1);*/ color: #888888; line-height: 12px;}
.solution-details-title{height: 14px; font-size: 14px; color: rgba(42, 42, 42, 1); line-height: 14px; display: flex; align-items: center;}
.solution-details-title span{height: 14px; font-size: 14px; display: block; /*color: rgba(42, 42, 42, 1);*/ color: #888888; line-height: 14px; margin-right: 5px;}
.solution-other-title{height: 14px; font-size: 14px; color: rgba(42, 42, 42, 1); line-height: 14px; margin-top: 1px;}
.solution-other-line{width: 160px; height: 1px; background: rgba(238, 238, 238, 1); margin-top: 30px;}
.solution-list-text:hover .solution-right-icon img:nth-child(1){opacity: 1; transition: all 0.2s linear;}
.solution-list-text:hover .solution-details-title span{color: #DA0B00; transition: all 0.2s linear;}
.solution-list-text:hover .solution-details-text span{color: #DA0B00; transition: all 0.2s linear;}
.solution-right-icon{position: relative; display: flex;}
.solution-right-icon img:nth-child(1){position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 999; opacity: 0;}
.solution-top-list{height: 60px; position: relative; cursor: pointer;}
.solution_two{position: relative; cursor: pointer;}
.solution-top-list>a{margin-top: 15px; position: relative;}
.solution-top{margin-top: 39px;}
.Program-list{margin-top: 29px;}
.Program-list ul li a{height: 14px; font-size: 14px; color: #888888; /*color: rgba(42, 42, 42, 1);*/ line-height: 14px; align-items: center; position: relative; display: flex; padding: 0 !important;}
.Program-list ul li a::after{width: 0 !important;}
.Program-list ul li:not(:first-child){margin-top: 27px;}
.Program-list ul li a img:nth-child(2){margin-right: 10px;}
.Program-list ul li a img:nth-child(1){position: absolute; left: 0; right: 0; top: -3px; bottom: 0; z-index: 999; opacity: 0;}
.Program-list ul li a:hover{color: #DA0B00; transition: all 0.2s linear;}
.Program-list ul li a:hover img:nth-child(1){opacity: 1; transition: all 0.2s linear;}
.header-b_search{width: 181px; height: 36px; background: #f3f4f6; border-radius: 18px; display: flex; align-items: center; position: relative;}
.header-b_search > span{width: 0; flex: 1; padding: 0 10px 0 18px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #979da0;}
.header-b_search i{margin-right: 4px;}
.header-search_dialog{position: absolute; right: 0; top: 0; transition: opacity 0.3s;}
.header-search_dialog:not(.search_dialog_show){opacity: 0; pointer-events: none;}
.header-search_dialog.search_dialog_show{opacity: 1;}
.header-search_wrap{width: 600px; border: 1px solid white; background-color: white; padding-bottom: 34px; position: relative;}
.header-search_close{position: absolute; top: 0; right: 0; width: 70px; height: 60px; display: flex; justify-content: center; align-items: center; z-index: 2; cursor: pointer;}
.header-search_shop_list{padding: 0 15px; background: linear-gradient(90deg, #ff000a, #fc7533); display: flex; position: relative;}
.header-search_shop{width: 83.4px; height: 60px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.header-search_shop span{color: #f7e3e3; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; transition: color 0.3s;}
.header-search_shop.active span{color: white;}
.icon-header_search_triangle{position: absolute; bottom: 0; left: 15px; transform: translateX(-50%); transition: left 0.3s;}
.header-search_shop:first-child.active ~ .icon-header_search_triangle{left: 56.7px;}
.header-search_shop:nth-child(2).active ~ .icon-header_search_triangle{left: 140.1px;}
.header-search_shop:nth-child(3).active ~ .icon-header_search_triangle{left: 223.5px;}
.header-search_shop:nth-child(4).active ~ .icon-header_search_triangle{left: 306.9px;}
.header-search_shop:nth-child(5).active ~ .icon-header_search_triangle{left: 390.3px;}
.header-search_shop:nth-child(6).active ~ .icon-header_search_triangle{left: 473.7px;}
.header-search_input{height: 62px; display: flex; align-items: center; margin: 0 30px; border-bottom: 1px solid #e50000;}
.header-search_input input{width: 0; flex: 1; height: 100%; padding: 0 10px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #5c5d63;}
.header-search_input_submit{font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #e62229; cursor: pointer;}
.header-search_history{padding: 0 30px;}
.header-search_history_title{display: flex; justify-content: space-between; margin-top: 20px;}
.header-search_history_title span{font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #5c5d63; line-height: 1;}
.header-search_history_clear{display: flex; align-items: center; cursor: pointer;}
.header-search_history_clear span{font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #5c5d63; line-height: 1;}
.header-search_history_clear i{margin-left: 8px;}
.header-search_history_list,
.header-search_find_list{margin-top: 4px; display: flex; flex-wrap: wrap;}
.header-search_history_list{max-height: 126px; overflow: hidden;}
.header-search_history_list a,
.header-search_find_list a{margin-top: 12px; padding: 0 13px; line-height: 28px; border: 1px solid #eaedf3; border-radius: 4px; margin-right: 6px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #5c5d63;}
.header-search_find{padding: 0 30px; margin-top: 24px;}
.header-search_find_title{font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #5c5d63; line-height: 1;}
/* header end */
.logo_animate{display: block;width: 250px;height: 70px;background: url(../image/logo_animate2022.png) no-repeat;background-size: 250px;animation: scrollTop 8.4s steps(200) infinite;-webkit-animation: scrollTop 8.4s steps(200) infinite;}
@keyframes scrollTop{0%{background-position: 0 0;} 100%{background-position: 0 -14000px;} }
@-webkit-keyframes scrollTop{0%{background-position: 0 0;} 100%{background-position: 0 -14000px;} }