/* ============================================================
   大圣云站点公共头部 —— 供 /dsyai/pricing/ 价格页内嵌使用
   样式抽取自 static/dsy/css/{style,ddm-menu,responsive}.css
   全部作用域限定在 .dsy-header 内，rem 按站点根字号换算
   ============================================================ */

/* 站点根字号等价变量（与 slicy.css / responsive.css 保持一致） */
html { --dsy-u: 19.2px; }
@media only screen and (max-width:1920px) { html { --dsy-u: 1vw; } }
@media only screen and (max-width:1480px) { html { --dsy-u: 17px; } }
@media only screen and (max-width:1280px) { html { --dsy-u: 16px; } }
@media only screen and (max-width:1180px) { html { --dsy-u: 14px; } }
@media only screen and (max-width:1040px) { html { --dsy-u: 16px; } }

.dsy-header { position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:299;
	background:#fff;
	padding:0 0 0 calc(var(--dsy-u) * 2.0833333333333335);
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:calc(var(--dsy-u) * 3.6458333333333335);
	box-shadow:0 0 calc(var(--dsy-u) * 0.4166666666666667) 0 rgba(80,80,80,0.2); }
.dsy-header .lt { display:flex;
	align-items:center; }
.dsy-header .lt .logo img { width:calc(var(--dsy-u) * 4.895833333333334);
	display:block; }
.dsy-header .naver ul { display:flex;
	margin-left:calc(var(--dsy-u) * 2.604166666666667); }
.dsy-header .naver li { margin-right:calc(var(--dsy-u) * 1.4583333333333335); }
.dsy-header .naver li h3 a { font-size:calc(var(--dsy-u) * 0.8333333333333334);
	color:#333333;
	line-height:calc(var(--dsy-u) * 3.3333333333333335);
	padding-top:calc(var(--dsy-u) * 0.15625);
	border-bottom:calc(var(--dsy-u) * 0.15625) solid #fff;
	display:block; }
