@charset "utf-8";
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
html {
	font-size:16px
}
body {
	max-width:500px;
	line-height:1.6;
	margin:0 auto;
	color:#333;
	font-size:0.4266666667rem;
	font-family:"PingFangSC-Regular", "STHeiti", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-text-size-adjust:none;
	box-shadow:0 0 8px rgba(0, 0, 0, .15);
	background:#fff
}
a, a:active, a:focus, a:hover {
	color:#333;
	text-decoration:none
}
a, img {
	-webkit-touch-callout:none
}
input[type=password], input[type=text], textarea {
	resize:none;
	outline:0;
	-webkit-appearance:none;
	white-space:pre-wrap;
	word-wrap:break-word;
	background:#fff
}
input, select, textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
ul, li {
	list-style:none
}
em, i {
	font-style:normal
}
/*img {
	max-width:100%;
	max-height:100%
}*/
.hide {
	display:none
}
.green {
	color:#2a9522
}
.orange {
	color:#f57f15
}
.blue {
	color:#1b3181
}
.container {
	padding:0.4rem
}
header {
	height:1.2266666667rem
}
header .fixed {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:100;
	height:1.2266666667rem;
	line-height:1.2266666667rem;
	box-shadow:rgba(189, 169, 169, .05) 0 4px 5px;
	background:#fff
}
@media screen and (min-width: 500px) {
header.theme-simple .inner, header .fixed {
width:500px;
left:initial;
right:initial
}
}
@media screen and (min-width: 500px)and (min-width: 500px) {
header .nav-scroll p::-webkit-scrollbar {
width:2px;
height:2px
}
header .nav-scroll p::-webkit-scrollbar-track {
width:2px;
height:2px
}
header .nav-scroll p::-webkit-scrollbar-thumb {
background-color:rgba(0, 0, 0, .15)
}
}
header.for-home .fixed {
	height:auto;
	background:url(../images/header_bg.png) center top no-repeat;
	background-size:100% auto
}
header.sp-list {
	position:relative;
	color:#fff
}
header.sp-list .inner {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	color:#fff;
	padding:0 15px;
	box-shadow:rgba(0, 0, 0, .05) 0 4px 5px;
	background:#fff
}
@media screen and (min-width: 500px) {
header.sp-list .inner {
left:initial;
right:initial;
width:500px
}
}
header.sp-list.theme-orange .inner {
	background:#ff8300
}
header.sp-list.theme-orange .logo a {
	background-image:url(../images/logo_white.png)
}
header.sp-list.theme-orange .head input[type=search] {
	color:#fff;
	background-color:#ff9b33;
	background-image:url(../images/zoom_grey.png);
	background-position:30% center
}
header.sp-list.theme-orange .head input[type=search]::-moz-placeholder {
color:#ffd2ad
}
header.sp-list.theme-orange .head input[type=search]::placeholder {
color:#ffd2ad
}
header.sp-list.theme-orange .navs .nav a {
	color:#fff
}
header.sp-list.theme-orange .navs .nav a.on {
	color:#fff78c
}
header.sp-list.theme-orange .navs .nav a.on::after {
border-top:2px solid #fff78c
}
header.sp-list.theme-orange .navs .nav a.toggle.close {
	background-image:url(../images/icon_close_white.png)
}
header.sp-list.theme-orange .navs .nav a.toggle::after, header.sp-list.theme-orange .navs .nav a.toggle::before {
border-top:1px solid #fff78c
}
header.sp-list.theme-simple .head {
	height:40px;
	margin:3px 0 5px 0
}
header.sp-list.theme-simple .head li.logo {
	display:none;
	min-width:70px;
	max-width:70px
}
header.sp-list.theme-simple .head li.logo a {
	background-size:auto 20px
}
header.sp-list.theme-simple .head li.crumbs {
	flex:3;
	line-height:45px;
	text-indent:3px;
	color:gray;
	font-size:16px
}
header.sp-list.theme-simple .head li.crumbs::before {
display:none;
bottom:12px;
border:1px solid #ccc;
border-right:0;
border-bottom:0
}
header.sp-list.theme-simple .head li.navs {
	flex:1;
	max-width:45px;
	visibility:visible;
	opacity:1
}
header.sp-list.theme-simple .head li.navs a {
	display:block;
	height:36px
}
header.sp-list.theme-simple .head li.navs a.toggle {
	position:relative
}
header.sp-list.theme-simple .head li.navs a.toggle::before {
position:absolute;
content:"";
top:13px;
right:0;
width:22px;
height:2px;
padding:6px 0;
border-top:2px solid;
border-bottom:2px solid;
transform:scale(0.8);
background-color:currentColor;
background-clip:content-box
}
header.sp-list.theme-simple .head li.navs a.toggle::before {
right:0;
border-top:2px solid !important
}
header.sp-list.theme-doctor .inner {
	box-shadow:none;
	background:url(../images/video_bg.jpg) center top no-repeat;
	background-size:100% auto
}
header.sp-list.theme-doctor .head {
	height:40px;
	margin:3px 0 5px 0
}
header.sp-list.theme-doctor .head li.back {
	background-image:url(../images/icon_back_white.png)
}
header.sp-list.theme-doctor .head li.logo {
	min-width:70px;
	max-width:70px
}
header.sp-list.theme-doctor .head li.logo a {
	background-size:auto 20px
}
header.sp-list.theme-doctor .head li.crumbs {
	flex:3;
	line-height:45px;
	text-indent:18px;
	color:gray;
	font-size:16px
}
header.sp-list.theme-doctor .head li.crumbs::before {
bottom:12px;
border:1px solid #ccc;
border-right:0;
border-bottom:0
}
header.sp-list.theme-doctor .head .navs .nav {
	margin:0
}
header.sp-list.theme-doctor .head .navs .nav a {
	flex:1;
	height:45px;
	line-height:48px;
	color:#fff
}
header.sp-list.theme-doctor .head .navs .nav a.on {
	font-weight:normal;
	font-size:16px
}
header.sp-list.theme-doctor .head .navs .nav a.on::after {
content:none
}
header.sp-list.theme-doctor .head .navs .nav a.toggle {
	flex:1;
	color:#fff
}
header.sp-list.theme-doctor .head .navs .nav a.toggle::before, header.sp-list.theme-doctor .head .navs .nav a.toggle::after {
content:none;
transform:none
}
header.sp-list.theme-doctor .head .navs .nav a.toggle::before {
position:absolute;
content:"";
top:13px;
right:0;
width:22px;
height:2px;
padding:6px 0;
border-top:2px solid;
border-bottom:2px solid;
transform:scale(0.8);
background-color:currentColor;
background-clip:content-box
}
header.sp-list.theme-doctor .head li.navs {
	max-width:40px
}
header.sp-list .head {
	display:flex;
	position:relative;
	z-index:2;
	height:36px;
	margin:12px 0 10px 0
}
header.sp-list .head li {
	flex:3
}
header.sp-list .head li.logo {
	flex:1;
	min-width:90px
}
header.sp-list .head li.back {
	flex:1;
	max-width:35px;
	background:url(../images/icon_back.png) left 15px no-repeat;
	background-size:24px auto
}
header.sp-list .head li.back a {
	display:block;
	height:40px
}
header.sp-list .head li.title {
	flex:2;
	line-height:42px;
	text-align:center;
	color:#333;
	font-size:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
header.sp-list .head li.crumbs {
	position:relative;
	flex:1;
	line-height:52px;
	font-size:16px;
	text-indent:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
header.sp-list .head li.crumbs::before {
position:absolute;
left:0;
bottom:7px;
content:"";
width:8px;
height:8px;
border:1px solid #ff9a33;
border-right:0;
border-bottom:0;
transform:rotate(135deg)
}
header.sp-list .head input[type=search] {
	width:100%;
	height:34px;
	line-height:34px;
	padding:0 15px;
	margin-top:2px;
	border:0;
	border-radius:50px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-align:center;
	font-size:15px;
	background:#f7f7f7 url(../images/zoom_gray.png) 35% center no-repeat;
	background-size:auto 18px
}
header.sp-list .head input[type=search]:focus {
	padding-left:35px;
	text-align:left;
	background-position:10px center
}
header.sp-list .logo a {
	display:block;
	width:100%;
	height:40px;
	float:left;
	background:url(../images/logo_orange.png) left center no-repeat;
	background-size:auto 32px
}
header .head {
	margin:0px 0.2666666667rem;
	overflow:hidden
}
header .head .logo {
	display:block;
	width:2.6666666667rem;
	height:1.2266666667rem;
	float:left;
	background:url(../images/logo_320_white.png) left 0.1866666667rem no-repeat;
	background-size:88% auto
}
header .head .search {
	margin-top:0.16rem;
	padding-right:1.2rem;
	overflow:hidden
}
header .head input[type=search] {
	width:100%;
	height:0.8rem;
	line-height:0.8rem;
	padding:0 0.4rem;
	margin-top:0.0533333333rem;
	float:left;
	border:0;
	border-radius:1.3333333333rem;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-align:center;
	font-size:0.3733333333rem;
	background:#f7f7f7 url(../images/zoom_gray.png) 35% center no-repeat;
	background-size:auto 0.4266666667rem
}
header .head input[type=search]:focus {
	text-indent:0.6666666667rem;
	outline:none;
	text-align:left;
	background-position:0.2666666667rem center
}
header .head .person {
	position:absolute;
	right:0.2666666667rem;
	top:0.1866666667rem
}
header .head .person  img{
	display:block;
	overflow:hidden;
	float:right;
	width:0.8533333333rem;
	height:0.8533333333rem;
	border-radius:50%
}


.navs .tabs {
	display:flex;
	border-bottom:1px solid #eee
}
.navs .tabs a {
	display:block;
	flex:auto;
	height:1.0666666667rem;
	line-height:1.0133333333rem;
	text-align:center;
	font-weight:bold;
	color:#555
}
.navs .tabs a.on span {
	position:relative;
	color:#ff5400;
	-webkit-text-fill-color:rgba(0, 0, 0, 0);
	-webkit-background-clip:text;
	background-clip:text;
	background-image:linear-gradient(to right, #ff5400, #ff9500)
}
.navs .tabs a.on span::after {
content:"";
position:absolute;
bottom:-0.1066666667rem;
left:0.5333333333rem;
right:0.5333333333rem;
height:0.08rem;
border-radius:0.1066666667rem;
background-image:linear-gradient(to right, #ff5400, #ff9500)
}
.navs .item {
	display:flex;
	margin:0 0.2133333333rem;
	font-size:0.3466666667rem
}
.navs .item a {
	display:block;
	flex:1;
	padding-top:1.4666666667rem;
	text-align:center;
	background-position:center 0.2666666667rem;
	background-repeat:no-repeat;
	background-size:55%
}
.navs .item.type-2 a {
	margin:0 0.2133333333rem
}
.navs .item .icon-1-1 {
	background-image:url(../images/icon_71_1.png)
}
.navs .item .icon-1-2 {
	background-image:url(../images/icon_71_2.png)
}
.navs .item .icon-1-3 {
	background-image:url(../images/icon_71_3.png)
}
.navs .item .icon-1-4 {
	background-image:url(../images/icon_71_4.png)
}
.navs .item .icon-1-5 {
	background-image:url(../images/icon_71_5.png)
}
.navs .item .icon-2-1 {
	background-image:url(../images/icon_71_2_1.png)
}
.navs .item .icon-2-2 {
	background-image:url(../images/icon_71_2_2.png)
}
.navs .item .icon-2-3 {
	background-image:url(../images/icon_71_2_3.png)
}
.navs .item .icon-2-4 {
	background-image:url(../images/icon_71_2_4.png)
}
.navs .item .wrap {
	display:flex;
	position:relative;
	flex-wrap:wrap;
	height:4rem;
	overflow:hidden
}
.navs .item .wrap.show {
	height:auto
}
.navs .item .wrap.show::after {
display:none
}
.navs .item .wrap i {
	display:block;
	height:0.6933333333rem
}
.navs .item .wrap a {
	width:1.3333333333rem;
	padding:0.2666666667rem 0 0.2133333333rem;
	margin:0.2666666667rem 0.1333333333rem 0;
	flex:auto;
	border-radius:0.16rem;
	background-color:#eee
}
.navs .item .wrap::after {
position:absolute;
bottom:0;
left:0;
right:0;
content:"";
height:0.5333333333rem;
background:linear-gradient(to top, white, rgba(255, 255, 255, 0.1))
}
.navs .item.type-3 {
	display:block
}
.navs .item .btn-more {
	position:relative;
	line-height:1;
	text-align:center
}
.navs .item .btn-more a {
	position:relative;
	display:inline-block;
	padding:0.2666666667rem 0;
	color:#f57f15
}
.navs .item .btn-more a::after {
display:inline-block;
content:"";
width:0.4rem;
height:0.4rem;
margin-left:0.08rem;
border-radius:0.2666666667rem;
vertical-align:middle;
background:#facd89
}
.navs .item .btn-more a::before {
position:absolute;
top:0.3466666667rem;
right:0.1066666667rem;
content:"";
width:0.1333333333rem;
height:0.1333333333rem;
border:0.0533333333rem solid #fff;
border-left:0;
border-top:0;
transform:rotate(45deg)
}
.navs .item .btn-more a.up::before {
top:0.4266666667rem;
transform:rotate(-135deg)
}
.list-navs {
	position:relative;
	margin:-3px 0 5px;
	visibility:hidden;
	opacity:0;
transition:opacity .3s
}
.list-navs .nav {
	display:flex;
	position:relative;
	z-index:2;
	margin:0 0 0 -15px;
	font-size:16px
}
.list-navs .nav a {
	display:block;
	position:relative;
	height:36px;
	line-height:36px;
	flex:2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center
}
.list-navs .nav a.on {
	font-size:18px;
	color:#ff9600;
	font-weight:bold
}
.list-navs .nav a.on::after {
display:block;
position:absolute;
content:"";
left:18px;
right:18px;
bottom:1px;
border-top:2px solid #ff9600
}
.list-navs .nav a.toggle {
	position:relative;
	flex:1
}
.list-navs .nav a.toggle.close {
	background:url(../images/icon_close_orange.png) center no-repeat;
	background-size:14px auto
}
.list-navs .nav a.toggle.close::after, .list-navs .nav a.toggle.close::before {
content:none
}
.list-navs .nav a.toggle::before {
position:absolute;
content:"";
top:13px;
right:0;
width:22px;
height:2px;
padding:6px 0;
border-top:2px solid;
border-bottom:2px solid;
transform:scale(0.8);
background-color:currentColor;
background-clip:content-box
}
.list-navs .nav a.toggle::before {
top:9px;
right:0;
border-top:2px solid !important
}
.sitemap-navs {
	margin:15px -15px 0;
	padding:0 15px;
	border-bottom:2px solid #eee;
	overflow-y:hidden;
	overflow-x:auto
}
.sitemap-navs p {
	padding-bottom:5px;
	white-space:nowrap
}
.sitemap-navs a {
	display:inline-block;
	padding:0 5px;
	font-size:14px
}
.sitemap-navs a.on {
	color:#f57f15;
	border-bottom:2px solid #f57f15
}
.sitemap-navs.hot-tags {
	margin:15px 0 0
}
.sitemap-navs.hot-tags a {
	font-size:0.4266666667rem
}
.header-menu {
	position:fixed;
	top:-300px;
	left:0;
	right:0;
	z-index:99;
	padding:10px 5px;
	border-top:1px solid #eee;
	box-shadow:rgba(0, 0, 0, .1) 0 1px 1px;
transition:top .5s;
	background:#fff
}
.header-menu::before {
display:block;
padding-left:8px;
padding-bottom:5px;
font-size:12px;
color:gray
}
.header-menu a {
	display:block;
	width:calc(25% - 10px);
	height:32px;
	line-height:32px;
	margin:5px;
	float:left;
	border-radius:20px;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:#f2f2f2
}
.header-menu a.chosen {
	background:#b7e3fd
}
.header-menu a.ghost {
	opacity:.6;
	background:#caeafc
}
.header-menu a.nav-home {
	color:gray
}
.header-menu .btn-wrap {
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
	text-align:center
}
.header-menu .btn-wrap .btn {
	height:32px;
	line-height:32px;
	margin:0 20px;
	padding:0 30px;
	border-radius:25px;
	border:0;
	font-size:14px;
	color:#666;
	cursor:pointer;
	background:#ddd
}
.header-menu .btn-wrap .btn-submit {
	color:#fff;
	background:#ff9600
}
.header-menu .btn-wrap .btn-submit:hover {
	background:#f80
}
@media screen and (min-width: 500px) {
.header-menu {
left:initial;
right:initial;
width:500px
}
}
.path span, .path a {
	display:inline-block
}
.path span {
	color:#f57f15
}
.path a {
	position:relative;
	padding-right:0.32rem;
	color:#888
}
.path a::after {
position:absolute;
top:50%;
right:0.1866666667rem;
content:"";
width:5px;
height:5px;
border:1px solid #999;
border-left:0;
border-bottom:0;
transform:rotate(45deg) translateY(-100%)
}
.nav-scroll {
	height:1.12rem;
	padding:0 0 0 0.16rem
}
.nav-scroll p {
	height:1.0666666667rem;
	padding-right:0.2666666667rem;
	overflow:hidden;
	overflow-x:auto;
	white-space:nowrap
}
.nav-scroll p a {
	display:inline-block;
	position:relative;
	padding:0 0.2133333333rem
}
.nav-scroll p a.on {
	color:#ff9600;
	font-weight:bold
}
.nav-scroll p a.on::after {
display:block;
position:absolute;
content:"";
left:0.3466666667rem;
right:0.3466666667rem;
bottom:0.1066666667rem;
border-top:2px solid #ff9600
}
.nav-scroll .toggle {
	display:block;
	position:relative;
	z-index:2;
	width:1.0666666667rem;
	height:0.9066666667rem;
	float:right
}
.nav-scroll .toggle::before {
position:absolute;
content:"";
top:13px;
right:0;
width:22px;
height:2px;
padding:6px 0;
border-top:2px solid;
border-bottom:2px solid;
transform:scale(0.8);
background-color:currentColor;
background-clip:content-box
}
.nav-scroll .toggle::before {
right:0.32rem
}
.nav-scroll .toggle::after {
position:absolute;
top:0;
bottom:0;
left:-0.6666666667rem;
content:"";
width:0.6666666667rem;
background:linear-gradient(to left, rgb(255, 255, 255), rgba(0, 0, 0, 0.01))
}
.for-home .nav-scroll p a {
	color:#fff
}
.for-home .nav-scroll p a.on::after {
border-top:2px solid #f6d42c
}
.for-home .nav-scroll .toggle {
	color:#fff
}
.for-home .nav-scroll .toggle::after {
bottom:-0.2133333333rem;
left:-0.5866666667rem;
background:linear-gradient(to left, rgba(254, 145, 9, 0.5), rgba(0, 0, 0, 0.01))
}
.el-slider {
	height:4.2666666667rem;
	overflow:hidden
}
.el-slider .slider-title {
	padding-right:10px
}
.el-slider .slider-nav {
	bottom:-0.5333333333rem;
	text-align:center
}
.el-slider .slider-nav a {
	width:0.08rem !important;
	height:0.08rem !important;
	line-height:0 !important;
	margin:0 0.08rem !important;
	overflow:hidden !important;
	border-radius:50%;
	font-size:0 !important;
	background:rgba(0, 0, 0, .3)
}
.el-slider .slider-nav a.on {
	width:0.2666666667rem !important;
	border-radius:0.1066666667rem !important
}
.normal-slider-container {
	margin:0.4rem
}
.normal-slider-container .el-slider {
	height:4.2666666667rem;
	overflow:hidden
}
.normal-slider-container .el-slider .slider-title {
	padding-right:10px
}
.normal-slider-container .el-slider .slider-nav {
	bottom:-0.5333333333rem;
	text-align:center
}
.normal-slider-container .el-slider .slider-nav a {
	width:0.08rem;
	height:0.08rem;
	line-height:0;
	margin:0 0.08rem;
	overflow:hidden;
	border-radius:50%;
	font-size:0;
	background:rgba(0, 0, 0, .3)
}
.normal-slider-container .el-slider .slider-nav a.on {
	width:0.2666666667rem;
	border-radius:0.1066666667rem
}
section.border, .sec-border {
	border-bottom:0.2666666667rem solid #f5f5f5
}
section.border-top {
	border-top:0.2666666667rem solid #f5f5f5
}
section {
	padding:0 0.4rem
}
section .sbj, section .sbj-2 {
	overflow:hidden;
	position:relative;
	height:1.0666666667rem;
	line-height:1.0666666667rem;
	text-align:right;
	border-bottom:1px solid #eee
}
section .sbj b, section .sbj-2 b {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	line-height:1.1733333333rem;
	font-size:0.48rem;
	box-sizing:border-box
}
section .sbj b i, section .sbj-2 b i {
	padding-left:0.08rem;
	font-size:0.32rem;
	color:#888
}
section .sbj .more, section .sbj-2 .more {
	display:inline-block;
	line-height:1.2;
	padding:0.08rem 0.2666666667rem;
	border:1px solid #fe9111;
	border-radius:0.5333333333rem;
	font-size:0.32rem;
	color:#fe9111
}
section .sbj-2 b {
	float:left;
	position:relative;
	display:block;
	line-height:1.0666666667rem;
	margin-right:0.4rem
}
section .sbj-2 a.on b {
	color:#f57f15
}
section .sbj-2 a.on b::after {
position:absolute;
left:0;
right:0;
bottom:0;
content:"";
width:100%;
height:0.0533333333rem;
background-color:orange
}
section .cate-sbj {
	overflow:hidden;
	margin:0.2666666667rem 0;
	color:#ff6a0d
}
section .cate-sbj b {
	float:left;
	display:block;
	padding-left:0.6666666667rem;
	max-width:6.8rem;
	font-size:0.5066666667rem;
	background-position:left center;
	background-size:auto 0.5333333333rem;
	background-repeat:no-repeat;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
section .cate-sbj b.hot {
	background-image:url(../images/icon_hot.png)
}
section .cate-sbj a {
	float:right;
	display:block;
	margin-top:0.1333333333rem;
	padding:0px 10px 0px 15px;
	line-height:1.5;
	font-size:0.3733333333rem;
	color:#f57f15;
	border-radius:25px;
	border:1px solid #f57f15
}
section .tag-scroll {
	position:relative;
	margin:0.2666666667rem -0.4rem;
	margin-right:-0.4rem
}
section .tag-scroll p {
	margin:0 0.4rem;
	padding-right:0.4rem;
	white-space:nowrap;
	overflow-x:auto
}
@media screen and (min-width: 500px) {
section .tag-scroll p::-webkit-scrollbar {
width:2px;
height:2px
}
section .tag-scroll p::-webkit-scrollbar-track {
width:2px;
height:2px
}
section .tag-scroll p::-webkit-scrollbar-thumb {
background-color:rgba(0, 0, 0, .15)
}
}
section .tag-scroll::after {
position:absolute;
top:0;
right:0;
bottom:0;
content:"";
width:1.3333333333rem;
background:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0.01))
}
section .tag-scroll a {
	display:inline-block;
	line-height:0.9066666667rem;
	padding:0 0.4rem;
	margin-right:0.1333333333rem;
	vertical-align:top;
	border-radius:0.5333333333rem;
	background-color:#f6f6f6
}
section .tag-scroll.tag-grey {
	background-color:#f7f7f7
}
section .tags {
	display:flex;
	flex-wrap:wrap;
	padding:0.2666666667rem 0;
	margin:0 -0.2133333333rem
}
section .tags p {
	display:flex;
	flex-wrap:wrap
}
section .tags a {
	display:inline-block;
	flex:auto;
	padding:0.1066666667rem 0.2666666667rem 0.08rem;
	margin:0.16rem;
	border:1px solid #eee;
	border-radius:0.5333333333rem;
	text-align:center;
	font-size:0.3733333333rem
}
section .tags-2 p {
	display:flex;
	flex-wrap:wrap
}
section .tags-2 p a {
	border:0;
	color:#f57f15;
	background-color:#fef3e4
}
section .tags-3 p {
	justify-content:space-around;
	width:100%
}
section .tags-3 a {
	margin:0.16rem 0.2666666667rem;
	border:0;
	color:#f57f15;
	background-color:#fef3e4
}
section .btn-more {
	padding:0.2666666667rem 0;
	text-align:center
}
section .btn-more a {
	display:inline-block;
	padding:0.08rem 0.32rem;
	padding-right:0.4266666667rem;
	color:#f57f15;
	background:url(../images/icon_more.png) right 0.2133333333rem no-repeat;
	background-size:0.4rem
}
section .art-bigger {
	border-bottom:1px solid #eee
}
section .art-bigger strong {
	display:block;
	margin:0.32rem 0 0.2133333333rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:normal
}
section .art-bigger em {
	display:block;
	line-height:0;
	overflow:hidden;
	border-radius:0.16rem
}
section .art-bigger em.type-vid {
	position:relative
}
section .art-bigger em.type-vid::after {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
opacity:.85;
background:url(../images/play_white.png) center no-repeat;
background-size:1.3333333333rem
}
section .art-bigger i {
	font-size:0.32rem;
	line-height:2.5;
	color:#6c82d5
}
section .search-box {
	margin:0.5333333333rem 0 0.6666666667rem;
	overflow:hidden
}
section .search {
	position:relative;
	overflow:hidden;
	border-radius:1.3333333333rem;
	border:1px solid #ccc
}
section .search input[type=search] {
	display:block;
	width:80%;
	height:0.8533333333rem;
	line-height:0.8533333333rem;
	padding-left:0.5333333333rem;
	margin:0.0533333333rem 0;
	float:left;
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-align:left;
	font-size:0.3733333333rem
}
section .search input[type=search]:focus {
	outline:none;
	text-align:left;
	background-position:0.2666666667rem center
}
section .search input[type=submit] {
	position:absolute;
	top:0;
	right:0;
	height:0.96rem;
	line-height:0.8533333333rem;
	float:right;
	padding-left:0.2666666667rem;
	margin-right:0.2666666667rem;
	font-size:0.3733333333rem;
	border:none;
	border-left:1px solid #ddd;
	border-radius:0;
	color:#555;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:#fff
}
.article-list a {
	position:relative;
	display:block;
	margin:0.2666666667rem 0;
	padding-right:0.9333333333rem;
	font-size:0.4266666667rem;
	color:#666;
	max-width:100%;
	width:-moz-fit-content;
	width:fit-content;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.article-list a i {
	display:inline-block;
	margin-right:0.1333333333rem;
	width:0.56rem;
	height:0.56rem;
	line-height:0.56rem;
	padding-right:0.16rem;
	text-align:center;
	color:#fff;
	font-size:0.32rem;
	font-style:italic;
	transform:scale(0.8);
	background:no-repeat center/100% url(../images/list_style_04.png)
}
.article-list a:nth-child(1) {
position:relative
}
.article-list a:nth-child(1) i {
background-image:url(../images/list_style_01.png)
}
.article-list a:nth-child(1)::after {
position:absolute;
top:45%;
right:0.1333333333rem;
transform:translateY(-50%);
content:"";
width:0.8rem;
height:0.5333333333rem;
background:url(../images/icon_hot_2.png) no-repeat center/100%
}
.article-list a:nth-child(2) {
position:relative
}
.article-list a:nth-child(2) i {
background-image:url(../images/list_style_02.png)
}
.article-list a:nth-child(2)::after {
position:absolute;
top:45%;
right:0.1333333333rem;
transform:translateY(-50%);
content:"";
width:0.8rem;
height:0.5333333333rem;
background:url(../images/icon_hot_2.png) no-repeat center/100%
}
.article-list a:nth-child(3) {
position:relative
}
.article-list a:nth-child(3) i {
background-image:url(../images/list_style_03.png)
}
.article-list a:nth-child(3)::after {
position:absolute;
top:45%;
right:0.1333333333rem;
transform:translateY(-50%);
content:"";
width:0.8rem;
height:0.5333333333rem;
background:url(../images/icon_hot_2.png) no-repeat center/100%
}
.pager {
	overflow:hidden;
	padding:0.2666666667rem 0 0.6666666667rem;
	text-align:center
}
.pager span, .pager a {
	display:inline-block;
	line-height:1.4;
	padding:0.1333333333rem 0.2133333333rem 0.1066666667rem;
	margin:0 0.0533333333rem;
	font-size:0.32rem;
	border:1px solid #ddd;
	color:#333;
	background:#fff
}
.pager span.active, .pager span.on, .pager a.active, .pager a.on {
	color:#fff;
	border-color:#f57f15;
	background:#f57f15
}
.pager span.prev, .pager span.next, .pager a.prev, .pager a.next {
	position:relative
}
.pager span.prev::before, .pager span.next::before, .pager a.prev::before, .pager a.next::before {
content:"a";
color:#fff
}
.pager span.prev::after, .pager span.next::after, .pager a.prev::after, .pager a.next::after {
position:absolute;
top:50%;
left:50%;
content:"";
width:10px;
height:10px;
border:1px solid #666
}
.pager span.prev::after, .pager a.prev::after {
transform:rotate(-45deg) translate(10%, -50%);
border-right:0;
border-bottom:0
}
.pager span.next::after, .pager a.next::after {
transform:rotate(-45deg) translate(-25%, -80%);
border-left:0;
border-top:0
}
.pager span {
	color:#888
}
@media screen and (min-width: 500px) {
.header-menu {
left:initial;
right:initial;
max-width:500px
}
}
.photo-text dl {
	position:relative;
	overflow:hidden;
	padding:0.4rem 0
}
.photo-text dl::after {
position:absolute;
left:0;
right:0;
bottom:0;
content:"";
border-top:1px solid #ddd;
transform:scaleY(0.5)
}
.photo-text dl.type-vid dt {
	position:relative;
	margin-left:0;
	margin-right:0.2666666667rem;
	float:left
}
.photo-text dl.type-vid dt::after {
position:absolute;
right:0.16rem;
bottom:0.1066666667rem;
content:"";
width:28px;
height:28px;
background:url(../images/icon_play.png) center no-repeat;
background-size:100% auto
}
.photo-text dl.type-vid dd {
	margin-top:-0.0533333333rem
}
.photo-text dl.type-vid dd p {
	font-size:0.3466666667rem
}
.photo-text dl.type-vid dd b {
	display:block;
	font-size:0.4rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.photo-text dl.type-vid dd span {
	font-size:0.4rem;
	color:#f57f15
}
.photo-text.rec-article a:last-child dl:last-child::after {
display:none
}
.photo-text.rec-article dd {
	margin-top:-0.08rem
}
.photo-text.rec-article b {
	height:1.4666666667rem !important;
	line-height:1.8;
	margin-bottom:0.2133333333rem
}
.photo-text.rec-article .doc {
	line-height:1.8;
	overflow:hidden;
	font-size:0.32rem;
	color:#888
}
.photo-text.rec-article .doc i {
	display:block;
	width:0.5333333333rem;
	height:0.5333333333rem;
	float:left;
	margin-right:0.16rem;
	border-radius:50%;
	overflow:hidden
}
.photo-text.rec-article .doc i img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.photo-text.rec-article .doc span {
	font-size:0.3466666667rem;
	color:#333
}
.photo-text.rec-article .doc p {
	font-size:0.32rem
}
.photo-text dt {
	width:3.2rem;
	height:1.8133333333rem;
	margin-right:0.32rem;
	float:left;
	overflow:hidden;
	border-radius:0.1066666667rem
}
.photo-text dt img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.photo-text dd {
	overflow:hidden
}
.photo-text dd b {
	display:block;
	line-height:1.4;
	margin-bottom:0.1066666667rem;
	font-size:0.4rem;
	font-weight:normal;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.photo-text dd b.row2 {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;/*! autoprefixer: off */
	height:2.8em;
	white-space:normal
}
.photo-text dd b i {
	display:inline-block;
	line-height:1;
	margin-left:0.1066666667rem;
	margin-top:0.08rem;
	padding:0.08rem 0.16rem 0.0533333333rem;
	border-radius:0.5333333333rem;
	font-size:0.2666666667rem;
	color:#fff;
	vertical-align:top;
	background:#9bce35
}
.photo-text dd p {
	margin-bottom:0.0533333333rem;
	word-spacing:0.1333333333rem;
	font-size:0.3733333333rem;
	color:#888;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.photo-text dd p:last-child {
	margin-bottom:0
}
.photo-text dd p em {
	color:#f57f15
}
.photo-text dd p.row2 {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;/*! autoprefixer: off */
	height:3em;
	white-space:normal
}
.photo-text.videos dt {
	position:relative;
	margin-left:0;
	margin-right:0.2666666667rem;
	float:left
}
.photo-text.videos dt::after {
position:absolute;
right:0.16rem;
bottom:0.1066666667rem;
content:"";
width:28px;
height:28px;
background:url(../images/icon_play.png) center no-repeat;
background-size:100% auto
}
.photo-text.videos dd strong {
	font-weight:normal;
	color:#333
}
@media screen and (max-width: 320px) {
.photo-text.sp-list dt {
width:3.7333333333rem !important
}
.photo-text.sp-list dd p {
font-size:0.2933333333rem
}
}
.photo-text.sp-list {
	padding-top:0.4rem
}
.photo-text.sp-list dt {
	margin-right:0.2133333333rem;
	width:4rem
}
.photo-text.sp-list dt img {
	-o-object-fit:fill;
	object-fit:fill
}
.photo-text.sp-list dd b {
	margin-bottom:0.2666666667rem;
	font-size:0.3733333333rem;
	line-height:1.2
}
.photo-text.sp-list p {
	font-size:0.3466666667rem;
	white-space:normal
}
.photo-text.sp-list a.more {
	color:#f57f15
}
.photo-text.video dt {
	position:relative
}
.photo-text.video dt::after {
position:absolute;
bottom:0.0533333333rem;
right:0.0533333333rem;
content:""
}
.photo-text.product dt {
	padding:0.1333333333rem;
	width:3.2rem;
	height:2.08rem;
	border:1px solid #eee
}
.photo-text.product dd b {
	margin-bottom:0.32rem
}
.banner-sp {
	overflow:hidden;
	margin:0 0 0.4rem;
	padding-bottom:0.5333333333rem;
	height:2.9333333333rem;
	border-radius:0.1333333333rem
}
.banner-sp img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.banner-slider {
	overflow:hidden;
	margin:0 0 0.4rem
}
.banner-slider .el-slider {
	height:3.2rem
}
.banner-slider .el-slider .col-three {
	margin:0.4rem 0
}
.banner-slider .el-slider .col-three dd {
	font-size:0.32rem
}
.banner-slider .el-slider .slider-nav {
	bottom:0;
	text-align:center
}
.banner-slider .el-slider .slider-nav a {
	background-color:rgba(0, 0, 0, .3)
}
.banner-slider .more-sp {
	display:block;
	color:#f57f15;
	text-align:center;
	font-size:0.3733333333rem
}
.headline {
	margin:0 -0.4rem;
	padding:0.2133333333rem 0.4rem;
	border-bottom:0.4rem solid #fff;
	font-size:0.3733333333rem;
	background:#f5f5f5
}
.headline ul {
	padding-left:1.6rem;
	background:url(../images/headline.png) left center no-repeat;
	background-size:1.3333333333rem auto
}
.headline a {
	display:block;
	position:relative;
	height:0.8rem;
	line-height:0.8rem;
	padding-left:0.24rem;
	color:#f57f15;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.headline a::before {
position:absolute;
top:0.4rem;
left:0;
content:"";
width:0.08rem;
height:0.08rem;
border-radius:50%;
background:#f57f15
}
.doctor-slider {
	margin:0
}
.doctor-slider .el-slider {
	padding-bottom:0.4rem
}
.doctor-slider .el-slider .slider-nav {
	bottom:0.1333333333rem;
	text-align:center
}
.doctor-slider .el-slider .slider-nav a {
	width:0.1066666667rem;
	height:0.1066666667rem;
	margin:0 0.08rem;
	border-radius:50%;
	background:rgba(0, 0, 0, .3)
}
.doctor-slider .el-slider .slider-nav a.on {
	width:0.2666666667rem;
	border-radius:0.1066666667rem
}
.doctor-card-box {
	display:flex;
	justify-content:space-between
}
.doctor-card {
	width:47%;
	margin:0.4rem 0.08rem;
	padding:0.6666666667rem 0.4rem;
	border-radius:0.2133333333rem;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff
}
.doctor-card dl {
	overflow:hidden
}
.doctor-card dt {
	width:1.8666666667rem;
	height:1.8666666667rem;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden
}
.doctor-card dt img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.doctor-card dd {
	position:relative;
	padding:0.2133333333rem 0 0.7466666667rem;
	overflow:hidden;
	color:#888;
	font-size:0.3733333333rem;
	word-spacing:0.16rem
}
.doctor-card dd b {
	font-weight:normal;
	color:#f57f15;
	font-size:0.4266666667rem
}
.doctor-card dd p {
	margin:0.0533333333rem 0 0.1333333333rem;
	word-spacing:0.1333333333rem;
	text-align:center;
	font-size:0.3466666667rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.doctor-card dd p:last-child {
	font-size:0.2933333333rem
}
.doctor-card dd em {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%, 0);
	padding:0.1066666667rem 0.32rem;
	border-radius:0.5333333333rem;
	color:#fff;
	font-size:0.2933333333rem;
	background:linear-gradient(to right, #ff7800, #ffb300);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.tag-scroll {
	position:relative;
	margin:0.2666666667rem 0
}
.tag-scroll p {
	white-space:nowrap;
	overflow-x:auto
}
.tag-scroll::after {
position:absolute;
top:0;
right:0;
bottom:0;
content:"";
width:1.3333333333rem;
background:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0.01))
}
.tag-scroll a {
	display:inline-block;
	line-height:1.0666666667rem;
	padding-right:0.4rem;
	vertical-align:top
}
.tag-scroll a.on {
	color:#f57f15
}
.ask-card {
	margin-left:-0.08rem;
	padding-left:0.08rem;
	overflow:hidden;
	overflow-x:auto
}
@media screen and (min-width: 500px) {
.ask-card::-webkit-scrollbar {
width:2px;
height:2px
}
.ask-card::-webkit-scrollbar-track {
width:2px;
height:2px
}
.ask-card::-webkit-scrollbar-thumb {
background-color:rgba(0, 0, 0, .15)
}
}
.ask-card ul {
	padding:0.2666666667rem 0;
	white-space:nowrap
}
.ask-card li {
	display:inline-block;
	position:relative;
	width:86%;
	padding:0.2666666667rem 0.2666666667rem 0.2133333333rem 0.32rem;
	margin-right:0.2666666667rem;
	white-space:normal;
	border-radius:0.2133333333rem;
	vertical-align:top;
	box-shadow:0 0 0.08rem rgba(0, 0, 0, .15)
}
.ask-card li a {
	color:#888;
	font-size:0.32rem
}
.ask-card li b {
	display:block;
	margin-bottom:0.1333333333rem;
	font-size:0.4rem;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ask-card li em {
	display:block;
	width:0.6666666667rem;
	height:0.6666666667rem;
	margin-right:0.2666666667rem;
	float:left;
	overflow:hidden;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover
}
.ask-card li em img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.ask-card li span {
	display:block;
	height:0.6666666667rem;
	line-height:0.6666666667rem;
	word-spacing:0.1333333333rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ask-card li strong {
	color:#f57f15
}
.ask-card li p {
	height:0.96rem;
	margin:0.2133333333rem 0 0.16rem;
	overflow:hidden
}
.ask-card li i {
	font-size:0.2666666667rem;
	color:#888
}
.ask-card li .btn {
	position:absolute;
	right:0;
	bottom:0;
	padding:0.0533333333rem 0.2133333333rem;
	border-radius:0.1333333333rem 0 0.1333333333rem 0;
	color:#fff;
	background:linear-gradient(to right, #0068b7, #00479d)
}
.ask-card li .btn-orange {
	background:linear-gradient(to right, #f26c0c, #ff9600)
}
.faq dl {
	position:relative;
	padding:0.4rem 0
}
.faq dl::after {
position:absolute;
left:0;
right:0;
bottom:0;
content:"";
border-top:1px solid #ddd;
transform:scaleY(0.5)
}
.faq dt {
	padding-left:0.6666666667rem;
	text-indent:-0.6666666667rem;
	font-size:0.4266666667rem
}
.faq dt::before {
display:inline-block;
content:"";
width:0.5333333333rem;
height:0.5333333333rem;
margin-right:5px;
vertical-align:middle;
background:url(../images/icon_que.png) left top no-repeat;
background-size:0.5333333333rem auto
}
.faq dd {
	margin-top:0.08rem;
	padding-left:0.6666666667rem;
	text-indent:-0.6666666667rem;
	color:#888;
	font-size:0.3733333333rem;
	text-align:justify
}
.faq dd::before {
display:inline-block;
content:"A:";
width:0.5333333333rem;
height:0.5333333333rem;
margin-right:0.1333333333rem;
text-align:right;
font-size:0.3733333333rem
}
.faq .banner {
	margin-top:0.4rem
}
.head-art {
	display:block;
	margin:0.2666666667rem 0
}
.head-art b {
	display:block;
	font-weight:normal;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.head-art p {
	padding-top:0.08rem;
	font-size:0.3733333333rem;
	color:#888
}
.head-art p em {
	color:#f57f15
}
.art-list {
	margin-top:0.1333333333rem;
	margin-bottom:0.1333333333rem;
	overflow:hidden;
	clear:both
}
.art-list a {
	position:relative;
	display:block;
	padding:0.1333333333rem 0;
	font-size:0.3733333333rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-indent:0.2666666667rem
}
.art-list a::before {
position:absolute;
top:50%;
left:0;
width:3px;
height:3px;
border-radius:50%;
content:"";
transform:translateY(-50%);
background:#999
}
.art-list a:last-child {
	border-bottom:0
}
.footer-nav {
	padding:0.2666666667rem 0 0.2666666667rem 0;
	overflow:hidden;
	background-color:#fafafa
}
.footer-nav a {
	display:block;
	width:14.28%;
	height:0.8rem;
	line-height:0.8rem;
	float:left;
	font-size:0.3733333333rem;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.col-three {
	display:flex;
	margin:0.32rem 0 0.16rem
}
.col-three a {
	display:block;
	flex:1;
	padding:0 0.16rem
}
.col-three a:first-child {
	padding-left:0
}
.col-three a:last-child {
	padding-right:0
}
.col-three dt {
	width:2.8453333333rem;
	height:1.6rem;
	overflow:hidden;
	border-radius:0.16rem
}
.col-three dt img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.col-three dd {
	margin:0.16rem 0;
	font-size:0.3733333333rem;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;/*! autoprefixer: off */
}
.banner .banner-top {
	width:100%;
	height:1.4666666667rem
}
.banner .banner-top img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.btn-more-toggle {
	display:block;
	position:relative;
	padding:0.5333333333rem 0 0.2666666667rem 0;
	color:#f26c0c !important;
	text-align:center;
	font-size:0.3466666667rem
}
.btn-more-toggle::before {
top:0.2666666667rem;
display:inline-block;
position:absolute;
top:0.2133333333rem;
left:50%;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
border:1px solid #f26c0c;
border-top:0;
border-left:0;
transform:rotate(45deg) translateX(-50%)
}
.btn-more-toggle::after {
display:inline-block;
position:absolute;
top:0.2133333333rem;
left:50%;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
border:1px solid #f26c0c;
border-top:0;
border-left:0;
transform:rotate(45deg) translateX(-50%);
top:0.3466666667rem
}
.btn-more-toggle.up::before {
display:inline-block;
position:absolute;
top:0.2133333333rem;
left:50%;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
border:1px solid #f26c0c;
border-top:0;
border-left:0;
transform:rotate(45deg) translateX(-50%);
top:0.4rem;
border:1px solid #f26c0c;
border-right:0;
border-bottom:0
}
.btn-more-toggle.up::after {
display:inline-block;
position:absolute;
top:0.2133333333rem;
left:50%;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
border:1px solid #f26c0c;
border-top:0;
border-left:0;
transform:rotate(45deg) translateX(-50%);
top:0.5066666667rem;
border:1px solid #f26c0c;
border-right:0;
border-bottom:0
}
.sec-radius {
	overflow:hidden;
	margin:0.4rem;
	padding:0 0.2666666667rem;
	border-radius:0.2666666667rem;
	background-color:#fff;
	box-shadow:0 0 0.1333333333rem 0.1333333333rem rgba(238, 238, 238, .3)
}
.sec-radius .cont a:last-child dl {
	margin-bottom:0
}
.sec-radius .cont dl {
	margin-bottom:0.5333333333rem
}
.sec-radius .cont.photo-text dl {
	padding:0
}
.sec-radius .cont.photo-text dl::after {
display:none
}
.sec-radius.banner {
	padding:0;
	border-radius:0;
	box-shadow:none;
	background-color:rgba(0, 0, 0, 0)
}
.sec-sbj {
	overflow:hidden;
	color:#f99e00
}
.sec-sbj b {
	float:left;
	display:block;
	padding-left:0.6666666667rem;
	font-size:0.5333333333rem;
	background-position:left center;
	background-size:auto 0.5333333333rem;
	background-repeat:no-repeat
}
.sec-sbj b.video {
	background-image:url(../images/icon_video.png)
}
.sec-sbj b.hos {
	background-image:url(../images/icon_hos.png)
}
.sec-sbj b.disease {
	background-image:url(../images/icon_dis.png)
}
.sec-sbj b.medic {
	background-image:url(../images/icon_medic.png)
}
.sec-sbj b.audio {
	background-image:url(../images/icon_mic.png)
}
.sec-sbj b.que-ans {
	background-image:url(../images/icon_q&a.png)
}
.sec-sbj b.people {
	background-image:url(../images/icon_people.png)
}
.sec-sbj b.article {
	background-image:url(../images/icon_article.png)
}
.sec-sbj a {
	float:right;
	display:block;
	margin-top:0.1333333333rem;
	padding:0px 10px 0px 15px;
	line-height:1.5;
	font-size:0.3733333333rem;
	color:#ff9000;
	border-radius:25px;
	border:1px solid #ff9000
}
.footer-tags {
	overflow:hidden;
	margin:0 0.48rem 0.2666666667rem
}
.footer-tags a {
	float:left;
	display:block;
	margin-right:.8em;
	width:3.5em;
	font-size:0.2666666667rem;
	text-align:right;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.footer-tags a:nth-child(8n) {
margin-right:0
}

.data-center .tabs {
	display:flex;
	margin:0 -0.16rem;
	margin-top:0.4rem
}
.data-center .tabs a {
	display:block;
	position:relative;
	flex:1;
	line-height:1.0666666667rem;
	padding:0 0.1333333333rem 0 0.32rem;
	margin:0 0.1333333333rem;
	border-radius:0.5333333333rem;
	color:#666;
	font-size:0.3733333333rem;
	background-color:#f6f6f6
}
.data-center .tabs a::after {
display:inline-block;
position:absolute;
top:0.1333333333rem;
right:0.1333333333rem;
content:"";
width:0.8rem;
height:0.8rem;
border-radius:0.8rem;
background-position:center;
background-repeat:no-repeat;
background-size:0.5333333333rem;
background-color:#fff
}
.data-center .tabs .icon-1::after {
background-image:url(../images/icon_33_1.png)
}
.data-center .tabs .icon-1.on {
	color:#fff;
	background-color:#febc5f
}
.data-center .tabs .icon-1.on::after {
background-image:url(../images/icon_33_1_on.png)
}
.data-center .tabs .icon-1.on::before {
position:absolute;
left:50%;
bottom:-0.1866666667rem;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
transform:rotate(45deg) translateX(-50%);
background-color:#febc5f
}
.data-center .tabs .icon-2::after {
background-image:url(../images/icon_33_2.png)
}
.data-center .tabs .icon-2.on {
	color:#fff;
	background-color:#febc5f
}
.data-center .tabs .icon-2.on::after {
background-image:url(../images/icon_33_2_on.png)
}
.data-center .tabs .icon-2.on::before {
position:absolute;
left:50%;
bottom:-0.1866666667rem;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
transform:rotate(45deg) translateX(-50%);
background-color:#febc5f
}
.data-center .tabs .icon-3::after {
background-image:url(../images/icon_33_3.png)
}
.data-center .tabs .icon-3.on {
	color:#fff;
	background-color:#febc5f
}
.data-center .tabs .icon-3.on::after {
background-image:url(../images/icon_33_3_on.png)
}
.data-center .tabs .icon-3.on::before {
position:absolute;
left:50%;
bottom:-0.1866666667rem;
content:"";
width:0.2133333333rem;
height:0.2133333333rem;
transform:rotate(45deg) translateX(-50%);
background-color:#febc5f
}
.data-center .item {
	margin:0.2666666667rem -0.2666666667rem;
	overflow:hidden
}
.data-center .item.type-1 .card, .data-center .item.type-2 .card, .data-center .item.type-3 .card {
	overflow:hidden
}
.data-center .item.type-1 .card a, .data-center .item.type-2 .card a, .data-center .item.type-3 .card a {
	display:block;
	width:33.3%;
	float:left;
	margin:0.2666666667rem 0;
	text-align:center
}
.data-center .item.type-1 .card i, .data-center .item.type-2 .card i, .data-center .item.type-3 .card i {
	display:block;
	height:1.8666666667rem;
	margin:0 0.2666666667rem;
	margin-bottom:0.16rem;
	overflow:hidden;
	border-radius:0.2133333333rem;
	box-shadow:0 0 5px rgba(0, 0, 0, .2)
}
.data-center .item.type-1 .card i img, .data-center .item.type-2 .card i img, .data-center .item.type-3 .card i img {
	-o-object-fit:cover;
	object-fit:cover
}
.data-center .item.type-1 .card em, .data-center .item.type-2 .card em, .data-center .item.type-3 .card em {
	display:block;
	padding:0 0.2666666667rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.data-center .item.type-2 .card i img {
	width:50%;
	margin-top:0.24rem
}
.data-center .item.type-3 .card i {
	position:relative;
	overflow:hidden;
	box-shadow:none;
	border-radius:0.2666666667rem;
	background-color:#6ad6e9
}
.data-center .item.type-3 .card i img {
	width:50%;
	margin-top:0.24rem
}
.data-center .item.type-3 .card i::before {
position:absolute;
top:-0.5333333333rem;
left:-0.5333333333rem;
content:"";
width:1.3866666667rem;
height:1.3866666667rem;
border-radius:50%;
background-color:rgba(255, 255, 255, .2)
}
.data-center .item.type-3 .card i::after {
position:absolute;
bottom:0.2133333333rem;
right:0.2133333333rem;
content:"";
width:0.32rem;
height:0.32rem;
border-radius:50%;
background-color:rgba(255, 255, 255, .15)
}
.data-center .item p {
	display:flex;
	margin:0.1333333333rem 0.1333333333rem;
	overflow:hidden;
	clear:both
}
.data-center .item p a {
	display:inline-block;
	flex:1;
	padding:0.1333333333rem 0.4rem;
	margin:0 0.1333333333rem;
	border-radius:0.5333333333rem;
	text-align:center;
	color:#f57f15;
	font-size:0.3733333333rem;
	background:#fef3e4
}
.doctor-slider-2 {
	overflow:hidden;
	padding-bottom:0.2666666667rem
}
.doctor-slider-2 .doc-slider {
	padding-top:0.1333333333rem;
	padding-bottom:30px
}
.doctor-slider-2 .doc-slider .slider-nav {
	bottom:0;
	padding:0;
	text-align:center
}
.doctor-slider-2 .doc-slider .slider-nav a {
	float:initial;
	background:#ccc
}
.doctor-slider-2 .slider-item a {
	display:block;
	width:33.33%;
	float:left;
	text-align:center
}
.doctor-slider-2 .slider-item i {
	display:inline-block;
	width:2.1333333333rem;
	height:2.1333333333rem;
	overflow:hidden;
	border-radius:50%
}
.doctor-slider-2 .slider-item i img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.doctor-slider-2 .slider-item em {
	display:block;
	padding:0 0.1333333333rem;
	overflow:hidden;
	color:#333;
	font-size:0.3733333333rem
}
.doctor-slider-2 .slider-item p {
	padding:0 0.1333333333rem;
	overflow:hidden;
	color:gray;
	font-size:0.32rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.sp-title h1 {
	position:relative;
	margin:0.4rem auto;
	width:-moz-fit-content;
	width:fit-content;
	font-size:0.64rem;
	background-image:linear-gradient(to right, #ff5400, #ff9500);
	-webkit-text-fill-color:rgba(0, 0, 0, 0);
	-webkit-background-clip:text;
	background-clip:text
}
.sp-title h1::before, .sp-title h1::after {
position:absolute;
top:50%;
transform:translateY(-50%);
width:0.5866666667rem;
height:0.4rem;
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
content:""
}
.sp-title h1::before {
left:-1.12rem;
background-image:url(../images/sp_title_left.png)
}
.sp-title h1::after {
right:-1.12rem;
background-image:url(../images/sp_title_right.png)
}







.guide-block {
    overflow: hidden;
}
.guide-block dl {
    padding: 0.4rem 0 0.2666666667rem;
    border-bottom: 1px dotted #ddd;
    font-size: 0.3733333333rem;
    overflow: hidden;
    display: flex; /* 关键：让 dt 和 dd 水平排列 */
    align-items: flex-start; /* 顶部对齐 */
}
.guide-block dl:last-child {
    border-bottom: 0;
}
.guide-block dt {
    flex-shrink: 0; /* 禁止 dt 被压缩 */
    margin-right: 0.2666666667rem;
    width: 1.8666666667rem;
    height: auto; /* 取消固定高度 */
}
.guide-block dt i {
    display: block;
    line-height: 1.4666666667rem; /* 控制 dt 文字的垂直居中 */
}
.guide-block dt i a {
    color: #f57f15;
    text-decoration: none;
}
.guide-block dd {
    flex: 1; /* 让 dd 占满剩余宽度 */
    display: flex;
    flex-wrap: wrap; /* 关键：让内容自动换行 */
    gap: 0.2666666667rem; /* 项目之间的间距 */
    overflow: visible; /* 取消 hidden，让内容完整显示 */
    height: auto; /* 取消固定高度，让高度随内容撑开 */
}
.guide-block dd a {
    display: inline-block;
    width: calc(24% - 0.1333333333rem); /* 两列布局，减去 gap 的一半 */
    box-sizing: border-box;
    padding: 0.2rem 0; /* 上下内边距，增加点击区域 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #333;
}
/* 移除原来的 3n 规则 */
.guide-block dd a:nth-child(3n) {
    padding-right: 0;
}






.ban-consult {
	padding:0;
	overflow:hidden;
	clear:both
}
.ban-consult img {
	width:100%;
	float:left
}
.sitemap {
	padding:0.2666666667rem 0
}
.sitemap ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.sitemap ul li {
	position:relative;
	padding-left:0.2133333333rem;
	width:48%;
	line-height:2.4;
	font-size:0.3733333333rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.sitemap ul li a {
	color:#333
}
.sitemap ul li::before {
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
content:"";
width:0.08rem;
height:0.08rem;
border-radius:50%;
background-color:#f57f15
}
.filter {
	display:flex;
	flex-wrap:nowrap;
	height:1.0666666667rem;
	margin:0 -0.4rem;
	border-bottom:1px solid #eee
}
.filter span {
	flex:1;
	text-align:center
}
.filter span a {
	position:relative;
	display:inline-block;
	padding-left:0.6666666667rem;
	max-width:2.6666666667rem;
	height:1.0666666667rem;
	line-height:1.0666666667rem;
	padding-right:0.5333333333rem;
	font-size:0.48rem;
	background:no-repeat center left/auto 0.5333333333rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.filter span a::after {
position:absolute;
top:50%;
right:0;
content:"";
width:0.1866666667rem;
height:0.1866666667rem;
border:1px solid #ccc;
border-left:0;
border-bottom:0;
transform:rotate(135deg) translateY(100%)
}
.filter span a.on {
	color:#ff640e
}
.filter span a.on b {
	color:#ff640e
}
.filter span a.on::after {
border-color:#ff640e
}
.filter span b {
	color:#ccc
}
.filter-wrap .filter span a b {
	color:#ff640e
}
.filter-finish .filter {
	line-height:1.0666666667rem
}
.filter-finish .filter span {
	position:relative;
	border-right:1px solid #eee;
	color:#ff640e;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.filter-finish .filter a {
	padding-left:0;
	max-width:4.2666666667rem;
	font-size:0.4266666667rem
}
.new-filter {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:106;
	background:#fff
}
.new-filter .head {
	height:44px;
	border-bottom:1px solid #ddd
}
.new-filter .head .title {
	position:absolute;
	top:0;
	left:50px;
	right:50px;
	height:44px;
	line-height:44px;
	z-index:1;
	text-align:center;
	font-size:0.4266666667rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.new-filter .head .left, .new-filter .head .right {
	position:relative;
	z-index:2;
	height:44px
}
.new-filter .head .left .icon, .new-filter .head .right .icon {
	position:relative;
	display:inline-block;
	width:44px;
	height:44px
}
.new-filter .head .left .icon.icon-back::before, .new-filter .head .right .icon.icon-back::before {
position:absolute;
top:15px;
left:16px;
display:block;
width:12px;
height:12px;
content:"";
border:2px solid #f57f15;
border-right:0;
border-bottom:0;
transform:rotate(-45deg)
}
.new-filter .head .left {
	float:left
}
.new-filter .head .right {
	float:right
}
.new-filter .filter-content {
	position:absolute;
	top:44px;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	margin:0.4rem;
	padding:0.5333333333rem 0;
	border-radius:0.2666666667rem;
	background:linear-gradient(to right, #e6e6e6 50.1%, white 0);
	box-shadow:0 0 5px #eee
}
.new-filter dl, .new-filter dd {
	height:100%
}
.new-filter dt {
	display:none
}
.new-filter .primary {
	width:50%;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
	border-right:none;
	background-color:rgba(0, 0, 0, 0)
}
.new-filter .primary a {
	position:relative;
	background-color:#e6e6e6;
	border-bottom:none
}
.new-filter .primary a.on {
	background-color:#fff
}
.new-filter .primary a.on::after {
position:absolute;
top:0;
left:0;
bottom:0;
height:100%;
width:0.08rem;
content:"";
background-color:#ff640e
}
.new-filter .slave {
	overflow-y:auto;
	overflow-x:hidden
}
.new-filter .primary, .new-filter .slave {
	height:100%;
	-webkit-overflow-scrolling:touch;
	font-size:0.3733333333rem
}
.new-filter .primary a, .new-filter .slave a {
	display:block;
	line-height:2.5;
	padding-left:0.5333333333rem;
	font-size:0.48rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.new-filter .primary a.on, .new-filter .slave a.on {
	color:#ff640e;
	background:#fff
}
.new-filter .sort {
	display:none
}
.gray-page {
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray
}
.page_myztc {
	max-width:unset;
	box-shadow:none
}
.myztc {
	display:flex;
	width:860px;
	height:100vh;
	margin:0 auto;
	align-items:center;
	justify-content:center;
	background-color:#fff
}
.myztc .inner {
	width:90%;
	padding:1.3333333333rem 0.5333333333rem;
	border:1px solid #eee;
	border-radius:0.2666666667rem;
	box-shadow:0 0 3px rgba(0, 0, 0, .2);
	text-align:center
}
.myztc .inner h1 {
	margin-top:0.5333333333rem;
	font-size:0.5333333333rem;
	background:linear-gradient(to right, rgb(240, 56, 0), rgb(236, 142, 0));
	-webkit-background-clip:text;
	background-clip:text;
	color:rgba(0, 0, 0, 0)
}
.myztc .qrcode {
	display:inline-block;
	padding:0;
	margin:0.2666666667rem auto 0.2666666667rem;
	border:1px solid #ddd;
	border-radius:0.16rem;
	box-shadow:0 0 2px rgba(0, 0, 0, .15)
}
.myztc .qrcode img {
	max-width:200px
}
.myztc .tips {
	width:500px;
	line-height:1.8;
	margin:0 auto;
	margin-top:0.8rem;
	text-align:left
}
.myztc .tips strong {
	font-size:18px;
	color:#db0202
}
.myztc .tips .is-mobile, .myztc .tips .is-pc, .myztc .tips .is-weixin {
	display:none
}
.myztc .tips .is-weixin img {
	margin:10px auto 20px
}
.myztc button {
	display:inline-block;
	padding:0.2133333333rem 0.5333333333rem;
	margin-top:10px;
	border:none;
	border-radius:0.1333333333rem;
	font-size:0.4266666667rem;
	text-align:center;
	text-decoration:none;
	background-color:#007bff;
	color:#fff;
transition:background-color .3s ease
}
.myztc button:hover {
	background-color:#0056b3
}
@media screen and (max-width: 768px) {
.myztc {
width:auto; 
height:auto;
padding:0.5333333333rem 0
}
.myztc .inner {
min-height:92vh
}
.myztc .inner .img img {
width:90%
}
.myztc .inner .tips {
width:auto
}
.myztc .inner .tips strong {
display:block;
margin-bottom:0.2666666667rem;
font-size:0.4rem
}
}


footer {
    clear: both;
    color: #888;
    background: #f5f5f5; 
}

footer a {
    color: #888
}footer .copyright {
    margin-top: 10px;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: 13px
}

footer .copyright p {
    padding: 0 15px;
    font-size: 14px
}





.el-slider {
    position: relative
}

.el-slider img {
    max-width: 100%
}

.el-slider .slider-outer {
    position: relative;
    width: 100%;
    overflow: hidden;  
}

.el-slider .slider-inner {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.el-slider .slider-item {
    float: left;
    overflow: hidden;
    border-radius: 10px; position:relative; 
}

.el-slider .slider-item img {
    display: block
}

.el-slider .slider-nav {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 18px;
    padding-right: 10px;
    text-align: right
}

.el-slider .slider-nav a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.3)
}

.el-slider .slider-nav a.on {
    background: #ff9600
}

.el-slider .slider-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 25% 8px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 8px 8px;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.001))
}

.el-slider .btn-action {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 40px;
    height: 70px;
    transform: translateY(-50%);
    background: hsla(0,0%,100%,.6)
}

.el-slider .btn-action::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 25px;
    height: 25px;
    border: 2px solid rgba(0,0,0,.3);
    border-left: 0;
    border-bottom: 0
}

.el-slider .btn-action.btn-prev {
    left: 0;
    border-radius: 0 8px 8px 0
}

.el-slider .btn-action.btn-prev::after {
    left: 50%;
    transform: translate(-25%, -50%) rotate(-135deg)
}

.el-slider .btn-action.btn-next {
    right: 0;
    border-radius: 8px 0 0 8px
}

.el-slider .btn-action.btn-next::after {
    right: 50%;
    transform: translate(25%, -50%) rotate(45deg)
}



 
:root {
--fff:#fff;
--fff-70:hsla(0, 0%, 100%, .7);
--fff-50:hsla(0, 0%, 100%, .5);
--fff-16:hsla(0, 0%, 100%, .16);
--000-80:rgba(0, 0, 0, .8);
--000-70:rgba(0, 0, 0, .7);
--000-50:rgba(0, 0, 0, .5);
}

/* 深色/浅色模式变量 */
@media (prefers-color-scheme:dark) {
:root {
--theme:#2851db;
--theme-2:#5673cc;
--theme-50:rgba(40, 81, 219, .5);
--theme-24:rgba(40, 81, 219, .24);
--theme-12:rgba(40, 81, 219, .12);
--theme-06:rgba(40, 81, 219, .06);
--green:#1f9421;
--blue:#2493db;
--yellow:#db8928;
--yellow-12:rgba(219, 137, 40, .12);
--yellow-6:rgba(219, 137, 40, .06);
--red:#d12132;
--red-50:rgba(209, 33, 50, .5);
--red-2:#cc3d3d;
--font-color:#eaeaeb;
--font-color-2:#96989c;
--font-color-3:#595b5f;
--font-color-4:#3c3c3d;
--line:#262729;
--bg:#0a0a0b;
--card-1:#18181b;
--card-2:#26262b;
--game-live-icon:url(../fonts/icon_live_dark.svg);
--game-video-icon:url(../fonts/icon_video_dark.svg);
--game-replay-icon:url(../fonts/icon_replay_dark.svg)
}
}
@media (prefers-color-scheme:light) {
:root {
--theme:#386aff;
--theme-2:#6b90ff;
--theme-50:rgba(56, 106, 255, .5);
--theme-24:rgba(56, 106, 255, .24);
--theme-12:rgba(56, 106, 255, .12);
--theme-06:rgba(56, 106, 255, .06);
--green:#37b82e;
--blue:#32baff;
--yellow:#ffac38;
--yellow-12:rgba(255, 172, 56, .12);
--yellow-6:rgba(255, 172, 56, .06);
--red:#f22e2e;
--red-50:rgba(242, 46, 46, .5);
--red-2:#f26161;
--font-color:#0e0e0f;
--font-color-2:#818181;
--font-color-3:#b0b2b5;
--font-color-4:#ebebf0;
--line:#f2f2f3;
--bg:#f7f7f8;
--card-1:#fff;
--card-2:#f7f7f8;
--game-live-icon:url(../fonts/icon_live.svg);
--game-video-icon:url(../fonts/icon_video.svg);
--game-replay-icon:url(../fonts/icon_replay.svg)
}
}

/* 公共组件样式 */
.qmw__section {
	background-color:var(--card-1);
	box-sizing:border-box;
padding:.04rem .32rem .32rem;
	width:100%
}
.qmw__section__header {
	align-items:center;
	background-color:var(--card-1);
	display:flex;
	height:1rem;
	justify-content:space-between
}
.qmw__section__title {
	color:var(--font-color);
	display:flex;
font-size:.32rem;
	font-weight:600;
height:.52rem;
line-height:.52rem;
	margin:0
}
.qmw__section:not(:last-child) {
margin-bottom:.16rem
}
.recommend__game {
padding:.04rem 0 .32rem
}
.recommend__game .qmw__section__header {
	box-sizing:border-box;
padding:0 .32rem
}
/* 比赛滑动区域 slide__game - 适配750px设计稿，兼容当前JS动态rem */
.slide__game {
    display:flex;
    flex-wrap:wrap;
    height:2.56rem; /* 设计稿 192px → 192/75 */
    padding-bottom:.21rem; /* 设计稿 16px → 16/75 */
    position:relative;
    max-width:10rem; /* 限制最大宽度：750px → 750/75 */
    margin:0 auto;
}
.slide__game:before {
    background-image:radial-gradient(50% 50% at 50% 50%, var(--tab-d1) 0, var(--tab-d2) 90%);
    background-size:.21rem; /* 设计稿 16px → 16/75 */
    content:"";
    height:2.56rem; /* 设计稿 192px → 192/75 */
    position:absolute;
    right:.85rem; /* 设计稿 64px → 64/75 */
    top:0;
    width:.11rem; /* 设计稿 8px → 8/75 */
    z-index:2;
}
.slide__game__container {
    box-sizing:border-box;
    display:flex;
    flex-wrap:nowrap;
    overflow-x:scroll;
    overflow-y:hidden;
    padding:0 .21rem; /* 设计稿 16px → 16/75 */
    width:9.15rem; /* 设计稿 686px → 686/75 */
}
.slide__game__btn {
    align-items:center;
    background-color:var(--card-1);
    display:flex;
    height:2.56rem; /* 设计稿 192px → 192/75 */
    justify-content:center;
    width:.85rem; /* 设计稿 64px → 64/75 */
}
.slide__game__btn__img {
    fill:var(--font-color);
    height:1.52rem; /* 设计稿 114px → 114/75 */
    width:.37rem; /* 设计稿 28px → 28/75 */
}
.slide__game__list {
    background-color:var(--card-1);
    border-radius:.11rem; /* 设计稿 8px → 8/75 */
    box-sizing:border-box;
    display:flex;
    flex:0 0 5.17rem; /* 设计稿 388px → 388/75 */
    flex-direction:column;
    height:2.56rem; /* 设计稿 192px → 192/75 */
    justify-content:space-between;
    padding:.27rem; /* 设计稿 20px → 20/75 */
    position:relative;
}
.slide__game__list:not(:last-child) {
    margin-right:.21rem; /* 设计稿 16px → 16/75 */
}
.slide__game__list[status-alias=in] .slide__game__list__status>span:first-child {
    color:var(--red);
}
.slide__game__header {
    color:var(--font-color-3);
    display:flex;
    font-size:.29rem; /* 设计稿 22px → 22/75 */
    height:.48rem; /* 设计稿 36px → 36/75 */
    justify-content:space-between;
    line-height:.48rem; /* 设计稿 36px → 36/75 */
}
.slide__game__header>span {
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:box;
    overflow:hidden;
    position:relative;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.slide__game__header>span:first-child {
    box-sizing:border-box;
    max-width:4.64rem; /* 设计稿 348px → 348/75 */
    padding-left:.37rem; /* 设计稿 28px → 28/75 */
}
.slide__game__header>span:first-child:before {
    background-image:var(--game-video-icon);
    background-repeat:no-repeat;
    background-size:100% auto;
    content:"";
    height:.32rem; /* 设计稿 24px → 24/75 */
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:.32rem; /* 设计稿 24px → 24/75 */
}
.slide__game__header>span:last-child {
    max-width:1.71rem; /* 设计稿 128px → 128/75 */
}
.slide__game__info {
    align-items:center;
    box-sizing:border-box;
    display:flex;
    height:.75rem; /* 设计稿 56px → 56/75 */
    justify-content:center;
    padding:0 1.12rem; /* 设计稿 84px → 84/75 */
    position:relative;
    width:100%;
}

.slide__game__info .wwkks{font-size: 12px;
}


.slide__game__info>img {
    height:.75rem; /* 设计稿 56px → 56/75 */
    -o-object-fit:contain;
    object-fit:contain;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:.75rem; /* 设计稿 56px → 56/75 */
}
.slide__game__info>img:first-child {
    left:0;
    right:auto;
}
.slide__game__footer {
    color:var(--font-color);
    display:flex;
    font-size:.35rem; /* 设计稿 26px → 26/75 */
    height:.48rem; /* 设计稿 36px → 36/75 */
    justify-content:space-between;
    line-height:.48rem; /* 设计稿 36px → 36/75 */
    width:100%;
}
.slide__game__footer>span {
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:box;
    flex:0 0 1.76rem; /* 设计稿 132px → 132/75 */
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.slide__game__footer>span:last-child {
    text-align:right;
}
.slide__game__footer>span:nth-child(2) {
    color:var(--font-color-3);
    flex:0 0 .8rem; /* 设计稿 60px → 60/75 */
    font-family:Bebas;
    text-align:center;
}
.slide__game__list[hot="1"] .slide__game__header>span:first-child {
    background-image:url(../fonts/icon_fire.svg);
    background-position:100%;
    background-repeat:no-repeat;
    background-size:.27rem; /* 设计稿 20px → 20/75 */
    padding-right:.32rem; /* 设计稿 24px → 24/75 */
}
.slide__game__list[status-alias=in] .slide__game__header>span:first-child {
    color:var(--red);
}
.slide__game__list[status-alias=in] .slide__game__header>span:first-child:before {
    background-image:var(--game-live-icon);
}
.slide__game__list .slide__game__score>span:nth-child(2), 
.slide__game__list[status-alias=end] .slide__game__score>span[win="1"], 
.slide__game__list[status-alias=in] .slide__game__score>span {
    color:var(--font-color);
}
.slide__game__list[status-alias=end] .slide__game__header>span:first-child:before {
    background-image:var(--game-replay-icon);
}
.slide__game__list[status-alias=other] .slide__game__info {
    background-image:url(../fonts/bg_vs.svg);
    background-position:50%;
    background-repeat:no-repeat;
}
.slide__game__score {
    color:var(--font-color-3);
    display:flex;
    flex:1;
}
.slide__game__score>span {
    flex:1;
    font-family:Bebas;
    font-size:.4rem; /* 设计稿 30px → 30/75 */
}
.slide__game__score>span:first-child {
    text-align:right;
}
.slide__game__score>span:nth-child(2) {
    flex:0 0 .64rem; /* 设计稿 48px → 48/75 */
    text-align:center;
}
/* 最新比赛列表 fixture__list */
.fixture__list {
	cursor:pointer;
	display:flex;
	flex-direction:column;
	font-size:.39rem;
	padding:.48rem;
	position:relative
}
.fixture__list__header {
	align-items:center;
	color:var(--font-color-3);
	display:flex;
	font-size:.39rem;
	height:.54rem;
	justify-content:space-between;
	margin-bottom:.36rem
}
.fixture__list__header>span {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	flex:0 0 3.42rem;
	height:100%;
	white-space:nowrap
}
.fixture__list__header>span:first-child {
	color:var(--font-color-2)
}
.fixture__list__header>span:last-child {
	justify-content:flex-end
}
.fixture__list__status {
	align-items:center;
	display:flex;
	flex:1;
	justify-content:center
}
.fixture__list__status:before {
	background-position:50%;
	background-size:cover;
	content:"";
	height:.36rem;
	margin-right:.12rem;
	width:.36rem
}
.fixture__list__info {
	align-items:center;
	display:flex;
	height:.84rem;
	justify-content:space-between
}
.fixture__list__team {
	align-items:center;
	box-sizing:border-box;
	color:var(--font-color);
	display:flex;
	flex:0 0 calc(50% - 1.515rem);
	height:100%;
	overflow:hidden;
	padding-right:.84rem;
	position:relative;
	text-align:right
}
.fixture__list__team>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.fixture__list__team>img {
	height:.72rem;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	right:0;
	width:.72rem
}
.fixture__list__team:first-child {
	padding-left:.84rem;
	padding-right:0;
	text-align:left
}
.fixture__list__team:first-child>img {
	left:0;
	right:unset
}
.fixture__list__score {
	align-items:center;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:1.35rem .84rem;
	color:var(--font-color-3);
	display:flex;
	flex:0 0 3.03rem;
	font-family:Bebas;
	font-size:.51rem;
	height:100%;
	justify-content:space-between;
	text-align:center
}
.fixture__list__score>span {
	flex:0 0 0.84rem
}
.fixture__list__score>span[win="1"] {
	color:var(--font-color)
}
.fixture__list:not(:last-child):before {
	background-color:var(--line);
	bottom:0;
	content:"";
	height:.03rem;
	left:50%;
	position:absolute;
	transform:translate(-50%);
	width:calc(100% - .96rem)
}
.fixture__list[status-alias=wait] .fixture__list__status:before {
	background-image:var(--game-video-icon)
}
.fixture__list[status-alias=in] .fixture__list__status {
	color:var(--red)
}
.fixture__list[status-alias=in] .fixture__list__status:before {
	background-image:var(--game-live-icon)
}
.fixture__list[status-alias=end] .fixture__list__status[replay="0"]:before {
	display:none
}
.fixture__list[status-alias=end] .fixture__list__status:before {
	background-image:var(--game-replay-icon)
}
.fixture__list[status-alias=in][hot="1"] .fixture__list__status:after, .fixture__list[status-alias=wait][hot="1"] .fixture__list__status:after {
	background-image:url(../fonts/icon_fire.svg);
	background-position:50%;
	background-size:cover;
	content:"";
	height:.36rem;
	margin-left:.06rem;
	width:.36rem
}
.fixture__list[status-alias=end] .fixture__list__score, .fixture__list[status-alias=other] .fixture__list__score {
	background-image:url(../fonts/bg_vs.svg)
}
.fixture__list[status-alias=in] .fixture__list__score {
	background-image:url(../fonts/bg_vs_in.svg);
	color:var(--font-color)
}

/* 动画 */
@keyframes scaleDrew {
    0% { transform: scale(1); }
    25% { transform: scale(1.05); }
    50% { transform: scale(0.95); }
    75% { transform: scale(1.05); }
}
.ycdh{ display:none}
.pop-box {
    width: 100%;
    height: 100vh;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    position: fixed;
    top: 1.2266666667rem;
    left: 0%;
    display:  block; /* 默认隐藏 */
    z-index: 999; overflow-x:auto
}





/* 搜索弹窗容器 */
.search-main {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding-top: 13vh;
  background: rgba(20, 22, 27, 0.72);
  backdrop-filter: blur(10px);
}
.search-main.is-open {
  display: flex;
}

/* 弹窗内层卡片 */
.search-layer {
  position: relative;
  width: min(900px, calc(100% - 28px));
  padding: 26px;
  border-radius: 8px;
  background: #ffffff70;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

/* 关闭按钮 */
.search-close {
  position: absolute;
  top: -46px;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  border: 0;
  border-radius: 50%;
  background: #ff5704;
  color: #d7dbe3;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

/* 搜索引擎标签栏 */
.search-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.search-tabs button {
  min-width: 72px;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f90;
  color: #d7dbe3;
  cursor: pointer;
}
.search-tabs button.active {
  border-color: #ff6e00;
  background: #ff6e00;
  color: #fff;
}

/* 搜索表单容器 */
.search-engine-form {
  display: none;
  grid-template-columns: minmax(0, 1fr) 96px;
}
.search-engine-form.active {
  display: grid;
}
.search-engine-form input {
  height: 42px;
  border: 1px solid #eee;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  padding: 0 14px;
  outline: 0;
  color: #000;
  background: #f5f5f5;
  font-size: 15px;
}
.search-engine-form button {
  border: 0;
  border-radius: 0 4px 4px 0;
  background: #ff6e00;
  color: #fff;
  cursor: pointer;
}

/* 热搜关键词区域 */
.search-hot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.search-hot a {
  padding: 6px 10px;
  border-radius: 4px;
  background: #f90;
  color: #f5f5f5;
  font-size: 13px;
}
.search-hot a:hover {
  color: #ff5704;
}

@media (max-width: 768px) {
  .search-layer {
    width: calc(100% - 24px);
    padding: 22px 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  }
 
  .search-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .search-tabs button {
    min-width: 0;
    width: 100%;
  
  }
 
}
