body { margin: 0; /* 改变移动端点击出现背景色 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a { text-decoration: none; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: MicrosoftYaHei, "微软雅黑"; list-style-type: none; } .header { position: absolute; width: 100%; z-index: 9; /* height: 84px; */ height: 60px; font-size: 14px; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255, 255, 255, 0); -webkit-transition: background-color 0.4s ease-in-out; -o-transition: background-color 0.4s ease-in-out; -moz-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; background: rgba(255, 255, 255, 0.5); /* border-bottom: 1px solid #f1f1f1; */ } .header.active { /* background-color: #fff; */ background: rgba(255, 255, 255, 1); /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; } .header .header_box { width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .header_mobile { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; } .header .header_logo { display: inline-block; width: 148px; height: 40px; margin-right: 30px; vertical-align: middle; cursor: pointer; } /* 补充 */ .header .header_logo img { width: 148px; height: 40px; } .header .mobile_icon { display: none; } .header .header_box .first_link_wraper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 751px) { .header .header_box .first_link_wraper .spanMobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .header .header_link { text-align: center; display: inline-block; /* width: 70px; */ width: 95px; z-index: 4; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; margin-right: 15px; } .header .header_link:first-child { width: 48px; } @media (max-width:1024px) { .header .header_link { margin-right: 10px; } } @media (max-width:820px) { .header .header_link { margin-right: 3px; } } .header .header_link .item_wraper { z-index: 5; /* position: relative; */ } .header .header_link.active .header_title { /* background-position: 100% 68%; */ background-position: 0 100%; color: #0052D9; } .header .header_link.cur .header_title { /* background-position: 100% 68%; */ background-position: 0 100%; color: #0052D9; } .header .header_link .header_title { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0052D9), color-stop(0, transparent)) !important; background-image: -webkit-linear-gradient(left, #0052D9 50%, transparent 0) !important; background-image: -moz-linear-gradient(left, #0052D9 50%, transparent 0) !important; background-image: -o-linear-gradient(left, #0052D9 50%, transparent 0) !important; background-image: linear-gradient(90deg, #0052D9 50%, transparent 0) !important; background-repeat: no-repeat !important; -moz-background-size: 200% 2px !important; background-size: 200% 2px !important; overflow: hidden !important; background-position: 100% 100%; /* background-position: 100% 100%; */ -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; line-height: 60px; vertical-align: middle; display: inline-block; font-size: 16px; font-weight: 500; color: #434343; } .header .header_link .list_item_img { display: none; } .header .phoneContact { margin-left: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .header .phoneContact>span { margin-left: 10px; opacity: 0.65; font-family: Helvetica; font-size: 24px; color: #000000; line-height: 21px; } @media (max-width: 1000px) { .phoneContact { display: none !important; } } .header .ljty { width: 112px; height: 40px; background: #1bd1d1; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 16px; color: #ffffff; text-align: center; line-height: 40px; display: inline-block; margin-left: 20px; } /* dcim新增 */ .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_imgBox { height: auto; border: 1px solid #47DADA; padding: 20px; /* background-color: rgba(244, 254, 254, .3) */ box-sizing: border-box; } .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_imgBox .box2 { background-color: rgba(244, 254, 254, .5); text-align: center; padding: 10px; box-sizing: border-box; } .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_imgBox .box2 .dcim_bg { width: 50%; } @media (max-width: 1200px) { .ljty { display: none !important; } } .header .numberEnglish { min-width: 120px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; } .header .chineseEnglish:hover { color: #1bd1d1; } .header .chineseEnglish>img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header .chineseEnglish:hover>img { -webkit-animation-name: rotate; -moz-animation-name: rotate; -o-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotate { 0% { -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .header .numberEnglish>img { vertical-align: middle; margin: 0 6px; } .header .numberEnglish .en { position: absolute; top: 60px; background: #ffffff; -webkit-box-shadow: 0 2px 16px 0 rgb(0 182 176 / 20%); -moz-box-shadow: 0 2px 16px 0 rgb(0 182 176 / 20%); box-shadow: 0 2px 16px 0 rgb(0 182 176 / 20%); width: 130px; min-height: 166px; padding: 12px; text-align: left; display: none; z-index: 10; } .header .chineseEnglish:hover .en { display: block; } .header .chineseEnglish:hover .top01 { display: block; } .header .chineseEnglish:hover .top02 { display: none; } .header .chineseEnglish .top01 { display: none; } .header .numberEnglish .en>p { color: #000000; line-height: 36px; display: block; height: 36px; padding: 0 12px; } .header .numberEnglish .en>a { color: #000000; line-height: 36px; display: block; height: 36px; width: 106px; opacity: 0.6; padding: 0 12px; cursor: pointer; text-decoration: none; } .header .numberEnglish .en>a:hover { background-color: #ecfdff; opacity: 1; } .header .numberEnglish .en .biao { margin-top: 10px; } .header .loop_menu_wraper { width: 100%; position: absolute; /* background: #fff; */ /* background: #F3F5F8; */ background-image: url(../imgs/lay_bg.png); background-size: 100% 100%; top: 60px; overflow: hidden; left: 0; opacity: 1; display: none; /* min-height: 360px; */ } .header .loop_menu_wraper.active { display: block; } .animation_downIn { -webkit-animation: downIn .5s; -moz-animation: downIn .5s; -o-animation: downIn .5s; animation: downIn .5s; } .animation_downOut { -webkit-animation: downOut .5s; -moz-animation: downOut .5s; -o-animation: downOut .5s; animation: downOut .5s; } @-webkit-keyframes downIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes downIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes downIn { from { opacity: 0; } to { opacity: 1; } } @keyframes downIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes downOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes downOut { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes downOut { from { opacity: 1; } to { opacity: 0; } } @keyframes downOut { from { opacity: 1; } to { opacity: 0; } } /* 更改导航高度 */ .header {} .header .loop_menu_wraper .loop_menu { width: 100%; max-width: 1200px; /* height: 702px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; /* border-left: 1px solid #f1f1f1; */ /* border-left: 1px solid #ddd; */ position: relative; text-align: left; padding: 20px 0 50px; } /* */ .header .loop_menu_wraper .loop_menu .close_icon { position: absolute; top: 0; right: 0; padding: 20px; z-index: 99; cursor: pointer; } .header .loop_menu_wraper .loop_menu .close_icon img { width: 16px; height: 16px; } .header .loop_menu_wraper .left_loop_menu { width: 25%; position: relative; height: 100%; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .loop_menu_wraper .list_item_wraper { padding: 0 8px; } /* .header .loop_menu_wraper .list_item.active { background-color: #ecfdff; color: #1bd1d1; } */ .hot { position: relative; font-size: 12px; font-family: SourceHanSansCN; font-weight: 700; color: #ff5555; font-style: normal; /* font-style: italic; */ margin-left: 8px; border: 2px solid #ff5555; padding: 0 4px; border-radius: 2px; } @keyframes scaleDrew { /* 定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称 */ 0% { transform: scale(1); } 25% { transform: scale(1.02); } 50% { transform: scale(1); } 75% { transform: scale(1.02); } } .header .loop_menu_wraper .list_item { display: block; font-size: 16px; word-wrap: break-word; /* padding: 13px 16px; */ color: #818181; font-family: MicrosoftYaHei, "微软雅黑"; /* text-align: center; */ text-align: left; height: 42px; line-height: 42px; padding: 0 16px; text-indent: 13px; overflow: hidden; } .header .loop_menu_wraper .list_item1 { height: 250px; margin-top: -8px; text-indent: 0px; overflow: auto; width: 488px; } .header .loop_menu_wraper .list_item1 h4 { font-size: 28px; font-family: Source Han Sans CN; /* font-weight: bold; */ font-weight: 500; color: #333333; position: relative; text-align: center; } .header .loop_menu_wraper .list_item1 div { width: 438px; height: 158px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #666666; line-height: 30px; margin-top: 37px; text-indent: 32px; /* text-align: center; */ text-align: left; } .jianjie { text-align: left; } /* .header .loop_menu_wraper .list_item1 h4::after { content: ''; position: absolute; left: 0; top: 42px; width: 158px; height: 1px; background-color: #ddd; } */ .header .loop_menu_wraper .list_item2 { width: 188px; text-align: center; left: 68% !important; } .header .loop_menu_wraper .list_item2 .lianxi { width: 188px; text-align: center; text-indent: 0; } /* .header .loop_menu_wraper .list_item2 .lianxi_h4::after { left: 64px; } */ /* .header .loop_menu_wraper .list_item1 { padding: 6px 16px; } */ .header .loop_menu_wraper .list_item .list_item_img { display: none; } .header .loop_menu_wraper .list_item.active { /* background-color: #ecfdff; color: #1bd1d1; */ background: #0052D9; color: #fff; } .header .loop_menu_wraper .list_item1.active { /* background-color: #ecfdff; color: #1bd1d1; */ background: none; color: #333; } .header .loop_menu_wraper .list_item .list_item_img { display: none; } .header .list_item_Soultion.active { /* background-color: #ecfdff; color: #1bd1d1; */ /* background: rgba(0, 82, 217, .12); color: #0052D9; */ background: #0052D9; color: #fff; } /* 574 */ .header .loop_menu_wraper .middle_loop_menu { width: 100%; position: absolute; left: 100%; top: 0px; /* border-left: 1px solid #f1f1f1; */ border-left: 1px solid #ddd; /* height: auto; */ padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; height: 100%; overflow: inherit; } .header .loop_menu_wraper .middle_loop_menu1 { left: 168%; } @media (max-width:750px) { .header .loop_menu_wraper .middle_loop_menu { border-left: none; } } /* .header .loop_menu_wraper .middle_loop_menu_Soultion.active { display: block; } */ .header .loop_menu_wraper .middle_loop_menu.active { display: block; } .header .loop_menu_wraper .right_loopMenu { padding-top: 25px; padding-left: 30px; padding-right: 30px; position: absolute; /* border-left: 1px solid #f1f1f1; */ border-left: 1px solid #dddddd; left: 100%; width: 200%; height: 100%; top: 0px; background-repeat: no-repeat; background-position: bottom right; /* border-right: 1px solid #f1f1f1; */ /* border-right: 1px solid #dddddd; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-size: auto; background-size: auto; display: none; } .header .loop_menu_wraper .right_loopMenu.active { display: block; } .header .loop_menu_wraper .right_loopMenu p { color: #818181; margin-top: 18px; line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .header .loop_menu_wraper .right_loopMenu .button_wraper { margin-top: 30px; } .header .loop_menu_wraper .right_loopMenu .button_wraper .content_button { /* border: 1px solid #1bd1d1; */ border: 1px solid #0052D9; display: inline-block; padding: 12px 24px; margin-right: 16px; margin-bottom: 16px; background-color: transparent; position: relative; overflow: hidden; cursor: pointer; } .header .loop_menu_wraper .right_loopMenu .button_wraper .content_button:hover::after { left: 0; } .header .loop_menu_wraper .right_loopMenu .button_wraper .content_button:hover .text { color: #fff; } .header .loop_menu_wraper .right_loopMenu .button_wraper .content_button::after { content: " "; /* background: #1bd1d1; */ background: #0052D9; display: block; position: absolute; left: -100%; height: 100%; width: 100%; top: 0; -webkit-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .header .loop_menu_wraper .right_loopMenu .button_wraper .text { /* color: #1bd1d1; */ color: #0052D9; z-index: 1; position: relative; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; } /* 智能业务平台 */ .header .loop_menu_wraper .right_loopMenu.middle { width: 300%; } .btntop { max-width: 238px; min-height: 44px; background: #fff; border: #1bd1d1 1px solid; margin-bottom: 10px; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 10px 10px; line-height: 44px; font-family: Helvetica; font-size: 16px; color: #1bd1d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .btntop .img { width: 20px; height: 44px; background: url('/cn/image/header/topright.svg') no-repeat center; margin: 0px 10px; } .auto_work { margin: 30px 10px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px #1bd1d1 solid; } .auto_work .toptitle { width: 100%; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .auto_work .toptitle .leftpoint { width: 66px; height: 100%; background: url('/cn/image/header/leftpoint.png') no-repeat center; } .auto_work .toptitle .tip { height: 100%; opacity: 0.85; font-family: Helvetica; font-size: 18px; color: #000000; text-align: center; line-height: 50px; margin: 0px 10px; } .auto_work .toptitle .rightpoint { width: 66px; height: 100%; background: url('/cn/image/header/rightpoint.png') no-repeat center; } .auto_work .contentbox { width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .auto_work .contentbox .tipbox { width: 30%; height: 94%; background-color: rgba(236, 253, 255, 0.5); margin: 0px 10px; padding: 0px 30px; margin-bottom: 10px; } @media (max-width:1200px) { .auto_work .contentbox .tipbox { padding: 0px 0px; } } @media (max-width:820px) { .auto_work .contentbox .tipbox { width: 33%; margin: 0px 5px; } /* dcim新增 */ .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_bg { width: 50%; } } @media (max-width:770px) { .auto_work .contentbox .tipbox { width: 33%; margin: 0px 3px; } } .auto_work .contentbox .tipbox .title { width: 100%; height: 40px; font-family: MicrosoftYaHei, "微软雅黑" !important; font-size: 16px; color: #000000; text-align: center; line-height: 40px; } .auto_work .contentbox .tipbox .content { width: 100%; opacity: 0.65; font-family: MicrosoftYaHei, "微软雅黑" !important; font-size: 12px; color: #000000; text-align: justify; line-height: 18px; } .auto_work .contentbox .tipbox .btn { width: 100%; height: 32px; border: #1bd1d1 1px solid; margin: 5px 0px; font-family: MicrosoftYaHei, "微软雅黑" !important; font-size: 14px; color: #1bd1d1; line-height: 32px; cursor: pointer; } .auto_work .contentbox .tipbox .btn .leftimg1 { width: 16px; height: 100%; float: left; margin: 0px 10px; } .auto_work .contentbox .tipbox .btn .leftimg2 { width: 16px; height: 100%; float: left; margin: 0px 10px; display: none; } .auto_work .contentbox .tipbox .btn .rightimg { width: 20px; height: 100%; float: right; } .auto_work .contentbox .tipbox .btn .rightimg2 { width: 20px; height: 100%; float: right; display: none; } .header .href_cursor { cursor: pointer; } .header .h5en { padding: 0 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .h5en p { line-height: 44px; margin-top: 12px; opacity: 0.6; font-size: 16px; } .header .h5en a { line-height: 44px; cursor: pointer; display: block; width: 100%; text-decoration: none; color: #000000; font-size: 16px; } .header .mobilePhone { display: none; } /* .header .header_link:last-child { display: none; } */ /* 移动端 */ @media (max-width: 750px) { .header { height: 45px; background: transparent; } .header .header_box { margin: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; background-color: #fff; } .header .header_mobile { display: block; position: fixed; top: 0; width: 100%; /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; height: 45px; background: #fff; } .header .header_logo { display: block; margin: 0 auto; padding: 12px 0; width: 72px; height: 20px; } /* .header .header_logo img { max-width: 74px; max-height: 36px; } */ /* 修改 */ .header .header_logo img { max-width: 74px; max-height: 20px; } .header .mobile_icon { display: block; position: absolute; left: 0; top: 0; padding: 16px 15px; } .header .mobile_icon img:nth-child(1) { max-width: 18px; max-height: 12px; margin-right: 10px; } .header .first_link_wraper { display: none; height: 100vh; overflow-y: scroll; position: fixed; width: 100%; background: #fff; } .header .first_link_wraper.show { display: block; } .header .first_link_wraper.none { display: none !important; } .header .first_link_wraper .spanMobile { display: block; min-height: 500px; } .header .mobilePhone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: inherit; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 200px; } .header .header_link { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* font-size: 14px; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header .header_link .item_wraper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; } .header .header_link .header_title { line-height: 48px; background-position: 100% 68% !important; } .header .header_link .item_wraper .list_item_img { display: block; } .header .loop_menu_wraper { position: initial; background: transparent; border: none; height: auto; } .header .loop_menu_wraper .loop_menu { height: auto; } /* dcim新增 */ .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_imgBox { border: none; padding: 0; } .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_imgBox .box2 { padding: 0; background-color: unset; text-align: unset; } .header .loop_menu_wraper .right_loopMenu .list_item_wraper .dcim_bg { width: 50%; } .header .loop_menu_wraper .loop_menu .list_item { background: transparent; padding: 0; line-height: 44px; } .header .close_icon { display: none; } .header .loop_menu_wraper .left_loop_menu { width: 100%; height: auto; padding: 0; /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; } .header .left_loop_menu .list_item_wraper { padding-left: 32px; padding-right: 0px; height: auto; /* 去除移动端的背景色 */ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } .header .left_loop_menu .list_item_wraper .list_item { padding-left: 14px; padding-right: 7px; /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .left_loop_menu .list_item_wraper .list_item .list_item_img { display: block; } .header .middle_loop_menu { padding: 0 !important; position: initial !important; border: none; height: auto; /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; } .header .right_loopMenu { padding: 0 12px 12px 24px !important; position: initial !important; background: none !important; width: 100% !important; height: auto !important; border-top: none !important; border-left: none !important; border-right: none !important; /* border-bottom: 1px solid #f1f1f1; */ border-bottom: 1px solid #ddd; } .header .right_loopMenu h2 { margin-top: 12px; margin-bottom: 0px; font-size: 1.2em; font-weight: normal; } .header .right_loopMenu p { margin-top: 4px !important; font-size: 1em; margin-bottom: 0px; } .header .right_loopMenu .button_wraper { margin-top: 1.8em !important; } .header .right_loopMenu .content_button { padding: 3px 8px !important; font-size: 0.8em; margin-right: 6px !important; margin-bottom: 6px !important; } .header .auto_work { font-size: 0.8em; height: auto; margin: 14px 4px; } .auto_work .toptitle .leftpoint { width: 33px; } .auto_work .toptitle .tip { font-size: 14px; } .auto_work .toptitle .rightpoint { width: 33px; } .auto_work .contentbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .auto_work .contentbox .tipbox { width: 100%; height: auto; background-color: rgba(236, 253, 255, 0.5); margin: 0px 10px; padding: 0px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .auto_work .contentbox .tipbox .title { height: 40px; line-height: 40px; } .auto_work .contentbox .tipbox .btn { font-size: 14px; height: 32px; line-height: 32px; } .header .mobilePhone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: inherit; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 200px; } .header .mobilePhone>p { opacity: 0.65; font-family: MicrosoftYaHei, "微软雅黑" !important; font-size: 18px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0px; } .header .mobilePhone>p>img { margin-right: 10px; } .header .mobilePhone>a { width: 112px; height: 40px; background: #1bd1d1; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-family: Helvetica; font-size: 16px; color: #ffffff; text-align: center; line-height: 40px; display: inline-block; text-decoration: none; } .header .chineseEnglish { display: none; } .header .header_link:last-child { display: block; } .header .left_loop_menu .list_item_wraper .list_item.active { color: #000; font-weight: bold; } }