/*头部导航条*/
.header {width: 100%; } 
.header .dsh1 {font-size: 0; width: 0; height: 0; }
.header>.fixed-inner {width: 100%; height: 64px; z-index: 1200; background: white; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07); position: relative; }
.header>.fixed-inner.fixed {position: fixed; top: 0; right: 0; left: 0; }
.header .content {max-width: 1200px; margin: 0 auto; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; }
.header .content a {-ms-flex-negative: 0; flex-shrink: 0; }
.header .content a .dslogo {/*width: 60px;*/ height: 30px; -o-object-fit: contain; object-fit: contain; }
.header .content .menus {display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; color: #333; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; }
.header .content .menus a {color: #635e5e; font-size: 16px; font-weight: 500; }
.header .content .menus .menu-item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-right: 32px; }
.header .content .menus .menu-item .arrow {margin-left: 6px; background: url("../images/up_arrow.png"); background-position: center; background-size: 100%; width: 10px; height: 5px; }
.header .content .menus .menu-item.rel {position: relative; }
.header .content .menus .menu-icon {margin-left: 4px; width: 24px; height: 12px; }
.header .content .menus .menu-item a:hover {color: #0095FF; }
.header .content .menus .menu-item:hover .link, .header .content .menus .menu-item.active .link {color: #0095FF; }
.header .content .menus .menu-item:hover .arrow, .header .content .menus .menu-item.active .arrow {background: url("../images/up_arrow_hl.png"); background-position: center; background-size: 100%; }
.header .content .controls {display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0; }
.header .content .controls .control-btn {padding: 10px 24px; border-radius: 2px; margin-left: 10px; border: 1px solid #0095FF; cursor: pointer; }
.header .content .controls .login {font-size: 16px; margin-top: 1px; }
.header .content .controls .register {font-size: 16px; }
.header .content .controls .enter {padding: 10px 14px; }
.header .content .controls .login, .header .content .controls .enter {color: #0095FF; border-width: 0px; }
.header .content .controls .login:hover, .header .content .controls .enter:hover {background: #0095FF; color: white; }
.header .content .controls .register {background: #0095FF; color: white; }
.header .content .controls .register:hover {background: #1e88e5; }
.header .dropdown-board {visibility: hidden; position: absolute; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); right: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: white; padding: 40px 0; opacity: 0; -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07); box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07); -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; border-bottom: 1px #F0F0F0 solid; }
.header .dropdown-board .board-group {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 1200px; margin-bottom: 20px; }
.header .dropdown-board .board-group .group-title {font-size: 12px; color: #666; margin-left: 16px; }
.header .dropdown-board .board-group .plan-wrapper {margin: 10px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.header .dropdown-board .board-group .plan-wrapper .plan-item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 25%; margin-right: 5%; padding: 14px; cursor: pointer; }
.header .dropdown-board .board-group .plan-wrapper .plan-item:nth-child(n + 4) {margin-top: 10px; }
.header .dropdown-board .board-group .plan-wrapper .plan-item .plan-icon {width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; }
.header .dropdown-board .board-group .plan-wrapper .plan-item .plan-content {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 12px; }
.header .dropdown-board .board-group .plan-wrapper .plan-item .plan-content .plan-title {font-size: 14px; color: #333; }
.header .dropdown-board .board-group .plan-wrapper .plan-item .plan-content .plan-brief {font-size: 12px; color: #999; }
.header .dropdown-board .board-group .plan-wrapper .plan-item .menu-icon {margin-left: 1px; }
.header .dropdown-board .board-group .plan-wrapper .plan-item:hover {background: #f7f7f7; }
.header .dropdown-board-s {visibility: hidden; position: absolute; bottom: 5px; left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); opacity: 0; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07); border-radius: 4px; }
.header .dropdown-board-s:before {-webkit-box-shadow: -3px -3px 6px 0px rgba(0, 0, 0, 0.07); box-shadow: -3px -3px 6px 0px rgba(0, 0, 0, 0.07); border: 5px solid #fff; content: ''; display: block; position: absolute; top: 7px; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -100%) rotate(45deg) scale(0.9, 1); transform: translate(-50%, -100%) rotate(45deg) scale(0.9, 1); }
.header .dropdown-board-s .item {display: block; position: relative; width: 120px; height: 54px; line-height: 54px; text-align: center; background: #fff; }
.header .dropdown-board-s .item:nth-child(1) {border-radius: 4px 4px 0 0; }
.header .dropdown-board-s .item:last-child {border-radius: 0 0 4px 4px; }
.header .dropdown-board-s .item:not(:last-child) {border-bottom: 1px solid #EBEBEB; }
.header .menu-item:hover .dropdown-board-s, .header .menu-item:hover .dropdown-board {visibility: visible; opacity: 1; }
.header .g-notice {display: block; position: relative; -webkit-transition: all .3s; transition: all .3s; height: 72px; }
.header .g-notice.active {height: 480px; }
.header .g-notice img {height: 100%; display: block; margin: 0 auto; }
.header .g-notice .btn-mask {position: absolute; width: 252px; height: 88px; bottom: 88px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.header .g-notice .toggle-mask {position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 160px; height: 44px; cursor: pointer; }