.dsy-header .naver li h3 a:hover, .dsy-header .naver li.on h3 a { border-color:#2468F2;
	color:#2468F2; }
.dsy-header .rt ul { display:flex;
	align-items:center; }
.dsy-header .rt a { font-weight:400;
	font-size:calc(var(--dsy-u) * 0.8333333333333334);
	color:#333333;
	line-height:calc(var(--dsy-u) * 3.6458333333333335);
	display:block; }
.dsy-header .rt a:hover { color:#2468F2; }
.dsy-header .rt .btn a { width:calc(var(--dsy-u) * 6.770833333333334);
	height:calc(var(--dsy-u) * 3.6458333333333335);
	background:#2468F2;
	display:block;
	text-align:center;
	color:#fff;
	margin-left:calc(var(--dsy-u) * 1.3541666666666667); }
.dsy-header .rt .ch { display:flex;
	align-items:center;
	justify-content:center;
	padding:0 calc(var(--dsy-u) * 1.3541666666666667);
	font-weight:400;
	font-size:calc(var(--dsy-u) * 0.8333333333333334);
	color:#333333;
	line-height:calc(var(--dsy-u) * 2.0833333333333335); }
.dsy-header .rt .ch img { margin-left:calc(var(--dsy-u) * 0.4166666666666667);
	display:block;
	width:calc(var(--dsy-u) * 0.5208333333333334); }
.dsy-header .rt li { position:relative; }
.dsy-header .rt li dl { position:absolute;
	left:0;
	top:100%;
	white-space:nowrap;
	display:none; }
.dsy-header .rt li dd a { font-size:calc(var(--dsy-u) * 0.7291666666666667);
	color:#333;
	background:#fff;
	line-height:calc(var(--dsy-u) * 1.875);
	text-align:center;
	padding:0 calc(var(--dsy-u) * 0.625);
	display:block; }
.dsy-header .rt li dd a:hover { background:#2468F2;
	color:#fff; }
.dsy-header .rt .btn a:hover { background:#0054ff; }
.dsy-header .naver li .snli { display:none;
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:111;
	background:#fff; }
.dsy-header .naver li .nli { display:flex;
	padding:0 10%;
	box-shadow:0 0 calc(var(--dsy-u) * 0.4166666666666667) 0 rgba(80,80,80,0.1); }
.dsy-header .naver li .nli dl { flex-basis:33%;
	; }
.dsy-header .naver li .nli dt { font-size:calc(var(--dsy-u) * 0.8);
	font-weight:bold;
	color:#2468F2;
	margin-top:calc(var(--dsy-u) * 0.5); }
.dsy-header .naver li .nli dd { margin-top:calc(var(--dsy-u) * 0.5); }
.dsy-header .naver li .nli dd a { font-size:calc(var(--dsy-u) * 0.8);
	color:#666;
	line-height:2;
	display:flex;
	align-items:center; }
.dsy-header .naver li .nli dd a img { width:calc(var(--dsy-u) * 1.7708333333333335);
	margin-left:calc(var(--dsy-u) * 0.10416666666666667); }
.dsy-header .naver li .nli dd a:hover { color:#2468F2; }
.dsy-header .naver li .snli { ; }
.dsy-header .naver li .nli { display:block; }
.dsy-header .navlts { width:calc(var(--dsy-u) * 10.416666666666668);
	background-color:#f6f9fe;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:calc(var(--dsy-u) * 2.0833333333333335) 0 calc(var(--dsy-u) * 2.0833333333333335) calc(var(--dsy-u) * 2.0833333333333335); }
.dsy-header .navlts h3 { color:#02112d;
	cursor:pointer;
	font-size:calc(var(--dsy-u) * 0.8333333333333334);
	font-weight:500;
	margin-bottom:calc(var(--dsy-u) * 1.6666666666666667); }
.dsy-header .navlts .dd { margin-bottom:calc(var(--dsy-u) * 1.6666666666666667); }
.dsy-header .navlts .dd i { cursor:pointer;
	font-size:calc(var(--dsy-u) * 0.8333333333333334);
	color:#222;
	display:inline-block;
	line-height:1.8;
	position:relative; }
.dsy-header .navlts .dd span { position:absolute;
	left:0;
	bottom:calc(var(--dsy-u) * -0.20833333333333334);
	height:calc(var(--dsy-u) * 0.10416666666666667);
	background:#2468F2;
	display:block;
	width:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	
	-moz-transition:all 0.3s;
	
	-webkit-transition:all 0.3s;
	
	-o-transition:all 0.3s; }
.dsy-header .naver li .nli { position:relative;
	z-index:22;
	display:flex;
	justify-content:space-between; }
.dsy-header .navlts .dd:hover i, .dsy-header .navlts .dd.on i { color:#2468F2; }
.dsy-header .navlts .dd:hover span, .dsy-header .navlts .dd.on span { width:100%; }
.dsy-header .snli:after { background-color:#f6f9fe;
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:calc(50vw - calc(var(--dsy-u) * 30.729166666666668)); }
.dsy-header .navrts { width:calc(100% - calc(var(--dsy-u) * 12.5));
	padding-top:calc(var(--dsy-u) * 1.5625); }
.dsy-header .navrts .boxc3 { column-count:3;
	column-gap:calc(var(--dsy-u) * 0.5208333333333334);
	min-height:100%;
	overflow-y:auto; }
.dsy-header .navrts .mtxt { background-color:#fff;
	border:1px solid #e8e9eb;
	width:calc(var(--dsy-u) * 19.791666666666668);
	height:calc(var(--dsy-u) * 2.0833333333333335);
	border-radius:calc(var(--dsy-u) * 0.2604166666666667);
	background:url(../images/icon2.png) no-repeat left calc(var(--dsy-u) * 0.5208333333333334) center/calc(var(--dsy-u) * 0.78125) auto;
	padding-left:calc(var(--dsy-u) * 1.8229166666666667);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:calc(var(--dsy-u) * 0.8333333333333334);
	color:#222;
	margin-bottom:calc(var(--dsy-u) * 0.5208333333333334); }
.dsy-header .navrts .mtxt .layui-input { border:none; }
.dsy-header .navrts .boxc3:nth-child(n+2) { display:none; }
.dsy-header .naver li.pors { position: relative; }
.dsy-header .naver li.pors .unlis { position: absolute;
	left: calc(var(--dsy-u) * -3);right: calc(var(--dsy-u) * -3);
	top: 100%;
	background: #fff;
	display: none;
	text-align: center; }
.dsy-header .naver li.pors .unlis dd a { font-size: calc(var(--dsy-u) * 0.84);
	    color: #666;
	    line-height: 2;
		text-align: center;
		display: block;
	padding: calc(var(--dsy-u) * 0.3); }
.dsy-header .naver li.pors .unlis dd a:hover { color: #2468F2; }
.dsy-header .naver li.pors:hover .unlis { display: block; }
.dsy-header .naver li.ddmnav > h3 > a > i.bs-icon-icongongnengxiala { font-style: normal;
	font-size: calc(var(--dsy-u) * 0.6);
	margin-left: calc(var(--dsy-u) * 0.3);
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s; }
.dsy-header .naver li.ddmnav:hover > h3 > a > i.bs-icon-icongongnengxiala { transform: rotate(180deg); }
.dsy-header .naver li.ddmnav .snli.ddm-snli { background: #fff;
	border-top: 1px solid #e0e0e0;
	box-shadow: 0 calc(var(--dsy-u) * 0.125) calc(var(--dsy-u) * 1.875) 0 rgba(0, 0, 0, 0.1);
	text-align: left; }
.dsy-header .naver li.ddmnav .snli.ddm-snli:after { display: none; }
.dsy-header .ddm-snli .ddm-cols { max-width: calc(var(--dsy-u) * 73.125); 
	margin: 0 auto;
	padding: calc(var(--dsy-u) * 2.5) calc(var(--dsy-u) * 1.25) calc(var(--dsy-u) * 3.125);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box; }
.dsy-header .ddm-snli .sections { flex: 0 1 calc(var(--dsy-u) * 12.5);
	min-width: 0;
	margin-right: calc(var(--dsy-u) * 0.5); }
.dsy-header .ddm-snli .sections:last-child { margin-right: 0; }
.dsy-header .ddm-snli .sections dl { width: 100%;
	margin: 0; }
.dsy-header .ddm-snli .sections dt { font-size: calc(var(--dsy-u) * 1);
	font-weight: 500;
	color: #666666;
	padding-bottom: calc(var(--dsy-u) * 1.25);
	border-bottom: 1px solid #e5e5e5;
	margin: 0 calc(var(--dsy-u) * 1.25) calc(var(--dsy-u) * 1.5625);
	white-space: nowrap; }
.dsy-header .ddm-snli .sections dd { margin: 0; }
.dsy-header .ddm-snli .sections dd a { display: flex;
	align-items: center;
	height: calc(var(--dsy-u) * 2.875);
	line-height: normal;
	padding: 0 calc(var(--dsy-u) * 1.25);
	border-radius: calc(var(--dsy-u) * 0.125);
	color: #333333;
	text-decoration: none;
	transition: background-color 0.3s; }
.dsy-header .ddm-snli .sections dd a i { font-size: calc(var(--dsy-u) * 1);
	font-style: normal;
	flex: 0 0 auto; }
.dsy-header .ddm-snli .sections dd a span { color: #333333;
	padding-left: calc(var(--dsy-u) * 0.5);
	font-size: calc(var(--dsy-u) * 0.875);
	white-space: nowrap; }
.dsy-header .ddm-snli .sections dd a:hover.blue { background: rgba(24, 144, 255, 0.1); }
.dsy-header .ddm-snli .sections dd a:hover.blue1 { background: rgba(47, 84, 235, 0.1); }
.dsy-header .ddm-snli .sections dd a:hover.green { background: rgba(160, 217, 17, 0.1); }
.dsy-header .ddm-snli .sections dd a:hover.green1 { background: rgba(82, 196, 26, 0.1); }
.dsy-header .ddm-snli .sections dd a:hover.green2 { background: rgba(19, 194, 194, 0.1); }
.dsy-header .ddm-snli .sections dd a:hover.orange { background: rgba(250, 173, 20, 0.1); }
.dsy-header .ddm-snli .sections dd a:hover.orange1 { background: rgba(250, 140, 22, 0.1); }
@media (max-width: 1280px) {
	.dsy-header .ddm-snli .ddm-cols { flex-wrap: wrap;
		justify-content: flex-start; }
	.dsy-header .ddm-snli .sections { flex: 0 0 calc(33.333% - calc(var(--dsy-u) * 0.5)); 
		margin-bottom: calc(var(--dsy-u) * 1); }
}

@media (max-width: 768px) {
	.dsy-header .ddm-snli .sections { flex: 0 0 calc(50% - calc(var(--dsy-u) * 0.5)); }
}

.dsy-header .gh { height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none; }
.dsy-header .gh a { background-color: #111;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px; }
.dsy-header .gh a:after { width: 100%; }
.dsy-header .gh a:before { width: 100%; }
.dsy-header .gh a:after, .dsy-header .gh a:before { background-color: #111;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
.dsy-header .gh a:after { top: 7px; }
.dsy-header .gh a:before { top: -7px; }
@media only screen and (max-width:1040px) {
	.dsy-header .naver .ph { display: none; }
	.dsy-header .rts .shop { margin-right: 50px; }
	.dsy-header { position: fixed;top: 0;left: 0;right: 0; }
	.dsy-header .gh { display: block;
		right: 20px;top: 20px; }
	.dsy-header .wrap { height: 60px; }
	.dsy-header .naver ul { position: absolute;
		left: 0;right: 0;
		top:100%;z-index: 11;
		height: calc(100vh - 60px);
		background: #fff;display: none;
		overflow-y: scroll; }
	.dsy-header .naver .rts { margin-right: 50px; }
	.dsy-header .naver li a { display: block;
		line-height: 42px; }
	.dsy-header .naver li { border-bottom: 1px solid #f1f1f1;
		margin-right: 0; }
	.dsy-header .logo a img { width: 80px;margin-right: 10px; }
	.dsy-header .logo a { font-size: 14px; }
	.dsy-header .naver ul li a { font-size: 16px;
		display: block;
		line-height: 50px; }
	.dsy-header .naver ul li { margin: 0;
		padding: 0 20px;
		border-bottom: 1px solid #f1f1f1; }
	.dsy-header .rt ul { display: none; }
	.dsy-header .naver ul { margin: 0; }
	.dsy-header .naver ul li { position: relative; }
	.dsy-header .naver ul li i { position: absolute;
		right: 0;top: 0;z-index: 11;
		width: 50px;height: 50px;
		background: url(../images/aro.png) no-repeat center/40% auto;
		display: block;transition:all 0.3s;
		-ms-transition:all 0.3s;  
		-moz-transition:all 0.3s;     
		-webkit-transition:all 0.3s; 
		-o-transition:all 0.3s; }
	.dsy-header .naver ul li i.on { transform: rotate(90deg); }
	.dsy-header .naver li .nli { display: block;
		padding: 0;
		position: static;
		box-shadow: none;
		padding-left: 15px; }
	.dsy-header .gh { top: 17px; }
	.dsy-header .naver li .nli dl { width: auto;padding: 0; }
	.dsy-header .naver li .nli dt { font-size: 16px; }
	.dsy-header .naver li .nli dd a { font-size: 14px; }
	.dsy-header { padding-left: 15px; }
	.dsy-header .naver li .snli { position: static; }
	.dsy-header .naver li .snli { display: none !important; }
	.dsy-header .naver ul li i { display: none !important; }
	.dsy-header .naver li.pors .unlis { display: none !important; }
}

/* ---------- 基础修正：字体/列表/链接继承 ---------- */
.dsy-header, .dsy-header * { font-family: "Microsoft YaHei", Arial, sans-serif; letter-spacing: normal; }
.dsy-header * { font-weight: 400; }
.dsy-header ul, .dsy-header li { margin: 0; padding: 0; list-style: none; }
.dsy-header a { text-decoration: none; }

/* ---------- 悬停展开下拉 ---------- */
.dsy-header .naver li:hover > .snli { display: block; }
.dsy-header .naver li.ddmnav .snli.ddm-snli { display: none; }
.dsy-header .naver li.ddmnav:hover .snli.ddm-snli { display: block; }

/* ---------- 价格页正文让出固定头部高度 ---------- */
.baishu > .content { padding-top: calc(var(--dsy-u) * 3.6458333333333335); }

/* ---------- 移动端菜单展开 ---------- */
@media only screen and (max-width:1040px) {
	.dsy-header .naver ul.menu-open {
		display: block; position: absolute; left: 0; right: 0; top: 100%;
		height: calc(100vh - calc(var(--dsy-u) * 3.6458333333333335));
		background: #fff; overflow-y: auto; z-index: 11;
	}
}