.fixed_online { position: fixed; right: 20px; bottom: 50px; z-index: 100; }
.fixed_online .online-wrap { position: relative; height: 670px; z-index: 2; }
.fixed_online .online-wrap .online-nav { width: 60px; }
.fixed_online .online-wrap .online-nav ul { background-color: #ffffff; border-radius: 3px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.fixed_online .online-wrap .online-nav ul .item { position: relative; }
.fixed_online .online-wrap .online-nav ul .item .item-icon .icon-wrap { width: 46px; height: 46px; position: relative; }
.fixed_online .online-wrap .online-nav ul .item .item-icon .icon-wrap img { position: absolute; margin: auto; top: 20%; }
.fixed_online .online-wrap .online-nav ul .item .item-title { font-size: 14px; line-height: 18px; text-align: center; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(1) .item-icon .icon-wrap { height: 34px; text-align: center; width:auto;}
.fixed_online .online-wrap .online-nav ul .item:nth-child(5) .item-icon .item-title { color: #ffffff; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(5) .item-icon .icon-wrap { height: 34px; width:auto; text-align: center; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(1) .item-icon .item-title { color: #ffffff; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(1) { background-image: -moz-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); background-image: -webkit-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); background-image: -ms-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); height: 80px; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(5) { background-image: -moz-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); background-image: -webkit-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); background-image: -ms-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); height: 80px; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(1) svg path { fill: #ffffff; stroke:#ffffff;stroke-width:0;}
.fixed_online .online-wrap .online-nav ul .item:nth-child(5) svg path { fill: #ffffff; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(1) .item-title { color: #ffffff; line-height: 1; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(5) .item-title { color: #ffffff; line-height: 1; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(2) { height: 130px; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(3) { height: 140px; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(4) { height: 140px; }
.fixed_online .online-wrap .online-nav ul .item:nth-child(2)::after, .fixed_online .online-wrap .online-nav ul .item:nth-child(3)::after { content: ''; display: block; width: 60%; height: 0; border-bottom: 1px dashed #dddddd; position: absolute; margin: auto; bottom: 0; left: 0; right: 0; }
.fixed_online .online-wrap .online-nav ul .item:not(:nth-child(1)):hover .item-title { font-weight: bold; color: #0052d9; }
.fixed_online .online-wrap .online-nav .go-top { cursor: pointer; }
.fixed_online .online-wrap .online-nav .go-top .wrap { background-image: -moz-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); background-image: -webkit-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); background-image: -ms-linear-gradient(120deg, #1a6bfc 0%, #0052d9 0%, #1968e9 34%, #327df9 100%); text-align: center; border-radius: 3px; color: #ffffff; height: 60px; }
.fixed_online .online-wrap .online-nav .go-top .wrap svg { display: block; width: 28px; height: 28px; }
.fixed_online .online-wrap .online-nav .go-top .wrap svg path { fill: #ffffff; }
.fixed_online .online-wrap .online-nav .go-top .wrap p { line-height: 1; font-size: 14px; }
.fixed_online .online-content { padding-right: 20px; position: absolute; right: 60px; height: 100%; top: 0; display: none; }
.fixed_online .online-content .content-wrap { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); width: 843px; height: 100%; padding: 20px 35px; border: 1px solid #f3f5f7; border-radius: 3px; background-color: white; }
.fixed_online .online-content .content-wrap .con-box { margin-bottom: 20px; }
.fixed_online .online-content .content-wrap .con-box .box-head { font-size: 16px; color: #0052d9; font-weight: bold; line-height: 46px; margin-bottom: 10px; margin-top: 10px; }
.fixed_online .online-content .content-wrap .con-box .con-nav { --gutter-x: 20px; --gutter-y: 20px; }
.fixed_online .online-content .content-wrap .con-box .con-nav .item { display: flex; }
.fixed_online .online-content .content-wrap .con-box .con-nav .item .item-icon { width: 34px; height: 34px; position: relative; align-self: center; }
.fixed_online .online-content .content-wrap .con-box .con-nav .item .item-icon svg { display: block; width: 80%; height: auto; }
.fixed_online .online-content .content-wrap .con-box .con-nav .item .item-info { padding-left: 5px; }
.fixed_online .online-content .content-wrap .con-box .con-nav .item .item-info .item-title { font-size: 14px; color: #666666; line-height: 2; }
.fixed_online .online-content .content-wrap .con-box .con-nav .item .item-info .item-desc { font-size: 12px; color: #999999; }
.fixed_online:hover::before { display: block; }
.fixed_online:hover .online-content { display: block; }