html{background: var(--color-g-bg-primary);color: var(--color-g-text-primary);color-scheme: light;font-size: 1.55em;font-weight: 400; height: 100%;font-family: 'Microsoft Yahei';}
body { color: var(--color-g-text-primary);
    margin: 8px; font-size: .65rem;height: 100%; margin: 0;font-style:normal;
    -webkit-text-size-adjust: 100%; -webkit-marquee-increment: 0; --body-content-width: 55vw; --min-body-content-width: 33rem; --max-body-content-width: 54rem;}
:root{--color-g-bg-overflow:#f3f3f2; --color-g-bg-primary:#fff; --color-g-bg-secondary:#fff;--color-g-bg-tertiary:#fff;
	--color-g-bg-fill-6:#0000000f;--color-g-bg-fill-12:#0000001f;--color-g-bg-fill-18:#0000002e;--color-g-bg-fill-24:#0000003d;
	--color-g-bg-fill-30:#0000004d;--color-g-bg-red-primary:#f33;--color-g-bg-yellow-primary:#fc0;--color-g-bg-blue-primary:#07f;
	--color-g-text-primary:#000;--color-g-text-secondary:#000c;--color-g-text-tertiary:#000000ad;--color-g-text-quaternary:#00000073;
	--color-g-text-quinary:#00000052;--color-g-text-disabled:#00000040;--color-g-text-blue-primary:#0060d0;
	--color-g-text-blue-hover:#62aafd;--dist-stripe-height: 2rem;}
.body_wrapper {
    display: block;
    margin: 0 auto;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.bd_header {
    align-items: center;
    display: flex;
    height: 2.2rem;
    position: relative;
    z-index: 2;
}
.bd_header_logo{
    background-position: 50%;
    background-repeat: no-repeat;
	background-image: url(logo-1.png);
/*    background-size: 2.2rem;
    border-radius: 50%; */
    display: block;
    height: 2.2rem;
    transition: transform .15s ease-out;
    width: 4.8rem;
    will-change: transform;
}
.bd_link {
    outline: none;
    text-decoration: none;
    touch-action: manipulation;
}
.link_color {
    color: var(--color-g-text-primary);
}
.space{width:100%;background: #f7f7f7;height:2.222vw;}
.bd_header_r {
    align-items: center;
    display: flex;
    margin-left: auto;
}
.qingnian {
    border-radius: 0.6rem;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    height: 2rem;
    line-height: 2rem;
    margin:0 0.5rem;
    padding: 0 1rem;
    transition: background-color .15s;
}
.edu {
    font-size: 2.7em;
    position: relative;
}

.edu_item {
    display: block;
    height: 2rem;font-size: .75rem;line-height: 2rem;
    margin-right: 0.1rem;
    position: relative;
}
.body_content,.body_con{
    margin: 0 auto;
    position: relative;
}
section{padding-bottom:2vw;}
section.hidden,form.hidden {
	display: none;
}
nav{padding-top: 2vw;}
nav.tit_option {
    margin: 0 auto;
}
nav ul {
    width: 100%;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
nav ul.tit_select {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 1.5vw 0;
	float: left;
	white-space:nowrap;
	word-break:break-all;
	word-wrap: break-word;
	cursor:pointer;
}
nav ul li.current {
	color: #0079ff;
}
nav ul li.current .select_title{
	font-weight:600;
}
.dot1{background-image:url(web.png)}
.dot2{background-image:url(news.png)}
.dot3{background-image:url(images.png)}
.dot4{background-image:url(video.png)}
.dot5{background-image:url(music.png)}
.dot6{background-image:url(xiaoshuo.png)}
.dot7{background-image:url(shop.png)}
.dot8{background-image:url(games.png)}
.dot9{background-image:url(job.png)}
.dot10{background-image:url(travel.png)}
.dot11{background-image:url(car.png)}
.dot12{background-image:url(house.png)}
.dot13{background-image:url(health.png)}
.dot14{background-image:url(down.png)}
.dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8,.dot9,.dot10,.dot11,.dot12,.dot13,.dot14{border-radius: 50%;border: 1px solid #f3f3f2;}

.select_icon {background-position: 50%; background-repeat: no-repeat; background-size: contain;
    height: 2.5rem; margin: 0 auto 0.1rem; transition: transform .15s ease-out; width: 2.5rem; will-change: transform;
}
.select_title {font-size: .75rem; line-height: 1rem;font-weight:400; overflow: hidden;
    text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%;overflow: hidden;
}

.sort{max-width: 900px; -webkit-box-sizing: border-box; box-sizing: border-box;padding: 2.222vw 0;}
.sort .sort-title{position: relative; height: 8.889vw; line-height: 8.889vw; margin-bottom: 1.111vw; padding-left: 4.167vw; font-size: 4.444vw;
font-weight: 700;width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sort .sort-title .sort-tit{ width: 0.556vw; height: 3.611vw; background: #0079ff; position: absolute; top: 50%; left: 1.944vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sort .mingzhan,.sort .sort-class,.sort .sort-class .mz-item{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sort .sort-class{padding:3.111vw 0;}
.clearfix, img {display: block;}
.clearfix {display: block;}
.clearfix:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.sort .mingzhan a{width: 16.6%;margin-top: 3.111vw;text-decoration:none;}
.sort .mingzhan .mz-item{
    float: left; display: -webkit-box; display: -ms-flexbox;
    -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; 
}
.sort .mingzhan .mz-item .mz-icon{border-radius: 0.833vw; width: 2.5rem; height: 2.5rem;border: 1px solid #f3f3f2;}
.sort .mingzhan .mz-item .mz-name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: 0.9rem;line-height: 1.3rem; color: #222; -webkit-transform: scale(.8333); transform: scale(.8333);
}
.sort .mingzhan .mz-item .mz-name{color: rgb(68, 68, 68);}
.sort .sort-class .mz-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    text-align: left;
}
.sort .sort-class .mz-item .mz-item-title{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;
    float: left; display: -webkit-box; display: -ms-flexbox;
    -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; 
}
.sort .sort-class .mz-item a{width: 20%;margin-top: 2.111vw;text-decoration:none;color: rgb(68, 68, 68);}

input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{margin:0;}
input[type="text"],textarea{outline-style:none;-webkit-appearance:none;}
button, input, select, textarea {font-family: inherit;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{padding:0}

.search_form{position: relative;display: flex; margin:0 18px; right: 0; padding:0 0 0 5.5rem; border-radius: 35px; background: rgba(255,255,255, .8); box-sizing: content-box;border: 0.12rem solid #0079ff;}
.form_txt{width:100%; padding: 0; line-height:2rem; border:0; color: #333; background: none; font-size: 1.25em;}
.form_btn{ position:absolute; top: 0; bottom: 0; margin: auto 0; right: 20px; width:48px; height:48px; color: #fff; border:0; cursor:pointer; background:#0079ff; border-radius:50%; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.form_btn img{display: block; width:26px; margin: 0 auto;}
.form_btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
.form_txt::-webkit-input-placeholder{color: #808080;}

.search_option label{position: absolute; left: 20px; color: #0079ff; line-height: 70px;cursor: pointer;}
.search_option label:after{
    content: ''; position: absolute; right: 14px; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 36px; background: var(--color-g-text-quinary); opacity: 0.54;
}
.search_option label:before{
	content:"";position: absolute;right:28px;top:50%;margin-top:0;border: 7px solid transparent;border-bottom-color:#0079ff;
	transition: all .2s ease-in 0s;-moz-transition: all .2s ease-in 0s;-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;-webkit-transition: all .2s ease-in 0s;transform: rotate(180deg);
	-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);-o-transform: rotate(180deg);
}
.search_option label.open:before{
	margin-top: -10px;transform: rotate(0deg);-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);
}
.search_option ul{
    display: none; position: absolute;left: 5px;width: 100px;top: 100%;padding: 0;line-height: 1.5;border-radius: 0 0 10px 10px;background: var(--color-g-bg-primary);box-shadow: 1px 5px 13px #e2e2e4;z-index: 2;
}
.search_option ul li{padding: 5px 10px 5px 20px;cursor: pointer;list-style:none;}
.search_option ul li:hover a{color: #D43030;}

@media screen and (min-width: 769px){
nav,section{max-width: 900px;}
.bd_header{padding: 0.5rem 1.6rem;}
nav ul li{width:14.2%;}
.search_option label{font-size: 1.5rem;line-height: 5rem;}
.search_option label:before{border-width: 6px;right: -1rem;}
.search_option label:after{right: -1.4rem;height: 3rem;width: 2px;}
.search_option label.open:before{margin-top: -6px;}
.search_form{padding-left: 8.5rem;height: 5rem;line-height: 5rem;}
.form_txt {line-height: 4.5rem;font-size: 1.5rem;}
.form_btn {right: 20px;width: 80px; height: 80px;}
.form_btn img {width: 50px;}
}
@media screen and (max-width: 768px) {
.bd_header{padding: 0 10px 10px 10px;height:41px;}
.bd_header_logo{background-size: 75px;height: 40px;width: 82px;}
.qingnian {height: 40px;line-height: 40px;}
nav,section{width:100%;max-width:768px;}
nav ul li{width:16.667%;}
.sort .mingzhan .mz-item{width: 15.833vw; height: 17.778vw;}
.sort .mingzhan .mz-item .mz-icon{width: 8.333vw; height: 8.333vw;}
.sort .mingzhan .mz-item .mz-name{font-size: 3.33vw;}
.sort .sort-class .mz-item .mz-item-title{font-size: 4vw;}
.sort .sort-class .mz-item:not(:first-child) { margin-top: 4.167vw;}
.search_form{box-sizing: border-box;padding:0 60px 0 95px;margin:8px;border-radius: 15px;max-width:768px;}
.search_option label{width: 110px;font-size: 1.1em;left:10px;line-height: 60px;}
.search_option label:before{right:44px;border: 4px solid transparent;border-bottom-color: #0079ff;}
.search_option label:after{right: 34px;}

	.form_txt{height: 60px; line-height: 60px;font-size: 1.1em;}
	.form_btn{height:36px;width:36px;right: 5px;}
	.select_icon {margin: 0 auto 0.1rem;width: 8.333vw; height: 8.333vw;}
	.select_title { font-size: 3.333vw;}

}