<> .icon_young { position: relative; top: 6px; display: inline-block; width: 24px; height: 24px; margin-right: 8px; background-size: cover; background-image: url('/images/newGlobal/icon_young.png'); } .icon_security { position: relative; top: 6px; display: inline-block; width: 24px; height: 24px; margin-right: 8px; background-size: cover; background-image: url('/images/newGlobal/icon_security.png'); } .container_v2 { width: 1200px !important; } .logo_new { margin-top: 4px; width: 164px; height: 40px; } .head_v2 .nav_v2 a:hover { color: #088ae1 !important; text-decoration: none !important; } .nav_v2 li { border-radius: 8px; font-size: 16px; width: 120px; background: none; } .nav_v2 li:hover{ color: #20B7F8; background-color: rgba(1832352350.25); } .nav_v2 li::after{ display: none; } .nav_v2 li a{ color: #111 !important; font-size: 16px !important; font-weight: 14; padding-left: 24px; } .area .title { color: #111 !important; font-weight: 900; padding-left: 24px; } .area .title.soft{ height: 50px !important; line-height: 50px; cursor: text; } .area .title.soft:hover{ color: #111 !important; } .area a { height: 37px !important; } .head_v2 .new-product { display: none; left: 50%; transform: translateX(-50%); box-sizing: border-box; text-align: left; position: relative; top: 0; padding-top: 30px; z-index: 1000; } .new-product .new-product-box{ position: relative; padding: 18px 0; width: 100%; border-radius: 8px!important; background: linear-gradient(180deg#edfbff#fff); box-shadow: 0 16px 40px 0 rgba(000.1); } .new-product .area { text-align: left; box-sizing: border-box; position: relative; display: inline-block; vertical-align: top; min-width: 128px; padding-right: 16px; } .new-product .area:last-child{ padding-right: 0; } .product-enter>div>span { color: #111 !important; font-weight: 14; } .product-enter:hover>div>span { color: #088ae1 !important; } .enter-security>span{ color: #111 !important; font-weight: 14; padding: 0 15px; display: inline-block; } .enter-security:hover { color: #088ae1 !important; } .new-product:hover::before .nav_v2 li.product-enter:hover::before { position: absolute; content: ''; top: 72px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #edfbff; } .nav_v2 li.product-enter::after { position: absolute; left: 6px; top: 40px; z-index: 1000; content: ''; display: block; width: 120px; height: 50px; background: transparent; } .young_line{ padding: 0 10px; width: 160px !important; } .young_line::before{ position: absolute; left: 0; content: ''; width: 1px; height: 50px; display: block; background: #eff4f8; } /* team dialog */ .teamDialogNew{ display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; background-color: rgba(0,0,0,0.3); z-index: 1000; } .teamDialogNew .alert-wrapper{ width: 580px; height: 320px; margin: 0 auto; top: 50%; margin-top: -155px; position: relative; background-color: #fff; border-radius: 4px; z-index: 100; box-shadow: 1px 2px 3px #C7C6C6; color: #3d3d3d; font-size: 16px; } .teamDialogNew .alertTop{ float: left; width: 180px; height: 320px; border-right: 1px solid #e5e5e5; font-size: 16px; font-weight: 700; color: #111; text-align: center; } .teamDialogNew .alertTop .topTitle{ padding-top: 35px; line-height: 21px; } .teamDialogNew .alertTop .img{ width: 120px; height: 120px; margin: 0 auto; padding-top: 29px; } .teamDialogNew .alertTop .tip { font-size: 14px; color: #888; line-height: 10px; } .teamDialogNew .topClose{ position: absolute; top: 18px; right: 18px; width: 16px; height: 16px; line-height: 16px; font-size: 26px; font-weight: 300; text-align: center; cursor: pointer; color: #111; } .teamDialogNew .topClose:hover{ color:#69adf9; } .teamDialogNew .topClose:active{ color:#7ea9d8; } .teamDialogNew .alertMain{ float: left; width: 365px; padding: 43px 0 0 30px; } .teamDialogNew .alertMain .title{ text-align: left; padding-left: 114px; margin-bottom: 20px; line-height: 21px; font-size: 16px; font-weight: 700; color: #111; } .teamDialogNew .alertMain .text{ line-height: 21px; font-size: 16px; font-weight: 600; color: #222; text-align: left; } .teamDialogNew .alertMain .text-title{ padding: 16px 0 4px 0; line-height: 19px; font-size: 14px; font-weight: 400; color: #888; } .teamDialogNew .alertMain .alert-btn { float: left; width: 340px; height: 40px; line-height: 40px; margin: 40px 0 0 0; color: #fff; background-color: #4498f8; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: 400; } .teamDialogNew .alertMain .alert-btn:hover{ background-color: #69adf9; text-decoration: none; } .teamDialogNew .alertMain .alert-btn:active{ background-color: #357ac6; text-decoration: none; }